@charset "UTF-8";.charts[data-v-c299ef7a] {
    width: 100%;
    height: 100%
}

.connect-share-box[data-v-191c809c] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    background: #0000004d;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem;
    padding-top: 66px
}

.connect-share[data-v-191c809c] {
    position: relative;
    width: 500px;
    max-width: 500px;
    height: 686px;
    padding: 24px 44px;
    border-radius: 16px;
    border: 2px solid #000000;
    background: #fff
}

.connect-share h1[data-v-191c809c] {
    text-align: center;
    margin-bottom: 4px;
    font-size: 24px;
    color: #000;
    line-height: 28px;
}

.connect-share-close[data-v-191c809c] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.connect-share-address[data-v-191c809c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 16px
}

.connect-share-address .connect-share-address-text[data-v-191c809c] {
    width: 372px;
    padding: 4px;
    display: flex;
    justify-content: center;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-text span[data-v-191c809c] {
    max-width: 320px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.connect-share-address .connect-share-address-cope[data-v-191c809c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-cope img[data-v-191c809c] {
    width: 20px;
    height: 20px
}

.connect-share-content-box[data-v-191c809c] {
    width: 410px;
    height: 500px;
    background: #fff;
    overflow: hidden;
    box-shadow: 3px 3px #000;
    border-radius: 16px;
    border: 2px solid #000000
}

.connect-share-content[data-v-191c809c] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 32px 0 12px;
    background: #fff
}

.connect-share-content-banner[data-v-191c809c] {
    position: absolute;
    width: 100%;
    height: 64px;
    left: 0;
    top: 0;
    background-color: #caff04;
    border-bottom: 2px solid #000;
    overflow: hidden
}

.connect-share-content-banner img[data-v-191c809c] {
    position: absolute;
    left: -5%;
    top: -50%;
    width: 110%
}

.connect-share-content-banner-default[data-v-191c809c] {
    width: 100%!important;
    left: 0!important;
    top: 0!important
}

.connect-share-content-top[data-v-191c809c] {
    padding: 0 24px 12px;
    border-bottom: 2px solid #000;
    background: #fff
}

.connect-share-content-top .connect-share-info-box[data-v-191c809c] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.connect-share-content-top .connect-share-info-box .connect-share-info-connect[data-v-191c809c] {
    position: relative;
    display: flex
}

.connect-share-content-top .connect-share-info-box .connect-share-info-avatar[data-v-191c809c] {
    width: 64px;
    height: 64px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-share-content-top .connect-share-info-box .connect-share-info-chain[data-v-191c809c] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.connect-share-content-top .connect-share-info-box .connect-share-info[data-v-191c809c] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 20px;
    border: 2px solid #000000;
    background-color: #fff
}

.connect-share-content-top .connect-share-info-box .connect-share-info img[data-v-191c809c] {
    width: 18px;
    height: 18px
}

.connect-share-content-top .connect-share-info-box .connect-share-info span[data-v-191c809c] {
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-name[data-v-191c809c] {
    margin: 8px 0;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.connect-share-content-top .connect-share-title[data-v-191c809c] {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-top .connect-share-change[data-v-191c809c] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    margin-bottom: 2px
}

.connect-share-content-top .connect-share-price[data-v-191c809c] {
    padding: 8px 16px;
    border-radius: 30px;
    background: #caff04
}

.connect-share-content-top .connect-share-price span[data-v-191c809c] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.connect-share-content-top .connect-share-range[data-v-191c809c] {
    display: flex;
    align-items: center
}

.connect-share-content-top .connect-share-range img[data-v-191c809c] {
    width: 16px;
    height: 16px
}

.connect-share-content-top .connect-share-range span[data-v-191c809c] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .conect-share-line[data-v-191c809c] {
    width: 100%;
    height: 80px;
    margin-bottom: 8px;
    background: #f2f3f780;
    border-radius: 8px
}

.connect-share-content-top .connect-share-list[data-v-191c809c] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.connect-share-content-top .connect-share-item[data-v-191c809c] {
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.connect-share-content-top .connect-share-item[data-v-191c809c]:nth-child(2) {
    padding-left: 10px
}

.connect-share-content-top .connect-share-item[data-v-191c809c]:nth-child(5) {
    padding-left: 10px
}

.connect-share-content-top .connect-share-item[data-v-191c809c]:nth-child(3) {
    padding-left: 10px
}

.connect-share-content-top .connect-share-item[data-v-191c809c]:nth-child(6) {
    padding-left: 10px
}

.connect-share-content-top .connect-share-item-text[data-v-191c809c] {
    font-size: 14px;
    line-height: 16px
}

.connect-share-content-top .connect-share-item-value[data-v-191c809c] {
    display: flex;
    align-items: center;
    gap: 4px
}

.connect-share-content-top .connect-share-item-value img[data-v-191c809c] {
    width: 20px;
    height: 20px
}

.connect-share-content-top .connect-share-item-value span[data-v-191c809c] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.connect-share-content-bottom[data-v-191c809c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: #fff
}

.connect-share-content-bottom .connect-share-content-logo[data-v-191c809c] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.connect-share-content-bottom .connect-share-content-logo img[data-v-191c809c] {
    width: 66px;
    height: 20px
}

.connect-share-content-bottom .connect-share-content-logo span[data-v-191c809c] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-bottom .connect-share-content-colume[data-v-191c809c] {
    display: flex;
    border: 2px solid #000000;
    border-radius: 4px
}

.connect-share-feature[data-v-191c809c] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 12px
}

.connect-share-feature .connect-share-featur-item[data-v-191c809c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer
}

.connect-share-feature .connect-share-featur-item img[data-v-191c809c] {
    width: 32px;
    height: 32px
}

.connect-share-feature .connect-share-featur-item span[data-v-191c809c] {
    font-size: 14px;
    line-height: 16px
}

@media only screen and (max-width: 1080px) {
    .connect-share-box[data-v-191c809c] {
        padding-top:96px!important
    }

    .connect-share[data-v-191c809c] {
        width: 100%;
        height: fit-content!important;
        padding: 12px 16px
    }

    .connect-share-close[data-v-191c809c] {
        top: 12px;
        right: 12px
    }

    .connect-share-address-cope[data-v-191c809c] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-address-cope img[data-v-191c809c] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share h1[data-v-191c809c] {
        font-size: 14px!important
    }

    .connect-share-content-banner[data-v-191c809c] {
        height: 48px!important
    }

    .connect-share-content-banner img[data-v-191c809c] {
        width: 105%!important
    }

    .connect-share-content-box[data-v-191c809c] {
        width: 100%;
        height: fit-content!important
    }

    .connect-share-content[data-v-191c809c] {
        padding: 18px 0 0
    }

    .connect-share-content-top[data-v-191c809c] {
        padding: 0 12px 6px
    }

    .connect-share-info-avatar[data-v-191c809c] {
        width: 48px!important;
        height: 48px!important
    }

    .connect-share-info-chain[data-v-191c809c] {
        width: 16px!important;
        height: 16px!important
    }

    .conect-share-line[data-v-191c809c] {
        height: 64px!important;
        margin-bottom: 4px
    }

    .connect-share-info[data-v-191c809c] {
        padding: 4px 8px!important
    }

    .connect-share-info .connect-share-info img[data-v-191c809c] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share-info span[data-v-191c809c] {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .connect-share-address-text[data-v-191c809c] {
        max-width: 90%!important
    }

    .connect-share-address[data-v-191c809c] {
        margin-bottom: 8px
    }

    .connect-share-address-text[data-v-191c809c] {
        padding: 2px!important
    }

    .connect-share-address-text span[data-v-191c809c] {
        font-size: 10px!important
    }

    .connect-share-name[data-v-191c809c] {
        font-size: 14px!important;
        line-height: 16px!important;
        margin: 4px 0!important
    }

    .connect-share-price[data-v-191c809c] {
        padding: 4px 10px!important
    }

    .connect-share-price span[data-v-191c809c] {
        font-size: 16px!important;
        line-height: 18px!important
    }

    .connect-share-range img[data-v-191c809c] {
        width: 12px!important;
        height: 12px!important
    }

    .connect-share-range span[data-v-191c809c] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-list[data-v-191c809c] {
        gap: 8px!important
    }

    .connect-share-item-text[data-v-191c809c] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-item-value img[data-v-191c809c] {
        width: 16px!important;
        height: 16px!important
    }

    .connect-share-item-value span[data-v-191c809c] {
        font-size: 16px!important;
        line-height: 20px!important
    }

    .connect-share-item[data-v-191c809c]:nth-child(2),.connect-share-item[data-v-191c809c]:nth-child(5),.connect-share-item[data-v-191c809c]:nth-child(3),.connect-share-item[data-v-191c809c]:nth-child(6) {
        padding-left: 20px!important
    }

    .connect-share-content-bottom[data-v-191c809c] {
        padding: 10px 12px
    }

    .connect-share-content-colume img[data-v-191c809c] {
        width: 48px!important
    }

    .connect-share-feature[data-v-191c809c] {
        margin-top: 8px!important
    }

    .connect-share-featur-item img[data-v-191c809c] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-featur-item span[data-v-191c809c] {
        font-size: 12px!important;
        line-height: 14px!important
    }
}

[data-v-11e5345d] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-11e5345d] .el-progress__text {
    min-width: fit-content
}

.el-dropdown[data-v-11e5345d] {
    position: absolute;
    z-index: 20;
    top: 6px;
    right: 6px
}

.wtb-info[data-v-11e5345d] {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tokenInfo-connect-audit[data-v-11e5345d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 128px;
    height: 36px;
    background: #000;
    border-radius: 0 30px;
    cursor: pointer
}

.tokenInfo-connect-audit img[data-v-11e5345d] {
    width: 20px;
    height: 20px
}

.tokenInfo-connect-audit span[data-v-11e5345d] {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-family: Inter-Medium
}

.connect-audit-list[data-v-11e5345d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 290px;
    padding: 24px
}

.connect-audit-item[data-v-11e5345d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.connect-audit-item>img[data-v-11e5345d] {
    width: 20px;
    height: 20px
}

.connect-audit-info[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 4px
}

.connect-audit-info>img[data-v-11e5345d] {
    width: 28px;
    height: 28px
}

.connect-audit-info>span[data-v-11e5345d] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-audit-info-percent[data-v-11e5345d] {
    position: relative;
    width: 28px;
    height: 28px;
    z-index: 2
}

.connect-audit-info-percent>img[data-v-11e5345d] {
    width: 100%;
    height: 100%
}

.connect-audit-info-percent>p[data-v-11e5345d] {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #dbff59;
    border-radius: 4px
}

.connect-audit-wrap[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 4px
}

.connect-audit-wrap>span[data-v-11e5345d] {
    font-size: 16px;
    line-height: 20px
}

.connect-audit-wrap>img[data-v-11e5345d] {
    width: 20px;
    height: 20px
}

.wtb-info-left[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 16px
}

.wtb-avatar-connect[data-v-11e5345d] {
    position: relative;
    display: flex;
    width: fit-content
}

.wtb-avatar-connect-img[data-v-11e5345d] {
    width: 110px;
    height: 110px;
    font-size: 46px;
    border-radius: 10%;
    border: 2px solid #000
}

.wtb-avatar-connect-chain[data-v-11e5345d] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #000
}

.wtb-info-content[data-v-11e5345d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 730px;
}

.wtb-info-content-top h4[data-v-11e5345d] {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wtb-info-content-center[data-v-11e5345d] {
    display: flex;
    align-items: center
}

.wtb-info-content-center h6[data-v-11e5345d] {
    font-size: 14px;
    font-family: Inter-Medium
}

.wtb-info-content-center>span[data-v-11e5345d] {
    font-size: 14px;
    color: #70706d;
    line-height: 16px;
    font-family: Inter-Light
}

.wtb-info-content-center>img[data-v-11e5345d] {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    cursor: pointer
}

.content-center-wrap[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 4px 0 8px;
    cursor: pointer
}

.content-center-wrap img[data-v-11e5345d] {
    width: 16px;
    height: 16px
}

.content-center-wrap>span[data-v-11e5345d] {
    font-size: 14px;
    line-height: 16px
}

.wtb-info-content-bottom[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 20px
}

.content-bottom-imgs[data-v-11e5345d] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 4px;
    background: #eeffae;
    border-radius: 16px;
    border: 1px solid #000000
}

.content-bottom-imgs img[data-v-11e5345d] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.content-bottom-feat[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 16px
}

.content-bottom-feat p[data-v-11e5345d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: #f8ffde;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #000
}

.content-bottom-feat p[data-v-11e5345d]:hover {
    background: #dfff67
}

.content-bottom-feat img[data-v-11e5345d] {
    width: 20px;
    height: 20px
}

.wtb-info-price[data-v-11e5345d] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 22px;
    background: #f8ffde;
    border-radius: 16px;
    border: 2px solid #000000
}

.info-price {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wtb-info-price>.el-dropdown[data-v-11e5345d] {
    position: relative;
    left: 0;
    top: 0
}

.wtb-info-price span[data-v-11e5345d] {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
}

.wtb-info-price img[data-v-11e5345d] {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.price-tips[data-v-11e5345d] {
    text-align: center
}

.price__up[data-v-11e5345d] {
    animation: framesColorUp-11e5345d .8s
}

.price__down[data-v-11e5345d] {
    animation: framesColorDown-11e5345d .8s
}

@keyframes framesColorUp-11e5345d {
    0% {
        color: #000
    }

    50% {
        color: #31bd65
    }

    to {
        color: #000
    }
}

@keyframes framesColorDown-11e5345d {
    0% {
        color: #000
    }

    50% {
        color: #eb4b6d
    }

    to {
        color: #000
    }
}

.scroll-connect[data-v-e3b8af94] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.scroll-logo[data-v-e3b8af94] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    width: 148px;
    height: 100%;
    padding: 0 12px;
    background: #000;
    border-radius: 24px 0 0 24px
}

.scroll-logo-img[data-v-e3b8af94] {
    width: 24px;
    height: 24px
}

.scroll-logo-back[data-v-e3b8af94] {
    position: absolute;
    z-index: 999;
    width: 50px;
    height: 100%;
    right: -52px
}

.scroll-logo h4[data-v-e3b8af94] {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-family: Inter-Medium
}

.scroll[data-v-e3b8af94] {
    display: flex;
    overflow: hidden;
    background: #fff;
    border: 2px solid #000;
    border-radius: 0 24px 24px 0
}

.scroll-item[data-v-e3b8af94] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 8px 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .5s
}

.scroll-item-sort[data-v-e3b8af94] {
    display: flex;
    gap: 2px;
    align-items: flex-end
}

.scroll-item-sort p[data-v-e3b8af94] {
    font-size: 14px;
    line-height: 14px
}

.scroll-item-sort span[data-v-e3b8af94] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 50%;
    background: #caff04;
    font-family: Inter-Medium
}

.scroll-item-connect[data-v-e3b8af94] {
    position: relative;
    display: flex
}

.scroll-item-avatar[data-v-e3b8af94] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000
}

.scroll-item-chain[data-v-e3b8af94] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px
}

.scroll-item h4[data-v-e3b8af94] {
    display: flex;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.scroll-item-range[data-v-e3b8af94] {
    display: flex;
    align-items: center
}

.scroll-item-range img[data-v-e3b8af94] {
    width: 16px;
    height: 16px
}

.scroll-item-range span[data-v-e3b8af94] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.scroll>.scroll-list[data-v-e3b8af94] {
    display: flex;
    white-space: nowrap;
    animation: animate-e3b8af94 var(--t) linear infinite;
    animation-delay: calc(var(--t) * -1)
}

@keyframes animate-e3b8af94 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.scroll>.scroll-list[data-v-e3b8af94]:nth-child(2) {
    animation: animate2-e3b8af94 var(--t) linear infinite;
    animation-delay: calc(var(--t) / -2)
}

@keyframes animate2-e3b8af94 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-200%)
    }
}

.scroll:hover>.scroll-list[data-v-e3b8af94] {
    animation-play-state: paused
}

[data-v-2d366462] .market-connect-progress .el-progress-bar__outer {
    background: #f2305a!important
}

[data-v-2d366462] .market-connect-progress .el-progress-bar__inner {
    border-right: 2px solid #ffffff
}

.animate__flipInX[data-v-2d366462] {
    animation: animate__flipInX .5s!important
}

.up-color[data-v-2d366462] {
    color: #0bb048
}

.down-color[data-v-2d366462] {
    color: #f2305a
}

.market-value[data-v-2d366462] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px;
    align-items: flex-start;
}

.market-value-more[data-v-2d366462] {
    padding-bottom: 32px
}

.market-menu[data-v-2d366462] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #d4d4cb
}

.market-menu-item[data-v-2d366462] {
    position: relative;
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 0 4px;
    background: #fff;
    cursor: pointer
}

.market-menu-item[data-v-2d366462]:after {
    position: absolute;
    content: "";
    height: 32px;
    right: 0;
    width: 1px;
    background: #d4d4cb
}

.market-menu-item[data-v-2d366462]:last-child:after {
    display: none
}

.market-menu-cur[data-v-2d366462] {
    padding: 4px 0;
    transform: translate(-8px,-8px);
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000
}

.market-menu-item p[data-v-2d366462] {
    font-size: 14px;
    line-height: 16px
}

.market-menu-item span[data-v-2d366462] {
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Medium;
    white-space: nowrap
}

.market-menu-cur p[data-v-2d366462] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.market-menu-cur p[data-v-2d366462]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-value-content[data-v-2d366462] {
    display: flex;
    padding: 12px 0;
    flex-direction: column;
}

.market-wrap-box[data-v-2d366462] {
    display: flex;
    flex-direction: column;
    width: 82px;
    gap: 19px;
    border-right: 1px solid #d4d4cb
}

.market-wrap-item span[data-v-2d366462] {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-wrap-item h6[data-v-2d366462] {
    margin-top: 2px;
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Medium
}

.market-connect-box[data-v-2d366462] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex: 1;
    padding-left: 22px
}

.market-connect-text[data-v-2d366462] {
    display: flex;
    justify-content: space-between
}

.market-connect-value[data-v-2d366462] {
    display: flex;
    justify-content: space-between;
    margin: 2px 0
}

.market-connect-text span[data-v-2d366462] {
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-connect-value span[data-v-2d366462] {
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Medium
}

.market-scoll-box[data-v-2d366462] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all .3s
}

.market-Mcp-list[data-v-2d366462] {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid #d4d4cb;
    border-bottom: 1px solid #d4d4cb
}

.market-Mcp-item[data-v-2d366462] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.market-Mcp-item[data-v-2d366462]:nth-child(1) {
    width: 81px
}

.market-Mcp-item[data-v-2d366462]:nth-child(2) {
    flex: 1;
    padding: 0 12px;
    border-left: 1px solid #d4d4cb;
    border-right: 1px solid #d4d4cb
}

.market-Mcp-item[data-v-2d366462]:nth-child(3) {
    flex: 1;
    padding: 0 12px
}

.market-Mcp-item>span[data-v-2d366462] {
    font-size: 12px;
    color: #70706d;
    line-height: 14px;
    font-family: Inter-Light
}

.market-Mcp-item-wrap[data-v-2d366462] {
    display: flex;
    align-items: center
}

.market-Mcp-item-wrap>h6[data-v-2d366462] {
    font-size: 16px;
    font-family: Inter-Medium
}

.market-Mcp-item-wrap p[data-v-2d366462] {
    font-size: 12px;
    margin: 0 2px
}

.market-Mcp-item-wrap img[data-v-2d366462] {
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.mcp-item-avatar[data-v-2d366462] {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    font-size: 8px;
    border: 1px solid #000;
    border-radius: 50%
}

.market-pool-list[data-v-2d366462] {
    display: flex;
    gap: 12px;
    flex-direction: column;
    margin: 6px 0
}

.market-pool-item[data-v-2d366462] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-pool-item .el-progress[data-v-2d366462] {
    flex: 1
}

.market-pool-item span[data-v-2d366462] {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #70706d;
    font-family: Inter-Light
}

.market-pool-item span p[data-v-2d366462] {
    max-width: 60px;
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.market-pool-item h5[data-v-2d366462] {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-family: Inter-Medium
}

.market-pool-item h5 p[data-v-2d366462] {
    max-width: 60px;
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.market-pool-item h6[data-v-2d366462] {
    display: flex;
    align-items: center;
    gap: 2px
}

.market-pool-item h6>span[data-v-2d366462] {
    font-size: 14px;
    line-height: 20px;
    font-family: Inter-Medium
}

.market-more[data-v-2d366462] {
    position: absolute;
    bottom: 0;
    left: calc(50% - 12px);
    cursor: pointer
}

.market-more>img[data-v-2d366462] {
    width: 24px;
    height: 24px
}

.market-address-list[data-v-2d366462] {
    display: flex;
    justify-content: space-between
}

.market-address-item[data-v-2d366462] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.market-address-item-top[data-v-2d366462] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.market-address-item-top>h5[data-v-2d366462] {
    font-size: 14px;
    line-height: 20px;
    font-family: Inter-Medium
}

.market-address-item-top>img[data-v-2d366462] {
    width: 12px;
    height: 12px
}

.market-address-item-bottom[data-v-2d366462] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 0 12px;
    background: #f7f7f2;
    border-radius: 12px;
    cursor: pointer
}

.market-address-item-bottom[data-v-2d366462]:hover {
    background: #caff04
}

.market-address-item-bottom span[data-v-2d366462] {
    font-size: 14px;
    line-height: 16px
}

.market-address-item-bottom-avatar[data-v-2d366462] {
    padding: 4px;
    border-radius: 50%;
    background: #edede8
}

.market-address-item-bottom img[data-v-2d366462] {
    width: 16px;
    height: 16px
}

.trading-value[data-v-dd31acb3] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.trading-value-more[data-v-dd31acb3] {
    padding-bottom: 12px
}

.trading-menu[data-v-dd31acb3] {
    display: flex;
    gap: 4px
}

.trading-menu-item[data-v-dd31acb3] {
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 0 4px;
    background: #fff;
    cursor: pointer
}

.trading-menu-cur[data-v-dd31acb3] {
    padding: 6px 0;
    transform: translate(-8px,-8px);
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000
}

.trading-menu-item span[data-v-dd31acb3] {
    font-size: 24px;
    line-height: 28px
}

.trading-menu-cur span[data-v-dd31acb3] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.trading-menu-cur span[data-v-dd31acb3]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.trading-eth[data-v-dd31acb3] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: -8px
}

.trading-eth p[data-v-dd31acb3] {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 100%;
    border-right: 1px solid #000;
    font-size: 14px
}

.trading-eth span[data-v-dd31acb3] {
    position: absolute;
    right: 10px;
    font-size: 14px
}

.trading-eth .el-input[data-v-dd31acb3] {
    height: 100%
}

[data-v-dd31acb3] .trading-eth .el-input--small .el-input__wrapper {
    width: 100%;
    padding: 2px 36px 2px 96px;
    border-radius: 6px;
    box-shadow: none!important;
    background: #fff;
    border: 2px solid #000
}

[data-v-dd31acb3] .trading-eth .el-input__inner {
    font-size: 14px;
    color: #000!important;
    font-family: Inter-Regular
}

.trading-tip[data-v-dd31acb3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trading-tip span[data-v-dd31acb3] {
    font-size: 14px;
    line-height: 16px
}

.trading-suggest[data-v-dd31acb3] {
    display: flex;
    align-items: center;
    gap: 10px
}

.trading-suggest-item[data-v-dd31acb3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 78px;
    height: 40px;
    border-radius: 6px;
    background: #f7f7f7;
    cursor: pointer
}

.trading-suggest-item[data-v-dd31acb3]:hover {
    border: 1px solid #000
}

.trading-suggest-item>img[data-v-dd31acb3] {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.trading-suggest-item span[data-v-dd31acb3] {
    font-size: 18px;
    font-weight: 22px;
    font-family: Inter-Medium
}

.connect-wallet-box[data-v-dd31acb3] {
    position: relative;
    width: 340px;
    height: 40px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #000
}

.connect-wallet-content[data-v-dd31acb3] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    font-size: 16px;
    line-height: 24px;
    font-family: Inter-Medium;
    border-radius: 6px;
    border: 2px solid #000000;
    transition: all .1s;
    cursor: pointer;
    transform: translate(-6px,-6px);
    background: #fff
}

.trading-disabled[data-v-dd31acb3] {
    color: #ccc
}

.disabled[data-v-dd31acb3] {
    opacity: .1
}

.disabled>.connect-wallet-content[data-v-dd31acb3] {
    cursor: not-allowed;
    transform: translate(-2px,-2px)
}

.connect-wallet-content img[data-v-dd31acb3] {
    width: 16px;
    height: 16px
}

.connect-wallet-content span[data-v-dd31acb3] {
    font-size: 16px;
    line-height: 20px
}

.connect-wallet-content[data-v-dd31acb3]:hover {
    transform: translate(-2px,-2px)
}

.trading-setting-list[data-v-dd31acb3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    transition: all .3s
}

.trading-setting-item[data-v-dd31acb3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trading-setting-item>span[data-v-dd31acb3] {
    font-size: 14px;
    height: 16px;
    font-family: Inter-Light
}

.trading-setting-item>span[data-v-dd31acb3]:last-child {
    padding-right: 2px
}

.trading-setting-item>img[data-v-dd31acb3] {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.trading-setting-info[data-v-dd31acb3] {
    display: flex;
    align-items: center
}

.trading-setting-info span[data-v-dd31acb3] {
    font-size: 14px;
    height: 16px
}

.trading-setting-info h6[data-v-dd31acb3] {
    font-size: 14px;
    height: 16px;
    border-bottom: 1px solid #000
}

.trading-setting-item-wrap[data-v-dd31acb3] {
    display: flex;
    align-items: center;
    gap: 8px
}

.trading-setting-item-wrap p[data-v-dd31acb3],.trading-setting-item-wrap input[data-v-dd31acb3] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    width: 76px;
    height: 28px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
    border: 1px solid #000000;
    background: #f7f7f2
}

.trading-setting-item-wrap p[data-v-dd31acb3]:last-child {
    border: none;
    background: none
}

.noData-box[data-v-ad4f6981] {
    display: flex;
    width: 100%;
    padding: 24px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.noData-box img[data-v-ad4f6981] {
    width: 326px;
    height: 266px
}

.noData-box span[data-v-ad4f6981] {
    font-size: 20px;
    color: #000;
    line-height: 22px
}

@media only screen and (max-width: 1080px) {
    .noData-box[data-v-ad4f6981] {
        gap:12px
    }

    .noData-box img[data-v-ad4f6981] {
        width: 162px;
        height: 132px
    }

    .noData-box span[data-v-ad4f6981] {
        font-size: 12px
    }
}

.list-enter-active[data-v-9eb45f53],.list-leave-active[data-v-9eb45f53] {
    transition: all .5s ease
}

.list-enter-from[data-v-9eb45f53],.list-leave-to[data-v-9eb45f53] {
    opacity: 0;
    transform: translate(-50px)
}

.up-color[data-v-9eb45f53] {
    color: #0bb048
}

.down-color[data-v-9eb45f53] {
    color: #f2305a
}

.tips-list[data-v-9eb45f53] {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.tips-list>span[data-v-9eb45f53] {
    font-size: 14px;
    line-height: 16px
}

.tips-list-imgs[data-v-9eb45f53] {
    display: flex;
    align-items: center
}

.tips-list-imgs>img[data-v-9eb45f53] {
    width: 20px;
    height: 20px;
    margin-left: -6px;
    border-radius: 50%;
    border: 1px solid #000
}

.tips-list>img[data-v-9eb45f53]:first-child {
    margin-left: 0
}

.tokenInfo-rank[data-v-9eb45f53] {
    display: flex;
    width: 810px;
    height: 100%;
    flex-direction: column;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.tokenInfo-rank-list[data-v-9eb45f53] {
    display: flex;
    gap: 4px;
    padding: 0 24px
}

.tokenInfo-rank-item[data-v-9eb45f53] {
    padding: 12px 60px;
    background: #fff;
    cursor: pointer
}

.tokenInfo-rank-cur[data-v-9eb45f53] {
    padding: 10px 60px;
    transform: translateY(-8px);
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000
}

.tokenInfo-rank-item span[data-v-9eb45f53] {
    font-size: 24px;
    line-height: 28px
}

.tokenInfo-rank-cur span[data-v-9eb45f53] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.tokenInfo-rank-cur span[data-v-9eb45f53]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.tokenInfo-rank-menu[data-v-9eb45f53] {
    display: flex;
    gap: 16px;
    padding: 16px 24px
}

.tokenInfo-rank-menu-item span[data-v-9eb45f53] {
    font-size: 18px;
    color: #182122;
    line-height: 22px;
    cursor: pointer
}

.tokenInfo-rank-menu-cur span[data-v-9eb45f53] {
    position: relative;
    z-index: 2;
    color: #000;
    font-family: Inter-Medium
}

.tokenInfo-rank-menu-cur span[data-v-9eb45f53]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.tokenInfo-rank-content[data-v-9eb45f53] {
    flex: 1;
    border-radius: 0 16px 16px 0;
    overflow: hidden
}

table[data-v-9eb45f53] {
    width: 100%;
    height: 100%;
    border-spacing: 0;
    overflow: hidden
}

thead[data-v-9eb45f53] {
    display: block;
    padding: 0 24px
}

thead tr th[data-v-9eb45f53] {
    flex: 1;
    text-align: left;
    padding: 12px 0;
    font-size: 12px;
    color: #70706d;
    line-height: 14px
}

thead tr[data-v-9eb45f53],tbody tr[data-v-9eb45f53] {
    display: flex;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #d4d4cb
}

tbody[data-v-9eb45f53] {
    display: flex;
    flex-direction: column;
    padding: 0 18px 0 24px;
    height: calc(100% - 38px);
    overflow-y: auto;
    transition: all .5s
}

tbody[data-v-9eb45f53]::-webkit-scrollbar {
    position: absolute;
    width: 6px;
    background: #fafafa
}

tbody[data-v-9eb45f53]::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 8px
}

tbody tr td[data-v-9eb45f53] {
    flex: 1;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 0;
    font-family: Inter-Medium;
    vertical-align: middle
}

thead tr th[data-v-9eb45f53]:last-child {
    text-align: right
}

tbody tr td[data-v-9eb45f53]:first-child {
    cursor: pointer;
    color: #666664;
    font-family: Inter-Light
}

tbody tr td[data-v-9eb45f53]:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

tbody tr td:last-child>img[data-v-9eb45f53] {
    width: 16px;
    height: 16px
}

tbody tr td:last-child span[data-v-9eb45f53] {
    text-align: right
}

.td-min[data-v-9eb45f53] {
    max-width: 90px!important
}

.td-total[data-v-9eb45f53] {
    max-width: 82px
}

.td-address-connect[data-v-9eb45f53] {
    display: flex;
    align-items: center;
    gap: 2px
}

.td-address-connect>p[data-v-9eb45f53] {
    font-size: 14px;
    line-height: 16px;
    color: #666664;
    font-family: Inter-Light
}

.td-address[data-v-9eb45f53] {
    max-width: 110px;
    position: relative;
    cursor: pointer;
    color: #000!important;
    font-family: Roboto-Mono!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.td-address-max[data-v-9eb45f53] {
    max-width: 160px!important
}

.td-pool-icon[data-v-9eb45f53] {
    width: 16px;
    height: 16px
}

.td-address[data-v-9eb45f53]:after {
    content: "";
    width: 0;
    height: 1px;
    background: #666;
    position: absolute;
    top: 100%;
    right: 0%;
    transition: all .1s
}

.td-address[data-v-9eb45f53]:hover:after {
    right: 0%;
    width: 100%
}

[data-v-1e512020] .el-tooltip__trigger:focus-visible {
    outline: unset
}

.tokenInfo-holder[data-v-1e512020] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.tokenInfo-holder-top10[data-v-1e512020] {
    display: flex;
    align-items: center;
    margin: 18px 0
}

.tokenInfo-holder-top10>span[data-v-1e512020] {
    margin-right: 8px;
    font-size: 14px;
    line-height: 16px
}

.tokenInfo-holder-top10>p[data-v-1e512020] {
    margin-left: 4px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.tokenInfo-holder-top10 .el-progress[data-v-1e512020] {
    flex: 1
}

[data-v-1e512020] .tokenInfo-holder-top10 .el-progress-bar__outer {
    border-radius: 2px!important;
    border: 1px solid #000;
    background-color: #fff
}

[data-v-1e512020] .tokenInfo-holder-top10 .el-progress-bar__inner {
    border-radius: 2px!important
}

.tokenInfo-holder-list[data-v-1e512020] {
    display: flex;
    align-items: center;
    gap: 24px
}

.tokenInfo-holder-item[data-v-1e512020] {
    font-size: 14px;
    color: #182122;
    cursor: pointer
}

.tokenInfo-holder-cur[data-v-1e512020] {
    background: #caff04;
}

.tokenInfo-holder-title[data-v-1e512020] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tokenInfo-holder-title h4[data-v-1e512020] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
}

.tokenInfo-holder-title h4[data-v-1e512020]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.week-analysis h4 {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
}

.week-analysis h4:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.tokenInfo-holder-title span[data-v-1e512020] {
    font-size: 24px;
    line-height: 28px;
    font-weight: bolder;
}

.tokenInfo-holder-up[data-v-1e512020] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end
}

.tokenInfo-holder-up span[data-v-1e512020] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.tokenInfo-holder-up p[data-v-1e512020] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.charts[data-v-1e512020] {
    width: 100%;
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[data-v-4a410c1d] .el-tooltip__trigger:focus-visible {
    outline: unset
}

.tokenInfo-buyers[data-v-4a410c1d] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.tokenInfo-buyers-title[data-v-4a410c1d] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px
}

.tokenInfo-buyers-title span[data-v-4a410c1d] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.tokenInfo-buyers-title span[data-v-4a410c1d]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.tokenInfo-buyers-title img[data-v-4a410c1d] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.tokenInfo-buyers-content[data-v-4a410c1d] {
    position: relative;
    min-height: 60px;
    padding: 16px 16px 20px;
    border-radius: 8px;
    border: 1px solid #d4d4cb;
    background-color: #fff;
    overflow: hidden;
    transition: all .5s
}

.tokenInfo-buyers-content-list[data-v-4a410c1d] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden
}

.tokenInfo-buyers-content-list img[data-v-4a410c1d] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.tokenInfo-buyers-tips span[data-v-4a410c1d] {
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.tokenInfo-buyers-list[data-v-4a410c1d] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 8px 0 20px
}

.tokenInfo-buyers-list-hover[data-v-4a410c1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 240px;
    padding: 24px
}

.tokenInfo-buyers-list-hover>.tokenInfo-buyers-item[data-v-4a410c1d] {
    min-width: 44%
}

.tokenInfo-buyers-item[data-v-4a410c1d] {
    display: flex;
    align-items: center
}

.tokenInfo-buyers-item>img[data-v-4a410c1d] {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.tokenInfo-buyers-item>span[data-v-4a410c1d] {
    white-space: nowrap;
    font-size: 16px;
    line-height: 20px
}

.tokenInfo-buyers-item>h6[data-v-4a410c1d] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.progress-list[data-v-4a410c1d] {
    display: flex;
    gap: 30px;
    padding: 0 2px
}

.progress-item[data-v-4a410c1d] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bordered-progress[data-v-4a410c1d] {
    border: 2px solid #000;
    border-radius: 50%;
    box-shadow: 2px 2px #000
}

[data-v-4a410c1d] .bordered-progress .el-progress__text {
    display: flex;
    justify-content: center
}

[data-v-4a410c1d] .bordered-progress .el-progress-circle__track {
    stroke: #fff
}

[data-v-4a410c1d] .bordered-progress .el-progress-circle__path {
    stroke-linecap: square
}

.bordered-progress .percentage-value[data-v-4a410c1d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 18px;
    border-radius: 50%;
    border: 2px solid #000;
    color: #000;
    font-family: Inter-Medium
}

.progress-item>h6[data-v-4a410c1d] {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    line-height: 16px
}

.tokenInfo-holder-more[data-v-4a410c1d] {
    display: flex;
    position: absolute;
    left: calc(50% - 12px);
    bottom: 0;
    cursor: pointer
}

.tokenInfo-holder-more>img[data-v-4a410c1d] {
    width: 24px;
    height: 24px
}

.tokenInfo-twiter[data-v-ac8d8744] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 24px;
    overflow: hidden
}

.tokenInfo-twiter-top[data-v-ac8d8744] {
    display: flex
}

.tokenInfo-twiter-back[data-v-ac8d8744] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.tokenInfo-twiter-banner[data-v-ac8d8744] {
    position: absolute;
    z-index: -1;
    left: 8px;
    top: 4px;
    width: 286px;
    height: 70px;
    border-radius: 16px 0 0;
    border: 2px solid #000000;
    overflow: hidden
}

.tokenInfo-twiter-banner>img[data-v-ac8d8744] {
    width: 100%;
    min-height: 70px;
    height: fit-content
}

.tokenInfo-twiter-info[data-v-ac8d8744] {
    position: relative;
    z-index: 2;
    width: 294px;
    padding-top: 12px
}

.tokenInfo-twiter-info>img[data-v-ac8d8744] {
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.tokenInfo-twiter-name[data-v-ac8d8744] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 12px 0;
    cursor: pointer
}

.tokenInfo-twiter-name h4[data-v-ac8d8744] {
    position: relative;
    z-index: 2;
    max-width: 200px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tokenInfo-twiter-name h4[data-v-ac8d8744]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.tokenInfo-twiter-name>img[data-v-ac8d8744] {
    width: 20px;
    height: 20px
}

.tokenInfo-twiter-syble[data-v-ac8d8744] {
    max-width: 200px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tokenInfo-twiter-fens-list[data-v-ac8d8744] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px
}

.tokenInfo-twiter-fens[data-v-ac8d8744] {
    display: flex;
    align-items: center;
    gap: 4px
}

.tokenInfo-twiter-fens>img[data-v-ac8d8744] {
    width: 20px;
    height: 20px
}

.tokenInfo-twiter-fens span[data-v-ac8d8744] {
    font-size: 16px;
    line-height: 20px
}

.tokenInfo-twiter-fens h6[data-v-ac8d8744] {
    font-size: 16px;
    line-height: 20px;
}

.twiter-connet[data-v-ac8d8744] {
    display: flex;
    align-items: flex-start;
    gap: 72px;
    justify-content: space-between
}

.twiter-connet-info[data-v-ac8d8744] {
    position: relative;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 22px
}

.twiter-connet-info[data-v-ac8d8744]:after {
    position: absolute;
    left: -32px;
    content: "";
    width: 1px;
    height: 100%;
    background: #d4d4cb
}

.mobile-product-info-params-card {
    display: flex;
    align-items: stretch;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 12px;
}

.mobile-product-info-params {
    position: relative;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-height: 196px
}

.mobile-product-info-params[data-v-ac8d8744]:after {
    position: absolute;
    left: -32px;
    content: "";
    width: 1px;
    height: 100%;
    background: #d4d4cb
}

.twiter-connet-info-title[data-v-ac8d8744] {
    position: relative;
    z-index: 2;
    width: fit-content;
    font-size: 24px;
    line-height: 28px;
    white-space: nowrap
}

.twiter-connet-info-title[data-v-ac8d8744]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.twiter-connet-info-item[data-v-ac8d8744] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.twiter-connet-info-avatar[data-v-ac8d8744] {
    border: 2px solid #000;
    border-radius: 50%
}

.twiter-connet-info-item>img[data-v-ac8d8744] {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.twiter-connet-info-item>span[data-v-ac8d8744] {
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.mobile-product-info-item {
    display: flex;
    align-items: center;
}

.mobile-product-info-item>span {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.mobile-product-info-item>h6 {
    margin-left: auto;
    font-size: 12px;
    line-height: 14px
}

.twiter-connet-info-item>h6[data-v-ac8d8744] {
    margin-left: auto;
    font-size: 16px;
    line-height: 20px
}

.twiter-news[data-v-ac8d8744] {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 12px;
    height: 94px;
    border-radius: 8px;
    border: 2px solid #000
}

.twiter-news>img[data-v-ac8d8744] {
    position: absolute;
    width: 24px;
    height: 24px
}

.twiter-news>img[data-v-ac8d8744]:nth-child(1) {
    left: -12px;
    top: -12px
}

.twiter-news>img[data-v-ac8d8744]:nth-child(2) {
    right: -12px;
    bottom: -12px
}

.twiter-news span[data-v-ac8d8744] {
    font-size: 14px;
    line-height: 24px;
    font-family: Inter-Light;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.twiter-news p[data-v-ac8d8744] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding-left: 24px;
    font-size: 14px;
    color: #70706d;
    font-family: Inter-Light;
    background: #fff
}

[data-v-ac8d8744] .noData-box {
    padding: 0;
    gap: 0
}

[data-v-ac8d8744] .noData-box img {
    width: 65px;
    height: 53px
}

[data-v-ac8d8744] .noData-box span {
    font-size: 12px
}

.score-box[data-v-3784e179] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 24px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.score-info[data-v-3784e179] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.score-title[data-v-3784e179] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.score-title[data-v-3784e179]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 12px;
    background-color: #caff04
}

.score-tag[data-v-3784e179] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 32px;
    font-size: 18px;
    border: 2px solid #000;
    border-radius: 16px;
    font-family: Inter-Medium
}

.score-charts[data-v-3784e179] {
    flex: 1;
    width: 100%
}

.tokenInfo-social[data-v-c83b0001] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 24px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.tokenInfo-social-title[data-v-c83b0001] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tokenInfo-social-title h4[data-v-c83b0001] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.tokenInfo-social-title h4[data-v-c83b0001]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.charts-connect[data-v-c83b0001] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 36px
}

.charts[data-v-c83b0001] {
    flex: 1;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.charts-legend[data-v-c83b0001] {
    width: 100px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.charts-legend-item[data-v-c83b0001] {
    display: flex;
    align-items: center
}

.charts-legend-item-text[data-v-c83b0001] {
    display: flex;
    align-items: center;
    width: 110px;
    gap: 4px
}

.charts-legend-item-text>span[data-v-c83b0001] {
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.charts-legend-item-text h6[data-v-c83b0001] {
    font-size: 16px;
    line-height: 20px
}

.charts-legend-item-value[data-v-c83b0001] {
    display: flex;
    align-items: center;
    gap: 8px
}

.charts-legend-item-value h6[data-v-c83b0001] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.charts-legend-item-value span[data-v-c83b0001] {
    font-size: 18px;
    line-height: 22px
}

[data-v-c83b0001] .noData-box {
    padding: 0;
    gap: 12px
}

[data-v-c83b0001] .noData-box img {
    width: 130px;
    height: 106px
}

[data-v-c83b0001] .noData-box span {
    font-size: 12px
}

.tokenInfo-holder[data-v-9a468e7b] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.tokenInfo-holder-title[data-v-9a468e7b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.tokenInfo-holder-title h4[data-v-9a468e7b] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.tokenInfo-holder-title h4[data-v-9a468e7b]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.charts[data-v-9a468e7b] {
    width: 100%;
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[data-v-9a468e7b] .noData-box {
    gap: 12px
}

[data-v-9a468e7b] .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-9a468e7b] .noData-box span {
    font-size: 12px
}

.tokenInfo-summary[data-v-f23decac] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 0;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.tokenInfo-summary-title[data-v-f23decac] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    margin-bottom: 8px
}

.tokenInfo-summary-title h4[data-v-f23decac] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.tokenInfo-summary-title h4[data-v-f23decac]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.tokenInfo-summary-title span[data-v-f23decac] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 18px
}

.tokenInfo-summary-title span[data-v-f23decac]:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #caff04;
    border: 2px solid #000
}

.tokenInfo-summary-connect[data-v-f23decac] {
    flex: 1;
    padding: 0 24px;
    font-size: 14px;
    line-height: 24px;
    overflow-y: auto;
    font-family: Inter-Light
}

.tokenInfo-summary-connect[data-v-f23decac]::-webkit-scrollbar {
    width: 6px;
    background: #fafafa
}

.tokenInfo-summary-connect[data-v-f23decac]::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 8px
}

.kolInfo-box[data-v-6f0d45ec] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-radius: 8px;
    border: 4px solid transparent;
    cursor: pointer
}

.kolInfo-box[data-v-6f0d45ec]:hover,.kolInfo-cur[data-v-6f0d45ec] {
    border: 4px solid #caff04
}

.kolInfo-box>img[data-v-6f0d45ec] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #000000
}

.kolInfo-connect[data-v-6f0d45ec] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.kolInfo-connect-name[data-v-6f0d45ec] {
    display: flex;
    align-items: center;
    gap: 4px
}

.kolInfo-connect-name h4[data-v-6f0d45ec] {
    max-width: 120px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kolInfo-connect-name>img[data-v-6f0d45ec] {
    width: 16px;
    height: 16px
}

.kolInfo-connect-follow[data-v-6f0d45ec] {
    display: flex;
    align-items: center;
    gap: 2px
}

.kolInfo-connect-follow>p[data-v-6f0d45ec] {
    font-size: 14px;
    line-height: 16px
}

.kolInfo-connect-follow>img[data-v-6f0d45ec] {
    width: 16px;
    height: 16px
}

.kolInfo-connect>span[data-v-6f0d45ec] {
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-family: Inter-Light
}

.charts[data-v-0b6033ed] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.connect-box[data-v-44a31c03] {
    display: flex;
    justify-content: center
}

.connect-content[data-v-44a31c03] {
    position: relative;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #000
}

.connect-wrap[data-v-44a31c03] {
    position: absolute;
    left: -6px;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: #fff;
    border: 2px solid #000;
    z-index: 2;
    overflow: hidden;
    transition: left .1s ease,top .1s ease;
    position: relative
}

.connect-wrap img[data-v-44a31c03] {
    width: 20px;
    height: 20px
}

.connect-wrap[data-v-44a31c03]:hover {
    top: -2px;
    left: -2px
}

.item-connect-box[data-v-a89fe119] {
    display: flex;
    height: 232px;
    padding: 20px;
    border-radius: 8px;
    margin: -2px;
    border: 2px solid #000;
    background: #fff;
    cursor: pointer;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99)
}

.item-connect-box[data-v-a89fe119]:hover {
    transform: translate(-6px,-6px)
}

.item-connect-left[data-v-a89fe119] {
    padding-right: 20px;
    border-right: 1px dashed #cccccc
}

.item-connet-right[data-v-a89fe119] {
    position: relative;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.item-connect-wrap[data-v-a89fe119] {
    display: flex;
    align-items: center;
    gap: 8px
}

.item-wrap-connect[data-v-a89fe119] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.item-wrap-connect-top[data-v-a89fe119] {
    display: flex;
    align-items: center;
    gap: 4px
}

.item-wrap-connect-bottom[data-v-a89fe119] {
    display: flex;
    align-items: center;
    gap: 2px
}

.item-wrap-connect-bottom>img[data-v-a89fe119] {
    width: 16px;
    height: 16px
}

.item-wrap-connect-bottom>span[data-v-a89fe119] {
    z-index: 2;
    font-size: 14px;
    line-height: 16px
}

.kolcall-avatar-connect[data-v-a89fe119] {
    position: relative;
    display: flex;
    margin-right: 4px
}

.kolcall-avatar-connect-chain[data-v-a89fe119] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.item-connect-wrap-avatar[data-v-a89fe119] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.item-connect-wrap-icon[data-v-a89fe119] {
    width: 18px;
    height: 18px
}

.item-connect-wrap h2[data-v-a89fe119] {
    max-width: 160px;
    font-size: 20px;
    color: #000;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Bold
}

.item-connect-wrap-text[data-v-a89fe119] {
    max-width: 50px;
    font-size: 14px;
    color: #000;
    font-family: Inter-Light;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item-connect-wrap-time[data-v-a89fe119] {
    font-size: 14px;
    color: #000;
    font-family: Inter-Light;
    white-space: nowrap
}

.item-connect-box-news[data-v-a89fe119] {
    width: 258px;
    height: 108px;
    padding: 6px 8px;
    margin: 8px 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 8px;
    border: 2px solid #f2f3f7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    font-family: Inter-Light
}

.kolcall-content-date-connect[data-v-a89fe119] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.item-connect-box-time[data-v-a89fe119] {
    position: relative;
    z-index: 2;
    display: flex;
    width: fit-content;
    align-items: center;
    cursor: pointer
}

.item-connect-box-time[data-v-a89fe119]:after {
    content: "";
    width: 94%;
    height: 4px;
    background: #caff04;
    position: absolute;
    z-index: -1;
    top: 60%;
    transition: all .1s
}

.item-connect-box-time[data-v-a89fe119]:hover:after {
    height: 60%;
    top: 20%
}

.item-connect-box-time span[data-v-a89fe119] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.item-connect-box-time img[data-v-a89fe119] {
    width: 16px;
    height: 16px
}

.item-connect-token[data-v-a89fe119] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px
}

.item-connect-token-connect[data-v-a89fe119] {
    position: relative;
    display: flex
}

.item-connect-token-avatar[data-v-a89fe119] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.item-connect-token-chain[data-v-a89fe119] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.item-connect-token>h4[data-v-a89fe119] {
    max-width: 100px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Bold
}

.item-connect-token-btn[data-v-a89fe119] {
    margin-left: auto
}

.item-connect-token-range[data-v-a89fe119] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    padding: 10px 12px;
    background: #caff04;
    border-radius: 30px
}

.item-connect-token-down[data-v-a89fe119] {
    background: #dbc4ff
}

.item-connect-token-range>img[data-v-a89fe119] {
    width: 20px;
    height: 20px
}

.item-connect-token-range>span[data-v-a89fe119] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.item-connect-token-line[data-v-a89fe119] {
    flex: 1;
    width: 100%
}

.item-connet-right>p[data-v-a89fe119] {
    margin-top: 8px;
    text-align: right;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    font-family: Inter-Light
}

.market-kol[data-v-9ab15df8] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.market-kol-title[data-v-9ab15df8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 24px;
    margin-bottom: 16px
}

.noTwiter[data-v-9ab15df8] {
    margin-bottom: 0
}

.market-kol-title h4[data-v-9ab15df8] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    z-index: 2;
    font-family: Inter-Bold
}

.market-kol-title h4[data-v-9ab15df8]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-kol-title p[data-v-9ab15df8] {
    padding: 4px 8px;
    font-size: 16px;
    line-height: 20px;
    background: #f2f3f7;
    border-radius: 14px
}

.mySwiper[data-v-9ab15df8] {
    width: 100%
}

.kolInfo-list[data-v-9ab15df8] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 24px
}

.kolInfo-connect[data-v-9ab15df8] {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 24px 0;
    gap: 20px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.kolInfo-connect[data-v-9ab15df8]::-webkit-scrollbar {
    display: none
}

.kolInfo-connect-box[data-v-9ab15df8] {
    flex: 1 1 40%;
    max-width: 580px;
    border-radius: 8px;
    border: 2px solid #000
}

.navigation-button>img[data-v-9ab15df8] {
    width: 20px;
    height: 20px
}

.smart-prev[data-v-9ab15df8] {
    position: absolute;
    left: -20px;
    top: 26px;
    z-index: 2
}

.smart-next[data-v-9ab15df8] {
    position: absolute;
    right: -20px;
    top: 26px;
    z-index: 2
}

.navigation-button[data-v-9ab15df8] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: all .1s;
    cursor: pointer
}

.navigation-button[data-v-9ab15df8]:hover {
    transform: translate(2px,2px);
    box-shadow: none
}

.token-k[data-v-4b7e13c8] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 20px;
    background: #fffff7;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px;
    overflow: hidden
}

.TVChartContainer[data-v-4b7e13c8] {
    width: 100%;
    height: 100%
}

.footer-box[data-v-189f2120] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1280px;
    margin-bottom: 12px
}

.footer-info[data-v-189f2120] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer-info img[data-v-189f2120] {
    width: 138px;
    height: 42px
}

.footer-info span[data-v-189f2120] {
    color: #000;
    font-size: 14px;
    line-height: 18px
}

.footer-wrap[data-v-189f2120] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 18px
}

.footer-imgs[data-v-189f2120] {
    display: flex;
    align-items: center;
    gap: 40px
}

.footer-imgs-content[data-v-189f2120] {
    display: flex
}

.footer-imgs-content:hover .footer-imgs-default[data-v-189f2120] {
    display: none
}

.footer-imgs-content:hover .footer-imgs-hover[data-v-189f2120] {
    display: block
}

.footer-imgs-default[data-v-189f2120] {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.footer-imgs-hover[data-v-189f2120] {
    display: none;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.footer-disclaimer[data-v-189f2120] {
    max-width: 520px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    word-break: keep-all;
    overflow-wrap: break-word
}

.footer-nav[data-v-189f2120] {
    display: flex;
    gap: 16px
}

.footer-nav-item[data-v-189f2120] {
    display: flex;
    align-items: center;
    gap: 4px
}

.footer-nav-item:nth-child(2) img[data-v-189f2120] {
    border-radius: 50%;
    border: 1px solid #000
}

.footer-nav-item img[data-v-189f2120] {
    width: 16px;
    height: 16px
}

.footer-nav-item span[data-v-189f2120] {
    font-size: 14px;
    line-height: 16px
}

@media only screen and (max-width: 1080px) {
    .footer-box[data-v-189f2120] {
        display:flex;
        align-items: center;
        width: 100%;
        padding: 0 16px
    }

    .footer-info[data-v-189f2120] {
        gap: 4px
    }

    .footer-info img[data-v-189f2120] {
        width: 90px;
        height: 28px
    }

    .footer-info span[data-v-189f2120] {
        font-size: 10px;
        line-height: 14px
    }

    .footer-imgs[data-v-189f2120] {
        gap: 24px
    }

    .footer-imgs-content img[data-v-189f2120] {
        width: 16px;
        height: 16px
    }

    .footer-nav[data-v-189f2120] {
        gap: 6px
    }

    .footer-nav-item img[data-v-189f2120] {
        width: 10px;
        height: 10px
    }

    .footer-nav-item span[data-v-189f2120] {
        font-size: 10px;
        line-height: 12px
    }

    .footer-disclaimer[data-v-189f2120] {
        max-width: 45vw;
        font-size: 10px;
        line-height: 14px
    }
}

.tokenInfo-connect-box[data-v-9b5c44a7] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 1280px;
    padding-top: 40px
}

.tokenInfo-connect-header[data-v-9b5c44a7] {
    position: relative;
    border-radius: 32px;
    border: 2px solid #000000;
    margin-top: 24px;
    margin-bottom: 80px;
}

.tokenInfo-connect[data-v-9b5c44a7] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    padding: 32px;
    background: #dfff67;
    border-radius: 32px
}

.tokenInfo-connect-tow[data-v-9b5c44a7] {
    margin-bottom: 32px;
    border: 2px solid #000
}

.tokenInfo-banner[data-v-9b5c44a7] {
    position: absolute;
    z-index: 10;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: 146px;
    overflow: hidden
}

.tokenInfo-banner-background[data-v-9b5c44a7] {
    width: 100%;
    height: 100%
}

.tokenInfo-banner-connet[data-v-9b5c44a7] {
    position: absolute;
    z-index: -2;
    right: -2px;
    top: -2px;
    width: 520px;
    height: 146px;
    background-color: #fff
}

.tokenInfo-banner-img[data-v-9b5c44a7] {
    position: absolute;
    z-index: -1;
    right: 8px;
    top: 8px;
    width: 482px;
    min-height: 116px;
    border-radius: 0 32px 0 0;
    border: 2px solid #000000
}

.tokenInfo-connect-content[data-v-9b5c44a7] {
    display: flex;
    gap: 24px;
    min-height: 440px;
}

.tokenInfo-connect-content-left[data-v-9b5c44a7] {
    position: relative;
    z-index: 20;
    width: 900px;
    flex-shrink: 0
}

.tokenInfo-connect-content-right[data-v-9b5c44a7] {
    position: relative;
    z-index: 20;
    flex: 1;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 26px
}

.tokenInfo-connect-wrap[data-v-9b5c44a7] {
    display: flex;
    gap: 24px;
    width: 100%;
}

.tokenInfo-connect-wrap[data-v-9b5c44a7]:nth-child(2) {
    height: 220px
}

.animate__fadeIn[data-v-8a96e25e] {
    animation: animate__fadeIn 1s!important
}

.web-header[data-v-8a96e25e] {
    display: flex;
    width: 1280px;
    border-bottom: 1px solid #000000
}

.web-header h1[data-v-8a96e25e] {
    font-size: 56px;
    color: #000;
    line-height: 78px;
    font-family: Inter-Bold
}

.web-header h1 span[data-v-8a96e25e] {
    position: relative;
    z-index: 2
}

.web-header h1 span[data-v-8a96e25e]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 30px;
    background: #caff04
}

.web-header h4[data-v-8a96e25e] {
    max-width: 572px;
    margin: 24px 0 auto;
    font-size: 18px;
    color: #000;
    line-height: 26px
}

.market-gauge[data-v-2c206c56] {
    position: relative;
    width: 100%;
    height: 100%
}

.market-gauge-min[data-v-2c206c56] {
    position: absolute;
    left: 10px;
    bottom: 8px;
    font-size: 16px;
    color: #000
}

.market-gauge-max[data-v-2c206c56] {
    position: absolute;
    right: 5px;
    bottom: 8px;
    font-size: 16px;
    color: #000
}

.charts[data-v-2c206c56] {
    width: 100%;
    height: 100%
}

.charts[data-v-b1fbffc5] {
    width: 100%;
    height: 66px
}

.title-connect[data-v-bf9aa649] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1280px;
    margin-bottom: 24px;
    font-size: 36px;
    color: #182122;
    line-height: 42px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.title-connect-more[data-v-bf9aa649] {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 18px;
    line-height: 24px;
    cursor: pointer
}

.title-connect-more[data-v-bf9aa649]:after {
    content: "";
    width: 94%;
    height: 4px;
    background: #caff04;
    position: absolute;
    z-index: -1;
    top: 60%;
    transition: all .1s
}

.title-connect-more[data-v-bf9aa649]:hover:after {
    height: 60%;
    top: 20%
}

.title-connect-more span[data-v-bf9aa649] {
    position: relative;
    margin-right: 4px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.title-connect-more img[data-v-bf9aa649] {
    width: 16px;
    height: 16px
}

@media only screen and (max-width: 960px) {
    .title-connect[data-v-bf9aa649] {
        font-size:20px;
        color: #000;
        line-height: 24px;
        margin-bottom: 8px
    }

    .title-connect-more span[data-v-bf9aa649] {
        font-size: 14px
    }

    .title-connect-more img[data-v-bf9aa649] {
        width: 14px;
        height: 14px
    }
}

.summary-box[data-v-42ef5441] {
    width: 1280px
}

.summary-content-box[data-v-42ef5441] {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 20px
}

.summary-content-box .summary-item[data-v-42ef5441] {
    flex: 1 1 30%;
    border-radius: 8px;
    border: 2px solid #000000
}

.summary-content-box .summary-item:nth-child(3) .summary-connect[data-v-42ef5441] {
    gap: 24px;
    justify-content: flex-start!important
}

.summary-content-box .summary-connect[data-v-42ef5441] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 184px;
    padding: 20px 16px;
    border: 2px solid #000;
    border-radius: 8px;
    margin: -2px;
    background: #fff;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99)
}

.summary-content-box .summary-connect[data-v-42ef5441]:hover {
    transform: translate(-6px,-6px)
}

.summary-content-box .summary-connect-title[data-v-42ef5441] {
    margin-bottom: 6px;
    line-height: 24px;
    font-size: 20px;
    font-family: Inter-Medium
}

.summary-content-box .summary-connect-wrap[data-v-42ef5441] {
    display: flex;
    align-items: center
}

.summary-content-box .summary-connect-wrap img[data-v-42ef5441] {
    width: 24px;
    height: 24px
}

.summary-content-box .summary-connect-right[data-v-42ef5441] {
    display: flex;
    align-items: center;
    width: 200px;
    height: 134px
}

.summary-content-box .summary-connect-wrap span[data-v-42ef5441] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 8px 24px;
    font-size: 32px;
    color: #000;
    background: #caff04;
    border-radius: 24px;
    font-family: Inter-Bold
}

.summary-content-box .summary-connect-text[data-v-42ef5441] {
    margin-right: 8px
}

.summary-content-box .summary-connect-data[data-v-42ef5441] {
    width: 176px;
    height: 48px
}

.summary-connect-list[data-v-42ef5441] {
    display: flex;
    align-items: center
}

.summary-connect-item[data-v-42ef5441] {
    position: relative;
    display: flex;
    width: fit-content;
    margin-left: -6px
}

.summary-connect-item-avatar[data-v-42ef5441] {
    width: 36px;
    height: 36px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #000
}

.summary-connect-item-chain[data-v-42ef5441] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.summary-connect-item-max[data-v-42ef5441] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: none;
    margin-left: 28px;
}

.charts[data-v-3e7d91f7] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.trend-item[data-v-aff4398e] {
    position: relative;
    width: 304px;
    padding: 10px;
    margin: -2px;
    border: 2px solid #000;
    border-radius: 8px;
    background: #fff;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99)
}

.trend-item[data-v-aff4398e]:hover {
    transform: translate(-6px,-6px)
}

.trend-item .trend-item-banner[data-v-aff4398e] {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    text-align: center;
}

.trend-item .trend-item-banner-defualt[data-v-aff4398e] {
    height: 100%
}

.trend-item .trend-item-like[data-v-aff4398e] {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.trend-item .trend-item-like img[data-v-aff4398e] {
    width: 100%;
    height: 100%
}

.trend-item .trend-item-info[data-v-aff4398e] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    top: 120px;
}

.trend-item .trend-item-info-avatar-connect[data-v-aff4398e] {
    position: relative;
    width: fit-content;
    display: flex
}

.trend-item .trend-item-info-chain[data-v-aff4398e] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.trend-item .trend-item-info-avatar[data-v-aff4398e] {
    width: 35px;
    height: 35px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.trend-item .trend-item-connet[data-v-aff4398e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    height: 35px;
}

.trend-item .trend-item-connet-title[data-v-aff4398e] {
    max-width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trend-item .trend-wrap[data-v-aff4398e] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.trend-item .trend-item-container-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 140px;
}

.trend-item .trend-item-container-box>p[data-v-aff4398e] {
    font-size: 14px;
    line-height: 16px;
    color: #666;
}

.trend-item .trend-item-container-imgs[data-v-aff4398e] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding-right: 6px;
}

.trend-item .trend-item-container-g[data-v-aff4398e] {
    display: flex;
    align-items: center;
    gap: 2px;
    border-radius: 32px 0 0 32px
}

.trend-item .trend-item-container-g>span[data-v-aff4398e] {
    font-size: 14px;
    line-height: 16px;
}

.trend-item .trend-item-container-imgs img[data-v-aff4398e] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.trend-item .trend-wrap-price span[data-v-aff4398e] {
    font-size: 16px;
    line-height: 18px;
    color:#048aff;
    font-weight: bold;
}

.trend-item .trend-range[data-v-aff4398e] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 8px 8px;
    background: #caff04;
    border-radius: 30px
}

.trend-item .trend-range-down[data-v-aff4398e] {
    background: #dbc4ff
}

.trend-item .trend-range img[data-v-aff4398e] {
    width: 20px;
    height: 20px
}

.trend-item .trend-range span[data-v-aff4398e] {
    font-weight: bold;
}

.trend-item .trend-charts {
    width: 100%;
    height: 100px;
    margin-bottom: 8px
}

.trend-item .trend-items[data-v-aff4398e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    height: 20px;
}

.trend-item .trend-items[data-v-aff4398e]:last-child {
    margin-bottom: 0
}

.week-trend-item .week-trend-items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    height: 40px;
}

.week-trend-item .week-trend-items:last-child {
    margin-bottom: 0
}

.trend-item .trend-items-info[data-v-aff4398e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.trend-item .trend-items-info img[data-v-aff4398e] {
    width: 20px;
    height: 20px
}

.trend-item .trend-items-info span[data-v-aff4398e] {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    margin-left: 4px;
}

.trend-item .trend-items-value[data-v-aff4398e] {
    display: flex;
    align-items: center
}

.trend-item .trend-items-value img[data-v-aff4398e] {
    width: 16px;
    height: 16px
}

.trend-item .trend-items-value span[data-v-aff4398e] {
    font-size: 14px;
}

.trend-item .trend-items-info p[data-v-aff4398e] {
    padding: 3px 10px;
    font-size: 14px;
    line-height: 16px;
    background: #f5f5f0;
    border-radius: 14px
}

.week-trend-item {
    margin-right: 15px;
}

.week-trend-item:last-child {
    margin-right: 0;
}

.trend-box[data-v-13fd137c] {
    width: 1280px
}

.trend-content[data-v-13fd137c] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.trend-content-no-data {
    display: flex;
    width: 100%;
    padding: 24px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.trend-container[data-v-13fd137c] {
    border-radius: 8px;
    flex: 1 1 20%;
    max-width: 304px;
    position: relative
}

.trend-container-big[data-v-13fd137c] {
    position: absolute;
    z-index: -2;
    top: 54px;
    right: -2px;
    width: 100%;
    height: 100px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #ffcb19
}

.charts[data-v-a594b1b8] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.kolRank-container[data-v-0d8a3712] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 40px
}

.rank-item-container[data-v-0d8a3712] {
    position: relative;
    flex: 1 1 30%;
    max-width: 412px;
    height: 100%
}

.rank-item-container-bac[data-v-0d8a3712] {
    position: absolute;
    z-index: -1;
    max-width: 412px;
    width: 100%;
    height: 100%;
    background: #c175ec;
    border-radius: 8px;
    border: 2px solid #000000
}

.rank-item[data-v-0d8a3712] {
    position: relative;
    width: 412px;
    padding: 56px 24px 24px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.rank-item .ranke-item-banner[data-v-0d8a3712] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #000
}

.rank-item .ranke-item-banner img[data-v-0d8a3712] {
    width: 100%;
    margin-top: -40px
}

.rank-item .ranke-item-banner-default[data-v-0d8a3712] {
    height: 100%!important;
    margin-top: 0!important
}

.rank-item .rank-item-sort[data-v-0d8a3712] {
    position: absolute;
    left: -2px;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 36px;
    background: #fff;
    border-radius: 8px 0 16px;
    border: 2px solid #000000
}

.rank-item .rank-item-sort img[data-v-0d8a3712] {
    width: 32px;
    height: 32px
}

.rank-item .rank-item-sort span[data-v-0d8a3712] {
    font-size: 20px;
    color: #000;
    line-height: 22px
}

.rank-item .rank-item-avatar[data-v-0d8a3712] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rank-item .rank-item-avatar-img[data-v-0d8a3712] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.rank-item .rank-item-info[data-v-0d8a3712] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0
}

.rank-item .rank-item-info h2[data-v-0d8a3712] {
    max-width: 230px;
    font-size: 24px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Bold;
    cursor: pointer
}

.rank-item .rank-item-info img[data-v-0d8a3712] {
    width: 18px;
    height: 18px
}

.rank-item .rank-item-info span[data-v-0d8a3712] {
    padding: 6px 12px;
    border-radius: 18px;
    font-size: 14px;
    background-color: #caff04;
    font-family: Inter-Medium;
    margin-left: 6px
}

.rank-item .rank-item-content[data-v-0d8a3712] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.rank-item .rank-item-content-news[data-v-0d8a3712] {
    width: 364px;
    height: 84px;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
    border: 2px solid #f2f3f7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light;
    cursor: pointer
}

.rank-item .rank-item-content-time[data-v-0d8a3712] {
    font-size: 14px;
    color: #666;
    font-family: Inter-Light
}

.rank-item .rank-item-wrap[data-v-0d8a3712] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0
}

.rank-item .rank-item-wrap a[data-v-0d8a3712] {
    display: flex;
    align-items: center;
    gap: 8px
}

.rank-item .rank-item-wrap-connect[data-v-0d8a3712] {
    position: relative;
    display: flex
}

.rank-item .rank-item-wrap-chain[data-v-0d8a3712] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.rank-item .rank-item-wrap-avatar[data-v-0d8a3712] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.rank-item .rank-item-wrap-text h3[data-v-0d8a3712] {
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.rank-item .rank-item-wrap-text span[data-v-0d8a3712] {
    font-size: 16px
}

.rank-item .rank-item-wrap-range[data-v-0d8a3712] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    background: #caff04;
    border-radius: 30px
}

.rank-item .rank-item-wrap-range-down[data-v-0d8a3712] {
    background: #dbc4ff
}

.rank-item .rank-item-wrap-range img[data-v-0d8a3712] {
    width: 20px;
    height: 20px;
    border: none
}

.rank-item .rank-item-wrap-range span[data-v-0d8a3712] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.rank-item .rank-item-line[data-v-0d8a3712] {
    width: 100%;
    height: 100px
}

.kolRank-share[data-v-0d8a3712] {
    position: absolute;
    right: 0;
    padding: 6px 0 0 6px
}

.charts[data-v-d434e2c8] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.connect-share-box[data-v-dc30b63b] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    background: #0000004d;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem;
    padding-top: 66px
}

.connect-share[data-v-dc30b63b] {
    overflow: hidden;
    position: relative;
    z-index: 888;
    width: 500px;
    max-width: 500px;
    height: 684px;
    padding: 24px 44px;
    border-radius: 16px;
    border: 2px solid #000000;
    background: #fff
}

.connect-share h1[data-v-dc30b63b] {
    text-align: center;
    margin-bottom: 4px;
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-family: Inter-Medium
}

.connect-share-close[data-v-dc30b63b] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.connect-share-address[data-v-dc30b63b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 16px
}

.connect-share-address .connect-share-address-text[data-v-dc30b63b] {
    width: 372px;
    padding: 4px 0;
    display: flex;
    justify-content: center;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-text span[data-v-dc30b63b] {
    max-width: 320px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.connect-share-address .connect-share-address-cope[data-v-dc30b63b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-cope img[data-v-dc30b63b] {
    width: 20px;
    height: 20px
}

.connect-share-content-box[data-v-dc30b63b] {
    width: 410px;
    height: 500px;
    background: #fff;
    overflow: hidden;
    box-shadow: 3px 3px #000;
    border-radius: 16px;
    border: 2px solid #000000
}

.connect-share-content[data-v-dc30b63b] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 32px 0 12px;
    background: #fff
}

.connect-share-content-sort[data-v-dc30b63b] {
    position: absolute;
    z-index: 2;
    right: -2px;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    background: #fff;
    border-radius: 0 0 0 16px;
    border: 2px solid #000000
}

.connect-share-content-sort img[data-v-dc30b63b] {
    width: 28px;
    height: 28px
}

.connect-share-content-sort span[data-v-dc30b63b] {
    font-size: 18px;
    color: #000;
    line-height: 20px
}

.connect-share-content-banner[data-v-dc30b63b] {
    position: absolute;
    width: 100%;
    height: 64px;
    left: 0;
    top: 0;
    border-bottom: 2px solid #000;
    overflow: hidden
}

.connect-share-content-banner img[data-v-dc30b63b] {
    position: absolute;
    left: -5%;
    top: -50%;
    width: 110%
}

.connect-share-content-top[data-v-dc30b63b] {
    padding: 0 24px 12px;
    border-bottom: 2px solid #000;
    background: #fff
}

.connect-share-content-top .connect-share-info[data-v-dc30b63b] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.connect-share-content-top .connect-share-info .connect-share-info-avatar[data-v-dc30b63b] {
    width: 64px;
    height: 64px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-share-content-top .connect-share-name[data-v-dc30b63b] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 8px 0 4px
}

.connect-share-content-top .connect-share-name-time[data-v-dc30b63b] {
    margin-left: auto;
    font-size: 14px;
    color: #706d70;
    font-family: Inter-Light
}

.connect-share-content-top .connect-share-name img[data-v-dc30b63b] {
    width: 18px;
    height: 18px
}

.connect-share-content-top .connect-share-name span[data-v-dc30b63b] {
    max-width: 180px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.connect-share-content-top .connect-share-news[data-v-dc30b63b] {
    padding: 6px 8px;
    height: fit-content;
    min-height: 85px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 8px;
    border: 2px solid #f2f3f7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light
}

.connect-share-content-top .connect-share-container[data-v-dc30b63b] {
    display: flex;
    align-items: center;
    margin: 16px 0 8px
}

.connect-share-content-top .connect-share-container-connect[data-v-dc30b63b] {
    position: relative;
    display: flex
}

.connect-share-content-top .connect-share-container-avatar[data-v-dc30b63b] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-share-content-top .connect-share-container-chain[data-v-dc30b63b] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.connect-share-content-top .connect-share-container-info[data-v-dc30b63b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: 8px
}

.connect-share-content-top .connect-share-container-info h3[data-v-dc30b63b] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.connect-share-content-top .connect-share-container-info span[data-v-dc30b63b] {
    font-size: 16px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-container-range[data-v-dc30b63b] {
    display: flex;
    align-items: center;
    margin-left: auto
}

.connect-share-content-top .connect-share-container-range img[data-v-dc30b63b] {
    width: 24px;
    height: 24px;
    border: none
}

.connect-share-content-top .connect-share-container-range span[data-v-dc30b63b] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.connect-share-content-top .conect-share-line[data-v-dc30b63b] {
    width: 100%;
    height: 72px;
    margin-bottom: 8px
}

.connect-share-content-bottom[data-v-dc30b63b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: #fff
}

.connect-share-content-bottom .connect-share-content-logo[data-v-dc30b63b] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.connect-share-content-bottom .connect-share-content-logo img[data-v-dc30b63b] {
    width: 66px;
    height: 20px
}

.connect-share-content-bottom .connect-share-content-logo span[data-v-dc30b63b] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-bottom .connect-share-content-colume[data-v-dc30b63b] {
    display: flex;
    border: 2px solid #000000;
    border-radius: 4px
}

.connect-share-feature[data-v-dc30b63b] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 12px
}

.connect-share-feature .connect-share-featur-item[data-v-dc30b63b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer
}

.connect-share-feature .connect-share-featur-item img[data-v-dc30b63b] {
    width: 32px;
    height: 32px
}

.connect-share-feature .connect-share-featur-item span[data-v-dc30b63b] {
    font-size: 14px;
    line-height: 16px
}

@media only screen and (max-width: 1080px) {
    .connect-share-box[data-v-dc30b63b] {
        padding-top:96px!important
    }

    .connect-share[data-v-dc30b63b] {
        width: 100%;
        height: fit-content!important;
        padding: 12px 16px
    }

    .connect-share-close[data-v-dc30b63b] {
        top: 12px;
        right: 12px
    }

    .connect-share-news[data-v-dc30b63b] {
        font-size: 12px!important;
        line-height: 14px!important;
        min-height: 54px!important;
        max-height: 54px!important
    }

    .connect-share-name-time[data-v-dc30b63b] {
        font-size: 12px!important
    }

    .connect-share-address-cope[data-v-dc30b63b] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-address-cope img[data-v-dc30b63b] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share h1[data-v-dc30b63b] {
        font-size: 14px!important
    }

    .connect-share-content-banner[data-v-dc30b63b] {
        height: 48px!important
    }

    .connect-share-content-banner img[data-v-dc30b63b] {
        width: 105%!important
    }

    .connect-share-content-box[data-v-dc30b63b] {
        width: 100%;
        height: fit-content!important
    }

    .connect-share-content[data-v-dc30b63b] {
        padding: 18px 0 0
    }

    .connect-share-content-top[data-v-dc30b63b] {
        padding: 0 12px 6px
    }

    .connect-share-info-avatar[data-v-dc30b63b] {
        width: 48px!important;
        height: 48px!important
    }

    .conect-share-line[data-v-dc30b63b] {
        height: 64px!important;
        margin-bottom: 4px
    }

    .connect-share-info[data-v-dc30b63b] {
        padding: 4px 8px!important
    }

    .connect-share-info .connect-share-info img[data-v-dc30b63b] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share-info span[data-v-dc30b63b] {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .connect-share-address-text[data-v-dc30b63b] {
        max-width: 90%!important
    }

    .connect-share-address[data-v-dc30b63b] {
        margin-bottom: 8px
    }

    .connect-share-address-text[data-v-dc30b63b] {
        padding: 2px!important
    }

    .connect-share-address-text span[data-v-dc30b63b] {
        font-size: 10px!important
    }

    .connect-share-name span[data-v-dc30b63b] {
        font-size: 14px!important;
        line-height: 16px!important;
        margin: 4px 0!important
    }

    .connect-share-container-info h3[data-v-dc30b63b] {
        font-size: 16px!important;
        line-height: 18px!important
    }

    .connect-share-container-info span[data-v-dc30b63b] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-container-range img[data-v-dc30b63b] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share-container-range span[data-v-dc30b63b] {
        font-size: 14px!important;
        line-height: 16px!important
    }

    .connect-share-list[data-v-dc30b63b] {
        gap: 8px!important
    }

    .connect-share-item-text[data-v-dc30b63b] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-item-value img[data-v-dc30b63b] {
        width: 16px!important;
        height: 16px!important
    }

    .connect-share-item-value span[data-v-dc30b63b] {
        font-size: 16px!important;
        line-height: 20px!important
    }

    .connect-share-content-bottom[data-v-dc30b63b] {
        padding: 10px 12px
    }

    .connect-share-content-colume img[data-v-dc30b63b] {
        width: 48px!important
    }

    .connect-share-feature[data-v-dc30b63b] {
        margin-top: 8px!important
    }

    .connect-share-featur-item img[data-v-dc30b63b] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-featur-item span[data-v-dc30b63b] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-content-sort[data-v-dc30b63b] {
        width: 70px;
        height: 24px
    }

    .connect-share-content-sort img[data-v-dc30b63b] {
        width: 18px!important;
        height: 18px!important
    }

    .connect-share-content-sort span[data-v-dc30b63b] {
        font-size: 14px!important
    }
}

.trend-box[data-v-b3ff59f6] {
    width: 1280px
}

.kolRank-container[data-v-b3ff59f6] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 40px
}

.rank-item-container[data-v-b3ff59f6],.community-item-container[data-v-f6ae34e6] {
    position: relative;
    flex: 1 1 30%;
    max-width: 412px;
    height: 100%
}

.community-item-container-bac[data-v-f6ae34e6] {
    position: absolute;
    z-index: -1;
    max-width: 412px;
    width: 100%;
    height: 100%;
    background: #c175ec;
    border-radius: 8px;
    border: 2px solid #000000
}

.community-item[data-v-f6ae34e6] {
    position: relative;
    width: 412px;
    padding: 56px 24px 22px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.community-item-banner[data-v-f6ae34e6] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #000
}

.community-item-banner img[data-v-f6ae34e6] {
    width: 100%;
    margin-top: -40px
}

.community-item-banner-default[data-v-f6ae34e6] {
    width: 100%;
    height: 100%!important;
    margin-top: 0!important
}

.community-item-avatar[data-v-f6ae34e6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.community-item-avatar-img[data-v-f6ae34e6] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.community-item-info[data-v-f6ae34e6] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0
}

.community-item-info h2[data-v-f6ae34e6] {
    max-width: 230px;
    font-size: 24px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Bold;
    cursor: pointer
}

.community-item-info img[data-v-f6ae34e6] {
    width: 18px;
    height: 18px
}

.community-item-display[data-v-f6ae34e6] {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 16px
}

.community-item-content[data-v-f6ae34e6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.community-item-content-news[data-v-f6ae34e6] {
    width: 364px;
    height: 84px;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light;
    cursor: pointer;
    background: #f7f7f7
}

.community-follows[data-v-f6ae34e6] {
    display: flex;
    gap: 42px;
    padding: 10px 0 18px;
    border-bottom: 1px solid #d4d4cb
}

.community-follows-item[data-v-f6ae34e6] {
    display: flex;
    align-items: center;
    gap: 4px
}

.community-follows-item>img[data-v-f6ae34e6] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #caff04
}

.community-follows-item>span[data-v-f6ae34e6] {
    font-size: 14px;
    line-height: 16px
}

.community-follows-item>h4[data-v-f6ae34e6] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.community-token-title[data-v-f6ae34e6] {
    font-size: 14px;
    line-height: 16px;
    margin: 18px 0 8px
}

.community-token-list[data-v-f6ae34e6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d4cb
}

.community-token-list-view[data-v-f6ae34e6] {
    justify-content: flex-start!important;
    gap: 62px
}

.community-token-item[data-v-f6ae34e6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.community-token-item-connect[data-v-f6ae34e6] {
    position: relative;
    display: flex
}

.community-token-item-avatar[data-v-f6ae34e6] {
    width: 36px;
    height: 36px;
    font-size: 18px;
    border-radius: 50%;
    border: 2px solid #000
}

.community-token-item-chain[data-v-f6ae34e6] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px
}

.community-token-item-info[data-v-f6ae34e6] {
    display: flex;
    flex-direction: column
}

.community-token-item-info>h4[data-v-f6ae34e6] {
    max-width: 100px;
    margin: 4px 0 2px;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.community-token-item-range[data-v-f6ae34e6] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 1px 8px;
    background: #caff04;
    border-radius: 10px
}

.range-down[data-v-f6ae34e6] {
    background: #dbc4fe!important
}

.community-token-item-range>img[data-v-f6ae34e6] {
    width: 12px;
    height: 12px
}

.community-token-item-range>span[data-v-f6ae34e6] {
    font-size: 14px;
    line-height: 16px
}

.community-tg-connect-box[data-v-f6ae34e6] {
    display: flex;
    align-items: center
}

.community-tg-connect-left[data-v-f6ae34e6] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.community-tg-connect[data-v-f6ae34e6] {
    display: flex;
    align-items: center
}

.community-tg-connect>img[data-v-f6ae34e6] {
    width: 42px;
    height: 42px;
    margin-right: 8px;
    border-radius: 8px;
    border: 2px solid #000
}

.community-tg-info[data-v-f6ae34e6] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.community-tg-info h4[data-v-f6ae34e6] {
    max-width: 180px;
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Inter-Medium
}

.community-tg-info-list[data-v-f6ae34e6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid #d4d4cb
}

.community-tg-info-item[data-v-f6ae34e6] {
    display: flex;
    align-items: center;
    gap: 2px
}

.community-tg-info-item span[data-v-f6ae34e6] {
    font-size: 14px;
    line-height: 16px
}

.community-tg-info-item p[data-v-f6ae34e6] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.community-tg-btn-connect[data-v-f6ae34e6] {
    position: relative;
    width: 108px;
    height: 38px;
    margin-left: auto;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.community-tg-btn[data-v-f6ae34e6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 108px;
    height: 38px;
    gap: 4px;
    margin: -2px;
    padding: 8px 24px;
    border-radius: 6px;
    background: #000;
    cursor: pointer;
    transform: translate(-4px,-4px)
}

.community-tg-btn[data-v-f6ae34e6]:hover {
    transform: translate(0)
}

.community-tg-btn>span[data-v-f6ae34e6] {
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.community-tg-btn>p[data-v-f6ae34e6] {
    font-size: 16px;
    color: #fff
}

.community-box[data-v-68ec68db] {
    width: 1280px
}

.community-container[data-v-68ec68db] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 40px
}

.rank-item-container[data-v-68ec68db] {
    position: relative;
    flex: 1 1 30%;
    max-width: 412px;
    height: 100%
}

.ovar-doughnut[data-v-ba408d26] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.doughnut-info[data-v-ba408d26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 18px 0
}

.doughnut-info h1[data-v-ba408d26] {
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-family: Inter-Bold
}

.doughnut-info-tabs[data-v-ba408d26] {
    display: flex;
    align-items: center;
    width: 228px;
    height: 32px;
    padding: 4px;
    background: #000;
    border-radius: 8px
}

.doughnut-info-item[data-v-ba408d26] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 100%;
    font-size: 14px;
    color: #fff;
    background: #000;
    border-radius: 6px;
    cursor: pointer
}

.cur[data-v-ba408d26] {
    color: #000;
    background: #caff04
}

.charts[data-v-ba408d26] {
    flex: 1
}

.over-box[data-v-eb7d26c3] {
    width: 1280px
}

.column-title[data-v-eb7d26c3] {
    margin-bottom: 24px;
    font-size: 36px;
    color: #182122;
    line-height: 42px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.over-content[data-v-eb7d26c3] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    height: 536px
}

.over-content-left[data-v-eb7d26c3] {
    width: 756px;
    border: 2px solid #000;
    border-radius: 8px
}

.over-content-right[data-v-eb7d26c3] {
    width: 504px;
    height: 100%;
    padding: 32px 0;
    border: 2px solid #000;
    border-radius: 8px
}

.over-content-right-title[data-v-eb7d26c3] {
    padding-left: 20px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.over-list[data-v-eb7d26c3] {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    max-height: 435px;
    margin-top: 12px;
    overflow-y: auto
}

.over-list[data-v-eb7d26c3]::-webkit-scrollbar {
    width: 4px;
    background: #f5f5f5
}

.over-list[data-v-eb7d26c3]::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 8px
}

.over-list[data-v-eb7d26c3]::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.over-item[data-v-eb7d26c3] {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    border-radius: 10px;
    cursor: pointer
}

.over-item[data-v-eb7d26c3]:hover {
    background: #f2f3f7
}

.over-item-sort[data-v-eb7d26c3] {
    display: flex;
    justify-content: center;
    width: 32px;
    font-size: 14px;
    margin-right: 6px;
    font-family: Inter-Light
}

.over-item-sort img[data-v-eb7d26c3] {
    width: 32px;
    height: 32px
}

.over-item-connect[data-v-eb7d26c3] {
    position: relative;
    width: fit-content
}

.over-item-chain[data-v-eb7d26c3] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.over-item-avatar[data-v-eb7d26c3] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.over-item-container[data-v-eb7d26c3] {
    flex: 1;
    margin-left: 12px
}

.container-wrap[data-v-eb7d26c3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px
}

.container-wrap-name[data-v-eb7d26c3] {
    font-size: 16px;
    color: #000;
    line-height: 24px
}

.container-wrap-range[data-v-eb7d26c3] {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-family: Inter-Medium
}

.container-bac[data-v-b04fad60] {
    position: relative;
    padding: 10px 10px 0
}

.container-wrap[data-v-b04fad60] {
    width: 100%;
    max-width: 304px;
    background: #ffcb19;
    border: 2px solid #000;
    border-radius: 8px
}

.items[data-v-b04fad60] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 304px;
    height: 100%;
    padding: 22px 24px;
    border: 2px solid #000;
    margin: -2px;
    border-radius: 8px;
    background: #fff;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99)
}

.items[data-v-b04fad60]:hover {
    transform: translate(-6px,-6px)
}

.items .items-info[data-v-b04fad60] {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 2px dashed #000
}

.items .items-info-connect[data-v-b04fad60] {
    position: relative;
    display: flex;
    margin-right: 8px
}

.items .items-info-avatar[data-v-b04fad60] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000
}

.items .items-info-chain[data-v-b04fad60] {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 0;
    bottom: 0
}

.items .items-info-address[data-v-b04fad60] {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium;
    cursor: pointer
}

.items .items-info-address[data-v-b04fad60]:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: all .1s
}

.items .items-info-address[data-v-b04fad60]:hover:after {
    width: 100%
}

.items .items-info-x[data-v-b04fad60] {
    margin-left: auto;
    padding: 7px 12px;
    font-size: 16px;
    background: #caff04;
    border-radius: 18px;
    font-family: Inter-Bold
}

.items .items-info-like[data-v-b04fad60] {
    width: 24px;
    height: 24px;
    margin-left: auto;
    cursor: pointer
}

.items .items-container[data-v-b04fad60] {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 20px 0;
    padding-left: 6px
}

.items .items-container-connect[data-v-b04fad60] {
    position: relative;
    display: flex
}

.items .items-container-img[data-v-b04fad60] {
    display: flex;
    width: 36px;
    height: 36px;
    font-size: 16px;
    margin-left: -8px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
    background-color: #fff
}

.items .items-container-chain[data-v-b04fad60] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px
}

.items .items-container-img[data-v-b04fad60]:hover {
    position: relative;
    z-index: 2;
    transform: scale(1.2)
}

.items .max-avatar[data-v-b04fad60] {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin-left: 4px;
    font-size: 16px;
    font-family: Inter-Medium;
    background: none!important
}

.items .max-avatar[data-v-b04fad60]:hover {
    transform: unset
}

.items .items-progress[data-v-b04fad60] {
    margin-bottom: 24px
}

.items .percentage-value[data-v-b04fad60] {
    padding-top: 8px;
    line-height: 28px;
    font-size: 24px;
    font-family: Inter-Bold;
    color: #100b11
}

.items .percentage-label[data-v-b04fad60] {
    font-size: 14px;
    line-height: 16px;
    color: #000
}

.items .items-group[data-v-b04fad60] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.items .items-group-first[data-v-b04fad60] {
    margin-bottom: 8px
}

.items .items-group-text[data-v-b04fad60] {
    font-size: 14px;
    line-height: 16px
}

.items .items-group-value[data-v-b04fad60] {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.items .items-group-pnl[data-v-b04fad60]:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

.items .items-group-pnl-down[data-v-b04fad60]:after {
    background: #dbc4ff
}

[data-v-8b8da0fd] .el-progress-circle__track {
    stroke-width: 8px;
    stroke: #f2f3f7
}

.title-connect[data-v-8b8da0fd] {
    max-width: 100%;
    padding: 0 12px;
    margin-bottom: 12px
}

.smart-box[data-v-8b8da0fd] {
    width: 100%
}

.smart-content[data-v-8b8da0fd] {
    height: 394px
}

.smart-list[data-v-8b8da0fd] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

.no-data[data-v-8b8da0fd] {
    position: absolute;
    width: 100%
}

.myswiper[data-v-8b8da0fd] {
    width: 100%;
    height: 100%
}

.smart-prev[data-v-8b8da0fd] {
    position: absolute;
    width: 32px;
    height: 32px;
    left: -16px;
    z-index: 2
}

.smart-prev img[data-v-8b8da0fd] {
    width: 100%;
    height: 100%
}

.smart-next[data-v-8b8da0fd] {
    position: absolute;
    right: 6px;
    z-index: 2;
    width: 32px;
    height: 32px
}

.smart-next img[data-v-8b8da0fd] {
    width: 100%;
    height: 100%
}

.smart-prev-container[data-v-8b8da0fd] {
    padding: 4px 0 0 4px
}

.smart-prev-container .smart-prev-container-content[data-v-8b8da0fd] {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 10px
}

.smart-prev-container .smart-prev-container-wrap[data-v-8b8da0fd] {
    position: absolute;
    left: -4px;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
    z-index: 2;
    overflow: hidden;
    transition: left .1s ease,top .1s ease;
    position: relative
}

.smart-prev-container .smart-prev-container-wrap img[data-v-8b8da0fd] {
    width: 20px;
    height: 20px
}

.smart-prev-container .smart-prev-container-wrap[data-v-8b8da0fd]:hover {
    top: 0;
    left: 0
}

.charts[data-v-7d23e424] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA6oAAAHICAYAAABH3xdmAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAixSURBVHgB7dwxcetAEIDhW0uNO4mBIUTQgiQQTMEQwiCBYAbSJIWaU/bpSFiaN99X7M0eg7/ZKLt5XW99Lfcs+VZKDAUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoa9R/Arh760f0XYAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.connect-share-box[data-v-4a49b847] {
    position: fixed;
    z-index: 888;
    left: 0;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    background: #0000004d;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem;
    padding-top: 66px
}

.connect-share[data-v-4a49b847] {
    position: relative;
    width: 500px;
    max-width: 500px;
    height: 686px;
    padding: 24px 44px;
    border-radius: 16px;
    border: 2px solid #000000;
    background: #fff
}

.connect-share h1[data-v-4a49b847] {
    text-align: center;
    margin-bottom: 4px;
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-family: Inter-Medium
}

.connect-share-close[data-v-4a49b847] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.connect-share-address[data-v-4a49b847] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 16px
}

.connect-share-address .connect-share-address-text[data-v-4a49b847] {
    width: 372px;
    padding: 4px 0;
    display: flex;
    justify-content: center;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-text span[data-v-4a49b847] {
    max-width: 320px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Light
}

.connect-share-address .connect-share-address-cope[data-v-4a49b847] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-cope img[data-v-4a49b847] {
    width: 20px;
    height: 20px
}

.connect-share-content-box[data-v-4a49b847] {
    width: 410px;
    height: 500px;
    background: #fff;
    overflow: hidden;
    box-shadow: 3px 3px #000;
    border-radius: 16px;
    border: 2px solid #000000
}

.connect-share-content[data-v-4a49b847] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 46px 0 12px;
    background: #fff
}

.connect-share-content-banner[data-v-4a49b847] {
    position: absolute;
    width: 100%;
    height: 64px;
    left: 0;
    top: 0;
    border-bottom: 2px solid #000
}

.connect-share-content-banner img[data-v-4a49b847] {
    width: 100%;
    height: 100%
}

.connect-share-content-top[data-v-4a49b847] {
    padding: 0 24px 12px;
    border-bottom: 2px solid #000;
    background: #fff
}

.connect-share-content-top .connect-share-name[data-v-4a49b847] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.connect-share-content-top .connect-share-name .connect-share-chain[data-v-4a49b847] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-share-content-top .connect-share-name .connect-share-info[data-v-4a49b847] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background-color: #fff
}

.connect-share-content-top .connect-share-name .connect-share-info img[data-v-4a49b847] {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    border-radius: 50%
}

.connect-share-content-top .connect-share-name .connect-share-info span[data-v-4a49b847] {
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-title[data-v-4a49b847] {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 16px
}

.connect-share-content-top .connect-share-change[data-v-4a49b847] {
    display: flex;
    align-items: center;
    margin: 16px 0
}

.connect-share-content-top .connect-share-change-avatar[data-v-4a49b847] {
    width: 36px;
    height: 36px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-share-content-top .connect-share-change-name[data-v-4a49b847] {
    max-width: 120px;
    margin-left: 4px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.connect-share-content-top .connect-share-price[data-v-4a49b847] {
    margin-left: auto
}

.connect-share-content-top .connect-share-price span[data-v-4a49b847] {
    font-size: 20px;
    color: #000;
    line-height: 24px;
    font-family: Inter-Bold
}

.connect-share-content-top .conect-share-line[data-v-4a49b847] {
    width: 100%;
    height: 80px;
    margin-bottom: 24px
}

.connect-share-content-top .connect-share-profit[data-v-4a49b847] {
    display: flex;
    align-items: flex-end;
    gap: 4px
}

.connect-share-content-top .connect-share-profit h2[data-v-4a49b847] {
    padding: 8px 16px;
    font-size: 24px;
    line-height: 28px;
    background: #caff04;
    border-radius: 24px;
    font-family: Inter-Bold
}

.connect-share-content-top .connect-share-profit-range[data-v-4a49b847] {
    display: flex;
    align-items: center
}

.connect-share-content-top .connect-share-profit-range img[data-v-4a49b847] {
    width: 16px;
    height: 16px
}

.connect-share-content-top .connect-share-profit-range span[data-v-4a49b847] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-wrap[data-v-4a49b847] {
    display: flex;
    gap: 32px;
    margin-bottom: 20px
}

.connect-share-content-top .connect-share-wrap-text[data-v-4a49b847] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-top .connect-share-wrap-value[data-v-4a49b847] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-list[data-v-4a49b847] {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.connect-share-content-top .connect-share-item[data-v-4a49b847] {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.connect-share-content-top .connect-share-item-text[data-v-4a49b847] {
    font-size: 14px;
    line-height: 16px
}

.connect-share-content-top .connect-share-item-value span[data-v-4a49b847] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.connect-share-content-bottom[data-v-4a49b847] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: #fff
}

.connect-share-content-bottom .connect-share-content-logo[data-v-4a49b847] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.connect-share-content-bottom .connect-share-content-logo img[data-v-4a49b847] {
    width: 66px;
    height: 20px
}

.connect-share-content-bottom .connect-share-content-logo span[data-v-4a49b847] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-bottom .connect-share-content-colume[data-v-4a49b847] {
    display: flex;
    border: 2px solid #000000;
    border-radius: 4px
}

.connect-share-feature[data-v-4a49b847] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 12px
}

.connect-share-feature .connect-share-featur-item[data-v-4a49b847] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer
}

.connect-share-feature .connect-share-featur-item img[data-v-4a49b847] {
    width: 32px;
    height: 32px
}

.connect-share-feature .connect-share-featur-item span[data-v-4a49b847] {
    font-size: 14px;
    line-height: 16px
}

@media only screen and (max-width: 1080px) {
    .connect-share-box[data-v-4a49b847] {
        padding-top:96px!important
    }

    .connect-share[data-v-4a49b847] {
        width: 100%;
        height: fit-content!important;
        padding: 12px 16px
    }

    .connect-share-close[data-v-4a49b847] {
        top: 12px;
        right: 12px
    }

    .connect-share-address-cope[data-v-4a49b847] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-address-cope img[data-v-4a49b847] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share h1[data-v-4a49b847] {
        font-size: 14px!important
    }

    .connect-share-content-banner[data-v-4a49b847] {
        height: 48px!important
    }

    .connect-share-content-banner img[data-v-4a49b847] {
        width: 105%!important
    }

    .connect-share-content-box[data-v-4a49b847] {
        width: 100%;
        height: fit-content!important
    }

    .connect-share-content[data-v-4a49b847] {
        padding-top: 32px;
        padding-bottom: 0
    }

    .connect-share-content-top[data-v-4a49b847] {
        padding: 0 12px 6px
    }

    .conect-share-line[data-v-4a49b847] {
        height: 64px!important;
        margin-bottom: 4px
    }

    .connect-share-info[data-v-4a49b847] {
        padding: 4px 8px!important
    }

    .connect-share-info img[data-v-4a49b847] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share-address-text[data-v-4a49b847] {
        max-width: 90%!important
    }

    .connect-share-address[data-v-4a49b847] {
        margin-bottom: 8px
    }

    .connect-share-address-text[data-v-4a49b847] {
        padding: 2px!important
    }

    .connect-share-address-text span[data-v-4a49b847] {
        font-size: 10px!important
    }

    .connect-share-info span[data-v-4a49b847] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-chain[data-v-4a49b847] {
        width: 16px!important;
        height: 16px!important
    }

    .connect-share-change[data-v-4a49b847] {
        margin: 8px 0!important
    }

    .connect-share-change-name[data-v-4a49b847] {
        font-size: 18px!important;
        line-height: 20px!important
    }

    .connect-share-price span[data-v-4a49b847] {
        font-size: 16px!important;
        line-height: 18px!important
    }

    .connect-share-list[data-v-4a49b847] {
        gap: 32px!important;
        margin-bottom: 8px!important
    }

    .connect-share-item-text[data-v-4a49b847] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-item-value span[data-v-4a49b847] {
        font-size: 16px!important;
        line-height: 18px!important
    }

    .connect-share-title[data-v-4a49b847] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-profit h2[data-v-4a49b847] {
        padding: 4px 10px!important;
        font-size: 16px!important;
        line-height: 18px!important;
        background: #caff04
    }

    .connect-share-profit-range img[data-v-4a49b847] {
        width: 12px!important;
        height: 12px!important
    }

    .connect-share-profit-range span[data-v-4a49b847] {
        font-size: 12px!important
    }

    .connect-share-content-bottom[data-v-4a49b847] {
        padding: 10px 12px
    }

    .connect-share-content-colume img[data-v-4a49b847] {
        width: 48px!important
    }

    .connect-share-feature[data-v-4a49b847] {
        margin-top: 8px!important
    }

    .connect-share-featur-item img[data-v-4a49b847] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-featur-item span[data-v-4a49b847] {
        font-size: 12px!important;
        line-height: 14px!important
    }
}

.activity-item[data-v-dec500bd] {
    flex: 1 1 47%;
    display: flex;
    max-width: 630px;
    height: 226px;
    padding: 22px 24px;
    border-radius: 8px;
    margin: -2px;
    border: 2px solid #000;
    background: #fff
}

.activity-item .item-letter[data-v-dec500bd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 288px;
    height: 100%;
    padding-right: 16px;
    border-right: 1px dashed #808080
}

.activity-item .letter-info[data-v-dec500bd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.activity-item .letter-info a[data-v-dec500bd] {
    display: flex;
    align-items: center;
    gap: 8px
}

.activity-item .letter-info h2[data-v-dec500bd] {
    max-width: 94px;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
    font-family: Inter-Bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity-item .letter-info-connect[data-v-dec500bd] {
    position: relative;
    display: flex
}

.activity-item .letter-info-chain[data-v-dec500bd] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.activity-item .letter-info-avatar[data-v-dec500bd] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.activity-item .letter-info-time[data-v-dec500bd] {
    margin-left: auto;
    font-size: 14px;
    color: #706d70;
    font-family: Inter-Light
}

.activity-item .letter-info-range[data-v-dec500bd] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    background: #caff04;
    border-radius: 30px
}

.activity-item .letter-info-range-down[data-v-dec500bd] {
    background: #dbc4ff
}

.activity-item .letter-info-range img[data-v-dec500bd] {
    width: 20px;
    height: 20px
}

.activity-item .letter-info-range span[data-v-dec500bd] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.activity-item .letter-holder[data-v-dec500bd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 8px 0 12px
}

.activity-item .letter-holder>h6[data-v-dec500bd] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.activity-item .letter-holder>span[data-v-dec500bd] {
    margin: 0 2px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.activity-item .letter-holder>p[data-v-dec500bd] {
    padding: 3px 10px;
    font-size: 14px;
    line-height: 16px;
    background: #f5f5f0;
    border-radius: 14px
}

.activity-item .letter-line[data-v-dec500bd] {
    width: 100%;
    height: 120px
}

.activity-item .item-info[data-v-dec500bd] {
    flex: 1;
    padding-left: 16px
}

.activity-item .item-info-top[data-v-dec500bd] {
    display: flex;
    align-items: center;
    width: 100%
}

.activity-item .item-info-avatar[data-v-dec500bd] {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 50%;
    border: 2px solid #000
}

.activity-item .item-info-address[data-v-dec500bd] {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium;
    cursor: pointer
}

.activity-item .item-info-address[data-v-dec500bd]:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: all .1s
}

.activity-item .item-info-address[data-v-dec500bd]:hover:after {
    width: 100%
}

.activity-item .item-info-like[data-v-dec500bd] {
    width: 28px;
    height: 28px;
    margin-left: auto;
    cursor: pointer;
    transition: box-shadow .1s ease-in-out
}

.activity-item .item-info-like[data-v-dec500bd]:hover {
    box-shadow: 0 0 6px #caff04
}

.activity-item .item-info-connect[data-v-dec500bd] {
    position: relative;
    display: flex;
    height: 56px;
    padding: 16px 0 0 24px
}

.activity-item .item-info-connect[data-v-dec500bd]:after {
    position: absolute;
    left: 4px;
    top: -1px;
    content: "";
    width: 18px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAEQCAYAAADxmykQAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARfSURBVHgB7d2NTRRBGIDhD2MBWIHbAXQAHUAH0oF0gB1YgiVgB2gHWgF2gB2sO8JEct6xP+/ssj/vm3whwAVmHmazHCG5o5i+uuXzR7GQ3oQNTjyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKB5oj3PhbSHPHexUKaI95JLKQ54p3GQhJvYdUt89DMcSygOZ68BOfpO1DdYW7D9tYFbxGX7lyfYSS4j2H/VcdKTt+cn9t6+vZUx4pO39TVPcc777PqAXMd9rcheOny9RfnGIaX5r6ZKjZeHQIOrg4BB1eHgIPrcnPoehPZ3F24DeU8uuHl+RIbOoVtGKnr6I6XL+NPsYG64KVuoh9gRvwQKz6JXfFSfU/g7uV8GSM+Nz6K6atbPr+7pgSQIAjCt2Z+NPO9md/N/HqaxdXn5OWqeLwk65nN5A1dUDp5n2P4RjeNl7uI+ZzCySu1oJt4fcTJK7mgKl4XcfLGWtBVM3cRxWA2hZerYiLIJfyeRzuLx79CV09vj5+mCtgW8EbL/0kGiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDzQ2z0fSy9Tn16yPr2E/c9mvsZyS3u5bOZ9TLCXqpn7Zupnk94/jXLVLVOqtOZ9e6lipHa/WZ6HKAc4BV5a68OBr5/2eByFu4yXN1UKcGy8l+DynEeBnt8wTloem35ad1H2Ei5dWltaY9vJOovCXUX7qShxAsc6eV1OXJ6LKFz6ad3H+IBj4PWBu4+R6rOIoYCl8aZY82wWUxJvVnBTLKoU3izhxl5cCbxZw425SIq3CLhc6cUSvEXB5UoueijeIuFypRY/BG/RcLkSm+iLtwq4HN1MH7xVweXIprrirRIuN3RzXfBWDZcbssm2x20CLtd3syUeswq4XB/AErMauNxUgKuDy40NuFq43FiAq4fLlQbcDFyuFODm4HIUcLNwuaGAm4fL9QUUbqeugMIdqA1QuJYOAQrXsaqZ2/iHdhcj/t/cWP0Bf2YoA9LeCWsAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.activity-item .item-info-connect p[data-v-dec500bd] {
    font-size: 12px;
    line-height: 22px
}

.activity-item .item-info-connect-tag[data-v-dec500bd] {
    height: fit-content;
    margin-right: 2px;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap
}

.activity-item .tag-buy[data-v-dec500bd] {
    background-color: #e0ff6b
}

.activity-item .tag-sell[data-v-dec500bd] {
    background-color: #dbc4ff
}

.activity-item .item-info-token[data-v-dec500bd] {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed #808080
}

.activity-item .item-info-token-connect[data-v-dec500bd] {
    position: relative;
    display: flex;
    margin-right: 4px
}

.activity-item .item-info-token-avatar[data-v-dec500bd] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 50%;
    border: 2px solid #000000
}

.activity-item .item-info-token-chain[data-v-dec500bd] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.activity-item .item-info-token h4[data-v-dec500bd] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.activity-item .item-info-token-time[data-v-dec500bd] {
    margin-left: auto;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    font-family: Inter-Light
}

.activity-item .item-info-container[data-v-dec500bd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 10px
}

.activity-item .item-info-container-wrap[data-v-dec500bd] {
    width: 120px
}

.activity-item .container-line[data-v-dec500bd] {
    height: 48px;
    border: 1px dashed #000
}

.activity-item .item-info-container-text[data-v-dec500bd] {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px
}

.activity-item .item-info-container-text span[data-v-dec500bd] {
    margin-left: 8px;
    padding: 0 4px;
    background-color: #caff04;
    font-family: Inter-Medium
}

.activity-item .item-info-container-value[data-v-dec500bd] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: fit-content;
    border-radius: 14px
}

.activity-item .item-info-container-value[data-v-dec500bd]:after {
    position: absolute;
    z-index: -2;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 10px
}

.activity-item .randow-nth1[data-v-dec500bd]:after {
    background: #caff04
}

.activity-item .randow-nth2[data-v-dec500bd]:after {
    background: #dbc4ff
}

.activity-item .item-info-container-value span[data-v-dec500bd] {
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Medium
}

.activity-item .item-info-container-value p[data-v-dec500bd] {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Medium
}

.activity-item .item-info-container-value p[data-v-dec500bd]:after {
    position: absolute;
    z-index: -2;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 10px
}

.avatar-connect[data-v-1daa24db] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.avatar-connect h4[data-v-1daa24db] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.avatar-connect-box[data-v-1daa24db] {
    position: relative;
    display: flex;
    width: fit-content;
    cursor: pointer
}

.avatar-connect-img[data-v-1daa24db] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.avatar-connect-chain[data-v-1daa24db] {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%
}

@media only screen and (max-width: 960px) {
    .avatar-connect-img[data-v-1daa24db] {
        width:30px;
        height: 30px;
        font-size: 14px
    }

    .avatar-connect-chain[data-v-1daa24db] {
        width: 14px;
        height: 14px
    }
}

.activity-box[data-v-113dc2a8] {
    width: 1280px
}

.activity-avatar-list[data-v-113dc2a8] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 24px 0 16px
}

.activity-content[data-v-113dc2a8] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.container-hover[data-v-113dc2a8] {
    max-width: 630px;
    background: #eebacb
}

.today-item[data-v-facb23c8] {
    position: relative;
    flex: 1 1 40%
}

.today-item-title[data-v-facb23c8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.today-item-more[data-v-facb23c8] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px
}

.today-item-more[data-v-facb23c8]:after {
    content: "";
    width: 94%;
    height: 4px;
    background: #caff04;
    position: absolute;
    z-index: -1;
    top: 60%;
    transition: all .1s
}

.today-item-more[data-v-facb23c8]:hover:after {
    height: 60%;
    top: 20%
}

.today-item-more span[data-v-facb23c8] {
    font-size: 20px;
    font-family: Inter-Medium
}

.today-item-more img[data-v-facb23c8] {
    width: 16px;
    height: 16px
}

.today-title-connect[data-v-facb23c8] {
    position: relative;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.today-title-connect h2[data-v-facb23c8] {
    font-size: 24px;
    line-height: 28px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.today-title-connect-color[data-v-facb23c8] {
    position: absolute;
    right: -6px;
    bottom: -6px;
    z-index: -1;
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 8px;
    border: 2px solid #000000
}

.today-item-background[data-v-facb23c8] {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 310px;
    left: 0;
    bottom: 0;
    background: red;
    border-radius: 8px;
    border: 2px solid #000000
}

.today-content[data-v-facb23c8] {
    position: relative;
    margin-top: 8px;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99);
    border: 2px solid #000;
    background: white;
}

.today-content[data-v-facb23c8]:hover {
    transform: translate(-6px,-6px)
}

.today-content-background[data-v-facb23c8] {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.today-content-banner[data-v-facb23c8] {
    position: absolute;
    z-index: -2;
    top: 8px;
    right: 4px;
    width: 350px;
    height: 88px;
    border-radius: 0 8px 0 0;
    border: 2px solid #000;
    border-bottom: none;
    overflow: hidden
}

.today-content-banner img[data-v-facb23c8] {
    width: 100%;
    min-height: 88px;
    height: fit-content
}

.today-content-connect[data-v-facb23c8] {
    position: relative;
    z-index: 2
}

.today-avatar-connet[data-v-facb23c8] {
    display: flex;
    align-items: center;
    gap: 20px
}

.today-avatar-connet-box[data-v-facb23c8] {
    position: relative;
    display: flex;
    width: fit-content;
    cursor: pointer
}

.today-avatar[data-v-facb23c8] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.today-chain[data-v-facb23c8] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.today-tokenInfo[data-v-facb23c8] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.today-tokenInfo-top[data-v-facb23c8] {
    display: flex;
    align-items: center;
    gap: 8px
}

.today-tokenInfo-top>h4[data-v-facb23c8] {
    max-width: 100px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.today-tokenInfo-bootom[data-v-facb23c8] {
    display: flex;
    align-items: center;
    gap: 12px
}

.today-tokenInfo-bootom>span[data-v-facb23c8] {
    font-size: 16px;
    line-height: 20px
}

.today-tokenInfo-range[data-v-facb23c8] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 12px;
    background: #caff04;
    border-radius: 30px
}

.today-tokenInfo-range-down[data-v-facb23c8] {
    background: #dbc4ff
}

.today-tokenInfo-range img[data-v-facb23c8] {
    width: 20px;
    height: 20px
}

.today-tokenInfo-range span[data-v-facb23c8] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.today-info[data-v-facb23c8] {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.today-info-left[data-v-facb23c8] {
    width: 50%;
    padding-right: 24px
}

.today-info-right[data-v-facb23c8] {
    width: 50%;
    margin-top: 16px;
    padding-left: 16px;
    border-left: 1px solid #cccccc
}

.today-info-link[data-v-facb23c8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px
}

.today-info-link>p[data-v-facb23c8] {
    margin-left: auto;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-family: Inter-Light
}

.today-info-link-imgs[data-v-facb23c8] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding-right: 6px;
    border-radius: 32px;
    border: 1px solid #f2f2f2
}

.today-info-link-g[data-v-facb23c8] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px 3px 3px 4px;
    background: #f2f2f2;
    border-radius: 32px 0 0 32px
}

.today-info-link-g>span[data-v-facb23c8] {
    font-size: 14px;
    line-height: 16px
}

.today-info-link-imgs img[data-v-facb23c8] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.today-line[data-v-facb23c8] {
    width: 100%;
    height: 120px
}

.today-info-list[data-v-facb23c8] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.today-info-item[data-v-facb23c8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-radius: 24px
}

.today-info-item-text[data-v-facb23c8] {
    display: flex;
    align-items: center;
    gap: 4px
}

.today-info-item-text img[data-v-facb23c8] {
    width: 20px;
    height: 20px
}

.today-info-item-text span[data-v-facb23c8] {
    font-size: 14px;
    line-height: 16px
}

.today-info-item-text p[data-v-facb23c8] {
    padding: 3px 10px;
    font-size: 14px;
    line-height: 16px;
    background: #f5f5f0;
    border-radius: 14px
}

.today-info-item-value[data-v-facb23c8] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.today-box[data-v-b88c08e9] {
    width: 1280px
}

.today-list[data-v-b88c08e9] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.kolcall-box[data-v-5f92393b] {
    width: 1280px
}

.kolcall-avatar-list[data-v-5f92393b] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 24px 0 16px
}

.kolcall-content[data-v-5f92393b] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between
}

.kolcall-content-connect[data-v-5f92393b] {
    position: relative;
    flex: 1 1 47%;
    max-width: 630px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid #000
}

.main-box[data-v-6a5c8a0d] {
    background: #fffff7
}

.home-box[data-v-6a5c8a0d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    width: 1304px;
    padding-top: 80px
}

.banner-container[data-v-6a5c8a0d] {
    width: 1280px;
    margin-top: 64px
}

.container-item[data-v-6a5c8a0d] {
    display: flex;
    justify-content: center;
    width: 100%
}

.trend-content[data-v-dfae5f42] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%
}

.trend-container[data-v-dfae5f42] {
    border-radius: 8px;
    flex: 1 1 20%;
    max-width: 304px;
    position: relative;
    border: 2px solid #000000
}

.blur[data-v-dfae5f42] {
    filter: blur(10px);
    pointer-events: none
}

.blur-connect[data-v-dfae5f42] {
    bottom: 60px
}

.animate__up[data-v-81bd5cb2] {
    animation: gradientUpChange .8s
}

.animate__down[data-v-81bd5cb2] {
    animation: gradientDownChange .8s
}

[data-v-81bd5cb2] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-81bd5cb2] .el-progress__text {
    min-width: fit-content
}

.potential-box[data-v-81bd5cb2] {
    width: 1280px
}

.common-container[data-v-81bd5cb2] {
    border: 2px solid #000;
    border-radius: 16px
}

.content-header[data-v-81bd5cb2] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    border-radius: 16px 16px 0 0;
    padding: 16px 24px;
    gap: 20px;
    border-bottom: 2px solid #000
}

.content-header .content-header-text[data-v-81bd5cb2] {
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.content-header .content-header-text-g[data-v-81bd5cb2] {
    width: 18px;
    height: 18px
}

.content-header .content-header-text-refresh[data-v-81bd5cb2] {
    width: 28px;
    height: 28px;
    cursor: pointer
}

.common-list[data-v-81bd5cb2] {
    display: flex;
    flex-direction: column
}

.common-item[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    padding: 22px 24px;
    gap: 20px;
    border-bottom: 1px solid #bbbbbb;
    transition: .8s background
}

.common-item[data-v-81bd5cb2]:hover {
    background: #f2f3f7
}

.common-item[data-v-81bd5cb2]:last-child {
    border-bottom: none
}

.content-item-audit[data-v-81bd5cb2],.content-item-audit-dropdown[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    gap: 4px
}

.dropdown-list[data-v-81bd5cb2] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 286px;
    padding: 24px
}

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

.dropdown-list-item-wrap[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    gap: 4px
}

.dropdown-list-item-wrap img[data-v-81bd5cb2] {
    width: 28px;
    height: 28px
}

.dropdown-list-item-wrap span[data-v-81bd5cb2] {
    font-size: 16px
}

.dropdown-list-item-info[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    gap: 12px
}

.dropdown-list-item-info img[data-v-81bd5cb2] {
    width: 20px;
    height: 20px
}

.dropdown-list-item-info span[data-v-81bd5cb2] {
    font-size: 16px
}

.content-item-wrap-lock[data-v-81bd5cb2] {
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px
}

.content-item-wrap-lock .content-item-wrap-lock-bac[data-v-81bd5cb2] {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    background-color: #dbff59;
    border-radius: 4px
}

.content-item-wrap-lock img[data-v-81bd5cb2] {
    width: 100%;
    height: 100%
}

.content-item-wrap[data-v-81bd5cb2] {
    display: flex;
    align-items: center
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(1) {
    width: 200px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(2) {
    width: 115px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(3) {
    width: 105px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(4) {
    width: 100px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(5) {
    width: 100px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(6) {
    width: 80px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(7) {
    width: 70px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(8) {
    width: 80px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(9) {
    width: 110px
}

.content-item-wrap[data-v-81bd5cb2]:nth-child(10) {
    width: 90px;
    display: flex;
    justify-content: center
}

.content-item-wrap .content-item-wrap-avatar-box[data-v-81bd5cb2] {
    position: relative;
    display: flex;
    margin-right: 8px
}

.content-item-wrap .content-item-wrap-avatar[data-v-81bd5cb2] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.content-item-wrap .content-item-wrap-chain[data-v-81bd5cb2] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.content-item-wrap .content-item-wrap-info-connect[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 4px
}

.content-item-wrap .content-item-wrap-info-alarm[data-v-81bd5cb2] {
    width: 16px;
    height: 16px
}

.content-item-wrap .content-item-wrap-info-connect h2[data-v-81bd5cb2] {
    max-width: 130px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-family: Inter-Bold
}

.content-item-wrap .content-item-wrap-avatars[data-v-81bd5cb2] {
    display: flex;
    gap: 8px
}

.content-item-wrap .content-item-wrap-avatars img[data-v-81bd5cb2] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.content-item-wrap .content-item-info[data-v-81bd5cb2] {
    display: flex;
    flex-direction: column
}

.content-item-wrap .content-item-info-data[data-v-81bd5cb2] {
    font-size: 16px;
    line-height: 24px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-info-data span[data-v-81bd5cb2] {
    font-size: 16px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-info-text span[data-v-81bd5cb2] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium;
    color: #989898
}

.content-item-wrap .content-item-info-holder[data-v-81bd5cb2] {
    font-size: 14px
}

.content-item-wrap .content-item-info-value[data-v-81bd5cb2] {
    font-size: 14px;
    color: #ccc
}

.content-item-wrap .content-item-info-range[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    gap: 2px
}

.content-item-wrap .content-item-info-range img[data-v-81bd5cb2] {
    width: 16px;
    height: 16px
}

.content-item-wrap .content-item-info-range span[data-v-81bd5cb2] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-info-tx[data-v-81bd5cb2] {
    display: flex;
    align-items: center
}

.content-item-wrap .content-item-info-tx p[data-v-81bd5cb2] {
    margin: 0 2px;
    font-size: 12px
}

.content-item-wrap .content-item-info-tx span[data-v-81bd5cb2] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-wrap-score[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.content-item-wrap .content-item-wrap-score span[data-v-81bd5cb2] {
    font-size: 16px
}

.content-item-wrap .secure[data-v-81bd5cb2] {
    background: #dbff59
}

.content-item-wrap .unsafety[data-v-81bd5cb2] {
    background: #dbc4ff
}

.content-item-wrap .content-item-wrap-connect[data-v-81bd5cb2] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 64px;
    height: 30px;
    border-radius: 16px;
    border: 2px solid #000000
}

.content-item-wrap .content-item-wrap-connect img[data-v-81bd5cb2] {
    width: 20px;
    height: 20px
}

.content-item-wrap .content-item-wrap-connect span[data-v-81bd5cb2] {
    font-size: 16px;
    color: #000;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-wrap-audit[data-v-81bd5cb2],.content-item-wrap .content-item-wrap-audit img[data-v-81bd5cb2] {
    width: 28px;
    height: 28px
}

.content-item-wrap .content-item-time-range[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    gap: 4px
}

.content-item-wrap .content-item-time-range span[data-v-81bd5cb2] {
    font-size: 16px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-time-value[data-v-81bd5cb2] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.content-item-wrap .content-item-time-value span[data-v-81bd5cb2] {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-family: Inter-Light;
    white-space: nowrap
}

.content-item-wrap .content-item-time-value span[data-v-81bd5cb2]:after {
    content: "";
    width: 0;
    height: 1px;
    background: #666;
    position: absolute;
    top: 100%;
    left: 0%;
    transition: all .1s
}

.content-item-wrap .content-item-time-value span[data-v-81bd5cb2]:hover:after {
    left: 0%;
    width: 100%
}

.content-item-wrap .content-item-time-value img[data-v-81bd5cb2] {
    width: 18px;
    height: 18px
}

.content-item-wrap .content-item-swap[data-v-81bd5cb2] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 90px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    border: 2px solid #000000
}

.content-item-wrap .content-item-swap[data-v-81bd5cb2]:hover {
    background: #dbff59
}

.content-item-wrap .content-item-wrap-grey[data-v-81bd5cb2] {
    color: #666!important;
    background-color: #e1e2e5!important;
    border: 2px solid #8b8b8c
}

.content-item-wrap .content-item-swap img[data-v-81bd5cb2] {
    width: 24px;
    height: 24px
}

.blur-connect[data-v-81bd5cb2] {
    position: fixed;
    left: 50%;
    z-index: 2;
    bottom: 60px;
    display: flex;
    justify-content: center;
    gap: 4px;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #000;
    background: #fff;
    transform: translate(-50%)
}

.blur-connect h6[data-v-81bd5cb2] {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    cursor: pointer
}

.blur-connect h6[data-v-81bd5cb2]:after {
    position: absolute;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    bottom: 0;
    background: #caff04
}

.blur-connect span[data-v-81bd5cb2] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.market-cap[data-v-922f96be] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 24px 24px 20px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.market-cap-title[data-v-922f96be] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-cap-title h4[data-v-922f96be] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.market-cap-title h4[data-v-922f96be]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-cap-title span[data-v-922f96be] {
    font-size: 24px;
    line-height: 28px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.charts[data-v-922f96be] {
    flex: 1
}

[data-v-4afa3fbb] .el-progress-bar__outer {
    background: #f2305a!important
}

[data-v-4afa3fbb] .el-progress-bar__inner {
    border-right: 2px solid #ffffff
}

.up-color[data-v-4afa3fbb] {
    color: #0bb048
}

.down-color[data-v-4afa3fbb] {
    color: #f2305a
}

.market-value[data-v-4afa3fbb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.market-menu[data-v-4afa3fbb] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #d4d4cb
}

.market-menu-item[data-v-4afa3fbb] {
    position: relative;
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 20px 0 8px;
    background: #fff;
    cursor: pointer
}

.market-menu-item[data-v-4afa3fbb]:after {
    position: absolute;
    content: "";
    height: 32px;
    right: 0;
    width: 1px;
    background: #d4d4cb
}

.market-menu-item[data-v-4afa3fbb]:last-child:after {
    display: none
}

.market-menu-cur[data-v-4afa3fbb] {
    padding: 4px 0;
    transform: translate(-8px,-12px);
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000
}

.market-menu-item p[data-v-4afa3fbb] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-menu-item span[data-v-4afa3fbb] {
    font-size: 16px;
    line-height: 18px;
    white-space: nowrap;
    font-family: Inter-Medium
}

.market-menu-cur p[data-v-4afa3fbb] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.market-menu-cur p[data-v-4afa3fbb]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-menu-cur span[data-v-4afa3fbb] {
    font-family: Inter-Medium
}

.market-value-content[data-v-4afa3fbb] {
    display: flex
}

.market-wrap-box[data-v-4afa3fbb] {
    display: flex;
    flex-direction: column;
    width: 82px;
    gap: 22px;
    border-right: 1px solid #d4d4cb
}

.market-wrap-item[data-v-4afa3fbb] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.market-wrap-item span[data-v-4afa3fbb] {
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-wrap-item h6[data-v-4afa3fbb] {
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Medium
}

.market-connect-box[data-v-4afa3fbb] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
    padding-left: 22px
}

.market-connect-text[data-v-4afa3fbb] {
    display: flex;
    justify-content: space-between
}

.market-connect-value[data-v-4afa3fbb] {
    display: flex;
    justify-content: space-between;
    margin: 4px 0
}

.market-connect-text span[data-v-4afa3fbb] {
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-connect-value span[data-v-4afa3fbb] {
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Medium
}

.item-connect-box[data-v-7de8cdf3] {
    display: flex;
    padding: 16px 20px 20px;
    border-radius: 8px;
    background: #fff;
    cursor: pointer
}

.item-connect-left[data-v-7de8cdf3] {
    padding-right: 20px;
    border-right: 1px dashed #cccccc
}

.item-connect-right[data-v-7de8cdf3] {
    position: relative;
    padding-left: 16px;
    width: 100%
}

.item-connect-wrap[data-v-7de8cdf3] {
    display: flex;
    align-items: center;
    gap: 4px
}

.kolcall-avatar-connect[data-v-7de8cdf3] {
    position: relative;
    display: flex;
    margin-right: 4px
}

.kolcall-avatar-connect-chain[data-v-7de8cdf3] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.item-connect-wrap-avatar[data-v-7de8cdf3] {
    width: 48px;
    height: 48px;
    margin-right: 4px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.item-connect-wrap-icon[data-v-7de8cdf3] {
    width: 18px;
    height: 18px
}

.item-connect-wrap h2[data-v-7de8cdf3] {
    max-width: 160px;
    font-size: 20px;
    color: #000;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.item-connect-wrap-text[data-v-7de8cdf3] {
    max-width: 50px;
    font-size: 14px;
    color: #000;
    font-family: Inter-Light;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item-connect-news[data-v-7de8cdf3] {
    width: 310px;
    height: 76px;
    padding: 2px 8px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 8px;
    border: 2px solid #f2f3f7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light
}

.item-connect-price[data-v-7de8cdf3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.item-connect-price span[data-v-7de8cdf3] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.item-connect-right-content[data-v-7de8cdf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.item-connect-right-content>p[data-v-7de8cdf3] {
    margin-left: auto;
    font-size: 14px;
    color: #666
}

.item-connect-right-range[data-v-7de8cdf3] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 30px;
    background: #caff04
}

.item-connect-range-down[data-v-7de8cdf3] {
    background: #dbc4ff
}

.item-connect-right-range img[data-v-7de8cdf3] {
    width: 16px;
    height: 16px
}

.item-connect-right-range span[data-v-7de8cdf3] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.item-connect-right-line[data-v-7de8cdf3] {
    width: 100%;
    height: 88px
}

[data-v-ffb366f4] .noData-box {
    padding: 0;
    gap: 8px
}

[data-v-ffb366f4] .noData-box img {
    width: 152px;
    height: 120px
}

[data-v-ffb366f4] .noData-box span {
    font-size: 14px
}

.market-kol[data-v-ffb366f4] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 592px;
    height: 100%;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px;
    overflow: hidden
}

.market-kol-title[data-v-ffb366f4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px 24px 16px;
    border-bottom: 2px solid #000
}

.market-kol-title-noData[data-v-ffb366f4] {
    border-bottom: none;
    padding-bottom: 0
}

.market-kol-title h4[data-v-ffb366f4] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    z-index: 2;
    font-family: Inter-Bold
}

.market-kol-title h4[data-v-ffb366f4]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-kol-title p[data-v-ffb366f4] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.market-kol-tokens[data-v-ffb366f4] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto
}

.market-kol-tokens-avatar[data-v-ffb366f4] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.market-kol-tokens-avatar[data-v-ffb366f4]:hover {
    transform: scale(1.25);
    box-shadow: 1px 1px #000
}

.market-kol-tokens-cur[data-v-ffb366f4] {
    transform: scale(1.25)
}

.market-kol-tokens-cur[data-v-ffb366f4]:after {
    position: absolute;
    top: 30px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #000;
    background: #caff04
}

.market-kol-tokens-avatar img[data-v-ffb366f4] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.kolInfo-list[data-v-ffb366f4] {
    display: flex;
    align-items: center;
    padding: 0 24px
}

.kolInfo-connect[data-v-ffb366f4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden
}

.kolInfo-connect-empt[data-v-ffb366f4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.blur-connect-info[data-v-ffb366f4] {
    position: absolute;
    left: 0;
    bottom: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%
}

.blur-connect-info h6[data-v-ffb366f4] {
    position: relative;
    z-index: 2;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    cursor: pointer
}

.blur-connect-info h6[data-v-ffb366f4]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    content: "";
    width: 100%;
    height: 12px;
    bottom: 0;
    background: #caff04
}

.blur-connect-info span[data-v-ffb366f4] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

[data-v-20864e4e] .noData-box {
    padding: 0;
    gap: 8px
}

[data-v-20864e4e] .noData-box img {
    width: 84px;
    height: 66px
}

[data-v-20864e4e] .noData-box span {
    font-size: 14px
}

.market-twiter[data-v-20864e4e] {
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px;
    overflow: hidden
}

.market-twiter-content[data-v-20864e4e] {
    padding: 24px
}

.market-twiter-avatar[data-v-20864e4e] {
    display: flex;
    align-items: center;
    gap: 8px
}

.market-twiter-avatar>img[data-v-20864e4e] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000
}

.market-twiter-name[data-v-20864e4e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.market-twiter-name h2[data-v-20864e4e] {
    position: relative;
    z-index: 2;
    max-width: 280px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.market-twiter-name h2[data-v-20864e4e]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-twiter-name>img[data-v-20864e4e] {
    width: 20px;
    height: 20px
}

.market-twiter-info[data-v-20864e4e] {
    display: flex;
    gap: 24px;
    padding-bottom: 10px;
    margin: 10px 0;
    border-bottom: 1px solid #d4d4cb
}

.market-twiter-info-item[data-v-20864e4e] {
    display: flex;
    align-items: center
}

.market-twiter-info-item img[data-v-20864e4e] {
    width: 20px;
    height: 20px;
    border: 2px solid #caff04;
    border-radius: 50%
}

.market-twiter-info-item span[data-v-20864e4e] {
    margin: 0 4px;
    font-size: 14px;
    line-height: 16px
}

.market-twiter-info-item p[data-v-20864e4e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-twiter-followers[data-v-20864e4e] {
    position: relative
}

.market-twiter-followers-title[data-v-20864e4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.market-twiter-followers-title h4[data-v-20864e4e] {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 18px;
    font-family: Inter-Medium
}

.market-twiter-followers-title h4[data-v-20864e4e]:after {
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.market-twiter-followers-title img[data-v-20864e4e] {
    width: 16px;
    height: 16px
}

.market-twiter-followers-list[data-v-20864e4e] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.market-twiter-followers-item[data-v-20864e4e] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.market-twiter-followers-item img[data-v-20864e4e] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #000000
}

.market-twiter-followers-info[data-v-20864e4e] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-twiter-followers-info span[data-v-20864e4e] {
    max-width: 180px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.market-twiter-followers-info p[data-v-20864e4e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.blur-connect-info[data-v-20864e4e] {
    position: absolute;
    left: 0;
    bottom: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%
}

.blur-connect-info h6[data-v-20864e4e] {
    position: relative;
    z-index: 2;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    cursor: pointer
}

.blur-connect-info h6[data-v-20864e4e]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    content: "";
    width: 100%;
    height: 12px;
    bottom: 0;
    background: #caff04
}

.blur-connect-info span[data-v-20864e4e] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

[data-v-03dac469] .noData-box {
    padding: 12px 0 0;
    gap: 8px
}

[data-v-03dac469] .noData-box img {
    width: 84px;
    height: 66px
}

[data-v-03dac469] .noData-box span {
    font-size: 14px
}

.up-color[data-v-03dac469] {
    color: #0bb048
}

.down-color[data-v-03dac469] {
    color: #f2305a
}

.blur[data-v-03dac469] {
    filter: blur(10px);
    pointer-events: none
}

.market-cant[data-v-03dac469] {
    display: flex;
    flex-direction: column;
    width: 784px;
    padding: 24px 0;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px;
    overflow: hidden
}

.market-cant-title[data-v-03dac469] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 24px
}

.market-cant-title h4[data-v-03dac469] {
    position: relative;
    font-size: 24px;
    line-height: 28px;
    z-index: 2;
    font-family: Inter-Bold
}

.market-cant-title h4[data-v-03dac469]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-cant-title p[data-v-03dac469] {
    padding: 4px 8px;
    font-size: 16px;
    line-height: 20px;
    background: #f2f3f7;
    border-radius: 14px
}

table[data-v-03dac469] {
    position: relative;
    width: 100%;
    border-spacing: 0
}

thead[data-v-03dac469] {
    padding: 0 24px
}

thead[data-v-03dac469],tbody tr[data-v-03dac469] {
    display: table;
    width: 100%;
    table-layout: fixed
}

thead tr th[data-v-03dac469] {
    text-align: left;
    font-size: 12px;
    color: #70706d;
    line-height: 14px;
    padding: 14px 0;
    font-family: Inter-Light;
    border-bottom: 1px solid #d4d4cb
}

tbody[data-v-03dac469] {
    display: block;
    width: 100%;
    height: 128px;
    padding: 0 24px;
    overflow: hidden
}

tbody tr td[data-v-03dac469] {
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 0;
    font-family: Inter-Medium;
    border-bottom: 1px solid #d4d4cb
}

thead tr th[data-v-03dac469]:last-child {
    text-align: right
}

tbody tr td[data-v-03dac469]:first-child,thead tr th[data-v-03dac469]:first-child {
    width: 100px;
    padding-left: 4px;
    color: #666664;
    font-family: Inter-Light
}

tbody tr td[data-v-03dac469]:nth-child(2),thead tr th[data-v-03dac469]:nth-child(2) {
    width: 100px
}

tbody tr td[data-v-03dac469]:nth-child(3),thead tr th[data-v-03dac469]:nth-child(3) {
    width: 110px
}

tbody tr td[data-v-03dac469]:nth-child(4),thead tr th[data-v-03dac469]:nth-child(4) {
    width: 100px
}

tbody tr td[data-v-03dac469]:nth-child(5),thead tr th[data-v-03dac469]:nth-child(5) {
    width: 110px
}

.address[data-v-03dac469] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    cursor: pointer;
    font-family: Roboto-Mono!important
}

.address>img[data-v-03dac469] {
    width: 16px;
    height: 16px
}

.address[data-v-03dac469]:after {
    content: "";
    width: 0;
    height: 1px;
    background: #666;
    position: absolute;
    top: 80%;
    right: 0%;
    transition: all .1s
}

.address[data-v-03dac469]:hover:after {
    right: 0%;
    width: 50%
}

.blur-connect-info[data-v-03dac469] {
    position: absolute;
    left: 0;
    bottom: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%
}

.blur-connect-info h6[data-v-03dac469] {
    position: relative;
    z-index: 2;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    cursor: pointer
}

.blur-connect-info h6[data-v-03dac469]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    content: "";
    width: 100%;
    height: 12px;
    bottom: 0;
    background: #caff04
}

.blur-connect-info span[data-v-03dac469] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.market-holder[data-v-090b4a05] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 20px;
    background: #fff;
    box-shadow: 4px 4px #000;
    border: 2px solid #000000;
    border-radius: 16px
}

.market-holder-title[data-v-090b4a05] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-holder-title h4[data-v-090b4a05] {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.market-holder-title h4[data-v-090b4a05]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-holder-up[data-v-090b4a05] {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end
}

.market-holder-up span[data-v-090b4a05] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.market-holder-up p[data-v-090b4a05] {
    padding: 4px 8px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 14px;
    background: #f2f3f7;
    font-family: Inter-Medium
}

.market-holder-up h6[data-v-090b4a05] {
    font-size: 24px;
    line-height: 28px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.charts[data-v-090b4a05] {
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[data-v-cb707d88] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-cb707d88] .el-progress__text {
    min-width: fit-content
}

.el-dropdown[data-v-cb707d88] {
    position: absolute;
    z-index: 20;
    top: 7px;
    right: 7px
}

.wtb-info[data-v-cb707d88] {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    width: 770px
}

.tokenInfo-connect-audit[data-v-cb707d88] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 128px;
    height: 36px;
    background: #000;
    border-radius: 0 32px;
    cursor: pointer
}

.tokenInfo-connect-audit img[data-v-cb707d88] {
    width: 20px;
    height: 20px
}

.tokenInfo-connect-audit span[data-v-cb707d88] {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-family: Inter-Medium
}

.connect-audit-list[data-v-cb707d88] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 290px;
    padding: 24px
}

.connect-audit-item[data-v-cb707d88] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.connect-audit-item>img[data-v-cb707d88] {
    width: 20px;
    height: 20px
}

.connect-audit-info[data-v-cb707d88] {
    display: flex;
    align-items: center;
    gap: 4px
}

.connect-audit-info>img[data-v-cb707d88] {
    width: 28px;
    height: 28px
}

.connect-audit-info>span[data-v-cb707d88] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-audit-info-percent[data-v-cb707d88] {
    position: relative;
    width: 28px;
    height: 28px;
    z-index: 2
}

.connect-audit-info-percent>img[data-v-cb707d88] {
    width: 100%;
    height: 100%
}

.connect-audit-info-percent>p[data-v-cb707d88] {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #dbff59;
    border-radius: 4px
}

.connect-audit-wrap[data-v-cb707d88] {
    display: flex;
    align-items: center;
    gap: 4px
}

.connect-audit-wrap>span[data-v-cb707d88] {
    font-size: 16px;
    line-height: 20px
}

.connect-audit-wrap>img[data-v-cb707d88] {
    width: 20px;
    height: 20px
}

.wtb-avatar-connect[data-v-cb707d88] {
    position: relative;
    display: flex;
    margin-right: 16px;
    cursor: pointer
}

.wtb-avatar-connect-img[data-v-cb707d88] {
    width: 88px;
    height: 88px;
    font-size: 48px;
    border-radius: 50%;
    border: 4px solid #000
}

.wtb-avatar-connect-chain[data-v-cb707d88] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #000
}

.wtb-info-content[data-v-cb707d88] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.wtb-info-content-top[data-v-cb707d88] {
    display: flex;
    align-items: center;
    gap: 8px
}

.wtb-info-content-top h4[data-v-cb707d88] {
    max-width: 380px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.wtb-info-content-center[data-v-cb707d88] {
    display: flex;
    align-items: center
}

.wtb-info-content-center h6[data-v-cb707d88] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.wtb-info-content-center>span[data-v-cb707d88] {
    font-size: 14px;
    color: #70706d;
    line-height: 16px;
    font-family: Inter-Light
}

.wtb-info-content-center>img[data-v-cb707d88] {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    cursor: pointer
}

.content-center-wrap[data-v-cb707d88] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 4px 0 8px;
    cursor: pointer
}

.content-center-wrap img[data-v-cb707d88] {
    width: 16px;
    height: 16px
}

.content-center-wrap>span[data-v-cb707d88] {
    font-size: 14px;
    line-height: 16px
}

.wtb-info-content-avatars[data-v-cb707d88] {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 12px;
    padding-right: 12px;
    border-radius: 16px;
    border: 1px solid #000000;
    overflow: hidden;
    background: #f8ffde99
}

.wtb-info-content-avatars>span[data-v-cb707d88] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f8ffde;
    font-size: 18px;
    color: #000;
    padding: 3px 8px 3px 4px;
    border-right: 1px solid #ccc;
    font-family: Inter-Medium
}

.wtb-info-content-avatars img[data-v-cb707d88] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.wtb-info-price[data-v-cb707d88] {
    margin-left: auto;
    padding: 6px 20px;
    background: #f8ffde;
    border-radius: 16px;
    border: 2px solid #000000
}

.wtb-info-price span[data-v-cb707d88] {
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Bold
}

.wtb-content[data-v-7f86e8cd] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%
}

.wtb-content-box[data-v-7f86e8cd] {
    width: 100%;
    padding-left: 18px
}

.wtb-content-connect[data-v-7f86e8cd] {
    display: flex;
    flex-direction: column;
    gap: 42px;
    padding-left: 24px;
    border-left: solid 4px #000000
}

.wtb-content-title[data-v-7f86e8cd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px solid #000000
}

.wtb-content-title h2[data-v-7f86e8cd] {
    font-size: 64px;
    line-height: 75px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.wtb-content-title h6[data-v-7f86e8cd] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.wtb-item[data-v-7f86e8cd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.wtb-item-time[data-v-7f86e8cd] {
    display: flex;
    align-items: center;
    margin-left: -42px
}

.wtb-item-time-icon[data-v-7f86e8cd] {
    width: 32px;
    height: 32px
}

.wtb-item-time-catch[data-v-7f86e8cd] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 2px 12px;
    border-radius: 14px;
    background: #f5edff
}

.wtb-item-time-catch img[data-v-7f86e8cd] {
    width: 20px;
    height: 20px
}

.wtb-item-time-catch span[data-v-7f86e8cd] {
    font-size: 16px;
    line-height: 18px
}

.wtb-item-time>span[data-v-7f86e8cd] {
    margin: 0 4px 0 8px;
    padding: 2px 12px;
    font-size: 16px;
    line-height: 20px;
    background: #f3ffc6;
    border-radius: 14px;
    font-family: Inter-Medium
}

.wtb-item-time p[data-v-7f86e8cd] {
    padding: 4px 8px;
    background: #f2f3f7;
    border-radius: 14px
}

.wtb-item-more[data-v-7f86e8cd] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    width: fit-content;
    cursor: pointer
}

.wtb-item-more[data-v-7f86e8cd]:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 6px;
    background: #caff04
}

.wtb-item-more img[data-v-7f86e8cd] {
    width: 20px;
    height: 20px
}

.wtb-item-more span[data-v-7f86e8cd] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.wtb-item-connect[data-v-7f86e8cd] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding: 24px;
    background: #dfff67;
    border-radius: 32px;
    border: 2px solid #000;
    border-top: none
}

.web-header[data-v-7f86e8cd] {
    position: relative;
    z-index: 20;
    display: flex;
    gap: 20px;
    height: 262px
}

.web-header-left[data-v-7f86e8cd] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 356px
}

.wtb-center[data-v-7f86e8cd] {
    display: flex;
    gap: 20px;
    height: 236px
}

.web-header>div[data-v-7f86e8cd] {
    flex: 1 1 30%
}

.tokenInfo-banner[data-v-7f86e8cd] {
    position: absolute;
    z-index: 10;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: 140px;
    overflow: hidden
}

.tokenInfo-banner-background[data-v-7f86e8cd] {
    width: 100%;
    height: 100%
}

.tokenInfo-banner-connet[data-v-7f86e8cd] {
    position: absolute;
    z-index: -2;
    right: -2px;
    top: -2px;
    width: 520px;
    height: 140px;
    background-color: #fff
}

.tokenInfo-banner-img[data-v-7f86e8cd] {
    position: absolute;
    z-index: -1;
    right: 8px;
    top: 8px;
    width: 482px;
    min-height: 114px;
    border-radius: 0 32px 0 0;
    border: 2px solid #000000
}

.tokenInfo-connect-content[data-v-7f86e8cd] {
    display: flex;
    gap: 24px;
    min-height: 630px
}

.market-box[data-v-a0089776] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1280px;
}

.market-tab-list[data-v-a0089776] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
    margin: 32px 0;
}

.market-tab-list .cur[data-v-a0089776]:after {
    width: 100%;
    border: solid 1px #000
}

.market-tab-list .cur span[data-v-a0089776] {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.market-tab-item[data-v-a0089776]:last-child {
    margin-left: auto
}

.market-tab-item[data-v-a0089776] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
    cursor: pointer;
    position: relative;
    max-width: 1170px;
}

.market-tab-item[data-v-a0089776]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    border: solid 2px transparent;
    transition: all .15s
}

.market-tab-item[data-v-a0089776]:hover:after {
    width: 100%;
    border: solid 1px #000
}

.market-tab-item img[data-v-a0089776] {
    width: 24px;
    height: 24px
}

.market-tab-item span[data-v-a0089776] {
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.up[data-v-394d0b5a] {
    color: #00b242!important
}

.down[data-v-394d0b5a] {
    color: #f72a56!important
}

button[data-v-394d0b5a]:disabled {
    cursor: not-allowed;
    opacity: .5!important
}

.option[data-v-394d0b5a] {
    opacity: .3
}

.list-enter-active[data-v-394d0b5a],.list-leave-active[data-v-394d0b5a] {
    transition: all .5s ease
}

.list-enter-from[data-v-394d0b5a] {
    opacity: 0;
    transform: translate(-70px)
}

.list-leave-to[data-v-394d0b5a] {
    opacity: 0;
    transform: translate(70px)
}

.mcap-active-bac[data-v-394d0b5a] {
    background: #9efffa
}

.pump-connect[data-v-394d0b5a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 12px;
    border: 2px solid #000000;
    overflow-x: auto
}

.pump-connect[data-v-394d0b5a]::-webkit-scrollbar {
    display: none
}

.pump-item[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 120px;
    padding: 0 16px;
    border-bottom: 1px solid #000
}

.pump-item[data-v-394d0b5a]:last-child {
    border-bottom: none
}

.pump-line[data-v-394d0b5a] {
    width: 1px;
    height: 64px;
    margin: 0 10px;
    background: #ebebeb
}

.pump-info[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 560px
}

.pump-avatar-connect[data-v-394d0b5a] {
    position: relative;
    display: flex;
    width: fit-content;
    cursor: pointer
}

.pupm-progress[data-v-394d0b5a] {
    border-radius: 50%;
    border: 2px solid #000
}

[data-v-394d0b5a] .pupm-progress .el-progress__text {
    display: flex;
    justify-content: center
}

[data-v-394d0b5a] .pupm-progress .el-progress-circle__track {
    stroke: #fff
}

[data-v-394d0b5a] .pupm-progress .el-progress-circle__path {
    stroke-linecap: square
}

.pump-avatar-connect-avatar[data-v-394d0b5a] {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 2px solid #000
}

.pump-avatar-connect-chain[data-v-394d0b5a] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000
}

.pump-info-wrap[data-v-394d0b5a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 13px
}

.pump-info-wrap-connet[data-v-394d0b5a] {
    display: flex;
    gap: 4px;
    margin-left: auto;
    justify-content: space-between
}

.pump-wrap[data-v-394d0b5a] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.pump-wrap[data-v-394d0b5a]:nth-child(3) {
    width: 152px
}

.pump-wrap-content-between[data-v-394d0b5a] {
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb
}

.pump-wrap-content-mid .pump-wrap-content-connect span[data-v-394d0b5a] {
    font-family: Inter-Regular
}

.pump-wrap-content-between .pump-wrap-content-connect span[data-v-394d0b5a] {
    width: 56px
}

.pump-wrap-content-between .pump-wrap-content-connect:first-child span[data-v-394d0b5a] {
    width: 34px
}

.pump-wrap-content[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-wrap-content-name>h4[data-v-394d0b5a] {
    max-width: 90px;
    font-size: 20px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Inter-Bold
}

.pump-wrap-content-name[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-wrap-content-copy[data-v-394d0b5a] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: 50%;
    background: #f2f3f7
}

.pump-wrap-content-copy>img[data-v-394d0b5a] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.pump-info-wrap-x[data-v-394d0b5a] {
    display: flex;
    gap: 8px;
    margin-left: auto
}

.pump-info-wrap-x img[data-v-394d0b5a] {
    width: 14px;
    height: 14px
}

.pump-info-wrap-x span[data-v-394d0b5a] {
    max-width: 118px;
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.pump-wrap-content-time[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    background: #ebff9c;
    font-family: Inter-Medium
}

.pump-wrap-content-connect[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-wrap-content-connect.el-tooltip__trigger[data-v-394d0b5a] {
    cursor: pointer
}

.pump-tips[data-v-394d0b5a] {
    max-width: 300px;
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-wrap-content-connect>img[data-v-394d0b5a] {
    width: 16px;
    height: 16px
}

.pump-wrap-content-connect>span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-wrap-content-connect>p[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    font-family: Inter-Light
}

.pump-wrap-links[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-wrap-links-wrap[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 4px;
    background: #f2f2f2;
    border-radius: 8px
}

.pump-wrap-links-wrap>img[data-v-394d0b5a] {
    width: 14px;
    height: 14px
}

.pump-wrap-links-wrap>span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-wrap-links>img[data-v-394d0b5a] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.pump-wrap-trad[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left: auto;
    max-width: 222px;
    gap: 3px;
    cursor: pointer
}

.pump-wrap-trad span[data-v-394d0b5a] {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.bule[data-v-394d0b5a] {
    background: #239bf1
}

.green[data-v-394d0b5a] {
    background: #31bd65
}

.yellow[data-v-394d0b5a] {
    background: #f8b600
}

.purple[data-v-394d0b5a] {
    background: #eb4b6d
}

.pump-tip-list[data-v-394d0b5a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    width: 200px
}

.pump-tip-list>h6[data-v-394d0b5a] {
    width: 100%;
    font-size: 14px;
    line-height: 16px
}

.pump-tip-item-connet[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #f2f3f7
}

.pump-tip-item[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 1 40%
}

.pump-tip-item span[data-v-394d0b5a] {
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.pump-tip-item p[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px
}

.pump-tip-item h6[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-tip-wrap[data-v-394d0b5a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pump-tip-wrap span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px
}

.pump-tip-wrap h5[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-wrap-content-item[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-wrap-content-item span[data-v-394d0b5a] {
    font-size: 16px;
    line-height: 20px
}

.pump-wrap-content-item img[data-v-394d0b5a] {
    width: 16px;
    height: 16px
}

.pump-wrap-content-value[data-v-394d0b5a] {
    font-size: 16px;
    line-height: 20px
}

.pump-wrap-pill-box[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-wrap-pill[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 20px;
    padding-right: 8px;
    gap: 4px;
    border-radius: 16px;
    background-color: #f2f3f7;
    cursor: pointer
}

.pump-wrap-pill img[data-v-394d0b5a] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #000
}

.pump-wrap-pill span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px
}

.pump-wrap-content-tokens[data-v-394d0b5a] {
    display: flex;
    align-items: center
}

.pump-wrap-content-tokens span[data-v-394d0b5a] {
    font-size: 14px;
    margin-left: 4px;
    font-family: Inter-Medium
}

.pump-wrap-content-tokens img[data-v-394d0b5a] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #000;
    margin-left: -6px
}

.pump-wrap-content-tokens img[data-v-394d0b5a]:first-child {
    margin-left: 0
}

.pump-wrap-content-rename[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.pump-wrap-content-rename img[data-v-394d0b5a] {
    width: 14px;
    height: 14px
}

.pump-wrap-content-rename span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-wrap-content-top[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-wrap-content-top>img[data-v-394d0b5a] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #000
}

.pump-wrap-content-top>span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.pump-wrap-content-top>h6[data-v-394d0b5a] {
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-wrap-content-top>h6[data-v-394d0b5a]:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 4px;
    background: #caff04
}

.pump-twiter[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    width: 210px;
    height: 100%;
    gap: 4px
}

.pump-twiter-content[data-v-394d0b5a] {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.pump-twiter-top[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.pump-twiter-top>img[data-v-394d0b5a] {
    width: 20px;
    height: 20px
}

.pump-twiter-content-name[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding-right: 12px;
    background: #f2f3f7;
    border-radius: 16px
}

.pump-twiter-content-name .pump-twiter-content-avatar[data-v-394d0b5a] {
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 50%
}

.pump-twiter-content-name h4[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pump-twiter-content-name img[data-v-394d0b5a] {
    width: 12px;
    height: 12px
}

.pump-twiter-content-info[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-twiter-content-wrap[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.pump-twiter-content-wrap img[data-v-394d0b5a] {
    width: 16px;
    height: 16px
}

.pump-twiter-content-wrap span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px
}

.pump-twiter-content-wrap p[data-v-394d0b5a] {
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-twiter-content-wrap p[data-v-394d0b5a]:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 4px;
    background: #caff04
}

.pump-twiter-bottom[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-twiter-bottom span[data-v-394d0b5a] {
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap
}

.pump-twiter-bottom-item[data-v-394d0b5a] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 2px 4px 2px 22px;
    background: #f2f3f7;
    border-radius: 20px;
    cursor: pointer
}

.pump-twiter-bottom-item img[data-v-394d0b5a] {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #000
}

.pump-news[data-v-394d0b5a] {
    width: 160px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    cursor: pointer
}

.pump-swap[data-v-394d0b5a] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    background: #f2f3f7;
    border-radius: 24px;
    cursor: pointer;
    border: none
}

.pump-swap img[data-v-394d0b5a] {
    width: 16px;
    height: 16px
}

.pump-swap span[data-v-394d0b5a] {
    font-family: Inter-Medium;
    font-size: 14px;
    color: #000
}

[data-v-766facdf] .el-checkbox-group {
    gap: 4px
}

[data-v-766facdf] .el-checkbox.el-checkbox--small {
    margin: 0;
    justify-content: space-between;
    flex-direction: row-reverse
}

[data-v-766facdf] .el-checkbox.el-checkbox--small .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    border-radius: 4px
}

[data-v-766facdf] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #caff04;
    border-color: #000
}

[data-v-766facdf] .el-checkbox__input.is-checked .el-checkbox__inner:after {
    width: 3px;
    border-color: #000;
    border-width: 1.5px
}

[data-v-766facdf] .el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px;
    padding-left: 0
}

[data-v-766facdf] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #000
}

[data-v-766facdf] .el-input__wrapper {
    border-radius: 6px!important
}

[data-v-766facdf] .el-input__inner {
    height: 28px;
    font-size: 14px;
    color: #000
}

.pump-box[data-v-766facdf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1280px;
    padding-bottom: 48px
}

.pump-tab-list[data-v-766facdf] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
    margin: 32px 0;
    border-bottom: 2px solid #ebebeb
}

.pump-tab-list .cur[data-v-766facdf]:after {
    width: 100%;
    border: solid 1px #000
}

.pump-tab-list .cur span[data-v-766facdf] {
    font-family: Inter-Medium
}

.pump-tab-item[data-v-766facdf] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
    cursor: pointer;
    position: relative
}

.pump-tab-item[data-v-766facdf]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    border: solid 2px transparent;
    transition: all .15s
}

.pump-tab-item[data-v-766facdf]:hover:after {
    width: 100%;
    border: solid 1px #000
}

.pump-tab-item img[data-v-766facdf] {
    width: 24px;
    height: 24px
}

.pump-tab-item span[data-v-766facdf] {
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.pump-feature-box[data-v-766facdf] {
    display: flex;
    gap: 12px;
    margin-left: auto;
    position: relative;
}

.pump-feature[data-v-766facdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    gap: 4px;
    height: 36px;
    border-radius: 8px;
    border: 2px solid #000000;
    cursor: pointer
}

.pump-feature-left[data-v-766facdf] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-feature-right[data-v-766facdf] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-feature-right input[data-v-766facdf] {
    width: 32px;
    padding: 0;
    border: none
}

.pump-feature-right input[data-v-766facdf]:focus {
    outline: none
}

.pump-feature-line[data-v-766facdf] {
    width: 1px;
    height: 100%;
    margin: 0 12px;
    background: #000
}

.pump-feature img[data-v-766facdf] {
    width: 16px;
    height: 16px
}

.pump-feature span[data-v-766facdf] {
    font-size: 14px;
    line-height: 16px;
    color: #000
}

[data-v-766facdf] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-766facdf] .el-popper__arrow:before {
    display: none!important
}

.el-checkbox-group[data-v-766facdf] {
    display: flex;
    flex-direction: column
}

.pump-feature-list[data-v-766facdf] {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.pump-feature-wrap[data-v-766facdf] {
    margin-top: 12px
}

.pump-feature-wrap-item[data-v-766facdf] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-feature-wrap-item h6[data-v-766facdf] {
    width: 110px;
    font-size: 14px;
    line-height: 16px
}

.pump-feature-wrap-input[data-v-766facdf] {
    position: relative;
    display: flex;
    align-items: center
}

.pump-feature-wrap-input .el-input[data-v-766facdf] {
    width: 76px
}

[data-v-766facdf] .el-input--small .el-input__wrapper {
    padding: 0 20px 0 6px
}

[data-v-766facdf] .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.pump-feature-wrap-input>span[data-v-766facdf] {
    position: absolute;
    font-size: 14px;
    right: 6px;
    height: fit-content;
    opacity: .3
}

.pump-feature-btns[data-v-766facdf] {
    display: flex;
    gap: 32px;
    margin-top: 20px
}

.pump-feature-btns img[data-v-766facdf] {
    width: 20px;
    height: 20px
}

.pump-feature-btns button[data-v-766facdf] {
    flex: 1 1 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 38px;
    background: #fff;
    font-size: 14px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 2px 2px #000
}

.pump-feature-btns button {
    flex: 1 1 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 38px;
    background: #fff;
    font-size: 14px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 2px 2px #000;
    border: 2px solid #000;
}

.pump-feature-btns button[data-v-766facdf]:nth-child(2) {
    background: #000;
    color: #fff
}

.pump-feature-btns button[data-v-766facdf]:active {
    box-shadow: none;
    transform: translate(2px,2px)
}

.pump-feature-created[data-v-766facdf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px
}

.pump-feature-created-item[data-v-766facdf] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer
}

.pump-feature-created-cur[data-v-766facdf] {
    background: #caff04
}

.pump-feature-created-item[data-v-766facdf]:hover {
    background: #f2f3f7
}

.pump-feature .pump-feature-arrow[data-v-766facdf] {
    width: 20px;
    height: 20px
}

.kolcall-top-list[data-v-d814bb48] {
    position: relative;
    width: 100%;
    margin-bottom: 24px
}

.smart-prev[data-v-d814bb48] {
    position: absolute;
    left: -20px;
    top: 42px;
    z-index: 2
}

.smart-next[data-v-d814bb48] {
    position: absolute;
    right: -20px;
    top: 42px;
    z-index: 2
}

.navigation-button[data-v-d814bb48] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: all .1s;
    cursor: pointer
}

.navigation-button[data-v-d814bb48]:hover {
    transform: translate(2px,2px);
    box-shadow: none
}

.navigation-button>img[data-v-d814bb48] {
    width: 20px;
    height: 20px
}

.kolcall-wrap[data-v-d814bb48] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
    gap: 6px
}

.kolcall-wrap img[data-v-d814bb48] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.kolcall-wrap span[data-v-d814bb48] {
    font-size: 14px;
    line-height: 18px
}

.kolcall-top-item-hover[data-v-d814bb48] {
    padding-bottom: 16px;
    cursor: pointer
}

.kolcall-top-item-hover[data-v-d814bb48]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAACcCAYAAACOTRJwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUmSURBVHgB7do/TBtnGMfx52yGDEXySid36VYViFQlE2ZjiBSygdRIVOqSCaiUrUpgriqcLWorARNlSqI2Q9RWQJdWkRJRqUvJgLsAU3FFB4SCr+9zZxuXQv8ELr/E9/1Ij302IEL85fy+NpH9XSXM1TCjYcoGvLj15syGqZ32SaUw1TAxw2Qwc5Y2loia137HSpj+3lJkY1ORXRyKbLDS+jDw/22sx7ZUje3hYqN1l5/9hsPUW2X5mW6yrxzZ3ZWi9ZUNODdbNbMbw4e2XfMTX9LatIdXDrPp9zzY7CE6ZMLjuz7w3Pbqyc3hoqXPvf1XJgp2ZYKnVmSjNyzmDvbNnq4lZ716IVz0+9H4JNEhWx17hlE/ShJ8HPcYkLX3oufJdcEAAcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIeHh1P9iuxQZkaeuosbqHt+5Ha/cJD9l6utpubN3Du+9HXy0SHrL1+WyjdbhQDBe/hBn7bcdKe7+bXR6JDDhvn8007PsHycmtFuYDD28/zFqYsZ9/jC9s/BTbO5ci6y0RIM7O13U3Rxv2MH1G9f3EZb/urKs/zL0wZb8xOBTZm2XrCm+ULPlFGqxEdrHyav9C7dVj2wir7mfrcfKg/VG319ZWLazr1o42FGGGrbmnOP4olMPcDjNhXaqvbDY0WrDxySgcvzoRenBL1diW7zTCsXUT/2l8HzFr6dNs4rT/+XCOsHetefbrAv7zlMNULD2zJwF+cq9ob/fr49sIZ7eb1w7DS1rtu/yssGrpA/U6Z+j/9jU74WfI40LuL0uKj+YKNjalex19qdqwuen2bm81zIylD1ZXK1r+7IS50zyu/PAoNl+FKNZ+n0417IujlxiqYcbD/Go5kMfwWvysEl5AshFfAD8J4/G9jN28r+cmRxr27XJ74T1l6RooN3jNpOOp19d9d1eKmW46fKd6Y7i9nvPLa9bc6eUJfySQPui+za9t18zeHzi01YzePnwS3jK6PtCOrvV9cxedy/NTbSffdS2GuXCwb5e+WT7/dZ9vIj4eb9jBfnJzwdL13I7lFOEd8SQeNY8rvu47r7cQj20iZsJMN79fbrHGO9lomPkwpbOs+5K3i8Lrc8/SJ1M/q/omYtFAeP+gHGbFXnDTcexFYb/M5SbiNGwuTlez5uJ/OxxdfevQvqw2/tMXfr3Q6Ny55noTgbOZC+P7jfjD24X4cdxz6vjHW5/b/DrgTPyPJ5KgwlNvfGu+EH+3W0xi8+tb88V4cCjqjG7SgHPiLzZv2lFcJ41/fMiADExYuvHYtTS23eZtP8uVDP/qTwEr6RlIbwKQAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-top-item-hover:hover .kolcall-top-item[data-v-d814bb48] {
    background: none;
    border: none
}

.kolcall-top-item-hover:hover .kolcall-top-item-name[data-v-d814bb48] {
    font-family: Inter-Bold
}

.kolcall-top-item-cur[data-v-d814bb48] {
    padding-bottom: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAACcCAYAAACOTRJwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUmSURBVHgB7do/TBtnGMfx52yGDEXySid36VYViFQlE2ZjiBSygdRIVOqSCaiUrUpgriqcLWorARNlSqI2Q9RWQJdWkRJRqUvJgLsAU3FFB4SCr+9zZxuXQv8ELr/E9/1Ij302IEL85fy+NpH9XSXM1TCjYcoGvLj15syGqZ32SaUw1TAxw2Qwc5Y2loia137HSpj+3lJkY1ORXRyKbLDS+jDw/22sx7ZUje3hYqN1l5/9hsPUW2X5mW6yrxzZ3ZWi9ZUNODdbNbMbw4e2XfMTX9LatIdXDrPp9zzY7CE6ZMLjuz7w3Pbqyc3hoqXPvf1XJgp2ZYKnVmSjNyzmDvbNnq4lZ716IVz0+9H4JNEhWx17hlE/ShJ8HPcYkLX3oufJdcEAAcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIeHh1P9iuxQZkaeuosbqHt+5Ha/cJD9l6utpubN3Du+9HXy0SHrL1+WyjdbhQDBe/hBn7bcdKe7+bXR6JDDhvn8007PsHycmtFuYDD28/zFqYsZ9/jC9s/BTbO5ci6y0RIM7O13U3Rxv2MH1G9f3EZb/urKs/zL0wZb8xOBTZm2XrCm+ULPlFGqxEdrHyav9C7dVj2wir7mfrcfKg/VG319ZWLazr1o42FGGGrbmnOP4olMPcDjNhXaqvbDY0WrDxySgcvzoRenBL1diW7zTCsXUT/2l8HzFr6dNs4rT/+XCOsHetefbrAv7zlMNULD2zJwF+cq9ob/fr49sIZ7eb1w7DS1rtu/yssGrpA/U6Z+j/9jU74WfI40LuL0uKj+YKNjalex19qdqwuen2bm81zIylD1ZXK1r+7IS50zyu/PAoNl+FKNZ+n0417IujlxiqYcbD/Go5kMfwWvysEl5AshFfAD8J4/G9jN28r+cmRxr27XJ74T1l6RooN3jNpOOp19d9d1eKmW46fKd6Y7i9nvPLa9bc6eUJfySQPui+za9t18zeHzi01YzePnwS3jK6PtCOrvV9cxedy/NTbSffdS2GuXCwb5e+WT7/dZ9vIj4eb9jBfnJzwdL13I7lFOEd8SQeNY8rvu47r7cQj20iZsJMN79fbrHGO9lomPkwpbOs+5K3i8Lrc8/SJ1M/q/omYtFAeP+gHGbFXnDTcexFYb/M5SbiNGwuTlez5uJ/OxxdfevQvqw2/tMXfr3Q6Ny55noTgbOZC+P7jfjD24X4cdxz6vjHW5/b/DrgTPyPJ5KgwlNvfGu+EH+3W0xi8+tb88V4cCjqjG7SgHPiLzZv2lFcJ41/fMiADExYuvHYtTS23eZtP8uVDP/qTwEr6RlIbwKQAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-top-item-cur .kolcall-top-item[data-v-d814bb48] {
    background: none;
    border: none
}

.kolcall-top-item-cur .kolcall-top-item-name[data-v-d814bb48] {
    font-family: Inter-Bold
}

.kolcall-top-item[data-v-d814bb48] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
    border-radius: 8px;
    border: 2px solid #000000
}

.kolcall-top-item-connect[data-v-d814bb48] {
    position: relative;
    display: flex
}

.kolcall-top-item-avatar[data-v-d814bb48] {
    width: 56px;
    height: 56px;
    font-size: 26px;
    border-radius: 50%;
    border: 2px solid #000
}

.kolcall-top-item-chain[data-v-d814bb48] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.kolcall-top-item-name[data-v-d814bb48] {
    max-width: 125px;
    margin: 8px 0 2px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.kolcall-top-item-time[data-v-d814bb48] {
    font-size: 14px;
    line-height: 16px
}

.activity-content[data-v-d814bb48] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px
}

.container-hover[data-v-d814bb48] {
    max-width: 630px;
    background: #eebacb
}

.blur-connect[data-v-d814bb48] {
    bottom: 36px
}

.smart-ranking[data-v-89d32c88] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.smart-ranking-item[data-v-89d32c88] {
    flex: 1 1 20%
}

.container-bac[data-v-89d32c88] {
    max-width: 304px;
    padding: 0!important
}

.blur-connect[data-v-89d32c88] {
    bottom: 140px
}

.address-box[data-v-d37b50ed] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1280px;
    padding-bottom: 48px
}

.address-menu-list[data-v-d37b50ed] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
    margin: 32px 0;
    border-bottom: 2px solid #ebebeb
}

.address-menu-list .cur[data-v-d37b50ed]:after {
    border: solid 1px #000
}

.address-menu-item[data-v-d37b50ed] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
    cursor: pointer;
    position: relative
}

.address-menu-item[data-v-d37b50ed]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border: solid 2px transparent
}

.address-menu-item img[data-v-d37b50ed] {
    width: 24px;
    height: 24px
}

.address-menu-item span[data-v-d37b50ed] {
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.kolcall-top-list[data-v-7d75887a] {
    position: relative;
    width: 100%;
    margin-bottom: 24px
}

.kolcall-top-item-hover[data-v-7d75887a] {
    padding-bottom: 16px;
    cursor: pointer
}

.kolcall-top-item-hover[data-v-7d75887a]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAACcCAYAAACOTRJwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUmSURBVHgB7do/TBtnGMfx52yGDEXySid36VYViFQlE2ZjiBSygdRIVOqSCaiUrUpgriqcLWorARNlSqI2Q9RWQJdWkRJRqUvJgLsAU3FFB4SCr+9zZxuXQv8ELr/E9/1Ij302IEL85fy+NpH9XSXM1TCjYcoGvLj15syGqZ32SaUw1TAxw2Qwc5Y2loia137HSpj+3lJkY1ORXRyKbLDS+jDw/22sx7ZUje3hYqN1l5/9hsPUW2X5mW6yrxzZ3ZWi9ZUNODdbNbMbw4e2XfMTX9LatIdXDrPp9zzY7CE6ZMLjuz7w3Pbqyc3hoqXPvf1XJgp2ZYKnVmSjNyzmDvbNnq4lZ716IVz0+9H4JNEhWx17hlE/ShJ8HPcYkLX3oufJdcEAAcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIeHh1P9iuxQZkaeuosbqHt+5Ha/cJD9l6utpubN3Du+9HXy0SHrL1+WyjdbhQDBe/hBn7bcdKe7+bXR6JDDhvn8007PsHycmtFuYDD28/zFqYsZ9/jC9s/BTbO5ci6y0RIM7O13U3Rxv2MH1G9f3EZb/urKs/zL0wZb8xOBTZm2XrCm+ULPlFGqxEdrHyav9C7dVj2wir7mfrcfKg/VG319ZWLazr1o42FGGGrbmnOP4olMPcDjNhXaqvbDY0WrDxySgcvzoRenBL1diW7zTCsXUT/2l8HzFr6dNs4rT/+XCOsHetefbrAv7zlMNULD2zJwF+cq9ob/fr49sIZ7eb1w7DS1rtu/yssGrpA/U6Z+j/9jU74WfI40LuL0uKj+YKNjalex19qdqwuen2bm81zIylD1ZXK1r+7IS50zyu/PAoNl+FKNZ+n0417IujlxiqYcbD/Go5kMfwWvysEl5AshFfAD8J4/G9jN28r+cmRxr27XJ74T1l6RooN3jNpOOp19d9d1eKmW46fKd6Y7i9nvPLa9bc6eUJfySQPui+za9t18zeHzi01YzePnwS3jK6PtCOrvV9cxedy/NTbSffdS2GuXCwb5e+WT7/dZ9vIj4eb9jBfnJzwdL13I7lFOEd8SQeNY8rvu47r7cQj20iZsJMN79fbrHGO9lomPkwpbOs+5K3i8Lrc8/SJ1M/q/omYtFAeP+gHGbFXnDTcexFYb/M5SbiNGwuTlez5uJ/OxxdfevQvqw2/tMXfr3Q6Ny55noTgbOZC+P7jfjD24X4cdxz6vjHW5/b/DrgTPyPJ5KgwlNvfGu+EH+3W0xi8+tb88V4cCjqjG7SgHPiLzZv2lFcJ41/fMiADExYuvHYtTS23eZtP8uVDP/qTwEr6RlIbwKQAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-top-item-hover:hover .kolcall-top-item[data-v-7d75887a] {
    background: none;
    border: none
}

.kolcall-top-item-hover:hover .kolcall-top-item-name[data-v-7d75887a] {
    font-family: Inter-Bold
}

.kolcall-top-item-cur[data-v-7d75887a] {
    padding-bottom: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAACcCAYAAACOTRJwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUmSURBVHgB7do/TBtnGMfx52yGDEXySid36VYViFQlE2ZjiBSygdRIVOqSCaiUrUpgriqcLWorARNlSqI2Q9RWQJdWkRJRqUvJgLsAU3FFB4SCr+9zZxuXQv8ELr/E9/1Ij302IEL85fy+NpH9XSXM1TCjYcoGvLj15syGqZ32SaUw1TAxw2Qwc5Y2loia137HSpj+3lJkY1ORXRyKbLDS+jDw/22sx7ZUje3hYqN1l5/9hsPUW2X5mW6yrxzZ3ZWi9ZUNODdbNbMbw4e2XfMTX9LatIdXDrPp9zzY7CE6ZMLjuz7w3Pbqyc3hoqXPvf1XJgp2ZYKnVmSjNyzmDvbNnq4lZ716IVz0+9H4JNEhWx17hlE/ShJ8HPcYkLX3oufJdcEAAcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIEB4kCA8ShAcJwoME4UGC8CBBeJAgPEgQHiQIDxKEBwnCgwThQYLwIEF4kCA8SBAeJAgPEoQHCcKDBOFBgvAgQXiQIDxIeHh1P9iuxQZkaeuosbqHt+5Ha/cJD9l6utpubN3Du+9HXy0SHrL1+WyjdbhQDBe/hBn7bcdKe7+bXR6JDDhvn8007PsHycmtFuYDD28/zFqYsZ9/jC9s/BTbO5ci6y0RIM7O13U3Rxv2MH1G9f3EZb/urKs/zL0wZb8xOBTZm2XrCm+ULPlFGqxEdrHyav9C7dVj2wir7mfrcfKg/VG319ZWLazr1o42FGGGrbmnOP4olMPcDjNhXaqvbDY0WrDxySgcvzoRenBL1diW7zTCsXUT/2l8HzFr6dNs4rT/+XCOsHetefbrAv7zlMNULD2zJwF+cq9ob/fr49sIZ7eb1w7DS1rtu/yssGrpA/U6Z+j/9jU74WfI40LuL0uKj+YKNjalex19qdqwuen2bm81zIylD1ZXK1r+7IS50zyu/PAoNl+FKNZ+n0417IujlxiqYcbD/Go5kMfwWvysEl5AshFfAD8J4/G9jN28r+cmRxr27XJ74T1l6RooN3jNpOOp19d9d1eKmW46fKd6Y7i9nvPLa9bc6eUJfySQPui+za9t18zeHzi01YzePnwS3jK6PtCOrvV9cxedy/NTbSffdS2GuXCwb5e+WT7/dZ9vIj4eb9jBfnJzwdL13I7lFOEd8SQeNY8rvu47r7cQj20iZsJMN79fbrHGO9lomPkwpbOs+5K3i8Lrc8/SJ1M/q/omYtFAeP+gHGbFXnDTcexFYb/M5SbiNGwuTlez5uJ/OxxdfevQvqw2/tMXfr3Q6Ny55noTgbOZC+P7jfjD24X4cdxz6vjHW5/b/DrgTPyPJ5KgwlNvfGu+EH+3W0xi8+tb88V4cCjqjG7SgHPiLzZv2lFcJ41/fMiADExYuvHYtTS23eZtP8uVDP/qTwEr6RlIbwKQAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-top-item-cur .kolcall-top-item[data-v-7d75887a] {
    background: none;
    border: none
}

.kolcall-top-item-cur .kolcall-top-item-name[data-v-7d75887a] {
    font-family: Inter-Bold
}

.kolcall-top-item[data-v-7d75887a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
    border-radius: 8px;
    border: 2px solid #000000
}

.kolcall-top-item-connect[data-v-7d75887a] {
    position: relative;
    display: flex
}

.kolcall-top-item-chain[data-v-7d75887a] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.kolcall-top-item-avatar[data-v-7d75887a] {
    width: 56px;
    height: 56px;
    font-size: 26px;
    border-radius: 50%;
    border: 2px solid #000
}

.kolcall-top-item-name[data-v-7d75887a] {
    max-width: 125px;
    margin: 8px 0 2px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.kolcall-top-item-time[data-v-7d75887a] {
    font-size: 14px;
    line-height: 16px
}

.kolcall-content[data-v-7d75887a] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px;
    border-radius: 16px;
    border: 2px solid #000000
}

.kolcall-content-connect[data-v-7d75887a] {
    position: relative;
    flex: 1 1 47%;
    max-width: 604px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid #000
}

.smart-prev[data-v-7d75887a] {
    position: absolute;
    left: -20px;
    top: 42px;
    z-index: 2
}

.smart-next[data-v-7d75887a] {
    position: absolute;
    right: -20px;
    top: 42px;
    z-index: 2
}

.navigation-button[data-v-7d75887a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: all .1s;
    cursor: pointer
}

.navigation-button[data-v-7d75887a]:hover {
    transform: translate(2px,2px);
    box-shadow: none
}

.navigation-button>img[data-v-7d75887a] {
    width: 20px;
    height: 20px
}

.blur-connect[data-v-7d75887a] {
    bottom: 36px
}

.kolRank-container[data-v-a8e04402] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 40px
}

.rank-item-container[data-v-a8e04402] {
    position: relative;
    flex: 1 1 30%;
    max-width: 412px;
    height: 100%
}

.blur-connect[data-v-a8e04402] {
    bottom: 120px
}

.kolRank-container[data-v-1c8746a1] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 40px
}

.rank-item-container[data-v-1c8746a1] {
    position: relative;
    flex: 1 1 30%;
    max-width: 412px;
    height: 100%
}

.blur-connect[data-v-1c8746a1] {
    bottom: 60px
}

.kolcall-box[data-v-980d0db0] {
    position: relative;
    width: 1280px
}

.kol-content[data-v-980d0db0] {
    width: 100%
}

.kol-header-filter[data-v-980d0db0] {
    position: absolute;
    top: 46px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 6px
}

.kol-header-filter img[data-v-980d0db0] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.kol-header-filter span[data-v-980d0db0] {
    font-size: 14px;
    line-height: 16px
}

.kol-menu-list[data-v-980d0db0] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
    margin: 32px 0;
    border-bottom: 2px solid #ebebeb
}

.kol-menu-list .cur[data-v-980d0db0]:after {
    border: solid 1px #000
}

.kol-menu-item[data-v-980d0db0] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
    cursor: pointer;
    position: relative
}

.kol-menu-item[data-v-980d0db0]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border: solid 2px transparent
}

.kol-menu-item img[data-v-980d0db0] {
    width: 24px;
    height: 24px
}

.kol-menu-item span[data-v-980d0db0] {
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.charts[data-v-f0619be9] {
    width: 100%;
    height: 100%
}

.potential-box[data-v-47f97c7f] {
    width: 100%
}

.address-header[data-v-47f97c7f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.address-header-filter[data-v-47f97c7f] {
    display: flex;
    align-items: center;
    gap: 6px
}

.address-header-filter img[data-v-47f97c7f] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.address-header-filter span[data-v-47f97c7f] {
    font-size: 14px;
    line-height: 16px
}

.address-menu[data-v-47f97c7f] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 6px 8px;
    border-radius: 8px;
    margin-bottom: 16px;
    margin-top: 10px;
    border: 2px solid #000000
}

.address-menu .address-menu-item[data-v-47f97c7f] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    padding: 0 16px;
    font-size: 18px;
    border-radius: 6px;
    cursor: pointer
}

.address-menu .address-menu-cur[data-v-47f97c7f] {
    font-family: Inter-Bold;
    background: #caff04
}

.potential-content[data-v-47f97c7f] {
    border: 2px solid #000;
    border-radius: 16px
}

.content-header[data-v-47f97c7f] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 32px;
    border-radius: 16px 16px 0 0;
    border-bottom: 2px solid #000
}

.content-list[data-v-47f97c7f] {
    border-radius: 0 0 16px 16px;
    overflow: hidden
}

.content-header-text[data-v-47f97c7f] {
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.content-item[data-v-47f97c7f] {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    gap: 32px;
    border-bottom: 1px solid #bbb
}

.content-item[data-v-47f97c7f]:hover {
    background: #f0f0ec
}

.content-item-wrap[data-v-47f97c7f] {
    flex: 1;
    display: flex;
    align-items: center
}

.content-item-trading[data-v-47f97c7f] {
    max-width: 70px
}

.content-item-pnl[data-v-47f97c7f] {
    min-width: 200px
}

.content-item-wrap-last[data-v-47f97c7f] {
    max-width: 30px!important
}

.content-item-wrap[data-v-47f97c7f]:first-child {
    min-width: 180px
}

.content-item-wrap[data-v-47f97c7f]:last-child {
    justify-content: flex-end;
    max-width: 150px
}

.content-item[data-v-47f97c7f]:last-child {
    border-bottom: none
}

.content-item-info[data-v-47f97c7f] {
    display: flex;
    align-items: center;
    gap: 4px
}

.content-item-info-data[data-v-47f97c7f] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.content-item-info-range[data-v-47f97c7f] {
    display: flex;
    align-items: center
}

.content-item-info-range img[data-v-47f97c7f] {
    width: 16px;
    height: 16px
}

.content-item-info-range span[data-v-47f97c7f] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.content-item-wrap-type[data-v-47f97c7f] {
    width: 24px;
    height: 24px
}

.content-item-wrap-box[data-v-47f97c7f] {
    position: relative;
    margin-right: 10px
}

.content-item-wrap-avatar[data-v-47f97c7f] {
    display: flex;
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.content-item-wrap-chain[data-v-47f97c7f] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.content-item-wrap-name[data-v-47f97c7f] {
    max-width: 155px;
    font-size: 18px;
    color: #000;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-family: Inter-Bold
}

.content-item-wrap-data span[data-v-47f97c7f] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.content-item-wrap-data p[data-v-47f97c7f] {
    display: inline;
    margin: 0 -2px;
    font-size: 14px
}

.content-item-wrap-time[data-v-47f97c7f] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.content-item-wrap-time[data-v-47f97c7f]:after {
    content: "";
    width: 0;
    height: 2px;
    background: #666;
    position: absolute;
    top: 120%;
    left: 0%;
    transition: all .1s
}

.content-item-wrap-time[data-v-47f97c7f]:hover:after {
    left: 0%;
    width: 100%
}

.content-item-wrap-time img[data-v-47f97c7f] {
    width: 16px;
    height: 16px
}

.content-item-wrap-time span[data-v-47f97c7f] {
    font-size: 14px;
    color: #666;
    font-family: Inter-Light
}

.content-item-wrap-share[data-v-47f97c7f] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #000000;
    cursor: pointer
}

.content-item-wrap-share img[data-v-47f97c7f] {
    width: 20px;
    height: 20px
}

.connect-share-box[data-v-4251c0ab] {
    position: fixed;
    z-index: 888;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #0000004d;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem;
    padding-top: 66px
}

.connect-share[data-v-4251c0ab] {
    position: relative;
    width: 500px;
    max-width: 500px;
    height: 686px;
    padding: 24px 44px;
    border-radius: 16px;
    border: 2px solid #000000;
    background: #fff
}

.connect-share h1[data-v-4251c0ab] {
    text-align: center;
    margin-bottom: 4px;
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-family: Inter-Medium
}

.connect-share-close[data-v-4251c0ab] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.connect-share-address[data-v-4251c0ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 16px
}

.connect-share-address .connect-share-address-text[data-v-4251c0ab] {
    width: 372px;
    padding: 4px 0;
    display: flex;
    justify-content: center;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-text span[data-v-4251c0ab] {
    max-width: 320px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.connect-share-address .connect-share-address-cope[data-v-4251c0ab] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000
}

.connect-share-address .connect-share-address-cope img[data-v-4251c0ab] {
    width: 20px;
    height: 20px
}

.connect-share-content-box[data-v-4251c0ab] {
    width: 410px;
    height: 500px;
    background: #fff;
    overflow: hidden;
    box-shadow: 3px 3px #000;
    border-radius: 16px;
    border: 2px solid #000000
}

.connect-share-content[data-v-4251c0ab] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 46px 0 12px;
    background: #fff
}

.connect-share-content-banner[data-v-4251c0ab] {
    position: absolute;
    width: 100%;
    height: 64px;
    left: 0;
    top: 0;
    border-bottom: 2px solid #000
}

.connect-share-content-banner img[data-v-4251c0ab] {
    width: 100%;
    height: 100%
}

.connect-share-content-rocket[data-v-4251c0ab] {
    position: absolute;
    top: 234px;
    right: 30px;
    width: 72px;
    height: 104px
}

.connect-share-content-rocket img[data-v-4251c0ab] {
    width: 100%;
    height: 100%
}

.connect-share-content-top[data-v-4251c0ab] {
    padding: 0 24px 12px;
    border-bottom: 2px solid #000;
    background: #fff
}

.connect-share-content-top .connect-share-name[data-v-4251c0ab] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.connect-share-content-top .connect-share-name .connect-share-chain[data-v-4251c0ab] {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    border-radius: 50%
}

.connect-share-content-top .connect-share-name .connect-share-info[data-v-4251c0ab] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background-color: #fff
}

.connect-share-content-top .connect-share-name .connect-share-info img[data-v-4251c0ab] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000000
}

.connect-share-content-top .connect-share-name .connect-share-info span[data-v-4251c0ab] {
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-title[data-v-4251c0ab] {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-top .connect-share-change[data-v-4251c0ab] {
    display: flex;
    align-content: center;
    margin-bottom: 2px
}

.connect-share-content-top .connect-share-price span[data-v-4251c0ab] {
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-family: Inter-Bold
}

.connect-share-content-top .connect-share-range[data-v-4251c0ab] {
    display: flex;
    align-items: center
}

.connect-share-content-top .connect-share-range img[data-v-4251c0ab] {
    width: 16px;
    height: 16px
}

.connect-share-content-top .connect-share-range span[data-v-4251c0ab] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .conect-share-line[data-v-4251c0ab] {
    width: 100%;
    height: 80px;
    margin-bottom: 24px;
    background: #f2f3f780;
    border-radius: 8px
}

.connect-share-content-top .connect-share-profit[data-v-4251c0ab] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    margin-bottom: 20px
}

.connect-share-content-top .connect-share-profit h2[data-v-4251c0ab] {
    padding: 8px 16px;
    font-size: 24px;
    line-height: 28px;
    background: #caff04;
    border-radius: 24px;
    font-family: Inter-Bold
}

.connect-share-content-top .connect-share-profit span[data-v-4251c0ab] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-wrap[data-v-4251c0ab] {
    display: flex;
    gap: 32px;
    margin-bottom: 20px
}

.connect-share-content-top .connect-share-wrap-text[data-v-4251c0ab] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-top .connect-share-wrap-value[data-v-4251c0ab] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.connect-share-content-top .connect-share-list[data-v-4251c0ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px
}

.connect-share-content-top .connect-share-item[data-v-4251c0ab] {
    display: flex;
    align-items: center;
    gap: 2px
}

.connect-share-content-top .connect-share-item-connect[data-v-4251c0ab] {
    position: relative;
    display: flex
}

.connect-share-content-top .connect-share-item-avatar[data-v-4251c0ab] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-share-content-top .connect-share-item-chain[data-v-4251c0ab] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.connect-share-content-top .connect-share-item h3[data-v-4251c0ab] {
    max-width: 75px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.connect-share-content-top .connect-share-item-range[data-v-4251c0ab] {
    display: flex;
    align-items: center
}

.connect-share-content-top .connect-share-item-range img[data-v-4251c0ab] {
    width: 16px;
    height: 16px
}

.connect-share-content-top .connect-share-item-range span[data-v-4251c0ab] {
    font-size: 14px;
    line-height: 16px
}

.connect-share-content-bottom[data-v-4251c0ab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
    background: #fff
}

.connect-share-content-bottom .connect-share-content-logo[data-v-4251c0ab] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.connect-share-content-bottom .connect-share-content-logo img[data-v-4251c0ab] {
    width: 66px;
    height: 20px
}

.connect-share-content-bottom .connect-share-content-logo span[data-v-4251c0ab] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.connect-share-content-bottom .connect-share-content-colume[data-v-4251c0ab] {
    display: flex;
    border: 2px solid #000000;
    border-radius: 4px
}

.connect-share-feature[data-v-4251c0ab] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 12px
}

.connect-share-feature .connect-share-featur-item[data-v-4251c0ab] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer
}

.connect-share-feature .connect-share-featur-item img[data-v-4251c0ab] {
    width: 32px;
    height: 32px
}

.connect-share-feature .connect-share-featur-item span[data-v-4251c0ab] {
    font-size: 14px;
    line-height: 16px
}

@media only screen and (max-width: 1080px) {
    .connect-share-box[data-v-4251c0ab] {
        padding-top:96px!important
    }

    .connect-share[data-v-4251c0ab] {
        width: 100%;
        height: fit-content!important;
        padding: 12px 16px
    }

    .connect-share-close[data-v-4251c0ab] {
        top: 12px;
        right: 12px
    }

    .connect-share-address-cope[data-v-4251c0ab] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-address-cope img[data-v-4251c0ab] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share h1[data-v-4251c0ab] {
        font-size: 14px!important
    }

    .connect-share-content-banner[data-v-4251c0ab] {
        height: 48px!important
    }

    .connect-share-content-banner img[data-v-4251c0ab] {
        width: 105%!important
    }

    .connect-share-content-box[data-v-4251c0ab] {
        width: 100%;
        height: fit-content!important
    }

    .connect-share-content[data-v-4251c0ab] {
        padding-top: 32px;
        padding-bottom: 0
    }

    .connect-share-content-top[data-v-4251c0ab] {
        padding: 0 12px 6px
    }

    .conect-share-line[data-v-4251c0ab] {
        height: 64px!important;
        margin-bottom: 4px
    }

    .connect-share-info[data-v-4251c0ab] {
        padding: 4px 8px!important
    }

    .connect-share-info img[data-v-4251c0ab] {
        width: 14px!important;
        height: 14px!important
    }

    .connect-share-address-text[data-v-4251c0ab] {
        max-width: 90%!important
    }

    .connect-share-address[data-v-4251c0ab] {
        margin-bottom: 8px
    }

    .connect-share-address-text[data-v-4251c0ab] {
        padding: 2px!important
    }

    .connect-share-address-text span[data-v-4251c0ab] {
        font-size: 10px!important
    }

    .connect-share-info span[data-v-4251c0ab] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-chain[data-v-4251c0ab] {
        width: 16px!important;
        height: 16px!important
    }

    .connect-share-change[data-v-4251c0ab] {
        margin: 8px 0!important
    }

    .connect-share-change-name[data-v-4251c0ab] {
        font-size: 18px!important;
        line-height: 20px!important
    }

    .connect-share-price span[data-v-4251c0ab] {
        font-size: 16px!important;
        line-height: 18px!important
    }

    .connect-share-list[data-v-4251c0ab] {
        gap: 6px!important;
        margin-bottom: 8px!important
    }

    .connect-share-item-wrap h3[data-v-4251c0ab] {
        max-width: 50px!important;
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-item-range img[data-v-4251c0ab] {
        width: 12px!important;
        height: 12px!important
    }

    .connect-share-item-range span[data-v-4251c0ab],.connect-share-title[data-v-4251c0ab] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-profit h2[data-v-4251c0ab] {
        padding: 4px 10px!important;
        font-size: 16px!important;
        line-height: 18px!important;
        background: #caff04
    }

    .connect-share-profit-range img[data-v-4251c0ab] {
        width: 12px!important;
        height: 12px!important
    }

    .connect-share-profit-range span[data-v-4251c0ab] {
        font-size: 12px!important
    }

    .connect-share-content-bottom[data-v-4251c0ab] {
        padding: 10px 12px
    }

    .connect-share-content-colume img[data-v-4251c0ab] {
        width: 48px!important
    }

    .connect-share-feature[data-v-4251c0ab] {
        margin-top: 8px!important
    }

    .connect-share-featur-item img[data-v-4251c0ab] {
        width: 24px!important;
        height: 24px!important
    }

    .connect-share-featur-item span[data-v-4251c0ab] {
        font-size: 12px!important;
        line-height: 14px!important
    }

    .connect-share-content-rocket[data-v-4251c0ab] {
        top: 180px!important
    }

    .connect-share-content-rocket img[data-v-4251c0ab] {
        transform: scale(.75)
    }
}

[data-v-4d1d9d4e] .el-progress-circle__track {
    stroke-width: 8px;
    stroke: #f0f0ec
}

.address-box[data-v-4d1d9d4e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 1280px;
    padding: 80px 0
}

.address-header[data-v-4d1d9d4e] {
    display: flex;
    gap: 20px;
    width: 100%;
    height: 436px
}

.address-header .address-line[data-v-4d1d9d4e] {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.address-header .address-line-chart[data-v-4d1d9d4e] {
    width: 632px;
    height: 104px;
    margin-top: 16px
}

.address-header-info[data-v-4d1d9d4e] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 772px;
    height: 100%;
    padding: 80px 24px 24px;
    border-radius: 16px;
    border: 2px solid #000;
    overflow: hidden
}

.address-header-info .header-info-banner[data-v-4d1d9d4e] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 122px;
    border-bottom: 2px solid #000
}

.address-header-info .header-info-banner img[data-v-4d1d9d4e] {
    width: 100%;
    height: 100%
}

.address-header-info .header-info-top[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 12px
}

.address-header-info .header-info-top .header-info-avatar[data-v-4d1d9d4e] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #000
}

.address-header-info .header-info-top .user-info[data-v-4d1d9d4e] {
    flex: 1
}

.address-header-info .header-info-top .user-info-remark[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 88px
}

.address-header-info .header-info-top .user-collect-box[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 12px
}

.address-header-info .header-info-top .user-collect-connect[data-v-4d1d9d4e] {
    position: relative;
    width: 100px;
    height: 38px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.address-header-info .header-info-top .connect-box[data-v-4d1d9d4e] {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 100px;
    height: 38px;
    margin: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background: #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: .1s all;
    cursor: pointer
}

.address-header-info .header-info-top .connect-box[data-v-4d1d9d4e]:hover {
    left: 0;
    top: 0
}

.address-header-info .header-info-top .connect-box img[data-v-4d1d9d4e] {
    width: 18px;
    height: 18px
}

.address-header-info .header-info-top .connect-box span[data-v-4d1d9d4e] {
    color: #fff;
    font-size: 16px
}

.address-header-info .header-info-top .connect-box-share[data-v-4d1d9d4e] {
    background: #fff
}

.address-header-info .header-info-top .connect-box-share span[data-v-4d1d9d4e] {
    color: #000
}

.address-header-info .header-info-top .connect-box-un[data-v-4d1d9d4e] {
    background: #caff04
}

.address-header-info .header-info-top .user-info-remark-wrap[data-v-4d1d9d4e] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: auto
}

.address-header-info .header-info-top .user-info-remark-wrap input[data-v-4d1d9d4e] {
    height: 32px;
    color: #000;
    font-size: 20px;
    padding-left: 8px;
    border: 2px solid #000;
    border-radius: 8px
}

.address-header-info .header-info-top .user-info-remark-wrap input[data-v-4d1d9d4e]::placeholder {
    color: #000
}

.address-header-info .header-info-top .user-info-remark-wrap input[data-v-4d1d9d4e]:focus {
    outline: 2px solid #caff04
}

.address-header-info .header-info-top .user-info-remark-wrap-swich[data-v-4d1d9d4e] {
    width: 20px!important;
    height: 20px!important
}

.address-header-info .header-info-top .user-info-remark-wrap-swich[data-v-4d1d9d4e]:nth-child(2) {
    position: absolute;
    right: 32px
}

.address-header-info .header-info-top .user-info-remark-wrap-swich[data-v-4d1d9d4e]:nth-child(3) {
    position: absolute;
    right: 8px
}

.address-header-info .header-info-top .user-info-remark-wrap h2[data-v-4d1d9d4e] {
    margin-right: 16px;
    font-size: 24px;
    line-height: 36px;
    font-family: Inter-Bold
}

.address-header-info .header-info-top .user-info-remark-wrap img[data-v-4d1d9d4e] {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.address-header-info .header-info-center[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    gap: 80px;
    padding-bottom: 16px;
    border-bottom: 2px dashed #000
}

.address-header-info .header-info-center .center-container[data-v-4d1d9d4e] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.address-header-info .header-info-center .user-info-address[data-v-4d1d9d4e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px
}

.address-header-info .header-info-center .user-info-address-item[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 4px;
    border-radius: 12px;
    background: #f0f0ec
}

.address-header-info .header-info-center .user-info-address-item-chain[data-v-4d1d9d4e] {
    width: 20px;
    height: 20px;
    border: 50%
}

.address-header-info .header-info-center .user-info-address-item-address[data-v-4d1d9d4e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.address-header-info .header-info-center .user-info-address-item-cope[data-v-4d1d9d4e] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.address-header-info .header-info-center .center-line[data-v-4d1d9d4e] {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.address-header-info .header-info-center .center-container-tag[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 26px
}

.address-header-info .header-info-center .center-container-tag .center-container-tag-item[data-v-4d1d9d4e] {
    padding: 2px 12px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    border-radius: 12px;
    background: #e9fe99
}

.address-header-info .header-info-center .center-container-date[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 8px
}

.address-header-info .header-info-center .center-container-date .center-container-date-item[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 8px 12px;
    background: #f0f0ec;
    border-radius: 16px;
    transition: all .5s
}

.address-header-info .header-info-center .center-container-date .center-container-date-item img[data-v-4d1d9d4e] {
    width: 16px;
    height: 16px
}

.address-header-info .header-info-center .center-container-date .center-container-date-item span[data-v-4d1d9d4e] {
    font-size: 14px;
    line-height: 16px
}

.address-header-info .header-info-center .center-container-date .center-container-date-item p[data-v-4d1d9d4e] {
    font-size: 12px;
    color: #666
}

.address-header-info .header-info-center .center-container-date .center-container-date-icon[data-v-4d1d9d4e] {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.address-header-info .header-info-center .center-container-date .center-container-date-icon img[data-v-4d1d9d4e] {
    width: 100%;
    height: 100%
}

.address-header-info .header-info-center .center-container-x[data-v-4d1d9d4e] {
    display: flex;
    gap: 30px
}

.address-header-info .header-info-center .center-container-x .center-container-x-item-text[data-v-4d1d9d4e] {
    font-size: 14px;
    line-height: 16px
}

.address-header-info .header-info-center .center-container-x .center-container-x-item-value[data-v-4d1d9d4e] {
    margin-top: 2px;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.address-header-info .header-info-center .line-container-charts[data-v-4d1d9d4e] {
    width: 310px;
    height: 100px
}

.address-header-info .header-info-center .center-line-wrap[data-v-4d1d9d4e] {
    display: flex;
    align-items: flex-end;
    gap: 4px
}

.address-header-info .header-info-center .center-line-wrap-price[data-v-4d1d9d4e] {
    font-size: 32px;
    font-family: Inter-Bold
}

.address-header-info .header-info-center .center-line-wrap-range[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    padding-bottom: 4px
}

.address-header-info .header-info-center .center-line-wrap-range img[data-v-4d1d9d4e] {
    width: 16px;
    height: 16px
}

.address-header-info .header-info-center .center-line-wrap-range span[data-v-4d1d9d4e] {
    font-size: 18px;
    font-family: Inter-Bold
}

.address-header-info .header-info-bottom[data-v-4d1d9d4e] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding-top: 20px
}

.address-header-info .header-info-bottom .header-info-bottom-title[data-v-4d1d9d4e] {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.address-header-info .header-info-bottom .header-info-bottom-title img[data-v-4d1d9d4e] {
    width: 24px;
    height: 24px
}

.address-header-info .header-info-bottom .header-info-bottom-title h3[data-v-4d1d9d4e] {
    font-size: 14px;
    line-height: 16px
}

.address-header-info .header-info-bottom .header-info-bottom-list[data-v-4d1d9d4e] {
    display: flex;
    gap: 66px
}

.address-header-info .header-info-bottom .header-info-bottom-item[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 8px
}

.address-header-info .header-info-bottom .header-info-bottom-connect[data-v-4d1d9d4e] {
    position: relative;
    display: flex
}

.address-header-info .header-info-bottom .header-info-bottom-item-avatar[data-v-4d1d9d4e] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.address-header-info .header-info-bottom .header-info-bottom-item-chain[data-v-4d1d9d4e] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.address-header-info .header-info-bottom .header-info-bottom-item-name[data-v-4d1d9d4e] {
    max-width: 150px;
    font-size: 20px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Bold
}

.address-header-info .header-info-bottom .header-info-bottom-item-range[data-v-4d1d9d4e] {
    display: flex;
    align-items: center
}

.address-header-info .header-info-bottom .header-info-bottom-item-range img[data-v-4d1d9d4e] {
    width: 16px;
    height: 16px
}

.address-header-info .header-info-bottom .header-info-bottom-item-range span[data-v-4d1d9d4e] {
    font-size: 16px;
    line-height: 22px;
    font-family: Inter-Medium
}

.address-header-wrap[data-v-4d1d9d4e] {
    flex: 1;
    padding: 26px 0;
    background-image: url(/assets/address_img_line-BboQF_aM.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.address-header-wrap .address-header-wrap-title[data-v-4d1d9d4e] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    width: fit-content
}

.address-header-wrap .address-header-wrap-container-title[data-v-4d1d9d4e] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 26px
}

.address-header-wrap .address-header-wrap-container-title span[data-v-4d1d9d4e] {
    font-size: 14px;
    color: #666;
    font-family: Inter-Light
}

.address-header-wrap .address-header-wrap-container[data-v-4d1d9d4e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 8px;
    gap: 8px;
    padding: 0 24px 24px
}

.address-header-wrap .address-header-wrap-container h2[data-v-4d1d9d4e] {
    padding: 8px 16px;
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Bold;
    background: #caff04;
    border-radius: 30px
}

.address-header-wrap .address-header-wrap-container p[data-v-4d1d9d4e] {
    font-size: 22px;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-wrap-beetweed[data-v-4d1d9d4e] {
    display: flex;
    justify-content: space-between;
    min-height: 96px;
    padding-top: 26px
}

.address-header-wrap .address-header-wrap-item[data-v-4d1d9d4e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 50%;
    padding-left: 24px
}

.address-header-wrap .address-header-meter[data-v-4d1d9d4e] {
    display: flex;
    flex-direction: column;
    gap: 42px;
    flex: 1 1 50%
}

.address-header-wrap .address-header-meter-item[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px
}

.address-header-wrap .address-header-meter-price[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    margin-top: 4px;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-meter-price span[data-v-4d1d9d4e] {
    font-size: 14px;
    margin: 0 4px
}

.address-header-wrap .address-header-wrap-info[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.address-header-wrap .address-header-wrap-group[data-v-4d1d9d4e] {
    display: flex;
    align-items: center;
    gap: 8px
}

.address-header-wrap .address-header-wrap-group-text[data-v-4d1d9d4e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.address-header-wrap .address-header-wrap-group-value[data-v-4d1d9d4e] {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 14px;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-wrap-group-value[data-v-4d1d9d4e]:nth-child(1) {
    background: #c7fc00
}

.address-header-wrap .address-header-wrap-group-value-last[data-v-4d1d9d4e] {
    background: #f0f0ec!important
}

.address-header-wrap .address-header-wrap-progress[data-v-4d1d9d4e] {
    display: flex;
    justify-content: center;
    margin: 8px 0 12px
}

.address-header-wrap .address-header-wrap-progress .win-value[data-v-4d1d9d4e] {
    font-size: 24px;
    color: #000;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-wrap-price[data-v-4d1d9d4e] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.address-pending[data-v-4d1d9d4e] {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 4px;
    padding: 4px 16px;
    background: #fff704
}

.address-pending img[data-v-4d1d9d4e] {
    width: 32px;
    height: 32px
}

.address-pending span[data-v-4d1d9d4e] {
    font-size: 14px;
    line-height: 16px
}

.animate__up[data-v-7ccec608] {
    animation: gradientUpChange .8s
}

.animate__down[data-v-7ccec608] {
    animation: gradientDownChange .8s
}

[data-v-7ccec608] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-7ccec608] .el-progress__text {
    min-width: fit-content
}

.potential-box[data-v-7ccec608] {
    width: 1280px
}

.common-container[data-v-7ccec608] {
    border: 2px solid #000;
    border-radius: 16px
}

.content-header[data-v-7ccec608] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    gap: 20px;
    border-radius: 16px 16px 0 0;
    border-bottom: 2px solid #000
}

.content-header .content-header-text[data-v-7ccec608] {
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.content-header .content-header-text-g[data-v-7ccec608] {
    width: 18px;
    height: 18px
}

.content-header .content-header-text-refresh[data-v-7ccec608] {
    width: 28px;
    height: 28px;
    cursor: pointer
}

.common-list[data-v-7ccec608] {
    display: flex;
    flex-direction: column
}

.common-item[data-v-7ccec608] {
    display: flex;
    align-items: center;
    padding: 22px 24px;
    gap: 20px;
    border-bottom: 1px solid #bbbbbb
}

.common-item[data-v-7ccec608]:hover {
    background: #f2f3f7
}

.common-item[data-v-7ccec608]:last-child {
    border-radius: 0 0 16px 16px;
    border-bottom: none!important
}

.secure[data-v-7ccec608] {
    background: #dbff59
}

.unsafety[data-v-7ccec608] {
    background: #dbc4ff
}

.content-item-wrap-connect[data-v-7ccec608] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 64px;
    height: 30px;
    border-radius: 16px;
    border: 2px solid #000000
}

.content-item-wrap-connect img[data-v-7ccec608] {
    width: 20px;
    height: 20px
}

.content-item-wrap-connect span[data-v-7ccec608] {
    font-size: 16px;
    color: #000;
    font-family: Inter-Medium
}

.content-item-audit[data-v-7ccec608],.content-item-audit-dropdown[data-v-7ccec608] {
    display: flex;
    align-items: center;
    gap: 4px
}

.dropdown-list[data-v-7ccec608] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 286px;
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

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

.dropdown-list-item-wrap[data-v-7ccec608] {
    display: flex;
    align-items: center;
    gap: 4px
}

.dropdown-list-item-wrap img[data-v-7ccec608] {
    width: 28px;
    height: 28px
}

.dropdown-list-item-wrap span[data-v-7ccec608] {
    font-size: 16px
}

.dropdown-list-item-info[data-v-7ccec608] {
    display: flex;
    align-items: center;
    gap: 12px
}

.dropdown-list-item-info img[data-v-7ccec608] {
    width: 20px;
    height: 20px
}

.dropdown-list-item-info span[data-v-7ccec608] {
    font-size: 16px
}

.content-item-wrap-lock[data-v-7ccec608] {
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px
}

.content-item-wrap-lock .content-item-wrap-lock-bac[data-v-7ccec608] {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    background-color: #caff04;
    border-radius: 4px
}

.content-item-wrap-lock img[data-v-7ccec608] {
    width: 100%;
    height: 100%
}

.content-item-wrap[data-v-7ccec608] {
    display: flex;
    align-items: center
}

.content-item-wrap[data-v-7ccec608]:nth-child(1) {
    width: 210px
}

.content-item-wrap[data-v-7ccec608]:nth-child(2) {
    width: 115px
}

.content-item-wrap[data-v-7ccec608]:nth-child(3) {
    width: 110px
}

.content-item-wrap[data-v-7ccec608]:nth-child(4) {
    width: 95px
}

.content-item-wrap[data-v-7ccec608]:nth-child(5) {
    width: 95px
}

.content-item-wrap[data-v-7ccec608]:nth-child(6) {
    width: 80px
}

.content-item-wrap[data-v-7ccec608]:nth-child(7) {
    width: 70px
}

.content-item-wrap[data-v-7ccec608]:nth-child(8) {
    width: 80px
}

.content-item-wrap[data-v-7ccec608]:nth-child(9) {
    width: 110px
}

.content-item-wrap[data-v-7ccec608]:nth-child(10) {
    width: 90px;
    display: flex;
    justify-content: center
}

.content-item-wrap .content-item-wrap-like[data-v-7ccec608] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    cursor: pointer
}

.content-item-wrap .content-item-wrap-avatar-connect[data-v-7ccec608] {
    position: relative;
    display: flex;
    margin-right: 8px
}

.content-item-wrap .content-item-wrap-chain[data-v-7ccec608] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.content-item-wrap .content-item-wrap-avatar[data-v-7ccec608] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.content-item-wrap .content-item-wrap-info-connect[data-v-7ccec608] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 4px
}

.content-item-wrap .content-item-wrap-info-connect h2[data-v-7ccec608] {
    max-width: 110px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-family: Inter-Bold
}

.content-item-wrap .content-item-wrap-info-alarm[data-v-7ccec608] {
    width: 16px;
    height: 16px
}

.content-item-wrap .content-item-wrap-avatars[data-v-7ccec608] {
    display: flex;
    gap: 8px
}

.content-item-wrap .content-item-wrap-avatars img[data-v-7ccec608] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.content-item-wrap .content-item-info[data-v-7ccec608] {
    display: flex;
    flex-direction: column
}

.content-item-wrap .content-item-info-data[data-v-7ccec608] {
    font-size: 16px;
    line-height: 24px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-info-data span[data-v-7ccec608] {
    font-size: 16px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-info-text span[data-v-7ccec608] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium;
    color: #989898
}

.content-item-wrap .content-item-info-holder[data-v-7ccec608] {
    font-size: 14px
}

.content-item-wrap .content-item-info-value[data-v-7ccec608] {
    font-size: 14px;
    color: #ccc
}

.content-item-wrap .content-item-info-range[data-v-7ccec608] {
    display: flex;
    align-items: center;
    gap: 2px
}

.content-item-wrap .content-item-info-range img[data-v-7ccec608] {
    width: 16px;
    height: 16px
}

.content-item-wrap .content-item-info-range span[data-v-7ccec608] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-info-tx[data-v-7ccec608] {
    display: flex;
    align-items: center
}

.content-item-wrap .content-item-info-tx p[data-v-7ccec608] {
    margin: 0 2px;
    font-size: 12px
}

.content-item-wrap .content-item-info-tx span[data-v-7ccec608] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-wrap-score[data-v-7ccec608] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 30px;
    font-size: 16px;
    border-radius: 16px;
    border: 2px solid #000
}

.content-item-wrap .content-item-wrap-audit[data-v-7ccec608],.content-item-wrap .content-item-wrap-audit img[data-v-7ccec608] {
    width: 28px;
    height: 28px
}

.content-item-wrap .content-item-time-range[data-v-7ccec608] {
    display: flex;
    align-items: center;
    gap: 4px
}

.content-item-wrap .content-item-time-range span[data-v-7ccec608] {
    font-size: 16px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap .content-item-time-value[data-v-7ccec608] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.content-item-wrap .content-item-time-value span[data-v-7ccec608] {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    white-space: nowrap;
    font-family: Inter-Light
}

.content-item-wrap .content-item-time-value span[data-v-7ccec608]:after {
    content: "";
    width: 0;
    height: 1px;
    background: #666;
    position: absolute;
    top: 100%;
    left: 0%;
    transition: all .1s
}

.content-item-wrap .content-item-time-value span[data-v-7ccec608]:hover:after {
    left: 0%;
    width: 100%
}

.content-item-wrap .content-item-time-value img[data-v-7ccec608] {
    width: 18px;
    height: 18px
}

.content-item-wrap .content-item-swap[data-v-7ccec608] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 90px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    border: 2px solid #000000
}

.content-item-wrap .content-item-swap[data-v-7ccec608]:hover {
    background: #caff04
}

.content-item-wrap .content-item-swap img[data-v-7ccec608] {
    width: 24px;
    height: 24px
}

.content-item-wrap .content-item-wrap-grey[data-v-7ccec608] {
    color: #666!important;
    background-color: #e1e2e5!important;
    border: 2px solid #8b8b8c
}

.ranking-content[data-v-c87e1da9] {
    border: 2px solid #000;
    border-radius: 16px
}

.inflow-content[data-v-c87e1da9] {
    display: flex;
    flex-direction: column;
    gap: 80px
}

.inflow-content-top[data-v-c87e1da9] {
    height: 656px;
    border-radius: 16px;
    border: 2px solid #000
}

.content-header[data-v-c87e1da9] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 20px;
    border-radius: 16px 16px 0 0;
    border-bottom: 2px solid #000
}

.content-header-text[data-v-c87e1da9] {
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.content-header-text img[data-v-c87e1da9] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.content-item[data-v-c87e1da9] {
    display: flex;
    align-items: center;
    height: 68px;
    padding: 0 20px;
    gap: 20px;
    border-bottom: 1px solid #bbbbbb
}

.content-item[data-v-c87e1da9]:hover {
    background: #f2f3f7
}

.content-item[data-v-c87e1da9]:last-child {
    border-bottom: none;
    border-radius: 0 0 16px 16px
}

.content-item-wrap[data-v-c87e1da9] {
    display: flex;
    align-items: center
}

.content-item-wrap[data-v-c87e1da9]:nth-child(1) {
    min-width: 220px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(2) {
    width: 130px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(3) {
    width: 120px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(4) {
    width: 110px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(5) {
    width: 95px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(6) {
    width: 110px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(7) {
    width: 115px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(8) {
    width: 150px
}

.content-item-wrap[data-v-c87e1da9]:nth-child(9) {
    justify-content: flex-end;
    width: 120px
}

.content-item-wrap-like[data-v-c87e1da9] {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.content-item-wrap-avatar[data-v-c87e1da9] {
    width: 30px;
    height: 30px;
    font-size: 22px;
    margin-right: 8px;
    border-radius: 50%;
    border: 2px solid #000
}

.content-item-wrap-connet[data-v-c87e1da9] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.content-item-wrap-name[data-v-c87e1da9] {
    display: flex;
    align-items: center;
    gap: 2px
}

.content-item-wrap-name input[data-v-c87e1da9] {
    width: 120px
}

.content-item-wrap-name input[data-v-c87e1da9]:focus {
    outline: 1px solid #caff04
}

.content-item-wrap-name a[data-v-c87e1da9] {
    max-width: 120px;
    position: relative;
    margin-right: 2px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Bold;
    cursor: pointer
}

.content-item-wrap-name a[data-v-c87e1da9]:after {
    content: "";
    width: 0%;
    height: 2px;
    background: #000;
    position: absolute;
    top: 80%;
    left: 0;
    transition: all .1s
}

.content-item-wrap-name a[data-v-c87e1da9]:hover:after {
    width: 100%
}

.content-item-wrap-connet h6[data-v-c87e1da9] {
    font-size: 14px;
    line-height: 16px;
    color: #70706d
}

.content-item-wrap-name img[data-v-c87e1da9] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.content-item-wrap-data[data-v-c87e1da9],.content-item-wrap-data span[data-v-c87e1da9] {
    font-size: 16px;
    line-height: 24px;
    font-family: Inter-Medium
}

.content-item-wrap-buysell[data-v-c87e1da9] {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap-buysell p[data-v-c87e1da9] {
    font-size: 12px
}

.content-item-wrap-range[data-v-c87e1da9] {
    display: flex;
    align-items: center
}

.content-item-wrap-range img[data-v-c87e1da9] {
    width: 16px;
    height: 16px
}

.content-item-wrap-range span[data-v-c87e1da9] {
    font-size: 16px;
    line-height: 24px;
    font-family: Inter-Medium
}

.content-item-info[data-v-c87e1da9] {
    display: flex;
    align-items: center
}

.content-item-info span[data-v-c87e1da9] {
    font-size: 16px;
    line-height: 24px;
    font-family: Inter-Medium
}

.content-item-info-range[data-v-c87e1da9] {
    display: flex;
    align-items: center
}

.content-item-info-range img[data-v-c87e1da9] {
    width: 16px;
    height: 16px
}

.content-item-info-range span[data-v-c87e1da9] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium
}

.content-item-wrap-avatars[data-v-c87e1da9] {
    display: flex;
    align-items: center;
    gap: 4px
}

.content-item-wrap-avatars-img[data-v-c87e1da9] {
    width: 24px;
    height: 24px;
    margin-left: -4px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.content-item-wrap-avatars-img[data-v-c87e1da9]:hover {
    transform: scale(1.2)
}

.max-avatar[data-v-c87e1da9] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: none;
    margin-left: 8px;
    font-family: Inter-Medium
}

.max-avatar[data-v-c87e1da9]:hover {
    transform: unset
}

.content-item-wrap-time[data-v-c87e1da9] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.content-item-wrap-time[data-v-c87e1da9]:after {
    content: "";
    width: 0;
    height: 2px;
    background: #666;
    position: absolute;
    top: 120%;
    left: 0%;
    transition: all .1s
}

.content-item-wrap-time[data-v-c87e1da9]:hover:after {
    left: 0%;
    width: 100%
}

.content-item-wrap-time img[data-v-c87e1da9] {
    width: 16px;
    height: 16px
}

.content-item-wrap-time span[data-v-c87e1da9] {
    font-size: 14px;
    color: #666;
    font-family: Inter-Light
}

.follow-box[data-v-6f7ca41d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1280px;
    padding-bottom: 48px
}

.collect-content[data-v-6f7ca41d] {
    width: 100%
}

.follow-menu-list[data-v-6f7ca41d] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
    margin: 32px 0;
    border-bottom: 2px solid #ebebeb
}

.follow-menu-list .cur[data-v-6f7ca41d]:after {
    border: solid 1px #000
}

.follow-menu-item[data-v-6f7ca41d] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
    cursor: pointer;
    position: relative
}

.follow-menu-item[data-v-6f7ca41d]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border: solid 2px transparent
}

.follow-menu-item img[data-v-6f7ca41d] {
    width: 24px;
    height: 24px
}

.follow-menu-item span[data-v-6f7ca41d] {
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.rewards-connect-box[data-v-750bb54b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0
}

.rewards-title[data-v-750bb54b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    color: #000
}

.rewards-connect-box>button[data-v-750bb54b] {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: .1 all;
    cursor: pointer
}

.rewards-connect-box button[data-v-750bb54b]:hover {
    box-shadow: none;
    transform: translate(3px,3px)
}

.rewards-connect-box button img[data-v-750bb54b] {
    width: 24px;
    height: 24px
}

.rewards-price[data-v-750bb54b] {
    font-size: 36px;
    line-height: 42px;
    color: #000;
    font-family: Inter-Bold
}

.rewards-range-more[data-v-750bb54b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid #ebebe4;
    cursor: pointer
}

.rewards-range-more span[data-v-750bb54b] {
    font-size: 16px;
    color: #000;
    line-height: 20px
}

.rewards-range-more img[data-v-750bb54b] {
    width: 24px;
    height: 24px
}

.rewards-list[data-v-750bb54b] {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    width: 100%;
    height: 434px;
    overflow-y: auto
}

.rewards-list[data-v-750bb54b]::-webkit-scrollbar {
    width: 8px;
    background: #f5f5f5
}

.rewards-list[data-v-750bb54b]::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 8px
}

.rewards-list[data-v-750bb54b]::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.rewards-item[data-v-750bb54b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #ebebe4
}

.rewards-item>span[data-v-750bb54b] {
    font-size: 14px;
    color: #000;
    line-height: 16px
}

.rewards-item-info[data-v-750bb54b] {
    display: flex;
    align-items: center;
    gap: 16px
}

.rewards-item-info img[data-v-750bb54b] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000
}

.rewards-item-wrap h6[data-v-750bb54b] {
    max-width: 160px;
    font-size: 20px;
    color: #000;
    line-height: 24px;
    font-family: Inter-Medium;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rewards-item-wrap span[data-v-750bb54b] {
    display: block;
    margin: 4px 0;
    font-size: 14px;
    color: #000;
    line-height: 16px
}

.rewards-item-wrap .el-progress[data-v-750bb54b] {
    width: 160px
}

.rewards-item>button[data-v-750bb54b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 32px;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.honnor-connect-box[data-v-2630d028] {
    padding: 32px 0
}

.honnor-title[data-v-2630d028] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.honnor-title span[data-v-2630d028] {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-family: Inter-Bold
}

.close-btn[data-v-2630d028] {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: .1 all;
    cursor: pointer
}

.close-btn[data-v-2630d028]:hover {
    box-shadow: none;
    transform: translate(3px,3px)
}

.close-btn img[data-v-2630d028] {
    width: 24px;
    height: 24px
}

.honnor-connect-info[data-v-2630d028] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 500px;
    margin-top: 12px;
    overflow-y: auto
}

.honnor-connect-wrap[data-v-2630d028] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.honnor-connect-wrap h6[data-v-2630d028] {
    font-size: 20px;
    color: #000;
    line-height: 24px;
    padding: 0 32px
}

.honnor-connect-list[data-v-2630d028] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    padding: 0 32px
}

.honnor-connect-item[data-v-2630d028] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer
}

.one-level[data-v-2630d028] {
    cursor: pointer;
    border: 2px solid #f2f3f7
}

.tow-level[data-v-2630d028] {
    cursor: pointer;
    box-shadow: 0 0 4px #d486ee;
    border: 2px solid #c7b9ff
}

.three-level[data-v-2630d028] {
    cursor: pointer;
    box-shadow: 0 0 4px #3fffc2;
    border: 2px solid #aaf4f6
}

.four-level[data-v-2630d028] {
    cursor: pointer;
    box-shadow: 0 0 4px #fff13f;
    border: 2px solid #ffcf4a
}

.honnor-connect-item-icon[data-v-2630d028] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px
}

.honnor-connect-item-icon .icon[data-v-2630d028] {
    position: relative;
    z-index: 2;
    width: 36px;
    height: 36px
}

.honnor-connect-item-icon .back[data-v-2630d028] {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.honnor-connect-item span[data-v-2630d028] {
    font-size: 14px;
    color: #000;
    line-height: 16px
}

.honnor-detail[data-v-2630d028] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 20px
}

.honnor-detail-img[data-v-2630d028] {
    width: 48px;
    height: 48px
}

.honnor-detail-img>img[data-v-2630d028] {
    width: 100%;
    height: 100%
}

.honnor-detail>h5[data-v-2630d028] {
    margin: 4px 0 8px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-family: Inter-Medium
}

.honnor-detail>h6[data-v-2630d028] {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-family: Inter-Light
}

.honnor-progress[data-v-2630d028] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    margin: 20px 0 44px
}

.honnor-progress-wrap[data-v-2630d028] {
    display: flex;
    align-items: center
}

.honnor-progress-wrap>span[data-v-2630d028] {
    font-size: 14px;
    line-height: 16px;
    color: #000
}

.honnor-progress-wrap>span[data-v-2630d028]:last-child {
    margin-left: auto;
    font-family: Inter-Medium
}

[data-v-2630d028] .honnor-progress .el-progress-bar__outer {
    border-radius: 2px;
    border: 1px solid #000000;
    background-color: #fff
}

.honnor-prize[data-v-2630d028] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px
}

.honnor-prize img[data-v-2630d028] {
    width: 16px;
    height: 16px
}

.honnor-prize span[data-v-2630d028] {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-family: Inter-Medium
}

.honnor-detail-btn[data-v-2630d028] {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    border: 2px solid #000000;
    cursor: pointer
}

.honnor-detail-btn button[data-v-2630d028] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 4px);
    height: 38px;
    background: #000;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-family: Inter-Medium;
    transform: translate(-6px,-6px);
    cursor: pointer
}

.honnor-detail-btn button[disabled][data-v-2630d028] {
    cursor: not-allowed;
    color: #70706d;
    background: #f2f3f7;
    border-radius: 6px;
    border: 2px solid #f2f3f7;
    transform: translate(-2px,-2px)
}

.honnor-detail-btn button[data-v-2630d028]:hover {
    transform: translate(-2px,-2px)
}

.code-connect-box[data-v-724ccf29] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 628px;
    overflow: hidden
}

.code-connect-box>button[data-v-724ccf29] {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: .1 all;
    cursor: pointer
}

.code-connect-box>button[data-v-724ccf29]:hover {
    box-shadow: none;
    transform: translate(3px,3px)
}

.code-connect-box>button img[data-v-724ccf29] {
    width: 24px;
    height: 24px
}

.code-connect-box>h4[data-v-724ccf29] {
    padding: 0 24px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-family: Inter-Bold
}

.code-connect-box p[data-v-724ccf29] {
    padding: 0 24px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-family: Inter-Light
}

.code-content[data-v-724ccf29] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.code-content-title[data-v-724ccf29] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 24px 8px;
    border-bottom: 2px solid #ebebe4
}

.code-content-title h6[data-v-724ccf29] {
    font-size: 20px;
    color: #000;
    line-height: 24px
}

.code-content-title span[data-v-724ccf29] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 20px;
    background: #f2f3f7;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    border-radius: 16px
}

.code-content-list[data-v-724ccf29] {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    max-height: 544px;
    overflow-y: auto
}

.code-content-list[data-v-724ccf29]::-webkit-scrollbar {
    width: 4px;
    background: #f5f5f5
}

.code-content-list[data-v-724ccf29]::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 8px
}

.code-content-list[data-v-724ccf29]::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.code-content-item[data-v-724ccf29] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 2px solid #ebebe4
}

.code-content-item[data-v-724ccf29]:last-child {
    border-bottom: none
}

.code-content-item>img[data-v-724ccf29] {
    width: 48px;
    height: 48px;
    background: #d9d9d9;
    border-radius: 8px
}

.code-content-item>span[data-v-724ccf29] {
    max-width: 200px;
    margin-left: auto;
    font-size: 14px;
    color: #000;
    line-height: 16px
}

.code-content-item>button[data-v-724ccf29] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    font-family: Inter-Medium;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000;
    cursor: pointer
}

.code-content-item>button[data-v-724ccf29]:hover {
    background: #000;
    color: #fff
}

.code-content-info[data-v-724ccf29] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.code-content-info>h6[data-v-724ccf29] {
    font-size: 20px;
    color: #000;
    line-height: 24px;
    font-family: Inter-Medium
}

.code-content-info span[data-v-724ccf29] {
    font-size: 14px;
    color: #70706d;
    line-height: 16px
}

.interest-info[data-v-06d2f952] {
    width: 100%
}

.interest-info-header[data-v-06d2f952] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.interest-header-left[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 20px
}

.interest-header-left>img[data-v-06d2f952] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 4px solid #000
}

.interest-header-name[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 4px
}

.interest-header-name>h2[data-v-06d2f952] {
    font-size: 36px;
    line-height: 42px;
    font-family: Inter-Bold
}

.interest-header-name>p[data-v-06d2f952] {
    padding: 2px 4px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    border: 1px solid #000;
    cursor: pointer
}

.interest-header-progress[data-v-06d2f952] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0 4px
}

.interest-header-progress p[data-v-06d2f952] {
    display: flex;
    align-items: center
}

.interest-header-progress span[data-v-06d2f952] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.interest-header-progress img[data-v-06d2f952] {
    width: 20px;
    height: 20px
}

[data-v-06d2f952] .el-progress-bar__outer {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #000000
}

.interest-header-right[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 24px
}

.interest-header-balance[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 40px;
    background: #f2f3f7;
    border-radius: 8px
}

.interest-header-balance img[data-v-06d2f952] {
    width: 32px;
    height: 32px
}

.interest-header-balance h4[data-v-06d2f952] {
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Bold
}

.interest-header-claim[data-v-06d2f952] {
    padding: 8px 8px 8px 40px;
    border: 2px solid #000
}

.interest-header-balance span[data-v-06d2f952] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.interest-header-balance p[data-v-06d2f952] {
    font-size: 18px;
    color: #70706d;
    line-height: 22px;
    font-family: Inter-Light
}

.interest-header-balance button[data-v-06d2f952] {
    width: 172px;
    height: 64px;
    margin-left: 40px;
    font-size: 32px;
    line-height: 38px;
    border-radius: 8px;
    border: 2px solid #000;
    font-family: Inter-Bold;
    background: #caff04;
    cursor: pointer
}

.interest-info-content[data-v-06d2f952] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    margin: 24px 0;
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb
}

.interest-info-content-left[data-v-06d2f952] {
    display: flex;
    width: 540px;
    border-right: 2px solid #ebebeb
}

.interest-info-content-left>img[data-v-06d2f952] {
    width: 26px;
    height: 12px;
    margin: 22px 10px 0
}

.interest-info-content-wrap[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.interest-info-content-wrap img[data-v-06d2f952] {
    width: 78px;
    height: 54px;
    border-radius: 50%
}

.interest-info-content-wrap span[data-v-06d2f952] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.interest-info-content-list[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 20px
}

.interest-info-content-item[data-v-06d2f952] {
    display: flex;
    align-items: center
}

.interest-info-content-item span[data-v-06d2f952] {
    width: 100px;
    font-size: 16px
}

.interest-info-content-item h6[data-v-06d2f952] {
    margin: 0 4px 0 16px;
    font-size: 18px;
    font-family: Inter-Medium
}

.interest-info-content-item p[data-v-06d2f952] {
    font-size: 16px;
    font-family: Inter-Medium
}

.interest-info-btns[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 48px
}

.interest-info-btns-box[data-v-06d2f952] {
    width: 240px;
    height: 48px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000;
    cursor: pointer
}

.interest-info-btns-box[data-v-06d2f952]:nth-child(1) {
    background: #000;
    border: 2px solid #000
}

.interest-info-btns-box:nth-child(1) .interest-info-btns-connect[data-v-06d2f952] {
    color: #000;
    background: #fff
}

.interest-info-btns-connect[data-v-06d2f952] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 48px;
    transform: translate(-6px,-6px);
    border-radius: 8px;
    background: #000;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    border: 2px solid #000;
    font-family: Inter-Medium;
    transition: .1s all
}

.interest-info-btns-connect[data-v-06d2f952]:hover {
    transform: translate(-2px,-2px)
}

.interest-info-btns>span[data-v-06d2f952] {
    margin-left: auto;
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.quest-conetnt[data-v-06d2f952] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 72px 0
}

.quest-conetnt-item-connet[data-v-06d2f952] {
    flex: 1 1 48%;
    max-width: 630px;
    height: 200px;
    border-radius: 8px;
    border: 2px solid #000000
}

.quest-conetnt-item[data-v-06d2f952] {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    border-radius: 6px;
    background: #fff;
    transition: .1s all;
    border: 2px solid transparent
}

.quest-conetnt-item[data-v-06d2f952]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.quest-conetnt-item-title[data-v-06d2f952] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    margin-bottom: 12px
}

.quest-conetnt-item-title h6[data-v-06d2f952] {
    position: relative;
    z-index: 1;
    width: fit-content;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.quest-conetnt-item-title h6[data-v-06d2f952]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.quest-conetnt-link[data-v-06d2f952] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    cursor: pointer
}

.quest-conetnt-link[data-v-06d2f952]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

.quest-conetnt-link span[data-v-06d2f952] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-conetnt-link img[data-v-06d2f952] {
    width: 20px;
    height: 20px
}

.quest-conetnt-news[data-v-06d2f952] {
    font-size: 16px;
    line-height: 24px
}

.quest-conetnt-connect[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 48px
}

.quest-conetnt-connect>img[data-v-06d2f952] {
    width: 244px;
    height: 94px
}

.achievement-list[data-v-06d2f952] {
    display: flex;
    gap: 24px;
    margin-top: 24px;
    padding-bottom: 36px;
    overflow-x: auto
}

.achievement-list[data-v-06d2f952]::-webkit-scrollbar {
    display: none
}

.achievement-item[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.achievement-item img[data-v-06d2f952] {
    width: 48px;
    height: 48px
}

.achievement-item span[data-v-06d2f952] {
    max-width: 74px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.earn-list[data-v-06d2f952] {
    position: relative;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding-bottom: 12px;
    overflow-x: auto
}

.unlocked[data-v-06d2f952] {
    cursor: not-allowed
}

.locked[data-v-06d2f952] {
    cursor: pointer
}

.earn-item[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.earn-item img[data-v-06d2f952] {
    width: 76px;
    height: 76px
}

.earn-item-info[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 4px
}

.earn-item-info img[data-v-06d2f952] {
    width: 16px;
    height: 16px
}

.earn-item-info span[data-v-06d2f952] {
    font-size: 14px;
    line-height: 16px
}

.quest-frens[data-v-06d2f952] {
    width: 100%
}

.quest-frens>h6[data-v-06d2f952] {
    position: relative;
    width: fit-content;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.quest-frens>h6[data-v-06d2f952]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.quest-frens-title[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 24px 0 16px
}

.quest-frens-title span[data-v-06d2f952] {
    font-size: 36px;
    line-height: 42px;
    font-family: Inter-Bold
}

.quest-frens-title img[data-v-06d2f952] {
    width: 24px;
    height: 24px
}

.quest-frens-content[data-v-06d2f952] {
    display: flex;
    gap: 120px;
    margin-bottom: 24px
}

.quest-frens-content-left[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 522px
}

.quest-frens-content-connet[data-v-06d2f952] {
    flex: 1 1 48%;
    max-width: 522px;
    border-radius: 8px;
    border: 2px solid #000000
}

.quest-frens-item[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 20px 24px;
    border-radius: 6px;
    border: 2px solid transparent;
    background: #fff;
    transition: .1s all
}

.quest-frens-item[data-v-06d2f952]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.quest-frens-item img[data-v-06d2f952] {
    width: 66px;
    height: 48px
}

.quest-frens-item-wrap>span[data-v-06d2f952] {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px
}

.quest-frens-item-info[data-v-06d2f952] {
    display: flex;
    align-items: center
}

.quest-frens-item-info img[data-v-06d2f952] {
    width: 16px;
    height: 16px
}

.quest-frens-item-info span[data-v-06d2f952] {
    margin: 0 4px;
    font-size: 16px;
    color: #e6a857;
    line-height: 20px
}

.quest-frens-item-info p[data-v-06d2f952] {
    font-size: 16px
}

.quest-frens-content-right[data-v-06d2f952] {
    display: flex;
    gap: 10px
}

.quest-frens-content-right>img[data-v-06d2f952] {
    width: 16px;
    height: 168px;
    padding-top: 4px
}

.quest-frens-side[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    gap: 22px
}

.quest-frens-side-item h6[data-v-06d2f952] {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-frens-side-item-wrap[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 4px
}

.quest-frens-side-item-wrap span[data-v-06d2f952] {
    font-size: 16px;
    line-height: 20px
}

.quest-frens-side-item-wrap p[data-v-06d2f952] {
    text-decoration: underline;
    font-size: 16px;
    line-height: 20px
}

.quest-frens-side-item-wrap img[data-v-06d2f952] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.quest-frens-footer-title[data-v-06d2f952] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.quest-frens-footer-title h6[data-v-06d2f952] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-frens-footer-more[data-v-06d2f952] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.quest-frens-footer-more[data-v-06d2f952]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

.quest-frens-footer-more span[data-v-06d2f952] {
    font-size: 20px;
    line-height: 24px
}

.quest-frens-footer-more img[data-v-06d2f952] {
    width: 20px;
    height: 20px
}

.quest-frens-footer-list[data-v-06d2f952] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.quest-frens-footer-connect[data-v-06d2f952] {
    border-radius: 8px;
    border: 2px solid #000
}

.quest-frens-footer-item[data-v-06d2f952] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px 24px;
    border-radius: 6px;
    border: 2px solid transparent;
    background: #fff;
    transition: .1s all
}

.quest-frens-footer-item[data-v-06d2f952]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.quest-frens-footer-info[data-v-06d2f952] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 200px
}

.quest-frens-footer-info[data-v-06d2f952]:first-child {
    min-width: 300px
}

.quest-frens-footer-info[data-v-06d2f952]:last-child {
    justify-content: flex-end
}

.quest-frens-footer-info .avatar[data-v-06d2f952] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000000
}

.quest-frens-footer-info .icon[data-v-06d2f952] {
    width: 20px;
    height: 20px
}

.quest-frens-footer-info h6[data-v-06d2f952] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-frens-footer-info span[data-v-06d2f952] {
    font-size: 14px;
    color: #70706d;
    line-height: 16px;
    font-family: Inter-Light
}

.mining-box[data-v-9e0b0712] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 5%
}

.mining-box>img[data-v-9e0b0712] {
    width: 576px;
    height: 322px;
    margin-bottom: 24px
}

.mining-btn[data-v-9e0b0712] {
    width: 360px;
    height: 38px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.mining-btn button[data-v-9e0b0712] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: calc(100% + 4px);
    height: 38px;
    font-size: 16px;
    color: #fff;
    background: #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transform: translate(-6px,-6px);
    font-family: Inter-Medium;
    cursor: pointer
}

.mining-btn button[data-v-9e0b0712]:hover {
    transform: translate(-2px,-2px)
}

.mining-btn img[data-v-9e0b0712] {
    width: 16px;
    height: 16px
}

.complete[data-v-9e0b0712] {
    background: #000
}

.complete button[data-v-9e0b0712] {
    color: #000;
    background: #fff
}

.disabled[data-v-9e0b0712] {
    background: #f2f3f7;
    border: none
}

.disabled button[data-v-9e0b0712] {
    cursor: not-allowed;
    background: #f2f3f7;
    color: #70706d;
    border: none;
    transform: translate(-2px,-2px)
}

.countdown[data-v-9e0b0712] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    margin-bottom: 24px;
    background: #dfff67;
    box-shadow: 2px 2px #000;
    border-radius: 16px;
    border: 1px solid #000000
}

.countdown>img[data-v-9e0b0712] {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.countdown span[data-v-9e0b0712] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.box {
    position: absolute;
    top: 68px;
    left: 86px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px;
    width: 462px;
    height: 462px;
    padding: 8px
}

.item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 106px;
    height: 106px;
    border-radius: 12px;
    outline: 2px solid #000000;
    background: #fff
}

.item .icon {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px
}

.active {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 90px;
    height: 76px
}

.item h6,.item span {
    position: relative;
    z-index: 2
}

.select {
    position: absolute;
    z-index: -1;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border-radius: 14px
}

.show {
    opacity: 0
}

.tag1 {
    border: 3px solid #fff
}

.tag2 {
    border: 3px solid #6dfbff
}

.tag3 {
    border: 3px solid #a66cff
}

.tag4 {
    border: 3px solid #ffc831
}

.tag1:before {
    background-image: linear-gradient(180deg,#fff,#fff)
}

.tag2:before {
    background-image: linear-gradient(180deg,#6dfbff,#6dfbff)
}

.tag3:before {
    background-image: linear-gradient(180deg,#a66cff,#a66cff)
}

.tag4:before {
    background-image: linear-gradient(180deg,#ffc831,#ffc831)
}

@keyframes rotBGimg {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.mystery-connect-box[data-v-4c95594e] {
    width: 100%
}

.disabled[data-v-4c95594e] {
    opacity: .5;
    cursor: wait!important
}

.mystery-header[data-v-4c95594e] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 32px
}

.mystery-raffle[data-v-4c95594e] {
    position: relative;
    width: 642px;
    height: 646px
}

.mystery-raffle-back[data-v-4c95594e] {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.mystery-raffle-point[data-v-4c95594e] {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 192px;
    height: 36px
}

.mystery-raffle-point>img[data-v-4c95594e] {
    width: 20px;
    height: 20px
}

.mystery-raffle-point>span[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px
}

.mystery-raffle-point>h6[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.mystery-header-info[data-v-4c95594e] {
    width: 522px
}

.mystery-header-info>h5[data-v-4c95594e] {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.mystery-header-rewards[data-v-4c95594e] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 8px 8px 8px 40px;
    background: #f2f3f7;
    border-radius: 8px;
    border: 2px solid #000000
}

.mystery-header-rewards-connect[data-v-4c95594e] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

.mystery-header-rewards img[data-v-4c95594e] {
    width: 32px;
    height: 32px
}

.mystery-header-rewards h4[data-v-4c95594e] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.mystery-header-rewards span[data-v-4c95594e] {
    font-size: 18px;
    font-family: Inter-Medium
}

.mystery-header-rewards p[data-v-4c95594e] {
    font-size: 18px;
    color: #70706d;
    font-family: Inter-Light
}

.mystery-header-rewards button[data-v-4c95594e] {
    width: 129px;
    height: 52px;
    font-size: 24px;
    line-height: 28px;
    border-radius: 8px;
    border: 2px solid #000;
    font-family: Inter-Bold;
    background: #caff04;
    cursor: pointer
}

.mystery-header-btns[data-v-4c95594e] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 120px 0 32px
}

.mystery-header-btns-box[data-v-4c95594e] {
    width: 302px;
    height: 72px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000;
    cursor: pointer
}

.mystery-header-btns-box[data-v-4c95594e]:nth-child(2) {
    width: 194px;
    background: #000;
    border: 2px solid #000
}

.mystery-header-btns-box:nth-child(2) .mystery-header-btns-connect[data-v-4c95594e] {
    width: 194px;
    color: #000;
    background: #fff
}

.mystery-header-btns-connect[data-v-4c95594e] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 302px;
    height: 72px;
    transform: translate(-6px,-6px);
    border-radius: 8px;
    background: #000;
    border: 2px solid #000;
    transition: .1s all
}

.mystery-header-btns-connect[data-v-4c95594e]:hover {
    transform: translate(-2px,-2px)
}

.mystery-header-btns-connect img[data-v-4c95594e] {
    width: 32px;
    height: 32px
}

.mystery-header-btns-connect h5[data-v-4c95594e] {
    font-size: 32px;
    color: #caff04;
    font-family: Inter-Bold
}

.mystery-header-btns-connect span[data-v-4c95594e] {
    text-decoration: line-through;
    font-size: 20px;
    color: #fff
}

.mystery-header-btns-connect h6[data-v-4c95594e] {
    font-size: 20px;
    font-family: Inter-Bold
}

.mystery-header-news[data-v-4c95594e] {
    width: fit-content;
    margin-bottom: 12px;
    padding: 6px 16px;
    font-size: 14px;
    line-height: 16px;
    background: #f5ffce;
    border-radius: 16px;
    border: 2px solid #caff04;
    font-family: Inter-Bold
}

.mystery-header-bargained[data-v-4c95594e] {
    height: 264px;
    border-radius: 8px;
    border: 2px solid #000000;
    overflow: hidden;
    padding-bottom: 24px
}

.mystery-header-bargained-list[data-v-4c95594e] {
    height: 174px;
    padding: 0 24px;
    overflow-y: auto
}

.mystery-header-bargained-list[data-v-4c95594e]::-webkit-scrollbar {
    width: 8px;
    background: #f5f5f5
}

.mystery-header-bargained-list[data-v-4c95594e]::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 8px
}

.mystery-header-bargained-list[data-v-4c95594e]::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.mystery-header-bargained-top[data-v-4c95594e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 12px;
    border-bottom: 1px solid #ebebe4
}

.mystery-header-bargained-wrap[data-v-4c95594e] {
    display: flex;
    align-items: flex-end
}

.mystery-header-bargained-wrap h6[data-v-4c95594e] {
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Bold
}

.mystery-header-bargained-wrap span[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px
}

.mystery-header-bargained-info[data-v-4c95594e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.mystery-header-bargained-info h6[data-v-4c95594e] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.mystery-header-bargained-info img[data-v-4c95594e] {
    width: 24px;
    height: 24px
}

.mystery-header-bargained-info span[data-v-4c95594e] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.mystery-header-bargained-item[data-v-4c95594e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #ebebe4
}

.mystery-bargained-item-info[data-v-4c95594e] {
    display: flex;
    align-items: center;
    gap: 8px
}

.mystery-bargained-item-wrap[data-v-4c95594e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.mystery-bargained-item-info span[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px
}

.mystery-bargained-item-info img[data-v-4c95594e] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #000
}

.mystery-bargained-item-info h6[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.mystery-bargained-item-wrap span[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px
}

.mystery-bargained-item-wrap img[data-v-4c95594e] {
    width: 16px;
    height: 16px
}

.mystery-bargained-item-wrap h6[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.mystery-content[data-v-4c95594e] {
    display: flex;
    gap: 10px;
    margin-top: 88px
}

.mystery-content>img[data-v-4c95594e] {
    width: 16px;
    height: 168px;
    padding-top: 4px
}

.mystery-list[data-v-4c95594e] {
    display: flex;
    flex-direction: column;
    gap: 22px
}

.mystery-list-item h6[data-v-4c95594e] {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.mystery-list-item-wrap[data-v-4c95594e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.mystery-list-item-wrap span[data-v-4c95594e] {
    font-size: 16px;
    line-height: 20px
}

.mystery-list-item-wrap a[data-v-4c95594e] {
    text-decoration: underline;
    font-size: 16px;
    line-height: 20px
}

.mystery-list-item-wrap img[data-v-4c95594e] {
    width: 16px;
    height: 16px
}

.quest-user[data-v-7598dae3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: 522px;
    padding: 14px 24px;
    border-radius: 8px;
    border: 2px solid #000000
}

.user-left[data-v-7598dae3] {
    display: flex;
    align-items: center;
    gap: 20px
}

.user-left>img[data-v-7598dae3] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #000
}

.user-name>h2[data-v-7598dae3] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.user-progress[data-v-7598dae3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 0
}

.user-progress-item[data-v-7598dae3] {
    display: flex;
    align-items: center
}

.user-progress span[data-v-7598dae3] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.user-progress img[data-v-7598dae3] {
    width: 20px;
    height: 20px
}

.el-progress[data-v-7598dae3] {
    width: 160px
}

[data-v-7598dae3] .el-progress-bar__outer {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #000000
}

.user-right[data-v-7598dae3] {
    display: flex;
    align-items: center;
    gap: 8px
}

.user-right img[data-v-7598dae3] {
    width: 32px;
    height: 32px
}

.user-right h4[data-v-7598dae3] {
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Medium
}

.quest-earn[data-v-57cf4aaf] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.quest-earn-connet-box[data-v-57cf4aaf] {
    margin-bottom: 88px;
    border-radius: 10px;
    border: 2px solid #000000
}

.quest-earn-connet[data-v-57cf4aaf] {
    padding: 38px 82px 22px 48px;
    border-radius: 8px;
    background: #fff;
    border: 2px solid transparent;
    transition: .1s all
}

.quest-earn-connet[data-v-57cf4aaf]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.quest-earn-title[data-v-57cf4aaf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.quest-earn-title h6[data-v-57cf4aaf] {
    position: relative;
    width: fit-content;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.quest-earn-title h6[data-v-57cf4aaf]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.quest-earn-list[data-v-57cf4aaf] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 130px
}

.progress-bar[data-v-57cf4aaf] {
    position: absolute;
    z-index: 1;
    top: 96px;
    width: 100%;
    height: 8px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    transition: .1s all
}

.progress-bar-line[data-v-57cf4aaf] {
    height: 100%;
    background: #caff04
}

.unlocked[data-v-57cf4aaf] {
    cursor: not-allowed
}

.locked[data-v-57cf4aaf] {
    cursor: pointer
}

.quest-earn-item[data-v-57cf4aaf] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center
}

.quest-earn-item img[data-v-57cf4aaf] {
    width: 76px;
    height: 76px
}

.quest-earn-item>span[data-v-57cf4aaf] {
    position: relative;
    z-index: 2;
    width: 1px;
    height: 8px;
    background: #000;
    margin: 6px 0
}

.quest-earn-item-info[data-v-57cf4aaf] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 4px
}

.quest-earn-item-prize[data-v-57cf4aaf] {
    margin-bottom: -2px
}

.quest-earn-item-info img[data-v-57cf4aaf] {
    width: 16px;
    height: 16px
}

.quest-earn-item-info span[data-v-57cf4aaf] {
    font-size: 14px;
    line-height: 16px
}

.quest-earn-daily[data-v-57cf4aaf] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.quest-earn-daily-connect[data-v-57cf4aaf] {
    border-radius: 8px;
    border: 2px solid #000000
}

.quest-earn-daily-item[data-v-57cf4aaf] {
    display: flex;
    flex: 1 1 48%;
    width: 626px;
    padding: 20px 24px;
    border-radius: 6px;
    background: #fff;
    transition: .1s all;
    border: 2px solid transparent
}

.quest-earn-daily-item[data-v-57cf4aaf]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.quest-earn-daily-item>img[data-v-57cf4aaf] {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 50%;
    border: 2px solid #000000
}

.quest-earn-daily-info[data-v-57cf4aaf] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.quest-earn-daily-wrap[data-v-57cf4aaf] {
    display: flex;
    align-items: center;
    gap: 4px
}

.quest-earn-daily-wrap>img[data-v-57cf4aaf] {
    width: 16px;
    height: 16px
}

.quest-earn-daily-wrap>span[data-v-57cf4aaf] {
    font-size: 16px;
    line-height: 20px
}

.quest-earn-daily-info h5[data-v-57cf4aaf] {
    max-width: 390px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.quest-earn-daily-btn[data-v-57cf4aaf] {
    width: 102px;
    height: 48px;
    margin-left: auto;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.quest-earn-daily-btn button[data-v-57cf4aaf] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 102px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    background: #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transform: translate(-6px,-6px);
    transition: .1s all;
    cursor: pointer;
    font-family: Inter-Medium
}

.quest-earn-daily-btn button[disabled][data-v-57cf4aaf] {
    background: #f2f3f7;
    color: #70706d;
    transform: translate(-2px,-2px);
    border: none;
    cursor: not-allowed
}

.quest-earn-daily-btn button[data-v-57cf4aaf]:hover {
    transform: translate(-2px,-2px)
}

.go[data-v-57cf4aaf] {
    color: #000!important;
    background: #caff04!important
}

.frend-box[data-v-4c20670a] {
    width: 100%
}

.frend-title[data-v-4c20670a] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 24px 0 16px
}

.frend-title span[data-v-4c20670a] {
    font-size: 36px;
    line-height: 42px;
    font-family: Inter-Bold
}

.frend-title img[data-v-4c20670a] {
    width: 24px;
    height: 24px
}

.frend-content[data-v-4c20670a] {
    display: flex;
    gap: 120px;
    margin-bottom: 24px
}

.frend-content-left[data-v-4c20670a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 522px
}

.frend-content-connet[data-v-4c20670a] {
    flex: 1 1 48%;
    max-width: 522px;
    border-radius: 8px;
    border: 2px solid #000000
}

.frend-item[data-v-4c20670a] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 20px 24px;
    border-radius: 6px;
    border: 2px solid transparent;
    background: #fff;
    transition: .1s all
}

.frend-item[data-v-4c20670a]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.frend-item img[data-v-4c20670a] {
    width: 66px;
    height: 48px
}

.frend-item-wrap>span[data-v-4c20670a] {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px
}

.frend-item-info[data-v-4c20670a] {
    display: flex;
    align-items: center
}

.frend-item-info img[data-v-4c20670a] {
    width: 16px;
    height: 16px
}

.frend-item-info span[data-v-4c20670a] {
    margin: 0 4px;
    font-size: 16px;
    color: #e6a857;
    line-height: 20px
}

.frend-item-info p[data-v-4c20670a] {
    font-size: 16px
}

.frend-content-right[data-v-4c20670a] {
    display: flex;
    gap: 10px
}

.frend-content-right>img[data-v-4c20670a] {
    width: 16px;
    height: 168px;
    padding-top: 4px
}

.frend-side[data-v-4c20670a] {
    display: flex;
    flex-direction: column;
    gap: 22px
}

.frend-side-item h6[data-v-4c20670a] {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.frend-side-item-wrap[data-v-4c20670a] {
    display: flex;
    align-items: center;
    gap: 4px
}

.frend-side-item-wrap span[data-v-4c20670a] {
    font-size: 16px;
    line-height: 20px
}

.frend-side-item-wrap p[data-v-4c20670a] {
    text-decoration: underline;
    font-size: 16px;
    line-height: 20px
}

.frend-side-item-wrap img[data-v-4c20670a] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.frend-footer-title[data-v-4c20670a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.frend-footer-title h6[data-v-4c20670a] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.frend-footer-more[data-v-4c20670a] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.frend-footer-more[data-v-4c20670a]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 4px;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

.frend-footer-more span[data-v-4c20670a] {
    font-size: 20px;
    line-height: 24px
}

.frend-footer-more img[data-v-4c20670a] {
    width: 20px;
    height: 20px
}

.frend-footer-list[data-v-4c20670a] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.frend-footer-connect[data-v-4c20670a] {
    border-radius: 8px;
    border: 2px solid #000
}

.frend-footer-item[data-v-4c20670a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px 24px;
    border-radius: 6px;
    border: 2px solid transparent;
    background: #fff;
    transition: .1s all
}

.frend-footer-item[data-v-4c20670a]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.frend-footer-info[data-v-4c20670a] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 200px
}

.frend-footer-info[data-v-4c20670a]:first-child {
    min-width: 300px
}

.frend-footer-info[data-v-4c20670a]:last-child {
    justify-content: flex-end
}

.frend-footer-info .avatar[data-v-4c20670a] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000000
}

.frend-footer-info .icon[data-v-4c20670a] {
    width: 20px;
    height: 20px
}

.frend-footer-info h6[data-v-4c20670a] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.frend-footer-info span[data-v-4c20670a] {
    font-size: 14px;
    color: #70706d;
    line-height: 16px;
    font-family: Inter-Light
}

.goods-connect-box[data-v-ead81a19] {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

.goods-connect[data-v-ead81a19] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff
}

.goods-connect>video[data-v-ead81a19] {
    width: 100%;
    height: fit-content
}

.goods-connect-close[data-v-ead81a19] {
    position: absolute;
    z-index: 2;
    right: 24px;
    top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transition: .1s all;
    cursor: pointer
}

.goods-connect-close[data-v-ead81a19]:hover {
    box-shadow: none;
    transform: translate(3px,3px)
}

.goods-connect-close img[data-v-ead81a19] {
    width: 24px;
    height: 24px
}

.goods-connect-list[data-v-ead81a19] {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 16px
}

.goods-connect-info[data-v-ead81a19] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 156px;
    height: 156px;
    border-radius: 8px;
    outline: 2px solid #000000;
    background: #fff
}

.goods-connect-info img[data-v-ead81a19] {
    width: 48px;
    height: 48px
}

.goods-connect-info span[data-v-ead81a19] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.goods-connect-info p[data-v-ead81a19] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.goods-connect-btns[data-v-ead81a19] {
    position: absolute;
    z-index: 2;
    bottom: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 340px;
    height: 38px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000;
    box-shadow: 3px 3px #000;
    cursor: pointer;
    animation: animate_y-ead81a19 .3s
}

.goods-connect-btns[data-v-ead81a19]:hover {
    box-shadow: none;
    transform: translate(3px,3px)
}

@keyframes animate_y-ead81a19 {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.quest-box[data-v-fde0c766] {
    width: 1280px;
    padding-bottom: 48px
}

.quest-tab-connnect[data-v-fde0c766] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 32px 0
}

.quest-tab-list[data-v-fde0c766] {
    display: flex;
    align-items: center;
    gap: 24px;
    border-bottom: 1px solid #ebebeb
}

.quest-tab-list .cur[data-v-fde0c766]:after {
    width: 100%;
    border: solid 1px #000
}

.quest-tab-list .cur span[data-v-fde0c766] {
    font-family: Inter-Medium
}

.quest-tab-item[data-v-fde0c766] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 0;
    cursor: pointer;
    position: relative
}

.quest-tab-item[data-v-fde0c766]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    border: solid 2px transparent;
    transition: all .15s
}

.quest-tab-item[data-v-fde0c766]:hover:after {
    width: 100%;
    border: solid 1px #000
}

.quest-tab-item img[data-v-fde0c766] {
    width: 24px;
    height: 24px
}

.quest-tab-item span[data-v-fde0c766] {
    font-size: 20px;
    line-height: 24px
}

.quest-details[data-v-48e273ba] {
    width: 1280px;
    padding: 64px
}

.quest-details-header[data-v-48e273ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px 30px 0;
    border-radius: 8px;
    border: 2px solid #000000
}

.quest-details-header-wrap[data-v-48e273ba] {
    display: flex;
    align-items: center
}

.quest-details-header-item[data-v-48e273ba] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 40px;
    border-right: 1px solid #ebebe4
}

.quest-details-header-item>span[data-v-48e273ba] {
    font-size: 16px;
    line-height: 20px
}

.quest-details-header-item-info[data-v-48e273ba] {
    display: flex;
    align-items: center;
    gap: 4px
}

.quest-details-header-item-info img[data-v-48e273ba] {
    width: 20px;
    height: 20px
}

.quest-details-header-item-info span[data-v-48e273ba] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-details-header-info[data-v-48e273ba] {
    display: flex;
    align-items: center;
    gap: 40px
}

.quest-details-header-info-wrap[data-v-48e273ba] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.quest-details-header-info-wrap span[data-v-48e273ba] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-details-header-info-wrap h6[data-v-48e273ba] {
    font-size: 36px;
    line-height: 42px;
    font-family: Inter-Bold
}

.quest-details-header-info button[data-v-48e273ba] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 172px;
    height: 64px;
    background: #caff04;
    font-size: 32px;
    border-radius: 8px;
    border: 2px solid #000000;
    font-family: Inter-Medium;
    cursor: pointer
}

.quest-details-content[data-v-48e273ba] {
    display: flex;
    gap: 136px;
    margin: 64px 0
}

.quest-details-content-item[data-v-48e273ba] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.quest-details-content-item span[data-v-48e273ba] {
    font-size: 16px;
    line-height: 20px
}

.quest-details-content-item h6[data-v-48e273ba] {
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Medium
}

.quest-details-footer-title[data-v-48e273ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.quest-details-footer-title h6[data-v-48e273ba] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-details-footer-link[data-v-48e273ba] {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding-left: 12px;
    background: #f2f3f7;
    border-radius: 30px
}

.quest-details-footer-link span[data-v-48e273ba] {
    margin-right: 88px;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.quest-details-footer-link a[data-v-48e273ba] {
    text-decoration: underline;
    font-size: 16px;
    line-height: 20px
}

.quest-details-footer-link .copy[data-v-48e273ba] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e1e2e5
}

.quest-details-footer-link img[data-v-48e273ba] {
    width: 16px;
    height: 16px
}

.quest-details-footer-list[data-v-48e273ba] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.quest-details-footer-connect[data-v-48e273ba] {
    border-radius: 8px;
    border: 2px solid #000
}

.quest-details-footer-item[data-v-48e273ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px 24px;
    border-radius: 6px;
    border: 2px solid transparent;
    background: #fff;
    transition: .1s all
}

.quest-details-footer-item[data-v-48e273ba]:hover {
    transform: translate(-6px,-6px);
    border: 2px solid #000
}

.quest-details-footer-info[data-v-48e273ba] {
    display: flex;
    align-items: center;
    min-width: 200px
}

.quest-details-footer-info[data-v-48e273ba]:first-child {
    min-width: 300px
}

.quest-details-footer-info[data-v-48e273ba]:last-child {
    justify-content: flex-end
}

.quest-details-footer-info .avatar[data-v-48e273ba] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000000
}

.quest-details-footer-info .icon[data-v-48e273ba] {
    width: 20px;
    height: 20px
}

.quest-details-footer-info h6[data-v-48e273ba] {
    margin: 0 4px 0 8px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.quest-details-footer-info span[data-v-48e273ba] {
    font-size: 14px;
    color: #70706d;
    line-height: 16px;
    font-family: Inter-Light
}

.friend-box[data-v-171b44e5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-top: 6%
}

.green[data-v-171b44e5] {
    background: #caff04
}

.friend-box h2[data-v-171b44e5] {
    font-size: 32px;
    line-height: 38px;
    font-family: Inter-Bold
}

.friend-box>img[data-v-171b44e5] {
    width: 570px;
    height: 320px;
    margin: 16px 0 32px
}

.friend-wrap[data-v-171b44e5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 630px
}

.friend-wrap>span[data-v-171b44e5] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.boxs[data-v-171b44e5] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    margin: 16px 0 32px;
    border-radius: 8px;
    border: 2px solid #000000
}

.gain-boxs[data-v-171b44e5] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.gain-boxs>img[data-v-171b44e5] {
    width: 100%;
    height: fit-content
}

.gain-boxs-info[data-v-171b44e5] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.gain-boxs-info img[data-v-171b44e5] {
    width: 70px;
    height: 70px
}

.gain-boxs-info span[data-v-171b44e5] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.boxs-item[data-v-171b44e5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 22%
}

.boxs-item>img[data-v-171b44e5] {
    width: 36px;
    height: 36px
}

.boxs-item-info[data-v-171b44e5] {
    display: flex;
    align-items: center;
    gap: 2px
}

.boxs-item-info span[data-v-171b44e5] {
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap
}

.boxs-item-info span[data-v-171b44e5]:last-child {
    font-family: Inter-Light
}

.friend-btn[data-v-171b44e5] {
    width: 360px;
    height: 38px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.friend-btn button[data-v-171b44e5] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 4px);
    height: 38px;
    font-size: 16px;
    color: #fff;
    background: #000;
    border-radius: 8px;
    border: 2px solid #000000;
    transform: translate(-6px,-6px);
    font-family: Inter-Medium;
    cursor: pointer
}

.friend-btn button[data-v-171b44e5]:hover {
    transform: translate(-2px,-2px)
}

.complete[data-v-171b44e5] {
    background: #000
}

.complete button[data-v-171b44e5] {
    color: #000;
    background: #fff
}

.complete-box[data-v-171b44e5] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 988px;
    height: 556px;
    margin-bottom: 24px
}

.complete-box img[data-v-171b44e5] {
    width: 100%;
    height: 100%
}

.complete-box span[data-v-171b44e5] {
    position: absolute;
    top: 330px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

[data-v-7adba058] .el-tooltip__trigger:focus-visible {
    outline: unset
}

.tokenInfo-holder-box[data-v-7adba058] {
    position: relative;
    z-index: 1;
    padding: 0 4px 4px 0
}

.tokenInfo-holder-box[data-v-7adba058]:after {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 0;
    right: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 8px;
    background: #ffc700;
    border: 2px solid #000
}

.tokenInfo-holder[data-v-7adba058] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000;
    align-items: flex-start;
    gap: 5px;
}

.tokenInfo-holder-top10[data-v-7adba058] {
    display: flex;
    align-items: center;
    margin: 12px 0
}

.tokenInfo-holder-top10>span[data-v-7adba058] {
    margin-right: 4px;
    font-size: 12px;
    line-height: 14px
}

.tokenInfo-holder-top10>p[data-v-7adba058] {
    margin-left: 2px;
    font-size: 12px;
    line-height: 14px;
}

.tokenInfo-holder-top10 .el-progress[data-v-7adba058] {
    flex: 1
}

[data-v-7adba058] .tokenInfo-holder-top10 .el-progress-bar__outer {
    border-radius: 2px!important;
    border: 1px solid #000;
    background-color: #fff
}

[data-v-7adba058] .tokenInfo-holder-top10 .el-progress-bar__inner {
    border-radius: 2px!important
}

.tokenInfo-holder-list[data-v-7adba058] {
    display: flex;
    align-items: center;
    gap: 24px
}

.tokenInfo-holder-item[data-v-7adba058] {
    font-size: 14px;
    color: #182122;
    cursor: pointer
}

.tokenInfo-holder-cur[data-v-7adba058] {
    background: #caff04;
    font-family: Inter-Medium
}

.tokenInfo-holder-title[data-v-7adba058] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tokenInfo-holder-title h4[data-v-7adba058] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.tokenInfo-holder-title h4[data-v-7adba058]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.tokenInfo-holder-title span[data-v-7adba058] {
    font-size: 18px;
    line-height: 22px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.tokenInfo-holder-up[data-v-7adba058] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end
}

.tokenInfo-holder-up span[data-v-7adba058] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Medium
}

.tokenInfo-holder-up p[data-v-7adba058] {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.charts[data-v-7adba058] {
    width: 100%;
    height: 120px
}

[data-v-10030d1b] .el-tooltip__trigger:focus-visible {
    outline: unset
}

.tokenInfo-buyers-box[data-v-10030d1b] {
    position: relative;
    z-index: 1;
    padding: 0 4px 4px 0
}

.tokenInfo-buyers-box[data-v-10030d1b]:after {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 0;
    right: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 8px;
    background: #ffc700;
    border: 2px solid #000
}

.tokenInfo-buyers[data-v-10030d1b] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000
}

.tokenInfo-buyers-title[data-v-10030d1b] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 16px
}

.tokenInfo-buyers-title span[data-v-10030d1b] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.tokenInfo-buyers-title span[data-v-10030d1b]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.tokenInfo-buyers-title img[data-v-10030d1b] {
    width: 14px;
    height: 14px;
    cursor: pointer
}

.tokenInfo-buyers-content[data-v-10030d1b] {
    position: relative;
    height: 56px;
    padding: 8px 12px 16px;
    border-radius: 4px;
    border: 1px solid #eaebe4;
    background-color: #fff;
    overflow: hidden;
    transition: all .5s
}

.tokenInfo-buyers-scroll[data-v-10030d1b] {
    padding-bottom: 32px;
    height: fit-content
}

.tokenInfo-buyers-content-list[data-v-10030d1b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden
}

.tokenInfo-buyers-content-list img[data-v-10030d1b] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.tokenInfo-buyers-tips span[data-v-10030d1b] {
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.tokenInfo-buyers-list[data-v-10030d1b] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 8px 0 20px
}

.tokenInfo-buyers-list-hover[data-v-10030d1b] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px;
    width: 110px
}

.tokenInfo-buyers-list-hover>.tokenInfo-buyers-item[data-v-10030d1b] {
    width: 100%
}

.tokenInfo-buyers-item[data-v-10030d1b] {
    display: flex;
    align-items: center
}

.tokenInfo-buyers-item>img[data-v-10030d1b] {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.tokenInfo-buyers-item>span[data-v-10030d1b] {
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.tokenInfo-buyers-item>h6[data-v-10030d1b] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.progress-list[data-v-10030d1b] {
    display: flex;
    padding: 0 2px;
    justify-content: space-between
}

.progress-item[data-v-10030d1b] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bordered-progress[data-v-10030d1b] {
    border: 2px solid #000;
    border-radius: 50%;
    box-shadow: 2px 2px #000
}

[data-v-10030d1b] .bordered-progress .el-progress__text {
    display: flex;
    justify-content: center
}

[data-v-10030d1b] .bordered-progress .el-progress-circle__track {
    stroke: #fff
}

[data-v-10030d1b] .bordered-progress .el-progress-circle__path {
    stroke-linecap: square
}

.bordered-progress .percentage-value[data-v-10030d1b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000;
    color: #000;
    font-family: Inter-Medium
}

.progress-item>h6[data-v-10030d1b] {
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px
}

.tokenInfo-holder-more[data-v-10030d1b] {
    display: flex;
    position: absolute;
    left: calc(50% - 12px);
    bottom: 0;
    cursor: pointer
}

.tokenInfo-holder-more>img[data-v-10030d1b] {
    width: 24px;
    height: 24px
}

.up-color[data-v-9398ab7e] {
    color: #0bb048
}

.down-color[data-v-9398ab7e] {
    color: #f2305a
}

.tokenInfo-rank[data-v-9398ab7e] {
    display: flex;
    height: 100%;
    flex-direction: column;
    background: #fff;
    margin-top: 12px
}

.tokenInfo-rank-menu[data-v-9398ab7e] {
    display: flex;
    gap: 24px;
    padding: 12px 16px;
    border-bottom: 1px solid #ebebe4
}

.tokenInfo-rank-menu-item span[data-v-9398ab7e] {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    font-family: Inter-Light
}

.tokenInfo-rank-menu-cur span[data-v-9398ab7e] {
    position: relative;
    z-index: 2;
    font-family: Inter-Medium
}

.tokenInfo-rank-menu-cur span[data-v-9398ab7e]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

table[data-v-9398ab7e] {
    width: 100%;
    height: 100%;
    border-spacing: 0;
    overflow: hidden
}

thead[data-v-9398ab7e] {
    display: block;
    padding: 0 16px
}

thead tr th[data-v-9398ab7e] {
    text-align: left;
    padding: 12px 0;
    font-size: 12px;
    color: #70706d;
    line-height: 14px
}

thead tr[data-v-9398ab7e],tbody tr[data-v-9398ab7e] {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #f6f7f1
}

tbody[data-v-9398ab7e] {
    display: block;
    padding: 0 16px;
    overflow-y: auto;
    transition: all .5s
}

tbody[data-v-9398ab7e]::-webkit-scrollbar {
    width: 6px;
    background: #fafafa
}

tbody[data-v-9398ab7e]::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 8px
}

tbody tr td[data-v-9398ab7e] {
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    padding: 12px 0;
    font-family: Inter-Medium;
    vertical-align: middle
}

tbody tr td[data-v-9398ab7e]:first-child,thead tr th[data-v-9398ab7e]:first-child {
    width: 25%;
    padding-left: 4px;
    color: #666664;
    font-family: Inter-Light
}

tbody tr td[data-v-9398ab7e]:nth-child(2),thead tr th[data-v-9398ab7e]:nth-child(2) {
    width: 36%
}

thead tr th[data-v-9398ab7e]:last-child {
    text-align: right
}

tbody tr td[data-v-9398ab7e]:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

tbody tr td:last-child>img[data-v-9398ab7e] {
    width: 16px;
    height: 16px
}

tbody tr td:last-child span[data-v-9398ab7e] {
    text-align: right
}

.progress[data-v-9398ab7e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.progress>span[data-v-9398ab7e] {
    width: 35px
}

.progress .el-progress[data-v-9398ab7e] {
    width: 64px
}

.td-address-connect[data-v-9398ab7e] {
    display: flex;
    align-items: center;
    gap: 2px
}

.td-address-connect>img[data-v-9398ab7e] {
    width: 12px;
    height: 12px
}

.td-address[data-v-9398ab7e] {
    position: relative;
    cursor: pointer;
    color: #000!important;
    font-family: Roboto-Mono!important;
    max-width: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.td-address[data-v-9398ab7e]:after {
    content: "";
    width: 0;
    height: 1px;
    background: #666;
    position: absolute;
    top: 100%;
    right: 0%;
    transition: all .1s
}

.td-address[data-v-9398ab7e]:hover:after {
    right: 0%;
    width: 100%
}

.holders-connect-box[data-v-1968fc99] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px;
}

.charts[data-v-90612111] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.connect-content-item[data-v-c0364c67] {
    width: 100%;
    padding: 12px;
    background: var(--theme-bac);
    border-radius: 8px;
    border: 2px solid var(--theme-color)
}

.content-item-info[data-v-c0364c67] {
    display: flex;
    align-items: center;
    gap: 6px
}

.content-item-info-avatar[data-v-c0364c67] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.content-item-connect-top[data-v-c0364c67] {
    display: flex;
    align-items: center;
    gap: 4px
}

.content-item-connect-top>h3[data-v-c0364c67] {
    max-width: 130px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.content-item-connect-bottom[data-v-c0364c67] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 2px
}

.content-item-connect-top>img[data-v-c0364c67] {
    width: 14px;
    height: 14px
}

.content-item-connect-bottom>img[data-v-c0364c67] {
    width: 12px;
    height: 12px
}

.content-item-connect-bottom>span[data-v-c0364c67] {
    font-size: 12px;
    line-height: 14px
}

.content-item-info-share[data-v-c0364c67] {
    width: 24px;
    height: 24px
}

.content-item-news[data-v-c0364c67] {
    height: 58px;
    margin: 4px 0 8px;
    padding: 4px;
    font-size: 12px;
    line-height: 18px;
    background: #f9faf5;
    border-radius: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light
}

.content-item-token[data-v-c0364c67] {
    display: flex;
    flex-direction: column
}

.content-item-token-right[data-v-c0364c67] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.content-item-token-info[data-v-c0364c67] {
    display: flex;
    align-items: center;
    margin-bottom: 26px
}

.content-item-token-connect[data-v-c0364c67] {
    position: relative;
    display: flex;
    margin-right: 4px
}

.content-item-token-info-chain[data-v-c0364c67] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.content-item-token-info-avatar[data-v-c0364c67] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.content-item-token-info h3[data-v-c0364c67] {
    max-width: 86px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.content-item-token-range[data-v-c0364c67] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    padding: 5px 8px;
    background: #caff04;
    border-radius: 30px
}

.content-item-token-range img[data-v-c0364c67] {
    width: 12px;
    height: 12px
}

.content-item-token-range span[data-v-c0364c67] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Bold
}

.content-item-token-charts[data-v-c0364c67] {
    width: 100%;
    height: 58px
}

.content-item-token-time[data-v-c0364c67] {
    margin-top: 4px;
    color: #666;
    font-size: 10px;
    line-height: 12px;
    font-family: Inter-Light
}

.kol-connect[data-v-41450080] {
    margin-top: 24px
}

.kol-connect-top[data-v-41450080] {
    padding-left: 16px
}

.kol-item-hover[data-v-41450080] {
    padding-bottom: 10px;
    cursor: pointer
}

.kolcall-item-cur[data-v-41450080] {
    padding-bottom: 10px;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-item-cur .kol-item[data-v-41450080] {
    background: none;
    border: none
}

.kolcall-item-cur .kol-item-name h2[data-v-41450080] {
    font-family: Inter-Medium
}

.kol-item[data-v-41450080] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 12px 10px;
    border-radius: 8px;
    border: 2px solid var(--theme-color)
}

.kol-item-avatar[data-v-41450080] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.kol-item-name[data-v-41450080] {
    display: flex;
    align-items: center;
    gap: 2px
}

.kol-item-name h2[data-v-41450080] {
    max-width: 80px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.kol-item-views[data-v-41450080] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 2px 0
}

.kol-item-views img[data-v-41450080] {
    width: 12px;
    height: 12px
}

.kol-item-views span[data-v-41450080] {
    font-size: 12px;
    line-height: 14px
}

.kol-item-name img[data-v-41450080] {
    width: 14px;
    height: 14px
}

.kol-item-time[data-v-41450080] {
    font-size: 12px;
    color: #100b11;
    line-height: 14px
}

.kol-connect-content[data-v-41450080] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    margin-top: 8px;
    background-color: #e0ff6b;
    border-radius: 16px
}

.list-enter-active[data-v-8f573832],.list-leave-active[data-v-8f573832] {
    transition: all .5s ease
}

.list-enter-from[data-v-8f573832] {
    opacity: 0;
    transform: translate(-50px)
}

.list-leave-to[data-v-8f573832] {
    opacity: 0;
    transform: translate(50px)
}

.up-color[data-v-8f573832] {
    color: #0bb048
}

.down-color[data-v-8f573832] {
    color: #f2305a
}

.tokenInfo-rank[data-v-8f573832] {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px
}

.tokenInfo-rank-menu[data-v-8f573832] {
    display: flex;
    gap: 24px;
    padding: 12px 16px;
    border-bottom: 1px solid #ebebe4
}

.tokenInfo-rank-menu-item span[data-v-8f573832] {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    font-family: Inter-Light
}

.tokenInfo-rank-menu-cur span[data-v-8f573832] {
    position: relative;
    z-index: 2;
    font-family: Inter-Medium
}

.tokenInfo-rank-menu-cur span[data-v-8f573832]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

table[data-v-8f573832] {
    width: 100%;
    height: 100%;
    border-spacing: 0;
    overflow: hidden
}

thead[data-v-8f573832] {
    display: block;
    padding: 0 16px
}

thead tr th[data-v-8f573832] {
    text-align: left;
    padding: 12px 0;
    font-size: 12px;
    color: #70706d!important;
    line-height: 14px;
    font-family: GT-Walsheim-Md!important
}

thead tr[data-v-8f573832],tbody tr[data-v-8f573832] {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #f6f7f1
}

tbody[data-v-8f573832] {
    width: 100%;
    display: block;
    padding: 0 16px;
    overflow-y: auto
}

tbody[data-v-8f573832]::-webkit-scrollbar {
    width: 6px;
    background: #fafafa
}

tbody[data-v-8f573832]::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 8px
}

tbody tr td[data-v-8f573832] {
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    padding: 12px 0;
    font-family: Inter-Medium;
    vertical-align: middle
}

tbody tr td[data-v-8f573832]:first-child,thead tr th[data-v-8f573832]:first-child {
    width: 13%;
    padding-left: 4px;
    color: #666664;
    font-weight: 300;
    font-family: Inter-Light
}

tbody tr td[data-v-8f573832]:nth-child(2),thead tr th[data-v-8f573832]:nth-child(2) {
    width: 13%
}

tbody tr td[data-v-8f573832]:nth-child(3),thead tr th[data-v-8f573832]:nth-child(3) {
    width: 22%
}

tbody tr td[data-v-8f573832]:nth-child(4),thead tr th[data-v-8f573832]:nth-child(4) {
    width: 16%
}

tbody tr td[data-v-8f573832]:nth-child(5),thead tr th[data-v-8f573832]:nth-child(5) {
    width: 20%
}

thead tr th[data-v-8f573832]:last-child {
    text-align: right
}

tbody tr td[data-v-8f573832]:first-child {
    cursor: pointer;
    color: #666664;
    font-family: Inter-Light
}

tbody tr td[data-v-8f573832]:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px
}

tbody tr td:last-child>img[data-v-8f573832] {
    width: 12px;
    height: 12px
}

tbody tr td:last-child span[data-v-8f573832] {
    text-align: right
}

.td-address[data-v-8f573832] {
    position: relative;
    cursor: pointer;
    color: #000!important;
    font-family: Roboto-Mono!important;
    max-width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

[data-v-b9e3770e] .market-connect-progress .el-progress-bar__outer {
    background: #f2305a!important
}

[data-v-b9e3770e] .market-connect-progress .el-progress-bar__inner {
    border-right: 2px solid #ffffff
}

.animate__flipInX[data-v-b9e3770e] {
    animation: animate__flipInX .5s!important
}

.up-color[data-v-b9e3770e] {
    color: #0bb048
}

.down-color[data-v-b9e3770e] {
    color: #f2305a
}

.market-value[data-v-b9e3770e] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 38px;
    background: #fff;
    transition: all .3s
}

.market-value-scroll[data-v-b9e3770e] {
    height: 410px
}

.market-menu-connect[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.market-more[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #eaebe4
}

.market-more>img[data-v-b9e3770e] {
    width: 24px;
    height: 24px
}

.market-menu[data-v-b9e3770e] {
    display: flex;
    gap: 4px;
    min-height: 36px;
    border-radius: 8px;
    border: 1px solid #eaebe4;
    overflow: hidden;
    flex: 1
}

.market-menu-item[data-v-b9e3770e] {
    position: relative;
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 2px 0;
    background: #fff;
    cursor: pointer
}

.market-menu-item[data-v-b9e3770e]:after {
    position: absolute;
    content: "";
    height: 32px;
    right: 0;
    width: 1px;
    background: #f6f7f1
}

.market-menu-item[data-v-b9e3770e]:last-child:after {
    display: none
}

.market-menu-item p[data-v-b9e3770e] {
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 14px
}

.market-menu-item span[data-v-b9e3770e] {
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap
}

.market-menu-cur p[data-v-b9e3770e] {
    font-family: Inter-Medium
}

.market-menu-cur p[data-v-b9e3770e]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 6px;
    background: #caff04
}

.market-menu-cur span[data-v-b9e3770e] {
    font-family: Inter-Medium
}

.market-value-content[data-v-b9e3770e] {
    display: flex;
    padding: 12px 0
}

.market-wrap-box[data-v-b9e3770e] {
    display: flex;
    flex-direction: column;
    width: 82px;
    gap: 19px;
    border-right: 1px solid #f6f7f1
}

.market-wrap-item span[data-v-b9e3770e] {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-wrap-item h6[data-v-b9e3770e] {
    margin-top: 2px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-connect-box[data-v-b9e3770e] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex: 1;
    padding-left: 22px
}

.market-connect-text[data-v-b9e3770e] {
    display: flex;
    justify-content: space-between
}

.market-connect-value[data-v-b9e3770e] {
    display: flex;
    justify-content: space-between;
    margin: 2px 0
}

.market-connect-text span[data-v-b9e3770e] {
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-connect-value span[data-v-b9e3770e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-scoll-box[data-v-b9e3770e] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.market-Mcp-list[data-v-b9e3770e] {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid #f6f7f1;
    border-bottom: 1px solid #f6f7f1
}

.market-Mcp-item[data-v-b9e3770e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.market-Mcp-item[data-v-b9e3770e]:nth-child(1) {
    width: 81px
}

.market-Mcp-item[data-v-b9e3770e]:nth-child(2) {
    flex: 1;
    padding: 0 12px;
    border-left: 1px solid #f6f7f1;
    border-right: 1px solid #f6f7f1
}

.market-Mcp-item[data-v-b9e3770e]:nth-child(3) {
    flex: 1;
    padding: 0 12px
}

.market-Mcp-item>span[data-v-b9e3770e] {
    font-size: 12px;
    color: #70706d;
    line-height: 14px;
    font-family: Inter-Light
}

.market-Mcp-item-wrap[data-v-b9e3770e] {
    display: flex;
    align-items: center
}

.market-Mcp-item-wrap>h6[data-v-b9e3770e] {
    font-size: 14px;
    font-family: Inter-Medium
}

.market-Mcp-item-wrap p[data-v-b9e3770e] {
    font-size: 12px;
    margin: 0 2px
}

.market-Mcp-item-wrap img[data-v-b9e3770e] {
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.mcp-item-avatar[data-v-b9e3770e] {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    font-size: 8px;
    border: 1px solid #000;
    border-radius: 50%
}

.market-pool-list[data-v-b9e3770e] {
    display: flex;
    gap: 12px;
    flex-direction: column;
    margin: 12px 0
}

.market-pool-item[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-pool-item .el-progress[data-v-b9e3770e] {
    flex: 1
}

.market-pool-item span[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #70706d;
    font-family: Inter-Light
}

.market-pool-item span p[data-v-b9e3770e] {
    max-width: 60px;
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.market-pool-item h5[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    font-family: Inter-Medium
}

.market-pool-item h5 p[data-v-b9e3770e] {
    max-width: 60px;
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.market-address-list[data-v-b9e3770e] {
    display: flex;
    justify-content: space-between
}

.market-address-item[data-v-b9e3770e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.market-address-item-top[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    gap: 2px;
    cursor: pointer
}

.market-address-item-top>h5[data-v-b9e3770e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-address-item-top>img[data-v-b9e3770e] {
    width: 14px;
    height: 14px
}

.market-address-item-bottom[data-v-b9e3770e] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 0 12px;
    background: #f7f7f2;
    border-radius: 12px;
    cursor: pointer
}

.market-address-item-bottom[data-v-b9e3770e]:hover {
    background: #caff04
}

.market-address-item-bottom span[data-v-b9e3770e] {
    font-size: 12px;
    line-height: 14px
}

.market-address-item-bottom-avatar[data-v-b9e3770e] {
    padding: 2px;
    border-radius: 50%;
    background: #edede8
}

.market-address-item-bottom img[data-v-b9e3770e] {
    width: 14px;
    height: 14px
}

.cusure-connect[data-v-35e1ca14] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.cusure-connect-top-line[data-v-35e1ca14] {
    width: 32px;
    height: 4px;
    border-radius: 12px;
    background-color: #6666
}

.cusure-connect-title[data-v-35e1ca14] {
    margin: 24px 0;
    font-size: 16px;
    font-family: Inter-Medium
}

.cusure-connect-item[data-v-35e1ca14] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px;
    padding: 0 10px
}

.cusure-connect-item-info[data-v-35e1ca14] {
    display: flex;
    align-items: center;
    gap: 4px
}

.cusure-connect-item-info img[data-v-35e1ca14] {
    width: 20px;
    height: 20px
}

.cusure-connect-item-info span[data-v-35e1ca14] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.cusure-connect-item-what[data-v-35e1ca14] {
    display: flex;
    align-items: center;
    gap: 4px
}

.cusure-connect-item-what img[data-v-35e1ca14] {
    width: 16px;
    height: 16px
}

.cusure-connect-item-what span[data-v-35e1ca14] {
    font-size: 14px;
    line-height: 16px
}

.cusure-connect-item-lock[data-v-35e1ca14] {
    position: relative;
    z-index: 2;
    display: flex
}

.cusure-connect-item-lock-bac[data-v-35e1ca14] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 0;
    background-color: #dbff59
}

.score-box[data-v-e4f22695] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebebe4
}

.score-info[data-v-e4f22695] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.score-title[data-v-e4f22695] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.score-title[data-v-e4f22695]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    content: "";
    bottom: 4;
    width: 100%;
    height: 8px;
    background-color: #caff04
}

.score-tag[data-v-e4f22695] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 26px;
    font-size: 14px;
    border: 2px solid #000;
    border-radius: 16px;
    font-family: Inter-Medium
}

.score-charts[data-v-e4f22695] {
    width: 200px;
    height: 120px
}

.tokenInfo-summary[data-v-e4f22695] {
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.tokenInfo-summary-title[data-v-e4f22695] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.tokenInfo-summary-title h4[data-v-e4f22695] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.tokenInfo-summary-title h4[data-v-e4f22695]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.tokenInfo-summary-title span[data-v-e4f22695] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 14px
}

.tokenInfo-summary-title span[data-v-e4f22695]:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #caff04;
    border: 2px solid #000
}

.tokenInfo-summary-connect[data-v-e4f22695] {
    max-height: 240px;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 18px;
    overflow-y: auto;
    font-family: Inter-Light;
    background: #f9faf5;
    border-radius: 8px
}

.tokenInfo-summary-connect[data-v-e4f22695]::-webkit-scrollbar {
    width: 6px;
    background: #fafafa
}

.tokenInfo-summary-connect[data-v-e4f22695]::-webkit-scrollbar-thumb {
    background: #ebebeb;
    border-radius: 8px
}

.header-connect[data-v-01f6d4c2] {
    margin: 12px;
}

.header-connect-box[data-v-01f6d4c2] {
    position: relative;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    overflow: hidden;
    box-shadow: 2px 2px #000;
    background: #dfff67;
}

.header-connect-banner[data-v-01f6d4c2] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 58px;
    border-bottom: 2px solid #000
}

.header-connect-banner img[data-v-01f6d4c2] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.header-connect-info[data-v-01f6d4c2] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
}

.header-connect-info-avatar[data-v-01f6d4c2] {
    position: relative;
    display: flex
}

.header-connect-info-avatar-img[data-v-01f6d4c2] {
    width: 100px;
    height: 100px;
    font-size: 14px;
    border: 2px solid #000
}

.header-connect-info-avatar-chain[data-v-01f6d4c2] {
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    bottom: 0;
    right: 0;
    border-radius: 50%
}

.header-connect-info-wrap[data-v-01f6d4c2] {
    display: flex;
    align-items: center;
    gap: 16px
}

.header-connect-info-wrap>img[data-v-01f6d4c2] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #fff
}

.header-connect-name[data-v-01f6d4c2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 0 8px
}

.header-connect-name h2[data-v-01f6d4c2] {
    max-width: 146px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Inter-Medium
}

.header-connect-price[data-v-01f6d4c2] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    background: #caff04;
    border-radius: 30px
}

.header-connect-price span[data-v-01f6d4c2] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.header-connect-pair[data-v-01f6d4c2] {
    display: flex;
    align-items: center;
    gap: 8px
}

.header-connect-pair-name[data-v-01f6d4c2] {
    display: flex;
    align-items: center
}

.header-connect-pair-name p[data-v-01f6d4c2] {
    max-width: 80px;
    font-size: 12px;
    line-height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Inter-Medium
}

.header-connect-pair-name span[data-v-01f6d4c2] {
    font-size: 12px;
    color: #70706d;
    line-height: 14px
}

.header-connect-pair-name img[data-v-01f6d4c2] {
    width: 14px;
    height: 14px
}

.header-connect-pair-time[data-v-01f6d4c2] {
    display: flex;
    align-items: center;
    gap: 4px
}

.header-connect-pair-time img[data-v-01f6d4c2] {
    width: 12px;
    height: 12px
}

.header-connect-pair-time span[data-v-01f6d4c2] {
    font-size: 12px;
    line-height: 14px
}

.header-connect-webside[data-v-01f6d4c2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0
}

.header-connect-webside-item[data-v-01f6d4c2] {
    display: flex;
    gap: 16px;
    padding: 3px 16px;
    border-radius: 16px;
    background: #f6f7f1
}

.header-connect-webside-item img[data-v-01f6d4c2] {
    width: 14px;
    height: 14px
}

.header-connect-webside-g[data-v-01f6d4c2] {
    display: flex;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 16px;
    background: #f6f7f1
}

.header-connect-webside-g img[data-v-01f6d4c2] {
    width: 16px;
    height: 16px
}

.header-connect-webside-g span[data-v-01f6d4c2] {
    font-size: 14px;
    line-height: 16px
}

.header-connect-secure[data-v-01f6d4c2] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2;
    width: 48px;
    height: 24px;
    background: #dbff59;
    border-radius: 16px
}

.unsafety[data-v-01f6d4c2] {
    background: #dbc4ff
}

.header-connect-secure img[data-v-01f6d4c2] {
    width: 16px;
    height: 16px
}

[data-v-01f6d4c2] .el-drawer {
    background: #fff;
    border-radius: 24px 24px 0 0;
    border-bottom: none
}

.kline-box[data-v-f8592ea2] {
    padding: 0 16px;
    margin-top: 12px
}

.TVChartContainer-box[data-v-f8592ea2] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    border: 2px solid #000000
}

.TVChartContainer-connect[data-v-f8592ea2] {
    width: 100%;
    height: 230px;
    padding-top: 12px
}

.TVChartContainer[data-v-f8592ea2] {
    width: 100%;
    height: 100%
}

.menu-list[data-v-f8592ea2] {
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid #ebebeb
}

.menu-item[data-v-f8592ea2] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
    font-size: 14px;
    color: #182122;
    border-radius: 12px
}

.menu-item-cur[data-v-f8592ea2] {
    background: #caff04
}

.social-box[data-v-7e60c824] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px
}

.tokenInfo-twiter-box[data-v-7e60c824] {
    position: relative;
    z-index: 1;
    padding: 0 4px 4px 0
}

.tokenInfo-twiter-box[data-v-7e60c824]:after {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 0;
    right: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 8px;
    background: #ff5a94;
    border: 2px solid #000
}

.tokenInfo-follow-box[data-v-7e60c824]:after {
    background: #ffc700
}

.tokenInfo-twiter[data-v-7e60c824] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 12px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000
}

.tokenInfo-twiter-info[data-v-7e60c824] {
    position: relative;
    z-index: 2
}

.tokenInfo-twiter-connect[data-v-7e60c824] {
    display: flex;
    align-items: center
}

.tokenInfo-twiter-connect>img[data-v-7e60c824] {
    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.tokenInfo-twiter-name[data-v-7e60c824] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.tokenInfo-twiter-name h4[data-v-7e60c824] {
    position: relative;
    z-index: 2;
    max-width: 130px;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tokenInfo-twiter-name h4[data-v-7e60c824]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.tokenInfo-twiter-name>img[data-v-7e60c824] {
    width: 12px;
    height: 12px;
    margin-left: 2px
}

.tokenInfo-twiter-syble[data-v-7e60c824] {
    max-width: 100px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tokenInfo-twiter-fens-list[data-v-7e60c824] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 12px 0
}

.tokenInfo-twiter-fens[data-v-7e60c824] {
    display: flex;
    align-items: center;
    gap: 2px
}

.tokenInfo-twiter-fens>img[data-v-7e60c824] {
    width: 16px;
    height: 16px;
    border: 2px solid #caff04;
    border-radius: 50%
}

.tokenInfo-twiter-fens span[data-v-7e60c824] {
    font-size: 12px;
    line-height: 14px
}

.tokenInfo-twiter-fens h6[data-v-7e60c824] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.twiter-connet[data-v-7e60c824] {
    position: relative;
    z-index: 2;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between
}

.twiter-connet-info[data-v-7e60c824] {
    position: relative;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 120px
}

.twiter-connet-info[data-v-7e60c824]:last-child:after {
    position: absolute;
    left: -20px;
    content: "";
    width: 1px;
    height: 100%;
    background: #ebebe4
}

.twiter-connet-info-title[data-v-7e60c824] {
    position: relative;
    z-index: 2;
    width: fit-content;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Bold;
    white-space: nowrap
}

.twiter-connet-info-item[data-v-7e60c824] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.twiter-connet-info-avatar[data-v-7e60c824] {
    border: 2px solid #000;
    border-radius: 50%
}

.twiter-connet-info-item>img[data-v-7e60c824] {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.twiter-connet-info-item>span[data-v-7e60c824] {
    max-width: 72px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.twiter-connet-info-item>h6[data-v-7e60c824] {
    margin-left: auto;
    font-size: 12px;
    font-family: Inter-Medium;
    line-height: 14px
}

.twiter-news[data-v-7e60c824] {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 16px;
    padding: 2px 4px;
    height: 62px;
    border-radius: 8px;
    border: 2px solid #ebebe4
}

.twiter-news>img[data-v-7e60c824] {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 16px
}

.twiter-news>img[data-v-7e60c824]:nth-child(1) {
    left: -8px;
    top: -8px
}

.twiter-news>img[data-v-7e60c824]:nth-child(2) {
    right: -8px;
    bottom: -8px
}

.twiter-news span[data-v-7e60c824] {
    font-size: 12px;
    line-height: 18px;
    font-family: Inter-Light;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.twiter-news p[data-v-7e60c824] {
    position: absolute;
    right: 4px;
    bottom: 2px;
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light;
    background: #fff
}

[data-v-7e60c824] .noData-box {
    padding: 0;
    gap: 0
}

[data-v-7e60c824] .noData-box img {
    width: 45px;
    height: 38px
}

[data-v-7e60c824] .noData-box span {
    font-size: 12px;
    line-height: 12px
}

.tokenInfo-follow[data-v-7e60c824] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #fff;
    border: 2px solid #000000;
    border-radius: 8px
}

.tokenInfo-follow-title[data-v-7e60c824] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.tokenInfo-follow-title h4[data-v-7e60c824] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.tokenInfo-follow-title h4[data-v-7e60c824]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.charts[data-v-7e60c824] {
    width: 100%;
    height: 110px
}

[data-v-7e60c824] .tokenInfo-follow .noData-box {
    gap: 12px
}

[data-v-7e60c824] .tokenInfo-follow .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-7e60c824] .tokenInfo-follow .noData-box span {
    font-size: 12px
}

.trading-value[data-v-e7e49401] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.trading-menu[data-v-e7e49401] {
    display: flex;
    gap: 4px
}

.trading-menu-item[data-v-e7e49401] {
    flex: 1 1 50%;
    display: flex;
    justify-content: center
}

.trading-menu-item span[data-v-e7e49401] {
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 22px
}

.trading-menu-cur span[data-v-e7e49401] {
    font-family: Inter-Bold
}

.trading-menu-cur span[data-v-e7e49401]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.trading-eth[data-v-e7e49401] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px
}

.trading-eth p[data-v-e7e49401] {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 100%;
    border-right: 1px solid #000;
    font-size: 14px
}

.trading-eth span[data-v-e7e49401] {
    position: absolute;
    right: 10px;
    font-size: 14px
}

.trading-eth .el-input[data-v-e7e49401] {
    height: 100%
}

[data-v-e7e49401] .trading-eth .el-input--small .el-input__wrapper {
    width: 100%;
    padding: 2px 36px 2px 96px;
    border-radius: 6px;
    box-shadow: none!important;
    background: #fff;
    border: 2px solid #000
}

[data-v-e7e49401] .trading-eth .el-input__inner {
    font-size: 14px;
    color: #000!important;
    font-family: Inter-Regular
}

.trading-tip[data-v-e7e49401] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0
}

.trading-tip span[data-v-e7e49401] {
    font-size: 12px;
    line-height: 14px
}

.trading-suggest[data-v-e7e49401] {
    display: flex;
    align-items: center;
    gap: 10px
}

.trading-suggest-item[data-v-e7e49401] {
    flex: 1 1 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 0;
    border-radius: 6px;
    background: #f7f7f7;
    cursor: pointer
}

.trading-suggest-item>img[data-v-e7e49401] {
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.trading-suggest-item span[data-v-e7e49401] {
    font-size: 14px;
    font-weight: 16px;
    font-family: Inter-Medium
}

.connect-wallet-box[data-v-e7e49401] {
    position: relative;
    width: 340px;
    height: 36px;
    background: #55d3ff;
    border-radius: 8px;
    border: 2px solid #000000;
    opacity: .2
}

.connect-wallet-content[data-v-e7e49401] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium;
    background: #fffff7;
    border-radius: 6px;
    border: 2px solid #000000;
    transform: translate(-2px,-2px)
}

.connect-wallet-content[data-v-e7e49401]:hover {
    transform: translate(-2px,-2px)
}

.trading-setting-list[data-v-e7e49401] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    transition: all .3s
}

.trading-setting-item[data-v-e7e49401] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trading-setting-item>span[data-v-e7e49401] {
    font-size: 12px;
    height: 14px;
    font-family: Inter-Light
}

.trading-setting-item>span[data-v-e7e49401]:last-child {
    padding-right: 2px
}

.trading-setting-item>img[data-v-e7e49401] {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.trading-setting-info[data-v-e7e49401] {
    display: flex;
    align-items: center
}

.trading-setting-info span[data-v-e7e49401] {
    font-size: 14px;
    height: 16px;
    font-family: Inter-Light
}

.trading-setting-info h6[data-v-e7e49401] {
    font-size: 12px;
    height: 14px;
    border-bottom: 1px solid #000
}

.trading-setting-item-wrap[data-v-e7e49401] {
    display: flex;
    align-items: center;
    gap: 8px
}

.trading-setting-item-wrap p[data-v-e7e49401] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 24px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 4px;
    border: 1px solid #000000;
    background: #f7f7f2
}

.trading-setting-item-wrap p[data-v-e7e49401]:last-child {
    border: none;
    background: none
}

.kline-box[data-v-8c9741e1] {
    margin: 12px
}

.TVChartContainer-box[data-v-8c9741e1] {
    width: 100%;
    border-radius: 8px;
    border: 2px solid #000000
}

.m-home-product-card-price-line {
    width: 100%;
    border-radius: 8px;
    height: 150px;
}

.TVChartContainer-connect[data-v-8c9741e1] {
    width: 100%;
    height: 230px;
}

.TVChartContainer[data-v-8c9741e1] {
    width: 100%;
    height: 100%
}

.m-home-product-card-price-chart {
    width: 100%;
    height: 100%
}

.menu-list[data-v-8c9741e1] {
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid #ebebeb
}

.menu-item[data-v-8c9741e1] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
    font-size: 14px;
    color: #182122;
    border-radius: 12px
}

.menu-item-cur[data-v-8c9741e1] {
    font-family: Inter-Bold;
    background: #caff04
}

.top-container[data-v-7511de38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 16px;
    border-bottom: 1px solid #ebebeb;
    background-color: var(--theme-bac)
}

.top-container-left[data-v-7511de38] {
    display: flex;
    align-items: center;
    gap: 8px
}

.top-container-left-avatar[data-v-7511de38] {
    position: relative
}

.top-container-left-avatar-img[data-v-7511de38] {
    display: flex;
    width: 32px;
    height: 32px;
    font-size: 14px;
    border: 2px solid #000;
    border-radius: 50%
}

.top-container-left-avatar-chain[data-v-7511de38] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.top-container-left h2[data-v-7511de38] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.top-container-right[data-v-7511de38] {
    display: flex;
    align-items: center;
    gap: 20px
}

.top-container-right img[data-v-7511de38] {
    width: 24px;
    height: 24px
}

.token-box[data-v-20238104] {
    width: 100%;
    height: fit-content;
    background-color: var(--theme-bac);
    padding-bottom: 60px
}

.token-footer-connect[data-v-20238104] {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    background: #ffffe5;
    border-top: 1px solid #000
}

.token-footer-connect span[data-v-20238104] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 50%;
    font-size: 20px;
    line-height: 24px
}

.trading-view-box[data-v-20238104] {
    padding: 0 16px
}

[data-v-20238104] .el-drawer {
    z-index: 9999;
    background: #fff;
    border-radius: 24px 24px 0 0;
    border-bottom: none
}

.market-menu[data-v-20238104] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
    top: -1px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 12px;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid #ebebe4;
    background-color: #fff;
    overflow-y: overlay
}

.market-menu[data-v-20238104]::-webkit-scrollbar {
    width: 0;
    opacity: 0;
    display: none
}

.market-menu-item[data-v-20238104] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 6px
}

.market-menu-item img[data-v-20238104] {
    width: 20px;
    height: 20px
}

.market-menu-item span[data-v-20238104] {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Light
}

.market-menu-item span[data-v-20238104]:after {
    position: absolute;
    content: "";
    z-index: -1;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 0;
    background: #caff04
}

.market-menu-cur span[data-v-20238104] {
    font-family: Inter-Medium
}

.market-menu-cur span[data-v-20238104]:after {
    height: 10px
}

@keyframes animate__fadeIn-ef7c4877 {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate__fadeIn[data-v-ef7c4877] {
    animation: animate__fadeIn-ef7c4877 1s!important
}

.banner-box[data-v-ef7c4877] {
    position: relative
}

.banner-box .banner-connect-box[data-v-ef7c4877] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-content: center;
    padding: 0 16px;
    width: 100%;
    background: #fffff7
}

.banner-box .banner-content[data-v-ef7c4877] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.banner-box .banner-content h1[data-v-ef7c4877] {
    max-width: 254px;
    font-size: 28px;
    color: #000;
    line-height: 34px;
    font-family: Inter-Bold
}

.banner-box .banner-content h1 span[data-v-ef7c4877] {
    position: relative;
    z-index: 2
}

.banner-box .banner-content h1 span[data-v-ef7c4877]:after {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 30px;
    background: #caff04
}

.banner-box .banner-list[data-v-ef7c4877] {
    width: calc(100vw - 32px);
    margin-top: 18px
}

.banner-box .banner-list .swiper[data-v-ef7c4877] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 110px;
    border-radius: 8px;
    overflow: hidden
}

.banner-box .banner-list .banner-img-box[data-v-ef7c4877] {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.banner-box .banner-list .banner-img[data-v-ef7c4877] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #000
}

.banner-box .banner-list .banner-list-navigation[data-v-ef7c4877] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 6px
}

.banner-box .banner-list .banner-list-navigation-bar[data-v-ef7c4877] {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 6px;
    background: #ccc;
    cursor: pointer
}

.banner-box .banner-list .banner-list-navigation-bar li[data-v-ef7c4877] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 0;
    height: 100%;
    border-radius: 6px
}

.banner-box .banner-list .swiper_cur li[data-v-ef7c4877] {
    width: 100%;
    background: #000
}

.charts[data-v-bb5f96d0] {
    width: 100%;
    height: 100%
}

.summary-connect-box[data-v-5bca80c1] {
    width: 100%;
    padding: 0 16px
}

.summary-title[data-v-5bca80c1] {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.summary-connect[data-v-5bca80c1] {
    display: flex;
    padding: 12px 0;
    width: 100%;
    height: 82px;
    border-radius: 8px;
    border: 2px solid #000000
}

.summary-connect-item[data-v-5bca80c1] {
    flex: 1 1 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.summary-connect-item[data-v-5bca80c1]:nth-child(2) {
    border-right: 1px solid #f0f0eb;
    border-left: 1px solid #f0f0eb
}

.summary-connect-title[data-v-5bca80c1] {
    font-size: 12px;
    line-height: 14px
}

.summary-connect-charts[data-v-5bca80c1] {
    width: 70px;
    height: 36px
}

.summary-connect-value[data-v-5bca80c1] {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 22px;
    font-family: Inter-Medium;
    margin-top: auto
}

.summary-connect-range[data-v-5bca80c1] {
    display: flex;
    align-items: center
}

.summary-connect-range img[data-v-5bca80c1] {
    width: 12px;
    height: 12px
}

.summary-connect-range span[data-v-5bca80c1] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.summary-connect-value p[data-v-5bca80c1] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 16px;
    font-size: 12px;
    background: #f5f5f0;
    border-radius: 14px
}

.charts[data-v-809bb4c5] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA6oAAAHICAYAAABH3xdmAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAixSURBVHgB7dwxcetAEIDhW0uNO4mBIUTQgiQQTMEQwiCBYAbSJIWaU/bpSFiaN99X7M0eg7/ZKLt5XW99Lfcs+VZKDAUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoatQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPynoo15XW99Lfcs+bZ/DQUAAABeKEo+ah/v4/X6jBapXc0vgQoAAMCxctn6mPquxse+iVQAAAAOFkNXyz1+ftcsAAAAcAq5XNooAAAAcAox7KEa3wUAAABOIR8xz+ut6x1TAgAA4FiZufxtMV3G8frcakytWgsAAAC8WAvU/flskdoa9R/Arh760f0XYAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.trend-item[data-v-de98d66e] {
    position: relative;
    max-width: 190px;
    padding: 20px 12px 12px;
    border: 2px solid #000;
    border-radius: 8px;
    background: #fff
}

.trend-item .trend-item-banner[data-v-de98d66e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.trend-item .trend-item-banner img[data-v-de98d66e] {
    width: 100%
}

.trend-item .trend-item-banner-defualt[data-v-de98d66e] {
    height: 100%
}

.trend-item .trend-item-like[data-v-de98d66e] {
    position: absolute;
    z-index: 3;
    right: 16px;
    top: 28px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #fff
}

.trend-item .trend-item-like img[data-v-de98d66e] {
    width: 100%;
    height: 100%
}

.trend-item .trend-item-info[data-v-de98d66e] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.trend-item .trend-item-info-connect[data-v-de98d66e] {
    position: relative;
    display: flex;
    width: fit-content
}

.trend-item .trend-item-info-chain[data-v-de98d66e] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.trend-item .trend-item-info-avatar[data-v-de98d66e] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.trend-item .trend-item-container[data-v-de98d66e] {
    display: flex;
    align-items: center;
    margin: 4px 0;
    gap: 4px
}

.trend-item .trend-item-container-title[data-v-de98d66e] {
    max-width: 60px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.trend-item .trend-wrap-time[data-v-de98d66e] {
    font-size: 12px;
    color: #666;
    font-family: Inter-Light
}

.trend-item .trend-wrap[data-v-de98d66e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trend-item .trend-item-container-imgs[data-v-de98d66e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto
}

.trend-item .trend-item-container img[data-v-de98d66e] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.trend-item .trend-wrap-price span[data-v-de98d66e] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.trend-item .trend-range[data-v-de98d66e] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 8px 0 16px auto;
    padding: 5px 12px;
    background: #caff04;
    border-radius: 30px
}

.trend-item .trend-range-down[data-v-de98d66e] {
    background: #dbc4ff
}

.trend-item .trend-range img[data-v-de98d66e] {
    width: 12px;
    height: 12px
}

.trend-item .trend-range span[data-v-de98d66e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Bold
}

.trend-item .trend-charts[data-v-de98d66e] {
    width: 100%;
    height: 36px;
    margin: 24px 0 16px
}

.trend-item .trend-items[data-v-de98d66e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.trend-item .trend-items[data-v-de98d66e]:last-child {
    margin-bottom: 0
}

.trend-item .trend-items-info[data-v-de98d66e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.trend-item .trend-items-info img[data-v-de98d66e] {
    width: 14px;
    height: 14px
}

.trend-item .trend-items-info span[data-v-de98d66e] {
    font-size: 12px;
    line-height: 14px
}

.trend-item .trend-items-value[data-v-de98d66e] {
    display: flex;
    align-items: center
}

.trend-item .trend-items-value img[data-v-de98d66e] {
    width: 16px;
    height: 16px
}

.trend-item .trend-items-value span[data-v-de98d66e] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.trend-item .trend-items-info p[data-v-de98d66e] {
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    background: #f5f5f0;
    border-radius: 14px
}

.trend-box[data-v-06d92aea] {
    width: 100%
}

.title-connect[data-v-06d92aea] {
    padding: 0 16px
}

.trend-content[data-v-06d92aea] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding-left: 16px
}

.today-item[data-v-4f442673] {
    position: relative;
    width: 100%
}

.today-item-title[data-v-4f442673] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.today-item-more[data-v-4f442673] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px
}

.today-item-more[data-v-4f442673]:after {
    content: "";
    width: 94%;
    height: 4px;
    background: #caff04;
    position: absolute;
    z-index: -1;
    top: 60%;
    transition: all .1s
}

.today-item-more[data-v-4f442673]:hover:after {
    height: 60%;
    top: 20%
}

.today-item-more span[data-v-4f442673] {
    font-size: 14px;
    font-family: Inter-Medium
}

.today-item-more img[data-v-4f442673] {
    width: 14px;
    height: 14px
}

.today-title-connect[data-v-4f442673] {
    position: relative;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #000000
}

.today-title-connect h2[data-v-4f442673] {
    font-size: 14px;
    line-height: 16px;
    font-weight: bolder;
    font-family: Inter-Bold
}

.today-title-connect-color[data-v-4f442673] {
    position: absolute;
    right: -6px;
    bottom: -6px;
    z-index: -1;
    content: "";
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 4px;
    border: 2px solid #000000
}

.today-content[data-v-4f442673] {
    position: relative;
    margin-top: 8px;
    border-radius: 4px;
    padding: 12px
}

.today-content-background[data-v-4f442673] {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.today-content-banner[data-v-4f442673] {
    position: absolute;
    z-index: -2;
    top: 4px;
    right: 4px;
    width: 40%;
    height: 42px;
    border-radius: 0 8px 0 0;
    border: 2px solid #000;
    border-bottom: none;
    overflow: hidden
}

.today-content-banner img[data-v-4f442673] {
    width: 100%;
    height: 42px;
    object-fit: cover
}

.today-content-connect[data-v-4f442673] {
    position: relative;
    z-index: 2
}

.today-avatar-connet[data-v-4f442673] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 62%
}

.today-avatar-connet-box[data-v-4f442673] {
    position: relative;
    display: flex;
    width: fit-content;
    cursor: pointer
}

.today-avatar[data-v-4f442673] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.today-chain[data-v-4f442673] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.today-tokenInfo[data-v-4f442673] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.today-tokenInfo-top[data-v-4f442673] {
    display: flex;
    align-items: center;
    gap: 8px
}

.today-tokenInfo-top>h4[data-v-4f442673] {
    max-width: 60px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.today-tokenInfo-bootom[data-v-4f442673] {
    display: flex;
    align-items: center
}

.today-tokenInfo-bootom>span[data-v-4f442673] {
    font-size: 12px;
    line-height: 14px
}

.today-tokenInfo-range[data-v-4f442673] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    padding: 5px 8px;
    background: #caff04;
    border-radius: 30px
}

.today-tokenInfo-range-down[data-v-4f442673] {
    background: #dbc4ff
}

.today-tokenInfo-range img[data-v-4f442673] {
    width: 12px;
    height: 12px
}

.today-tokenInfo-range span[data-v-4f442673] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Bold
}

.today-info[data-v-4f442673] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 10px
}

.today-info-left[data-v-4f442673] {
    width: 40%
}

.today-info-right[data-v-4f442673] {
    flex: 1
}

.today-line[data-v-4f442673] {
    width: 100%;
    height: 84px
}

.today-info-list[data-v-4f442673] {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.today-info-item[data-v-4f442673] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 4px;
    border-radius: 16px
}

.today-info-higt[data-v-4f442673] {
    border: 2px solid #f6f7f1
}

.today-info-item-text[data-v-4f442673] {
    display: flex;
    align-items: center;
    gap: 4px
}

.today-info-item-text img[data-v-4f442673] {
    width: 14px;
    height: 14px
}

.today-info-item-text span[data-v-4f442673] {
    font-size: 12px;
    line-height: 14px
}

.today-info-item-text p[data-v-4f442673] {
    padding: 1px 4px;
    font-size: 12px;
    line-height: 14px;
    background: #f5f5f0;
    border-radius: 14px
}

.today-info-item-value[data-v-4f442673] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.today-box[data-v-0878f3bd] {
    padding: 0 16px
}

.today-list[data-v-0878f3bd] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.kol-box[data-v-655c77ba] {
    width: 100%
}

.kol-avatar-list[data-v-655c77ba] {
    display: flex;
    gap: 10px;
    padding: 0 16px;
    margin-bottom: 8px
}

.kol-content[data-v-655c77ba] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding-left: 16px
}

.title-connect[data-v-655c77ba] {
    padding: 0 16px
}

.swiper[data-v-655c77ba] {
    padding-right: 16px
}

.charts[data-v-d71a96dd] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.rank-item[data-v-f255a03d] {
    position: relative;
    width: 100%;
    padding: 40px 12px 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.rank-item .ranke-item-banner[data-v-f255a03d] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 58px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #000
}

.rank-item .ranke-item-banner img[data-v-f255a03d] {
    width: 100%;
    margin-top: -40px
}

.rank-item .rank-item-sort[data-v-f255a03d] {
    position: absolute;
    left: -2px;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 28px;
    background: #fffff7;
    border-radius: 8px 0 16px;
    border: 2px solid #000000
}

.rank-item .rank-item-sort img[data-v-f255a03d] {
    width: 20px;
    height: 20px
}

.rank-item .rank-item-sort span[data-v-f255a03d] {
    font-size: 14px;
    line-height: 22px;
    font-family: Inter-Medium
}

.rank-item .rank-item-avatar[data-v-f255a03d] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rank-item .rank-item-avatar-img[data-v-f255a03d] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.rank-item .rank-item-info[data-v-f255a03d] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 4px 0
}

.rank-item .rank-item-info h2[data-v-f255a03d] {
    max-width: 200px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium;
    cursor: pointer
}

.rank-item .rank-item-info img[data-v-f255a03d] {
    width: 18px;
    height: 18px
}

.rank-item .rank-item-info span[data-v-f255a03d] {
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 14px;
    background-color: #caff04;
    font-family: Inter-Medium;
    margin-left: auto
}

.rank-item .rank-item-content[data-v-f255a03d] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px
}

.rank-item .rank-item-content-news[data-v-f255a03d] {
    width: 100%;
    min-height: 58px;
    height: fit-content;
    padding: 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light;
    cursor: pointer;
    background: #f9faf5
}

.rank-item .rank-item-content-time[data-v-f255a03d] {
    font-size: 12px;
    color: #666;
    font-family: Inter-Light
}

.rank-item .rank-item-wrap[data-v-f255a03d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0 12px
}

.rank-item .rank-item-wrap a[data-v-f255a03d] {
    display: flex;
    align-items: center;
    gap: 4px
}

.rank-item .rank-item-avatar-connect[data-v-f255a03d] {
    position: relative;
    display: flex
}

.rank-item .rank-item-chain[data-v-f255a03d] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.rank-item .rank-item-wrap-avatar[data-v-f255a03d] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.rank-item .rank-item-wrap-text h3[data-v-f255a03d] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.rank-item .rank-item-wrap-text span[data-v-f255a03d] {
    font-size: 12px;
    font-family: Inter-Medium
}

.rank-item .rank-item-wrap-range[data-v-f255a03d] {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: #caff04;
    border-radius: 30px
}

.rank-item .rank-item-wrap-range-down[data-v-f255a03d] {
    background: #dbc4ff
}

.rank-item .rank-item-wrap-range img[data-v-f255a03d] {
    width: 12px;
    height: 12px;
    border: none
}

.rank-item .rank-item-wrap-range p[data-v-f255a03d] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Bold
}

.rank-item .rank-item-line[data-v-f255a03d] {
    width: 100%;
    height: 100px
}

.kolRank-share-img[data-v-f255a03d] {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #fffff7
}

.ranking-box[data-v-82568c11] {
    width: 100%
}

.title-connect[data-v-82568c11] {
    padding: 0 16px
}

.ranking-content[data-v-82568c11] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding-left: 16px
}

.community-item[data-v-4f222f7a] {
    position: relative;
    padding: 40px 12px 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.community-item-banner[data-v-4f222f7a] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 58px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #000
}

.community-item-banner img[data-v-4f222f7a] {
    width: 100%;
    margin-top: -40px
}

.community-item-banner-default[data-v-4f222f7a] {
    width: 100%;
    height: 100%!important;
    margin-top: 0!important
}

.community-item-avatar[data-v-4f222f7a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.community-item-avatar-img[data-v-4f222f7a] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.community-item-info[data-v-4f222f7a] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0
}

.community-item-info h2[data-v-4f222f7a] {
    max-width: 120px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium;
    cursor: pointer
}

.community-item-info img[data-v-4f222f7a] {
    width: 14px;
    height: 14px
}

.community-item-display[data-v-4f222f7a] {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 14px
}

.community-item-content[data-v-4f222f7a] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.community-item-content-news[data-v-4f222f7a] {
    width: 100%;
    height: 58px;
    padding: 6px 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light;
    cursor: pointer;
    background: #f9faf5
}

.community-follows[data-v-4f222f7a] {
    display: flex;
    gap: 16px;
    padding: 6px 0 12px;
    border-bottom: 1px solid #f6f7f1
}

.community-follows-item[data-v-4f222f7a] {
    display: flex;
    align-items: center;
    gap: 4px
}

.community-follows-item>img[data-v-4f222f7a] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #caff04
}

.community-follows-item>span[data-v-4f222f7a] {
    font-size: 12px;
    line-height: 14px
}

.community-follows-item>h4[data-v-4f222f7a] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.community-token-title[data-v-4f222f7a] {
    font-size: 12px;
    line-height: 14px;
    margin: 12px 0 8px
}

.community-token-list[data-v-4f222f7a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d4d4cb
}

.community-token-list-view[data-v-4f222f7a] {
    justify-content: flex-start!important;
    gap: 62px
}

.community-token-item[data-v-4f222f7a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.community-token-item-connect[data-v-4f222f7a] {
    position: relative;
    display: flex
}

.community-token-item-avatar[data-v-4f222f7a] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.community-token-item-chain[data-v-4f222f7a] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px
}

.community-token-item-info[data-v-4f222f7a] {
    display: flex;
    flex-direction: column
}

.community-token-item-info>h4[data-v-4f222f7a] {
    max-width: 100px;
    margin: 4px 0 2px;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.community-token-item-range[data-v-4f222f7a] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 2px 8px;
    background: #caff04;
    border-radius: 10px
}

.range-down[data-v-4f222f7a] {
    background: #dbc4fe!important
}

.community-token-item-range>img[data-v-4f222f7a] {
    width: 12px;
    height: 12px
}

.community-token-item-range>span[data-v-4f222f7a] {
    font-size: 12px;
    line-height: 14px
}

.community-tg-connect-box[data-v-4f222f7a] {
    display: flex;
    align-items: center
}

.community-tg-connect[data-v-4f222f7a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.community-tg-connect>img[data-v-4f222f7a] {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 2px solid #000
}

.community-tg-info[data-v-4f222f7a] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.community-tg-info h4[data-v-4f222f7a] {
    max-width: 180px;
    font-size: 14px;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Inter-Medium
}

.community-tg-info-list[data-v-4f222f7a] {
    display: flex;
    align-items: center;
    gap: 16px
}

.community-tg-info-item[data-v-4f222f7a] {
    display: flex;
    align-items: center;
    gap: 2px
}

.community-tg-info-item span[data-v-4f222f7a] {
    font-size: 12px;
    line-height: 14px
}

.community-tg-info-item p[data-v-4f222f7a] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.community-tg-btn-connect[data-v-4f222f7a] {
    position: relative;
    width: 100%;
    height: 38px;
    margin-top: 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.community-tg-btn[data-v-4f222f7a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    gap: 4px;
    padding: 8px 24px;
    border-radius: 8px;
    background: #000;
    cursor: pointer;
    transform: translate(-2px,-6px)
}

.community-tg-btn>span[data-v-4f222f7a] {
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.community-tg-btn>p[data-v-4f222f7a] {
    font-size: 16px;
    color: #fff
}

.title-connect[data-v-1a2aaa51] {
    padding: 0 16px
}

.community-content[data-v-1a2aaa51] {
    padding-left: 16px
}

.rank-item-container[data-v-1a2aaa51] {
    position: relative;
    flex: 1 1 30%;
    max-width: 412px;
    height: 100%
}

.charts[data-v-94531f9c] {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.activity-item[data-v-6b69babd] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #000;
    background: #fff
}

.activity-item .item-letter[data-v-6b69babd] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.activity-item .letter-info[data-v-6b69babd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.activity-item .letter-info a[data-v-6b69babd] {
    display: flex;
    align-items: center;
    gap: 8px
}

.activity-item .letter-info h2[data-v-6b69babd] {
    max-width: 80px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    font-family: Inter-Medium;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity-item .letter-info-connect[data-v-6b69babd] {
    position: relative;
    display: flex
}

.activity-item .letter-info-chain[data-v-6b69babd] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.activity-item .letter-info-avatar[data-v-6b69babd] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.activity-item .letter-info-time[data-v-6b69babd] {
    margin-left: auto;
    font-size: 14px;
    color: #706d70;
    font-family: Inter-Light
}

.activity-item .letter-info-range[data-v-6b69babd] {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: #caff04;
    border-radius: 30px
}

.activity-item .letter-info-range-down[data-v-6b69babd] {
    background: #dbc4ff
}

.activity-item .letter-info-range img[data-v-6b69babd] {
    width: 12px;
    height: 12px
}

.activity-item .letter-info-range span[data-v-6b69babd] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Bold
}

.activity-item .letter-line[data-v-6b69babd] {
    width: 100%;
    height: 72px;
    margin-bottom: 12px
}

.activity-item .item-info-top[data-v-6b69babd] {
    display: flex;
    align-items: center;
    width: 100%
}

.activity-item .item-info-avatar[data-v-6b69babd] {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 50%;
    border: 2px solid #000
}

.activity-item .item-info-address[data-v-6b69babd] {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium;
    cursor: pointer
}

.activity-item .item-info-connect[data-v-6b69babd] {
    position: relative;
    display: flex;
    align-items: center;
    height: 38px;
    padding: 6px 0 0 24px
}

.activity-item .item-info-connect[data-v-6b69babd]:after {
    position: absolute;
    left: 4px;
    top: -1px;
    content: "";
    width: 18px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAEQCAYAAADxmykQAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARfSURBVHgB7d2NTRRBGIDhD2MBWIHbAXQAHUAH0oF0gB1YgiVgB2gHWgF2gB2sO8JEct6xP+/ssj/vm3whwAVmHmazHCG5o5i+uuXzR7GQ3oQNTjyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKB5oj3PhbSHPHexUKaI95JLKQ54p3GQhJvYdUt89DMcSygOZ68BOfpO1DdYW7D9tYFbxGX7lyfYSS4j2H/VcdKTt+cn9t6+vZUx4pO39TVPcc777PqAXMd9rcheOny9RfnGIaX5r6ZKjZeHQIOrg4BB1eHgIPrcnPoehPZ3F24DeU8uuHl+RIbOoVtGKnr6I6XL+NPsYG64KVuoh9gRvwQKz6JXfFSfU/g7uV8GSM+Nz6K6atbPr+7pgSQIAjCt2Z+NPO9md/N/HqaxdXn5OWqeLwk65nN5A1dUDp5n2P4RjeNl7uI+ZzCySu1oJt4fcTJK7mgKl4XcfLGWtBVM3cRxWA2hZerYiLIJfyeRzuLx79CV09vj5+mCtgW8EbL/0kGiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDyQeCDxQOKBxAOJBxIPJB5IPJB4IPFA4oHEA4kHEg8kHkg8kHgg8UDigcQDiQcSDyQeSDzQ2z0fSy9Tn16yPr2E/c9mvsZyS3u5bOZ9TLCXqpn7Zupnk94/jXLVLVOqtOZ9e6lipHa/WZ6HKAc4BV5a68OBr5/2eByFu4yXN1UKcGy8l+DynEeBnt8wTloem35ad1H2Ei5dWltaY9vJOovCXUX7qShxAsc6eV1OXJ6LKFz6ad3H+IBj4PWBu4+R6rOIoYCl8aZY82wWUxJvVnBTLKoU3izhxl5cCbxZw425SIq3CLhc6cUSvEXB5UoueijeIuFypRY/BG/RcLkSm+iLtwq4HN1MH7xVweXIprrirRIuN3RzXfBWDZcbssm2x20CLtd3syUeswq4XB/AErMauNxUgKuDy40NuFq43FiAq4fLlQbcDFyuFODm4HIUcLNwuaGAm4fL9QUUbqeugMIdqA1QuJYOAQrXsaqZ2/iHdhcj/t/cWP0Bf2YoA9LeCWsAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.activity-item .item-info-connect p[data-v-6b69babd] {
    font-size: 12px;
    line-height: 14px
}

.activity-item .item-info-connect-tag[data-v-6b69babd] {
    height: fit-content;
    margin-right: 4px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap
}

.activity-item .tag-buy[data-v-6b69babd] {
    background-color: #e0ff6b
}

.activity-item .tag-sell[data-v-6b69babd] {
    background-color: #dbc4ff
}

.activity-item .item-info-token[data-v-6b69babd] {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed #f6f7f1
}

.activity-item .item-info-token-connect[data-v-6b69babd] {
    position: relative;
    display: flex;
    margin-right: 4px
}

.activity-item .item-info-token-avatar[data-v-6b69babd] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 50%;
    border: 2px solid #000000
}

.activity-item .item-info-token-chain[data-v-6b69babd] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.activity-item .item-info-token h4[data-v-6b69babd] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.activity-item .item-info-token-time[data-v-6b69babd] {
    margin-left: auto;
    font-size: 10px;
    color: #666;
    line-height: 12px;
    font-family: Inter-Light
}

.activity-item .item-info-container[data-v-6b69babd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 12px
}

.activity-item .item-info-container-text[data-v-6b69babd] {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 14px
}

.activity-item .item-info-container-text span[data-v-6b69babd] {
    position: relative;
    z-index: 1;
    margin-left: 2px;
    font-family: Inter-Medium
}

.activity-item .item-info-container-text span[data-v-6b69babd]:after {
    position: absolute;
    z-index: -2;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 10px;
    background-color: #caff04
}

.activity-item .item-info-container-value[data-v-6b69babd] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: fit-content;
    border-radius: 14px
}

.activity-item .item-info-container-value[data-v-6b69babd]:after {
    position: absolute;
    z-index: -2;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 10px
}

.activity-item .randow-nth1[data-v-6b69babd]:after {
    background: #caff04
}

.activity-item .randow-nth2[data-v-6b69babd]:after {
    background: #dbc4ff
}

.activity-item .item-info-container-value span[data-v-6b69babd] {
    margin: 0 2px;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.activity-item .item-info-container-value p[data-v-6b69babd] {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.activity-item .item-info-container-value p[data-v-6b69babd]:after {
    position: absolute;
    z-index: -2;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 10px
}

.activity-box[data-v-eae38804] {
    width: 100%
}

.activity-content[data-v-eae38804] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding-left: 16px
}

.title-connect[data-v-eae38804] {
    padding: 0 16px
}

.activity-avatar-list[data-v-eae38804] {
    display: flex;
    gap: 10px;
    padding: 0 16px;
    margin-bottom: 8px
}

.swiper[data-v-eae38804] {
    padding-right: 16px
}

.items[data-v-720167cf] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    border: 2px solid #000;
    border-radius: 8px;
    background: #fff
}

.items .items-info[data-v-720167cf] {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 2px dashed #000
}

.items .items-info-connect[data-v-720167cf] {
    position: relative;
    display: flex;
    margin-right: 4px
}

.items .items-info-chain[data-v-720167cf] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.items .items-info-avatar[data-v-720167cf] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #000
}

.items .items-info-address[data-v-720167cf] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.items .items-info-x[data-v-720167cf] {
    margin-left: auto;
    padding: 6px 12px;
    font-size: 14px;
    background: #caff04;
    border-radius: 16px;
    font-family: Inter-Medium
}

.items .items-info-like[data-v-720167cf] {
    width: 24px;
    height: 24px;
    margin-left: auto;
    cursor: pointer
}

.items .items-container[data-v-720167cf] {
    display: flex;
    align-items: center;
    height: 20px;
    margin: 12px 0;
    padding-left: 6px
}

.items .items-container-img[data-v-720167cf] {
    display: flex;
    width: 24px;
    height: 24px;
    font-size: 12px;
    margin-left: -4px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
    background-color: #fff
}

.items .items-container-img[data-v-720167cf]:hover {
    position: relative;
    z-index: 2;
    transform: scale(1.2)
}

.items .max-avatar[data-v-720167cf] {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin-left: 4px;
    font-size: 14px;
    font-family: Inter-Medium;
    background: none!important
}

.items .max-avatar[data-v-720167cf]:hover {
    transform: unset
}

.items .items-progress[data-v-720167cf] {
    margin-bottom: 12px
}

.items .percentage-value[data-v-720167cf] {
    padding-top: 8px;
    line-height: 22px;
    font-size: 18px;
    font-family: Inter-Medium;
    color: #100b11
}

.items .percentage-label[data-v-720167cf] {
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.items .items-group[data-v-720167cf] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.items .items-group-first[data-v-720167cf] {
    margin-bottom: 8px
}

.items .items-group-text[data-v-720167cf] {
    font-size: 12px;
    line-height: 14px
}

.items .items-group-value[data-v-720167cf] {
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.items .items-group-pnl[data-v-720167cf]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.items .items-group-pnl-down[data-v-720167cf]:after {
    background: #dbc4ff
}

[data-v-02591ac6] .noData-box {
    gap: 12px;
    padding: 0
}

[data-v-02591ac6] .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-02591ac6] .noData-box span {
    font-size: 12px
}

.smart-box[data-v-02591ac6] {
    width: 100%
}

.smart-content[data-v-02591ac6] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding-left: 16px
}

.no-data[data-v-02591ac6] {
    width: 100%
}

.title-connect[data-v-02591ac6] {
    padding: 0 16px
}

.swiper[data-v-02591ac6] {
    padding-right: 16px
}

.ovar-doughnut[data-v-d8f8b1b1] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 16px 12px
}

.doughnut-info[data-v-d8f8b1b1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.doughnut-info h1[data-v-d8f8b1b1] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.charts[data-v-d8f8b1b1] {
    width: 120px;
    height: 120px
}

.connect-list[data-v-d8f8b1b1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 16px;
    height: 134px;
    overflow: hidden;
    transition: all .5s
}

.unfold[data-v-d8f8b1b1] {
    height: 330px!important
}

.over-list-view[data-v-d8f8b1b1] {
    position: absolute;
    bottom: 2px;
    left: calc(50% - 10px)
}

.over-list-view img[data-v-d8f8b1b1] {
    width: 20px;
    height: 20px
}

.connect-item[data-v-d8f8b1b1] {
    display: flex;
    align-items: center;
    padding: 8px 0
}

.connect-item-color[data-v-d8f8b1b1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 12px
}

.connect-item-text[data-v-d8f8b1b1] {
    font-size: 14px;
    line-height: 16px
}

.connect-item-value[data-v-d8f8b1b1] {
    margin-left: auto;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.over-box[data-v-1cc565a0] {
    width: 100%;
    padding: 0 16px
}

.column-title[data-v-1cc565a0] {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold
}

.over-content[data-v-1cc565a0] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.over-content-left[data-v-1cc565a0] {
    width: 100%;
    border: 2px solid #000;
    border-radius: 8px
}

.over-content-right[data-v-1cc565a0] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 16px 0;
    border: 2px solid #000;
    border-radius: 8px
}

.over-content-right-title[data-v-1cc565a0] {
    padding-left: 20px;
    font-size: 20px;
    line-height: 22px;
    font-family: Inter-Bold
}

.over-list[data-v-1cc565a0] {
    display: flex;
    flex-direction: column;
    height: 186px;
    overflow: hidden;
    transition: all .5s
}

.unfold[data-v-1cc565a0] {
    height: 400px!important
}

.over-list-view[data-v-1cc565a0] {
    position: absolute;
    bottom: 2px;
    left: calc(50% - 10px)
}

.over-list-view img[data-v-1cc565a0] {
    width: 20px;
    height: 20px
}

.over-item[data-v-1cc565a0] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer
}

.over-item-sort[data-v-1cc565a0] {
    display: flex;
    justify-content: center;
    width: 20px;
    font-size: 12px;
    margin-right: 4px;
    font-family: Inter-Light
}

.over-item-sort img[data-v-1cc565a0] {
    width: 20px;
    height: 20px
}

.over-item-connect[data-v-1cc565a0] {
    position: relative;
    display: flex
}

.over-item-chain[data-v-1cc565a0] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.over-item-avatar[data-v-1cc565a0] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 50%;
    border: 2px solid #000
}

.over-item-container[data-v-1cc565a0] {
    flex: 1;
    margin-left: 6px
}

.container-wrap[data-v-1cc565a0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px
}

.container-wrap-name[data-v-1cc565a0] {
    font-size: 14px;
    color: #000;
    line-height: 16px
}

.container-wrap-range[data-v-1cc565a0] {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    font-family: Inter-Medium
}

.index-box[data-v-d861251e] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px
}

.kol-connect-top[data-v-7f586043] {
    padding-left: 1rem
}

.kol-item-hover[data-v-7f586043] {
    padding-bottom: 10px;
    cursor: pointer
}

.kolcall-item-cur[data-v-7f586043] {
    padding-bottom: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAEaCAYAAAA8D80fAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAuRSURBVHgB7d0/bJzlHcDx39lVxdBIqboQlhwDEUMlnCBVZbKzUTVSzAZSK4xUqiBVShiQOhHDREUrwgQUqUm60ExJVFAVMcTuAq0EpEMXOuRYcDvVKAwINb6+j19fcJw7+/6aX+LPR3pqwt1BB/z149/73HuNGI/91Zqv1iPValZrZuPv7Q+Ae0drY13bWMsbf56IRgyvxPdUtWarNRcAe1MJ9ZmYQKyHCXQnzCfDDhlgs3PVeinGFOpBA70YwgywkxLpxRhRv4FuVuti1LNlAHbWqtbRGGE3PdXHcxaq9UmIM8AgmlG3cz6GtNMOerFap6MPB5qNmD3eiEMzjXh0LuJ7+xuxzyAEuEfcWI1YabWrFfHRUjuWL7fX/9ynoUYe2wV6MfqI87GFqTj2dCOOzI1yIATg7vPptXa8c6Yd751f6+fpA0e6V1XLlvziNq+rdsmNePHsdLVzDoA97fNWxNuLa/2EeqFa56NP013+XrNaf6nWfd1esK8aXfzqlan49RvTRhgAEestnJtvVKPdiH/+rR1ff9XzqXPVulCt1ehDtx309agjfYcyZ3714nQ1Zw4Auii76eeO3txuPl09o7/THVtPcSzGNnF+86o4A2zngWbEG1en15vZQ/WM/k53TG95Ude5cxlr/OED82aAfpSRR7lO9/6FnuOOMkJ+MuopxlKvf87mQL8WPc46l5nzY487pQHQrx/c34jvVhn+8Mq2R/HmYptId6rbjHr2fIdyjO7Fs/28nwWArU5U8+iPl3Y8L70QXU53NDY9eLbbqy5f/47RBsCQykXD+Qf/t9PTyqmOw7HlwmFna3yy2yvK7lmcAYZXLhr+9OkdpxDl0PId1wDLq5rRY/b81ElzZ4BRHVvoq6Wlw7e9e7sEeq7bM8sRkYdmBBpgVOVEx4GDffW03Gv/1lsAS6Af6fascuMjAMZjdr6vppY43xo5l0B3HW886uZHAGNzqP+JxK1ddGcGfYcHmgHAmJTbMPfp1i66Z6Dvb9pBA4xLuUf+AObK/5RXdD1B/ff2dwKA8flRY8fz0Jt931sEAXI6LtAAOc0INEBOTYEGyMkOGiCp/QINkJNAA2Ql0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0ABJCTRAUgINkJRAAyQl0AGQk0ADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSAg2QlEADJCXQAEkJNEBSJdCr3R64sRoAjMkwTe0Z6C9X2wHAeKy0Bm9qCfS1bg98tBQAjMnnrRhYCXSr2wOfXrODBhiXj5eG20H/o9sDy5cFGmBcli+vxaBKoC91e6DMSz5aEmmAUZWJxEorBta5SLjU7cH3zg9efABu986Z4VraOQe91O3Bd8+1h7ryCEDt86qh750fqqOtTqBfjx7H7V56xi4aYFhvLw7d0Nb0xl98Va37qjW39RkrrYh9+yN++ONGANC/Mtr442+GnkJc2lzdKsNxfePrbUqg37g6HYdmRBqgH2W08fPDN0d5V/bC5ntxlH/MmW7PKv+CF564aR4N0IcS5+eO3hz1lhnL3bbEn1RrptuzDzQj3qx20geadtIA3ZQjdfWGNkZR3uF9uNvd7J6IHhcMy7/wZ9WW/U9nXDgE2KrMnMvOeaUVo1qfZkx3eaDE+T/Vmu/2qq+ry4kfXGnHymft9Zn0vv1208DeVkYaL8yvxcW32uuNHIPnq7W6XV1PV2sxdnBsoRFPnpxyARHYc8q7rd89tzbsOedezlXrmfIXO1W1r0gXZT49e7wRR+am4oFm/We7a+BecWO1HV+u1nf6/PTaWixfivVJwgQ8GBs3seunoGXUcTa6HL9j7zhwsLHxQzfWf1s6Mteovu7dH8L1vWrqb9SVVvka8eUXbR90wagWq/VS5w/9fnc1q3V14yvccmS2sT7menSucc+f7im/zi5fqn+dFWImoBX17vmWQb6jmlEfwbOTpqsy4nry1NR6rO8V5dfad86048Lra6LMJJX/ug7HlvvzD/qdtBD1uAN6KrvqZxfv7lALM7usHG++49bP0zGYzsdjzQX0sPJZrI8B7tajmGWUcfInN+Ovl8d2ZAq2s1itt7o9MGigi+WNr3MB2ygXzson83QuLGZXds2vnGjHa8+vrV+th12wGJsuCm41TKCLEunyUVmPR30XPOiqhK5E+sYXEY89njfS5e255R1gHy+73wy7omwBTkR9q+eeRv2OaYbTHfTpoWoX/duLU+lOe5Q3GpRds1kzu6SMisvMubXTE6diNK2oj4UsBuzgX9Uu9cTRXHdF/P3iWrz8jDizK8p/ZYvR5bRGL8OOOLYqI4/zUR/BmwnooYw8ygXEgw83ovnwt7eT7sybyykNmLAS5leq9VS1rgzywnEFuvN/4nLUoS7z6Wa17g/YopyMeP9CO8o++ts4ildubFNOaXx4xbyZiVqK+r4anTAPfCZo0t8dzahPezwS9c66GebVbFLe2PLs6an1kx67YUz36oXNVjdWmS23Nr5ejh63bR6EuxkxqoNR/9AtP4Dn4psfxH3brQ+CKPfqLRcDd8FS1N+kZZXfJv9brc8CBiTQTMJs1O86nYs+Y10i/erFyX3u5e9OrU163rwU9TvByojPJUfGQqCZtIWob1vb7OfJv6jGHb9cHPVw0TfKvPnlhbVJnm9eivrK/HLAmAk0u6FMmE/GAPcWf/Hs9EgXEHfhXhqtqH/4CDMTI9DspmYM8Mamzq1MZ+f7v59HOWP953MTv8nRmajfnmuUwUQJNLut7KbLHRHnB3lRiXX5gIBDM1PrO+yOEuF/V1EupzPKDfQn9AkXHSXIp6KeMwPcs8pcun0XrevhTVjAHlJ2o+UIWvY4lw+qaAbAHtOMeneaNc6vhU8RAvawZtS71GxxPhkArCu71QxhLmOX2QDgNqfj243z9TBvBuipHMErodztOF8N82aAHTWjDuZuhLmMNMybAQa0EJPdTV8NIw2AkSzEeENdwjwbAIzN8ajfKj7MG1xKlE+HOTN3Cffi4G42s7HKJ/Y04/bwbv2Ui+VwcyPuMv8H8N2ZvQsEnawAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-item-cur .kol-item[data-v-7f586043] {
    background: none;
    border: none
}

.kolcall-item-cur .kol-item-name h2[data-v-7f586043] {
    font-family: Inter-Medium
}

.kol-item[data-v-7f586043] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 12px 10px;
    border-radius: 8px;
    border: 2px solid var(--theme-color)
}

.kol-item-connect[data-v-7f586043] {
    position: relative;
    display: flex
}

.kol-item-avatar[data-v-7f586043] {
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.kol-item-chain[data-v-7f586043] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.kol-item-name[data-v-7f586043] {
    display: flex;
    align-items: center;
    gap: 2px
}

.kol-item-name h2[data-v-7f586043] {
    max-width: 80px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.kol-item-call[data-v-7f586043] {
    font-size: 12px;
    color: #100b11;
    line-height: 14px
}

.kol-connect-content[data-v-7f586043] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    margin-top: 8px;
    background-color: #e0ff6b;
    border-radius: 16px
}

.kolRank-connect[data-v-0964d551],.kolRank-connect[data-v-a92d2f1b] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0 16px;
    width: 100%
}

.community-item[data-v-a92d2f1b] {
    width: 100%
}

.kolcall-box[data-v-e2a582bb] {
    position: relative;
    width: 100%;
    padding-bottom: 20px
}

.kol-content[data-v-e2a582bb] {
    width: 100%
}

.kol-header-filter[data-v-e2a582bb] {
    position: absolute;
    top: 12px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 6px
}

.kol-header-filter img[data-v-e2a582bb] {
    width: 14px;
    height: 14px;
    cursor: pointer
}

.kol-header-filter span[data-v-e2a582bb] {
    font-size: 12px;
    line-height: 16px
}

.kol-menu-list[data-v-e2a582bb] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    gap: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.kol-menu-item[data-v-e2a582bb] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 10px 0;
    cursor: pointer;
    position: relative
}

.kol-menu-item img[data-v-e2a582bb] {
    width: 20px;
    height: 20px
}

.kol-menu-item span[data-v-e2a582bb] {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 20px
}

.kol-menu-item span[data-v-e2a582bb]:after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    background: #caff04
}

.kol-menu-cur span[data-v-e2a582bb]:after {
    height: 10px
}

.kol-menu-cur span[data-v-e2a582bb] {
    font-family: Inter-Medium
}

[data-v-81088dd3] .noData-box {
    gap: 12px;
    padding: 0
}

[data-v-81088dd3] .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-81088dd3] .noData-box span {
    font-size: 12px
}

[data-v-81088dd3] .el-progress__text {
    min-width: 30px
}

.el-progress[data-v-81088dd3] {
    z-index: -1
}

table[data-v-81088dd3] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

thead tr th[data-v-81088dd3] {
    text-align: left;
    font-size: 12px;
    color: #000;
    line-height: 14px;
    border-bottom: 2px solid #d4d4cf;
    background: #f2f2e9!important
}

tr[data-v-81088dd3] {
    border-bottom: 1px solid #d4d4cf
}

th[data-v-81088dd3],td[data-v-81088dd3] {
    width: 90px;
    padding: 12px 16px
}

th[data-v-81088dd3]:nth-child(1),td[data-v-81088dd3]:nth-child(1) {
    width: 140px!important;
    background-color: #fff
}

th[data-v-81088dd3]:nth-child(2),td[data-v-81088dd3]:nth-child(2) {
    width: 112px!important
}

th[data-v-81088dd3]:nth-child(3),td[data-v-81088dd3]:nth-child(3) {
    width: 98px!important
}

th[data-v-81088dd3]:nth-child(7),td[data-v-81088dd3]:nth-child(7) {
    width: 62px!important
}

th[data-v-81088dd3]:nth-child(8),td[data-v-81088dd3]:nth-child(8) {
    width: 80px!important
}

th[data-v-81088dd3]:nth-child(9),td[data-v-81088dd3]:nth-child(9) {
    width: 110px!important
}

.table-td-collect[data-v-81088dd3] {
    padding: 12px 0 12px 10px;
    right: 48px;
    position: sticky;
    width: 26px;
    background-color: #fff
}

th[data-v-81088dd3]:first-child,td[data-v-81088dd3]:first-child {
    left: 0;
    position: sticky
}

th[data-v-81088dd3]:last-child,td[data-v-81088dd3]:last-child {
    right: 0;
    position: sticky;
    width: 48px;
    background-color: #fff
}

.refresh-connect[data-v-81088dd3] {
    display: flex;
    align-items: center
}

.refresh-img[data-v-81088dd3] {
    width: 14px;
    height: 14px
}

.table-info[data-v-81088dd3] {
    display: flex;
    align-items: center;
    gap: 8px
}

.table-info-avatar-connect[data-v-81088dd3] {
    position: relative;
    display: flex
}

.table-info-chain[data-v-81088dd3] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.table-info-avatar[data-v-81088dd3] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.table-info-connect[data-v-81088dd3] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.table-info-connect-title[data-v-81088dd3] {
    display: flex;
    align-items: center;
    gap: 2px
}

.table-info-connect-title h2[data-v-81088dd3] {
    max-width: 58px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font-family: Inter-Medium
}

.table-info-connect-danger[data-v-81088dd3] {
    width: 12px;
    height: 12px
}

.table-info-connect-imgs[data-v-81088dd3] {
    display: flex;
    align-items: center;
    gap: 4px
}

.table-info-connect-imgs img[data-v-81088dd3] {
    width: 12px;
    height: 12px
}

.table-wrap[data-v-81088dd3] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.table-wrap span[data-v-81088dd3] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.table-wrap-liq[data-v-81088dd3] {
    color: #666
}

.table-range[data-v-81088dd3] {
    display: flex;
    align-items: center
}

.table-range img[data-v-81088dd3] {
    width: 12px;
    height: 12px
}

.table-wrap-tx[data-v-81088dd3] {
    display: flex;
    align-items: center
}

.table-wrap-tx p[data-v-81088dd3] {
    font-size: 10px;
    margin: 0 2px
}

.table-audit[data-v-81088dd3] {
    display: flex;
    align-items: center;
    gap: 4px
}

.table-audit img[data-v-81088dd3] {
    width: 16px;
    height: 16px
}

.table-audit span[data-v-81088dd3] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.table-wrap-tax[data-v-81088dd3] {
    display: flex;
    align-items: center;
    gap: 2px
}

.table-wrap-time[data-v-81088dd3] {
    display: flex;
    align-items: center
}

.table-wrap-time span[data-v-81088dd3] {
    white-space: nowrap;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    font-weight: 500;
    font-family: Inter-Light
}

.table-wrap-time img[data-v-81088dd3] {
    width: 14px;
    height: 14px
}

.table-swap[data-v-81088dd3] {
    display: flex
}

.table-swap img[data-v-81088dd3] {
    width: 16px;
    height: 16px
}

.table-collect[data-v-81088dd3] {
    display: flex
}

.table-collect img[data-v-81088dd3] {
    width: 16px;
    height: 16px
}

.trend-box[data-v-a57cfbf8] {
    width: 100%;
    padding: 0 16px
}

.trend-content[data-v-a57cfbf8] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%
}

.trend-item[data-v-a57cfbf8] {
    flex: 1 1 48%
}

[data-v-60722e32] .el-progress-bar__outer {
    background: #f2305a!important
}

[data-v-60722e32] .el-progress-bar__inner {
    border-right: 2px solid #ffffff
}

.up-color[data-v-60722e32] {
    color: #0bb048
}

.down-color[data-v-60722e32] {
    color: #f2305a
}

.market-value[data-v-60722e32] {
    display: flex;
    flex-direction: column;
    margin: 16px 0;
    gap: 12px;
    padding: 0 12px 12px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border: 2px solid #000000;
    border-radius: 8px
}

.market-menu[data-v-60722e32] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #d4d4cb
}

.market-menu-item[data-v-60722e32] {
    position: relative;
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 20px 0 8px;
    background: #fff;
    cursor: pointer
}

.market-menu-item[data-v-60722e32]:after {
    position: absolute;
    content: "";
    height: 32px;
    right: 0;
    width: 1px;
    background: #d4d4cb
}

.market-menu-item[data-v-60722e32]:last-child:after {
    display: none
}

.market-menu-cur[data-v-60722e32] {
    padding: 8px 0;
    transform: translate(-8px,-8px);
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000
}

.market-menu-item p[data-v-60722e32] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.market-menu-item span[data-v-60722e32] {
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    font-family: Inter-Medium
}

.market-menu-cur p[data-v-60722e32] {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.market-menu-cur p[data-v-60722e32]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-menu-cur span[data-v-60722e32] {
    font-family: Inter-Medium
}

.market-value-content[data-v-60722e32] {
    display: flex
}

.market-wrap-box[data-v-60722e32] {
    display: flex;
    flex-direction: column;
    width: 82px;
    gap: 16px;
    border-right: 1px solid #f6f7f1
}

.market-wrap-item[data-v-60722e32] {
    display: flex;
    flex-direction: column
}

.market-wrap-item span[data-v-60722e32] {
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-wrap-item h6[data-v-60722e32] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-connect-box[data-v-60722e32] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    padding-left: 28px
}

.market-connect-text[data-v-60722e32] {
    display: flex;
    justify-content: space-between
}

.market-connect-value[data-v-60722e32] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px
}

.market-connect-text span[data-v-60722e32] {
    font-size: 12px;
    line-height: 14px;
    color: #70706d;
    font-family: Inter-Light
}

.market-connect-value span[data-v-60722e32] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.market-cap[data-v-17aa2ec1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border: 2px solid #000000;
    border-radius: 8px
}

.market-cap-title[data-v-17aa2ec1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-cap-title h4[data-v-17aa2ec1] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.market-cap-title h4[data-v-17aa2ec1]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-cap-title span[data-v-17aa2ec1] {
    font-size: 12px;
    line-height: 14px
}

.charts[data-v-17aa2ec1] {
    flex: 1
}

.market-holder[data-v-1b9ab67f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border: 2px solid #000000;
    border-radius: 8px
}

.market-holder-title[data-v-1b9ab67f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.market-holder-title h4[data-v-1b9ab67f] {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold
}

.market-holder-title h4[data-v-1b9ab67f]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    background: #caff04
}

.market-holder-title span[data-v-1b9ab67f] {
    font-size: 12px;
    line-height: 14px
}

.charts[data-v-1b9ab67f] {
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pick-info[data-v-1a97318a] {
    display: flex;
    flex-direction: column
}

.pick-info-times[data-v-1a97318a] {
    display: flex;
    gap: 4px;
    margin-bottom: 6px
}

.pick-info-times-item[data-v-1a97318a] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px 12px;
    background: #ffffff80;
    border-radius: 16px
}

.pick-info-times-item span[data-v-1a97318a] {
    font-size: 12px;
    line-height: 14px
}

.pick-info-times-item img[data-v-1a97318a] {
    width: 14px;
    height: 14px
}

.pick-info-centent[data-v-1a97318a] {
    position: relative;
    z-index: 1;
    padding: 32px 12px 12px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    overflow: hidden
}

.pick-info-banner[data-v-1a97318a] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #000000;
    overflow: hidden
}

.pick-info-banner-img[data-v-1a97318a] {
    width: 100%;
    min-height: 60px;
    object-fit: cover
}

.pick-info-avatar-connect[data-v-1a97318a] {
    position: relative;
    display: flex;
    width: fit-content
}

.pick-info-avatar[data-v-1a97318a] {
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
    border: 2px solid #000
}

.pick-info-chain[data-v-1a97318a] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px
}

.pick-tokenInfo[data-v-1a97318a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pick-tokenInfo h2[data-v-1a97318a] {
    max-width: 146px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Inter-Medium
}

.pick-tokenInfo-price[data-v-1a97318a] {
    padding: 5px 12px;
    border-radius: 30px;
    background: #caff04
}

.pick-tokenInfo-price span[data-v-1a97318a] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.pick-pair[data-v-1a97318a] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0 8px
}

.pick-pair-info[data-v-1a97318a] {
    display: flex;
    align-items: center
}

.pick-pair-info p[data-v-1a97318a] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pick-pair-info span[data-v-1a97318a] {
    font-size: 12px;
    color: #70706d;
    line-height: 14px
}

.pick-pair-info img[data-v-1a97318a] {
    width: 14px;
    height: 14px
}

.pick-pair-time[data-v-1a97318a] {
    display: flex;
    align-items: center;
    gap: 2px
}

.pick-pair-time img[data-v-1a97318a] {
    width: 12px;
    height: 12px
}

.pick-pair-time span[data-v-1a97318a] {
    font-size: 12px;
    line-height: 14px
}

.pick-info-wrap[data-v-1a97318a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pick-info-website[data-v-1a97318a] {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 16px;
    padding-right: 12px;
    border-radius: 16px;
    border: 1px solid #000000;
    overflow: hidden;
    background: #f8ffde99
}

.pick-info-website>span[data-v-1a97318a] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f8ffde;
    font-size: 18px;
    color: #000;
    padding: 2px 8px 2px 12px;
    border-right: 1px solid #ccc;
    font-family: Inter-Medium
}

.pick-info-website img[data-v-1a97318a] {
    width: 14px;
    height: 14px
}

.pick-info-secure[data-v-1a97318a] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 48px;
    height: 24px;
    background: #f8ffde;
    border-radius: 16px;
    border: 1px solid #000000
}

.pick-info-secure img[data-v-1a97318a] {
    width: 16px;
    height: 16px
}

.pick-info-secure span[data-v-1a97318a] {
    width: 12px;
    height: 14px
}

.pick-info-line[data-v-1a97318a] {
    display: flex;
    gap: 16px;
    height: 90px
}

.item-connect-box[data-v-d7ebce73] {
    display: flex;
    flex-direction: column;
    padding: 12px
}

.item-connect-wrap[data-v-d7ebce73] {
    display: flex;
    align-items: center;
    gap: 4px
}

.item-connect-wrap-avatar[data-v-d7ebce73] {
    width: 30px;
    height: 30px;
    margin-right: 6px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.item-connect-wrap-icon[data-v-d7ebce73] {
    width: 14px;
    height: 14px
}

.item-connect-wrap h2[data-v-d7ebce73] {
    max-width: 150px;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.item-connect-news[data-v-d7ebce73] {
    height: 58px;
    padding: 2px 4px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 4px;
    background: #f9faf5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-family: Inter-Light
}

.item-connect-content[data-v-d7ebce73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0 32px
}

.item-connect-content>p[data-v-d7ebce73] {
    font-size: 10px;
    color: #666;
    font-family: Inter-Light
}

.item-connect-range[data-v-d7ebce73] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 30px;
    background: #caff04
}

.item-connect-range-down[data-v-d7ebce73] {
    background: #dbc4ff
}

.item-connect-range img[data-v-d7ebce73] {
    width: 12px;
    height: 12px
}

.item-connect-range span[data-v-d7ebce73] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.item-connect-line[data-v-d7ebce73] {
    width: 100%;
    height: 58px
}

.pick-social[data-v-76930398] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.pick-twiter[data-v-76930398] {
    display: flex;
    align-items: flex-end;
    padding: 12px;
    background: #fff;
    box-shadow: 2px 2px #000;
    border: 2px solid #000000;
    border-radius: 8px;
    overflow: hidden
}

.pick-twiter-content[data-v-76930398] {
    flex: 1
}

.pick-twiter-avatar[data-v-76930398] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 12px
}

.pick-twiter-avatar>img[data-v-76930398] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #000
}

.pick-twiter-name[data-v-76930398] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pick-twiter-name h2[data-v-76930398] {
    position: relative;
    z-index: 2;
    max-width: 100px;
    font-size: 18px;
    line-height: 22px;
    font-family: Inter-Bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pick-twiter-name h2[data-v-76930398]:after {
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.pick-twiter-name>img[data-v-76930398] {
    width: 12px;
    height: 12px
}

.pick-twiter-info[data-v-76930398] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.pick-twiter-info-item[data-v-76930398] {
    display: flex;
    align-items: center
}

.pick-twiter-info-item img[data-v-76930398] {
    width: 18px;
    height: 18px;
    border: 2px solid #caff04;
    border-radius: 50%
}

.pick-twiter-info-item span[data-v-76930398] {
    margin: 0 4px;
    font-size: 12px;
    line-height: 14px
}

.pick-twiter-info-item p[data-v-76930398] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pick-twiter-followers[data-v-76930398] {
    padding-left: 20px;
    border-left: 1px solid #f6f7f1
}

.pick-twiter-followers-title[data-v-76930398] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.pick-twiter-followers-title h4[data-v-76930398] {
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pick-twiter-followers-title img[data-v-76930398] {
    width: 14px;
    height: 14px
}

.pick-twiter-followers-list[data-v-76930398] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 164px
}

.pick-twiter-followers-item[data-v-76930398] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.pick-twiter-followers-item img[data-v-76930398] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #000000
}

.pick-twiter-followers-info[data-v-76930398] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pick-twiter-followers-info span[data-v-76930398] {
    max-width: 76px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pick-twiter-followers-info p[data-v-76930398] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pick-kol[data-v-76930398] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    box-shadow: 2px 2px #000;
    border: 2px solid #000000;
    border-radius: 8px;
    overflow: hidden
}

.pick-kol-title[data-v-76930398] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px
}

.pick-kol-title h4[data-v-76930398] {
    position: relative;
    width: fit-content;
    font-size: 18px;
    line-height: 22px;
    z-index: 2;
    font-family: Inter-Bold
}

.pick-kol-title h4[data-v-76930398]:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 10px;
    background: #caff04
}

.pick-kol-title p[data-v-76930398] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.pick-kol-tokens[data-v-76930398] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 12px 12px;
    border-bottom: 2px solid #000
}

.pick-kol-title-noData[data-v-76930398] {
    padding-bottom: 0;
    border-bottom: none
}

.pick-kol-tokens-avatar[data-v-76930398] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer
}

.pick-kol-tokens-cur[data-v-76930398] {
    transform: scale(1.25);
    box-shadow: 1px 1px #000
}

.pick-kol-tokens-cur[data-v-76930398]:after {
    position: absolute;
    top: 26px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #000;
    background: #caff04
}

.pick-kol-tokens-avatar img[data-v-76930398] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.kolInfo-list[data-v-76930398] {
    display: flex;
    align-items: center;
    padding: 0 24px
}

.kolInfo-connect[data-v-76930398] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden
}

.kolInfo-connect-empt[data-v-76930398] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

[data-v-2b65b347] .noData-box {
    padding: 12px 0 0;
    gap: 8px
}

[data-v-2b65b347] .noData-box img {
    width: 84px;
    height: 66px
}

[data-v-2b65b347] .noData-box span {
    font-size: 14px
}

.up-color[data-v-2b65b347] {
    color: #0bb048
}

.down-color[data-v-2b65b347] {
    color: #f2305a
}

.market-cant[data-v-2b65b347] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 2px solid #000000;
    border-radius: 8px;
    overflow: hidden
}

table[data-v-2b65b347] {
    width: 100%;
    border-spacing: 0
}

thead[data-v-2b65b347] {
    padding: 0 12px;
    background: #f9faf5
}

thead[data-v-2b65b347],tbody[data-v-2b65b347] {
    display: table;
    width: 100%;
    table-layout: fixed
}

thead tr th[data-v-2b65b347] {
    text-align: left;
    font-size: 12px;
    color: #70706d!important;
    line-height: 14px;
    padding: 14px 0;
    font-family: Inter-Light
}

tbody[data-v-2b65b347] {
    width: 100%;
    padding: 0 12px
}

tbody tr td[data-v-2b65b347] {
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    padding: 12px 0;
    font-family: Inter-Medium;
    border-bottom: 1px solid #f6f7f1
}

thead tr th[data-v-2b65b347]:last-child {
    text-align: right
}

tbody tr td[data-v-2b65b347]:first-child,thead tr th[data-v-2b65b347]:first-child {
    width: 15%;
    padding-left: 4px;
    color: #666664;
    font-family: Inter-Light
}

tbody tr td[data-v-2b65b347]:nth-child(2),thead tr th[data-v-2b65b347]:nth-child(2) {
    width: 14%
}

tbody tr td[data-v-2b65b347]:nth-child(3),thead tr th[data-v-2b65b347]:nth-child(3) {
    width: 25%
}

tbody tr td[data-v-2b65b347]:nth-child(4),thead tr th[data-v-2b65b347]:nth-child(4) {
    width: 26%
}

.address[data-v-2b65b347] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    cursor: pointer;
    font-family: Roboto-Mono!important
}

.address>img[data-v-2b65b347] {
    width: 16px;
    height: 16px
}

.address[data-v-2b65b347]:after {
    content: "";
    width: 0;
    height: 1px;
    background: #666;
    position: absolute;
    top: 80%;
    right: 0%;
    transition: all .1s
}

.address[data-v-2b65b347]:hover:after {
    right: 0%;
    width: 50%
}

.pick-connect[data-v-373d9d26] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 12px
}

.pick-connect[data-v-373d9d26]:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    background: #dfff67
}

.pick-content[data-v-373d9d26] {
    position: relative;
    width: 100%;
    min-height: 600px;
    padding: 12px 16px;
    background-image: url(/assets/img_card_detialgreen_h5-DKgQk9Ik.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.pick-content-btn[data-v-373d9d26] {
    position: absolute;
    top: 16px;
    right: 12px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.pick-content-btn span[data-v-373d9d26] {
    font-size: 14px;
    line-height: 16px
}

.pick-content-btn img[data-v-373d9d26] {
    width: 16px;
    height: 16px
}

.pick-avatars-connect[data-v-373d9d26] {
    width: 100%;
    padding: 0 16px;
    margin: 8px 0
}

.pick-avatars-connect .swiper[data-v-373d9d26] {
    width: 100%
}

.pick-avatars-connect .swiper .swiper-slide[data-v-373d9d26] {
    display: flex
}

.pick-avatars[data-v-373d9d26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 16px;
    border: 1px solid #000;
    background: #f5ffd1;
    border-radius: 24px
}

.pick-avatars[data-v-373d9d26]::-webkit-scrollbar {
    display: none
}

.pick-avatars-img[data-v-373d9d26] {
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #000
}

.pick-avatars-active[data-v-373d9d26] {
    transform: scale(1.6)
}

.pick-content-list[data-v-373d9d26] {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
    background: #f8ffde;
    border-radius: 16px;
    margin-bottom: 16px
}

.pick-content-item[data-v-373d9d26] {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 16px
}

.pick-content-cur[data-v-373d9d26] {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #000000
}

.market-box[data-v-72dfc89b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex: 1;
    margin-top: 10px;
}

.market-connect-box[data-v-72dfc89b] {
    width: 100%;
    height: 100%
}

.market-menu[data-v-72dfc89b] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 10px;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto
}

.market-menu[data-v-72dfc89b]::-webkit-scrollbar {
    width: 0;
    opacity: 0;
    display: none
}

.market-menu-item[data-v-72dfc89b] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 6px
}

.market-menu-item img[data-v-72dfc89b] {
    width: 20px;
    height: 20px
}

.market-menu-item span[data-v-72dfc89b] {
    position: relative;
    font-size: 16px;
    line-height: 20px;
}

.market-menu-item span[data-v-72dfc89b]:after {
    position: absolute;
    content: "";
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #caff04
}

.market-menu-cur span[data-v-72dfc89b]:after {
    height: 10px
}

.table-container[data-v-72dfc89b] {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100vw
}

.table-container[data-v-72dfc89b]::-webkit-scrollbar {
    display: none
}

.list-enter-active[data-v-ae968f00],.list-leave-active[data-v-ae968f00] {
    transition: all .5s ease-in-out
}

.list-enter-from[data-v-ae968f00],.list-leave-to[data-v-ae968f00] {
    opacity: 0;
    transform: translate(-70px)
}

.list-leave-active[data-v-ae968f00] {
    position: absolute
}

.mcap-active-bac[data-v-ae968f00] {
    background: #9efffa
}

.pump-connect[data-v-ae968f00] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 16px 18px 16px 14px
}

.pump-item-connect[data-v-ae968f00] {
    width: 100%;
    margin-bottom: 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #ffc700
}

.pump-item[data-v-ae968f00] {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #fff
}

.pump-item[data-v-ae968f00]:after {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 8px;
    border: 2px solid #000000;
    bottom: -6px;
    right: -6px;
    background: #ffc700
}

.pump-info[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px
}

.pump-avatar-connect[data-v-ae968f00] {
    position: relative;
    display: flex;
    width: fit-content
}

.pump-avatar-connect-avatar[data-v-ae968f00] {
    width: 40px;
    height: 40px;
    margin-right: 1px;
    border-radius: 50%;
    border: 2px solid #000
}

.pump-avatar-connect-chain[data-v-ae968f00] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #000
}

.pupm-progress[data-v-ae968f00] {
    border-radius: 50%;
    border: 2px solid #000
}

[data-v-ae968f00] .pupm-progress .el-progress__text {
    display: flex;
    justify-content: center;
    align-items: center
}

[data-v-ae968f00] .pupm-progress .el-progress-circle__track {
    stroke: #fff
}

[data-v-ae968f00] .pupm-progress .el-progress-circle__path {
    stroke-linecap: square
}

.pump-info-right[data-v-ae968f00] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.pump-info-right-content[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-info-right-content>h4[data-v-ae968f00] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.pump-info-right-content>img[data-v-ae968f00] {
    width: 12px;
    height: 12px
}

.pump-info-right-content>p[data-v-ae968f00] {
    margin-left: auto;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium;
    background: #ebff9c
}

.pump-info-right-wrap[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-info-right-wrap img[data-v-ae968f00] {
    width: 12px;
    height: 12px
}

.pump-info-right-wrap span[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pump-info-right-wrap p[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Light
}

.pump-wrap[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid #f2f3f7;
    border-bottom: 1px solid #f2f3f7
}

.pump-wrap-links[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-wrap-links>img[data-v-ae968f00] {
    width: 12px;
    height: 12px
}

.pump-wrap-x[data-v-ae968f00] {
    margin-left: auto;
    text-decoration: underline;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer
}

.pump-wrap-connect[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 2px
}

.pump-wrap-connect img[data-v-ae968f00] {
    width: 12px;
    height: 12px
}

.pump-wrap-connect span[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px
}

.pump-token[data-v-ae968f00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    gap: 12px
}

.pump-token-wrap[data-v-ae968f00] {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.pump-token-wrap[data-v-ae968f00]:nth-child(2) {
    flex: 1;
    align-items: center;
    padding: 0 18px;
    border-right: 1px solid #f2f3f7;
    border-left: 1px solid #f2f3f7
}

.pump-token-wrap[data-v-ae968f00]:nth-child(3) {
    align-items: flex-end
}

.pump-token-wrap-connect[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-token-wrap-top img[data-v-ae968f00] {
    border-radius: 50%;
    border: 1px solid #000
}

.pump-token-wrap-top span[data-v-ae968f00] {
    position: relative;
    z-index: 1
}

.pump-token-wrap-top span[data-v-ae968f00]:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 4px;
    background: #caff04
}

.pump-token-wrap-connect span[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pump-token-wrap h6[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px
}

.pump-token-wrap img[data-v-ae968f00] {
    width: 16px;
    height: 16px
}

.pump-token-wrap-tokens[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-token-wrap-tokens-avatar[data-v-ae968f00] {
    display: flex;
    align-items: center
}

.pump-token-wrap-tokens-avatar img[data-v-ae968f00] {
    width: 16px;
    height: 16px;
    margin-left: -4px;
    border-radius: 50%;
    border: 1px solid #000000
}

.pump-token-wrap-tokens-avatar img[data-v-ae968f00]:first-child {
    margin-left: 0
}

.pump-token-wrap-tokens-avatar span[data-v-ae968f00] {
    margin-left: 4px;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pump-twiter[data-v-ae968f00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid #f2f3f7
}

.pump-twiter-wrap[data-v-ae968f00] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.pump-twiter-wrap[data-v-ae968f00]:nth-child(2) {
    align-items: flex-end
}

.pump-twiter-info[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.pump-twiter-info-avatar[data-v-ae968f00] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #000
}

.pump-twiter-info-icon[data-v-ae968f00] {
    width: 14px;
    height: 14px
}

.pump-twiter-info span[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pump-twiter-wrap p[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px
}

.pump-twiter-connet[data-v-ae968f00],.pump-twiter-connet-wrap[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-twiter-connet-wrap img[data-v-ae968f00] {
    width: 16px;
    height: 16px
}

.pump-twiter-connet-wrap span[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium;
    position: relative;
    z-index: 1
}

.pump-twiter-connet-wrap span[data-v-ae968f00]:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 4px;
    background: #caff04
}

.pump-twiter-connet-wrap p[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pump-twiter-followers[data-v-ae968f00] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding-right: 4px;
    border-radius: 24px;
    background: #f2f3f7
}

.pump-twiter-followers img[data-v-ae968f00] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #000
}

.pump-twiter-followers span[data-v-ae968f00] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.pump-news[data-v-ae968f00] {
    padding-top: 12px;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    border-top: 1px solid #f2f3f7
}

[data-v-69f522d2] .el-drawer {
    z-index: 9999;
    background: #fff;
    border-radius: 24px 24px 0 0;
    border-bottom: none
}

[data-v-69f522d2] .el-checkbox {
    margin-right: 0;
    justify-content: space-between;
    flex-direction: row-reverse
}

[data-v-69f522d2] .el-checkbox.el-checkbox--small {
    height: fit-content;
    padding: 10px 0;
}

[data-v-69f522d2] .el-checkbox.el-checkbox--small .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    border-radius: 4px
}

[data-v-69f522d2] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #caff04;
    border-color: #000
}

[data-v-69f522d2] .el-checkbox__input.is-checked .el-checkbox__inner:after {
    width: 3px;
    border-color: #000;
    border-width: 1.5px
}

[data-v-69f522d2] .el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px;
    padding-left: 0;
    margin-right: 20px;
}

.mobile-home-filter-item-ext span {
    font-size: 12px;
    padding-left: 0;
    margin-right: 20px;
}

[data-v-69f522d2] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #000
}

[data-v-69f522d2] .el-input__wrapper {
    border-radius: 6px!important
}

[data-v-69f522d2] .el-input__inner {
    height: 28px
}

.pump-box[data-v-69f522d2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex: 1
}

.pump-connect-box[data-v-69f522d2] {
    width: 100%;
    height: 100%
}

.pump-menu[data-v-69f522d2] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 10px;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto
}

.pump-menu[data-v-69f522d2]::-webkit-scrollbar {
    width: 0;
    opacity: 0;
    display: none
}

.pump-menu-item[data-v-69f522d2] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 6px
}

.pump-menu-item img[data-v-69f522d2] {
    width: 20px;
    height: 20px
}

.pump-menu-item span[data-v-69f522d2] {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Light
}

.pump-menu-item span[data-v-69f522d2]:after {
    position: absolute;
    content: "";
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #caff04
}

.pump-menu-cur span[data-v-69f522d2]:after {
    height: 10px
}

.el-dropdown[data-v-69f522d2] {
    margin-left: auto
}

.mobile-home-filter {
    position: fixed;
    z-index: 10;
    bottom: 20%;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-left: auto;
    width: 96px;
    height: 32px;
    background: #000;
    border-radius: 18px;
    border: 2px solid #000000;
    cursor: pointer
}

.mobile-home-filter>img[data-v-69f522d2] {
    width: 20px;
    height: 20px
}

.pump-filter-len[data-v-69f522d2] {
    display: flex;
    align-items: center;
    gap: 4px
}

.pump-filter-len span[data-v-69f522d2] {
    font-size: 14px;
    color: #fff
}

.pump-filter-len p[data-v-69f522d2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-size: 12px;
    background: #caff04;
    border-radius: 8px
}

[data-v-69f522d2] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-69f522d2] .el-popper__arrow:before {
    display: none!important
}

.el-checkbox-group[data-v-69f522d2] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
}

.pump-filter-list[data-v-69f522d2] {
    display: flex;
    flex-direction: column;
    padding: 8px
}

.pump-filter-wrap[data-v-69f522d2] {
    margin-top: 12px
}

.pump-filter-wrap h6[data-v-69f522d2] {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
}

.pump-filter-wrap-list[data-v-69f522d2] {
    display: flex;
    align-items: center;
    gap: 8px
}

.pump-filter-wrap-list span[data-v-69f522d2] {
    font-size: 12px;
}

.pump-filter-wrap-input[data-v-69f522d2] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1
}

[data-v-69f522d2] .el-input {
    width: 100%!important
}

[data-v-69f522d2] .el-input--small .el-input__wrapper {
    padding-right: 20px
}

[data-v-69f522d2] .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.pump-filter-wrap-input>span[data-v-69f522d2] {
    position: absolute;
    font-size: 12px;
    right: 6px;
    height: fit-content
}

.mobile-home-filter-buttons {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    margin-top: 18px
}

.mobile-home-filter-buttons button[data-v-69f522d2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    background: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transform: translate(-2px,-2px);
    box-shadow: 2px 2px #000;
    transition: all .2s
}

.mobile-home-filter-buttons button[data-v-69f522d2]:active {
    transform: translate(0);
    box-shadow: none
}

.mobile-home-filter-buttons button[data-v-69f522d2]:nth-child(2) {
    background: #fff;
    color: #000;
    border: 2px solid #000
}

[data-v-f4638374] .noData-box {
    gap: 12px;
    padding: 0
}

[data-v-f4638374] .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-f4638374] .noData-box span {
    font-size: 12px
}

.no-data[data-v-f4638374] {
    width: 100%
}

.smart-ranking[data-v-f4638374] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 16px
}

.smart-ranking-item[data-v-f4638374] {
    flex: 1 1 48%;
    width: 48%
}

.kol-connect-top[data-v-6a1bbebe] {
    padding-left: 1rem
}

.kol-item-hover[data-v-6a1bbebe] {
    cursor: pointer
}

.kolcall-item-cur[data-v-6a1bbebe] {
    padding-bottom: 10px;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.kolcall-item-cur .kol-item[data-v-6a1bbebe] {
    background: none;
    border: none
}

.kolcall-item-cur .kol-item-name h2[data-v-6a1bbebe] {
    font-family: Inter-Medium
}

.kol-item[data-v-6a1bbebe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 12px 10px;
    border-radius: 8px;
    border: 2px solid var(--theme-color)
}

.kol-item-connect[data-v-6a1bbebe] {
    position: relative;
    display: flex
}

.kol-item-avatar[data-v-6a1bbebe] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.kol-item-chain[data-v-6a1bbebe] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.kol-item-name[data-v-6a1bbebe] {
    display: flex;
    align-items: center;
    gap: 2px
}

.kol-item-name h2[data-v-6a1bbebe] {
    max-width: 80px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.kol-item-call[data-v-6a1bbebe] {
    font-size: 12px;
    color: #100b11;
    line-height: 14px
}

.kol-connect-content[data-v-6a1bbebe] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    margin-top: 8px;
    background-color: #e0ff6b;
    border-radius: 16px
}

.smart-box[data-v-40ea99df] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px
}

.smart-menu-list[data-v-40ea99df] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 0 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.smart-menu-item[data-v-40ea99df] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 10px 8px;
    cursor: pointer
}

.smart-menu-item img[data-v-40ea99df] {
    width: 20px;
    height: 20px
}

.smart-menu-item span[data-v-40ea99df] {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Light
}

.smart-menu-item span[data-v-40ea99df]:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 0
}

.smart-menu-cur span[data-v-40ea99df]:after {
    height: 10px;
    background: #caff04
}

.smart-menu-cur span[data-v-40ea99df] {
    font-family: Inter-Medium
}

.charts[data-v-3f10fa56] {
    width: 100%;
    height: 100%
}

.address-Overview-box[data-v-0641de57] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #000000
}

.address-tags-box[data-v-0641de57] {
    display: flex;
    align-items: center;
    gap: 8px
}

.address-tags-item[data-v-0641de57] {
    padding: 4px 12px;
    border-radius: 12px
}

.address-tags-item span[data-v-0641de57] {
    font-size: 12px
}

.address-tags-item[data-v-0641de57]:nth-child(1) {
    background-color: #c4e2ff
}

.address-tags-item[data-v-0641de57]:nth-child(2) {
    background-color: #e9fe99
}

.address-time-box[data-v-0641de57] {
    display: flex;
    align-items: center;
    gap: 8px
}

.address-time-connect[data-v-0641de57] {
    display: flex;
    padding: 5px 0;
    background: #f0f0eb;
    border-radius: 16px
}

.address-time-connect-item[data-v-0641de57] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 12px
}

.address-time-connect-item[data-v-0641de57]:first-child {
    border-right: 2px solid #ccccc4
}

.address-time-connect-item img[data-v-0641de57] {
    width: 16px;
    height: 16px
}

.address-time-connect-item span[data-v-0641de57] {
    font-size: 12px;
    line-height: 14px
}

.address-time-block[data-v-0641de57] {
    display: flex;
    align-items: center;
    gap: 4px
}

.address-time-block img[data-v-0641de57] {
    width: 26px;
    height: 26px
}

.address-twiter[data-v-0641de57] {
    display: flex;
    gap: 12px
}

.address-twiter-item[data-v-0641de57] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.address-twiter-item-text[data-v-0641de57] {
    font-size: 12px;
    line-height: 14px
}

.address-twiter-item-value[data-v-0641de57] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.address-line-connect[data-v-0641de57] {
    display: flex;
    align-items: center;
    gap: 4px
}

.address-line-connect-price span[data-v-0641de57] {
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold;
    font-weight: bolder
}

.address-line-connect-range[data-v-0641de57] {
    display: flex;
    align-items: center
}

.address-line-connect-range img[data-v-0641de57] {
    width: 16px;
    height: 16px
}

.address-line-connect-range span[data-v-0641de57] {
    font-size: 16px;
    line-height: 20px
}

.address-line-charts[data-v-0641de57] {
    height: 62px
}

.address-tokens-title[data-v-0641de57] {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 14px
}

.address-tokens-list[data-v-0641de57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px
}

.address-tokens-item[data-v-0641de57] {
    display: flex;
    align-items: center;
    gap: 4px
}

.address-tokens-item-connect[data-v-0641de57] {
    position: relative;
    width: fit-content;
    display: flex
}

.address-tokens-item-chain[data-v-0641de57] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.address-tokens-item-avatar[data-v-0641de57] {
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000000
}

.address-tokens-item h2[data-v-0641de57] {
    max-width: 60px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.address-tokens-item-range[data-v-0641de57] {
    display: flex;
    align-items: center
}

.address-tokens-item-range img[data-v-0641de57] {
    width: 12px;
    height: 12px
}

.address-tokens-item-range span[data-v-0641de57] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.address-header-wrap[data-v-c8771b43] {
    height: 312px;
    padding: 12px 0;
    background-image: url(/assets/address_img_line-BboQF_aM.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.address-header-wrap .address-header-wrap-title[data-v-c8771b43] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    width: fit-content
}

.address-header-wrap .address-header-wrap-container-title[data-v-c8771b43] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 12px
}

.address-header-wrap .address-header-wrap-container-title span[data-v-c8771b43] {
    font-size: 12px;
    color: #666;
    font-family: Inter-Light
}

.address-header-wrap .address-header-wrap-container[data-v-c8771b43] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 6px;
    gap: 4px;
    padding: 0 12px 12px
}

.address-header-wrap .address-header-wrap-container h2[data-v-c8771b43] {
    padding: 8px 16px;
    font-size: 24px;
    line-height: 28px;
    font-family: Inter-Bold;
    background: #caff04;
    border-radius: 30px
}

.address-header-wrap .address-header-wrap-container p[data-v-c8771b43] {
    font-size: 14px;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-wrap-beetweed[data-v-c8771b43] {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    min-height: 72px
}

.address-header-wrap .address-header-wrap-item[data-v-c8771b43] {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    padding: 0 12px
}

.address-header-wrap .address-header-meter[data-v-c8771b43] {
    display: flex;
    flex-direction: column;
    gap: 34px;
    flex: 1 1 50%
}

.address-header-wrap .address-header-meter-item[data-v-c8771b43] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px
}

.address-header-wrap .address-header-meter-price[data-v-c8771b43] {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-meter-price span[data-v-c8771b43] {
    font-size: 14px;
    margin: 0 4px
}

.address-header-wrap .address-header-wrap-info[data-v-c8771b43] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.address-header-wrap .address-header-wrap-group[data-v-c8771b43] {
    display: flex;
    align-items: center;
    gap: 4px
}

.address-header-wrap .address-header-wrap-group-text[data-v-c8771b43] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.address-header-wrap .address-header-wrap-group-value[data-v-c8771b43] {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 14px;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-wrap-group-value[data-v-c8771b43]:nth-child(1) {
    background: #c7fc00
}

.address-header-wrap .address-header-wrap-group-value-last[data-v-c8771b43] {
    background: #f0f0ec!important
}

.address-header-wrap .address-header-wrap-progress[data-v-c8771b43] {
    display: flex;
    justify-content: center;
    margin: 5px 0
}

.address-header-wrap .address-header-wrap-progress .win-value[data-v-c8771b43] {
    font-size: 18px;
    color: #000;
    font-family: Inter-Medium
}

.address-header-wrap .address-header-wrap-price[data-v-c8771b43] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

[data-v-322c41a5] .noData-box {
    gap: 12px;
    padding: 0
}

[data-v-322c41a5] .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-322c41a5] .noData-box span {
    font-size: 12px
}

.address-holding-box[data-v-322c41a5] {
    width: 100%
}

.address-holding-header[data-v-322c41a5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    margin-bottom: 12px
}

.address-holding-header-filter[data-v-322c41a5] {
    display: flex;
    align-items: center;
    gap: 6px
}

.address-holding-header-filter img[data-v-322c41a5] {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.address-holding-header-filter span[data-v-322c41a5] {
    font-size: 12px
}

.address-menu[data-v-322c41a5] {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 4px;
    border-radius: 8px;
    border: 2px solid #000000
}

.address-menu-item[data-v-322c41a5] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer
}

.address-menu-cur[data-v-322c41a5] {
    font-family: Inter-Bold;
    background: #caff04
}

.address-table-container[data-v-322c41a5] {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100vw
}

.address-table-container[data-v-322c41a5]::-webkit-scrollbar {
    display: none
}

table[data-v-322c41a5] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

thead tr th[data-v-322c41a5] {
    text-align: left;
    font-size: 12px;
    color: #000;
    line-height: 14px;
    border-bottom: 2px solid #d4d4cf;
    background: #f2f2e9
}

th[data-v-322c41a5],td[data-v-322c41a5] {
    padding: 12px;
    width: 90px;
    background-color: #fff;
    border-bottom: 1px solid #d4d4cf
}

th[data-v-322c41a5]:nth-child(1),td[data-v-322c41a5]:nth-child(1) {
    padding-left: 16px;
    width: 120px
}

th[data-v-322c41a5]:nth-child(9),td[data-v-322c41a5]:nth-child(9) {
    width: 52px
}

.tb-type[data-v-322c41a5] {
    width: 48px
}

.tb-price[data-v-322c41a5],.tb-time[data-v-322c41a5] {
    width: 110px
}

th[data-v-322c41a5]:first-child,td[data-v-322c41a5]:first-child {
    left: 0;
    position: sticky
}

.tb-right[data-v-322c41a5] {
    right: 0;
    position: sticky
}

.table-wrap[data-v-322c41a5] {
    display: flex;
    align-items: center;
    gap: 4px
}

.table-wrap h2[data-v-322c41a5] {
    max-width: 62px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Inter-Medium
}

.table-wrap-connect[data-v-322c41a5] {
    position: relative;
    display: flex
}

.table-wrap-connect-avatar[data-v-322c41a5] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 50%;
    border: 2px solid #000
}

.table-wrap-connect-chain[data-v-322c41a5] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.table-type img[data-v-322c41a5] {
    width: 16px;
    height: 16px
}

.table-wrap span[data-v-322c41a5] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.table-time[data-v-322c41a5] {
    display: flex;
    align-items: center
}

.table-time span[data-v-322c41a5] {
    font-size: 12px;
    color: #666;
    line-height: 14px
}

.table-time img[data-v-322c41a5] {
    width: 12px;
    height: 12px
}

.table-share img[data-v-322c41a5] {
    width: 20px;
    height: 20px
}

.table-buy-sell span[data-v-322c41a5] {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.table-buy-sell p[data-v-322c41a5] {
    font-size: 10px
}

.address-box[data-v-f8f0a6aa] {
    width: 100%;
    padding-bottom: 24px;
    height: fit-content;
    background-color: var(--theme-bac)
}

.address-pending[data-v-f8f0a6aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 4px;
    padding-top: 16px
}

.address-pending img[data-v-f8f0a6aa] {
    width: 32px;
    height: 32px
}

.address-pending span[data-v-f8f0a6aa] {
    font-size: 12px;
    line-height: 14px
}

.address-header[data-v-f8f0a6aa] {
    padding: 1rem 1rem 0;
    width: 100%;
    margin-bottom: 26px
}

.address-header-connect[data-v-f8f0a6aa] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 32px 12px 12px;
    border-radius: 8px;
    border: 2px solid var(--theme-color)
}

.header-connect-banner[data-v-f8f0a6aa] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 2px solid var(--theme-color)
}

.header-connect-banner img[data-v-f8f0a6aa] {
    width: 100%;
    height: 100%
}

.header-connect-info[data-v-f8f0a6aa] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-connect-info-connect[data-v-f8f0a6aa] {
    position: relative;
    display: flex;
    width: fit-content
}

.header-connect-info-connect-avatar[data-v-f8f0a6aa] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.header-connect-info-connect-chain[data-v-f8f0a6aa] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

.header-connect-info-share[data-v-f8f0a6aa] {
    width: 18px;
    height: 18px;
    background-color: var(--theme-bac)
}

.header-connect-address[data-v-f8f0a6aa] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 4px 0
}

.header-connect-address h2[data-v-f8f0a6aa] {
    font-size: 24px;
    line-height: 28px;
    color: var(--theme-color);
    font-family: Inter-Medium
}

.header-connect-address img[data-v-f8f0a6aa] {
    width: 20px;
    height: 20px
}

.header-connect-wrap[data-v-f8f0a6aa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-connect-wrap-h3[data-v-f8f0a6aa] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    margin-bottom: 8px;
    padding: 2px 4px;
    background: #f0f0eb;
    border-radius: 8px
}

.header-connect-wrap-h3 span[data-v-f8f0a6aa] {
    font-size: 12px;
    line-height: 14px
}

.header-connect-wrap-h3 img[data-v-f8f0a6aa] {
    width: 10px;
    height: 10px
}

.header-connect-wrap-x[data-v-f8f0a6aa] {
    display: flex;
    align-items: center;
    gap: 4px
}

.header-connect-wrap-x span[data-v-f8f0a6aa] {
    font-size: 12px;
    line-height: 14px
}

.header-connect-wrap-x p[data-v-f8f0a6aa] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 14px;
    background: #c7fc00;
    border-radius: 14px;
    font-family: Inter-Medium
}

.header-connect-wrap-collect[data-v-f8f0a6aa] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100px;
    height: 38px;
    background: var(--theme-color);
    border-radius: 8px
}

.header-connect-wrap-collect img[data-v-f8f0a6aa] {
    width: 18px;
    height: 18px;
    gap: 4px
}

.header-connect-wrap-collect span[data-v-f8f0a6aa] {
    font-size: 16px;
    color: #fff
}

.header-connect-wrap-cancell[data-v-f8f0a6aa] {
    background: #c7fc00
}

.header-connect-wrap-cancell span[data-v-f8f0a6aa] {
    color: #000
}

.address-header-menu[data-v-f8f0a6aa] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 24px 0 12px;
    padding: 4px;
    border-radius: 8px;
    border: 2px solid #000000
}

.address-header-menu-item[data-v-f8f0a6aa] {
    padding: 3px 16px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px
}

.address-header-menu-cur[data-v-f8f0a6aa] {
    background: #caff04;
    font-weight: bolder;
    font-family: Inter-Bold
}

[data-v-0e6b540e] .noData-box {
    gap: 12px;
    padding: 0
}

[data-v-0e6b540e] .noData-box img {
    width: 162px;
    height: 132px
}

[data-v-0e6b540e] .noData-box span {
    font-size: 12px
}

table[data-v-0e6b540e] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

thead tr th[data-v-0e6b540e] {
    text-align: left;
    font-size: 12px;
    color: #000;
    line-height: 14px;
    border-bottom: 2px solid #d4d4cf;
    background: #f2f2e9!important
}

th[data-v-0e6b540e],td[data-v-0e6b540e] {
    padding: 12px;
    width: 90px;
    background-color: #fffff7;
    border-bottom: 1px solid #d4d4cf
}

th[data-v-0e6b540e]:nth-child(1),td[data-v-0e6b540e]:nth-child(1) {
    padding-left: 16px;
    width: 120px
}

.tb-time[data-v-0e6b540e] {
    width: 110px!important
}

.tb-Holded[data-v-0e6b540e] {
    width: 120px!important
}

th[data-v-0e6b540e]:first-child,td[data-v-0e6b540e]:first-child {
    left: 0;
    position: sticky
}

th[data-v-0e6b540e]:last-child,td[data-v-0e6b540e]:last-child {
    right: 0;
    position: sticky;
    width: 40px;
    background-color: #fffff7
}

.table-holded-connect[data-v-0e6b540e],.table-holded[data-v-0e6b540e] {
    display: flex;
    align-items: center
}

.table-holded-imgs-avatar[data-v-0e6b540e] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #000;
    font-size: 10px;
    margin-left: -2px
}

.table-holded-text[data-v-0e6b540e] {
    font-size: 12px
}

.table-wrap[data-v-0e6b540e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.table-wrap h2[data-v-0e6b540e] {
    max-width: 62px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Inter-Medium
}

.table-wrap-connect[data-v-0e6b540e] {
    position: relative;
    display: flex
}

.table-wrap-connect-avatar[data-v-0e6b540e] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 50%;
    border: 2px solid #000
}

.table-wrap-connect-chain[data-v-0e6b540e] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.table-type img[data-v-0e6b540e] {
    width: 16px;
    height: 16px
}

.table-wrap span[data-v-0e6b540e] {
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.table-time[data-v-0e6b540e] {
    display: flex;
    align-items: center
}

.table-time span[data-v-0e6b540e] {
    font-size: 12px;
    color: #666;
    line-height: 14px
}

.table-time img[data-v-0e6b540e] {
    width: 12px;
    height: 12px
}

.table-share img[data-v-0e6b540e] {
    width: 20px;
    height: 20px
}

.table-buy-sell span[data-v-0e6b540e] {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    font-family: Inter-Medium
}

.table-buy-sell p[data-v-0e6b540e] {
    font-size: 10px
}

.table-collect[data-v-0e6b540e] {
    display: flex
}

.table-collect img[data-v-0e6b540e] {
    width: 16px;
    height: 16px
}

.follow-box[data-v-2500cd1c] {
    position: relative;
    width: 100%;
    padding-bottom: 20px
}

.token-content[data-v-2500cd1c] {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100vw
}

.token-content[data-v-2500cd1c]::-webkit-scrollbar {
    display: none
}

.collect-menu-list[data-v-2500cd1c] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    gap: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.collect-menu-item[data-v-2500cd1c] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 10px 0;
    cursor: pointer;
    position: relative
}

.collect-menu-item img[data-v-2500cd1c] {
    width: 20px;
    height: 20px
}

.collect-menu-item span[data-v-2500cd1c] {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 20px
}

.collect-menu-item span[data-v-2500cd1c]:after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    background: #caff04
}

.collect-menu-cur span[data-v-2500cd1c]:after {
    height: 10px
}

.collect-menu-cur span[data-v-2500cd1c] {
    font-family: Inter-Medium
}

.TVChartContainer-box[data-v-7d0a34aa],.TVChartContainer[data-v-7d0a34aa] {
    width: 100%;
    height: 100%
}

.preview-connect-box[data-v-381bf43f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1020px;
    padding: 16px 0
}

.preview-connect-bac[data-v-381bf43f] {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.preview-connect-banner[data-v-381bf43f] {
    position: absolute;
    z-index: -2;
    right: 16px;
    top: 16px;
    width: 590px;
    min-height: 120px;
    border-radius: 0 32px 0 0;
    border: 2px solid #000000;
    overflow: hidden
}

.preview-connect-banner img[data-v-381bf43f] {
    width: 100%;
    height: 100%;
    margin-top: -8%
}

.preview-connect-banner-model[data-v-381bf43f] {
    margin-top: 0!important
}

.preview-avatar-info[data-v-381bf43f] {
    display: flex;
    align-items: center;
    padding-left: 30px;
    gap: 16px
}

.preview-avatar-info h2[data-v-381bf43f] {
    max-width: 270px;
    font-size: 56px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Medium
}

.preview-avatar[data-v-381bf43f] {
    position: relative;
    display: flex;
    width: fit-content
}

.preview-avatar-img[data-v-381bf43f] {
    width: 120px;
    height: 120px;
    font-size: 54px;
    border-radius: 50%;
    border: 2px solid #000000
}

.preview-avatar-chain[data-v-381bf43f] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.preview-info[data-v-381bf43f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    padding: 0 30px
}

.preview-info-right[data-v-381bf43f] {
    display: flex;
    align-items: flex-end;
    gap: 16px
}

.preview-info-name[data-v-381bf43f] {
    display: flex;
    align-items: center
}

.preview-info-name h2[data-v-381bf43f] {
    font-size: 56px;
    line-height: 60px;
    font-family: Inter-Medium
}

.preview-info-name span[data-v-381bf43f] {
    font-size: 40px;
    color: #666662;
    line-height: 48px;
    font-family: Inter-Light
}

.preview-info-syble[data-v-381bf43f] {
    max-width: 300px;
    padding: 4px 24px;
    font-size: 40px;
    background: #f5f5ea;
    border-radius: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter-Light
}

.preview-info-price[data-v-381bf43f] {
    white-space: nowrap;
    padding: 0 24px;
    background: #caff04;
    border-radius: 32px
}

.preview-info-price span[data-v-381bf43f] {
    font-size: 48px;
    line-height: 56px;
    font-family: Inter-Medium
}

.preview-info-range[data-v-381bf43f] {
    display: flex;
    align-items: center;
    gap: 8px
}

.preview-info-range span[data-v-381bf43f] {
    font-size: 40px;
    line-height: 48px;
    white-space: nowrap
}

.preview-info-range p[data-v-381bf43f] {
    font-size: 40px;
    color: #666662;
    line-height: 48px
}

.preview-list[data-v-381bf43f] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 8px;
    padding: 0 30px;
    margin-bottom: 2px
}

.preview-item[data-v-381bf43f] {
    display: flex;
    align-items: center;
    gap: 8px
}

.preview-item[data-v-381bf43f]:nth-child(1) {
    width: 25%
}

.preview-item[data-v-381bf43f]:nth-child(2) {
    width: 22%
}

.preview-item[data-v-381bf43f]:nth-child(3) {
    width: 28%
}

.preview-item[data-v-381bf43f]:nth-child(4) {
    width: 25%
}

.preview-item-text[data-v-381bf43f] {
    white-space: nowrap;
    font-size: 32px;
    line-height: 40px;
    font-family: Inter-Light
}

.preview-item-value[data-v-381bf43f] {
    display: flex
}

.preview-item-value span[data-v-381bf43f] {
    position: relative;
    font-size: 32px;
    line-height: 40px;
    font-family: Inter-Medium
}

.preview-item-value span[data-v-381bf43f]:after {
    position: absolute;
    z-index: -1;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16px;
    background: #caff04
}

.preview-tradview[data-v-381bf43f] {
    position: relative;
    width: 100%;
    height: 207px;
    padding: 0 30px
}

.preview-tradview-time[data-v-381bf43f] {
    position: absolute;
    left: 30px;
    top: 8px;
    font-size: 24px;
    color: #666;
    font-family: Inter-Light
}

.preview-bottom[data-v-381bf43f] {
    width: 100%;
    padding: 0 30px
}

.preview-bottom-box[data-v-381bf43f] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fffff7
}

.preview-logo[data-v-381bf43f] {
    width: 128px
}

.preview-bottom span[data-v-381bf43f] {
    font-size: 24px;
    font-family: Inter-Light
}

.menu-title[data-v-2329488e] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: calc(100% - 42px)
}

.menu-title-box h6[data-v-2329488e] {
    padding-left: 2px;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-family: Inter-Medium
}

.menu-title img[data-v-2329488e] {
    width: 24px;
    height: 24px
}

.menu-title span[data-v-2329488e] {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-family: Inter-Medium
}

.menu-title p[data-v-2329488e] {
    margin-left: auto;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-family: Inter-Medium
}

.el-menu[data-v-2329488e] {
    border: none
}

.el-menu--inline .el-sub-menu[data-v-2329488e] {
    padding: 0 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    border: 2px solid #f2f3f7
}

.el-menu-item[data-v-2329488e] {
    color: #000;
    padding: 0!important;
    border-radius: 8px
}

.el-menu-item[data-v-2329488e]:hover {
    background: #f2f3f7
}

[data-v-2329488e] .el-sub-menu__title {
    height: 48px;
    padding: 0!important;
    border-radius: 8px
}

[data-v-2329488e] .el-sub-menu__title:hover {
    background: #fff
}

[data-v-2329488e] .el-sub-menu .el-sub-menu__icon-arrow {
    font-size: 16px;
    color: #000;
    right: 12px;
    margin-top: -8px
}

[data-v-2329488e] .el-menu-item.is-active {
    background: #caff04
}

.userInfo-box[data-v-2329488e] {
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 304px
}

.userInfo-header[data-v-2329488e] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 2px solid #000000
}

.userInfo-header>img[data-v-2329488e] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #000000
}

.userInfo-header-name[data-v-2329488e] {
    display: flex;
    align-items: center;
    gap: 8px
}

.userInfo-header-name h5[data-v-2329488e] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.userInfo-header-name span[data-v-2329488e] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 24px;
    font-size: 14px;
    line-height: 16px;
    background: #f5ffce;
    border-radius: 12px;
    border: 2px solid #caff04
}

.userInfo-header-info[data-v-2329488e] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

.userInfo-header-info img[data-v-2329488e] {
    width: 16px;
    height: 16px
}

.userInfo-header-info span[data-v-2329488e] {
    font-size: 14px
}

.userInfo-content[data-v-2329488e] {
    display: flex;
    flex-direction: column
}

.userInfo-content-connect[data-v-2329488e] {
    height: 49px;
    overflow: hidden;
    transition: all .1s
}

.userInfo-content-connect-open .userInfo-content-item[data-v-2329488e] {
    border: none
}

.userInfo-content-item[data-v-2329488e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 2px;
    border-bottom: 1px solid #f2f3f7;
    cursor: pointer
}

.userInfo-content-item h6[data-v-2329488e] {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter-Medium
}

.userInfo-content-item img[data-v-2329488e] {
    width: 16px;
    height: 16px
}

.chain-menu[data-v-2329488e] {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.chain-menu-content[data-v-2329488e] {
    height: 48px;
    padding: 0 12px;
    border-radius: 8px;
    border: 2px solid #f2f3f7;
    overflow: hidden
}

.chain-menu-item[data-v-2329488e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 12px 0
}

.chain-menu-item-info[data-v-2329488e] {
    display: flex;
    align-items: center;
    gap: 4px
}

.chain-menu-item-info-chain[data-v-2329488e] {
    width: 24px;
    height: 24px
}

.chain-menu-item-info-icon[data-v-2329488e] {
    width: 20px;
    height: 20px
}

.chain-menu-item-info span[data-v-2329488e] {
    font-size: 14px;
    line-height: 20px;
    font-family: Inter-Medium
}

.chain-menu-wrap[data-v-2329488e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid #f2f3f7;
    border-bottom: 1px solid #f2f3f7
}

.chain-menu-wrap-item[data-v-2329488e] {
    display: flex;
    align-items: center;
    padding: 8px 32px;
    border-radius: 8px;
    width: 100%;
    height: 100%
}

.chain-menu-wrap-item-cur[data-v-2329488e] {
    background: #caff04
}

.chain-menu-wrap-item span[data-v-2329488e] {
    padding-right: 8px;
    font-size: 12px;
    line-height: 14px
}

.chain-menu-wrap-item img[data-v-2329488e] {
    width: 14px;
    height: 14px;
    margin-left: auto
}

.chain-menu-wrap-item-info[data-v-2329488e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 8px;
    border-left: 1px solid #f2f3f7
}

.chain-menu-wrap-item-info h6[data-v-2329488e] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Medium
}

.chain-menu-add[data-v-2329488e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 0;
    margin-top: 4px;
    border-top: 1px solid #f2f3f7;
    cursor: pointer
}

.chain-menu-add img[data-v-2329488e] {
    width: 16px;
    height: 16px
}

.chain-menu-add span[data-v-2329488e] {
    font-size: 14px;
    line-height: 16px
}

.userInfo-logout[data-v-2329488e] {
    width: 100%;
    height: 48px;
    margin-top: 18px;
    background: #fff;
    border-radius: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

.userInfo-logout-connect[data-v-2329488e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    background: #000;
    border-radius: 7px;
    border: 2px solid #000000;
    font-family: Inter-Medium;
    transform: translate(-2px,-2px);
    transition: all .1s;
    cursor: pointer
}

.userInfo-logout-connect[data-v-2329488e]:hover {
    transform: translate(0)
}

[data-v-e2a55d24] .el-tooltip__trigger:focus-visible {
    outline: unset
}

[data-v-e2a55d24] .el-popper__arrow:before {
    display: none!important
}

.dropdown-list[data-v-e2a55d24] {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 4px
}

.dropdown-list .dropdown-list-item[data-v-e2a55d24] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 30px;
    font-size: 14px;
    border-radius: 8px;
    font-family: Inter-Light;
    cursor: pointer
}

.dropdown-list .dropdown-list-item[data-v-e2a55d24]:hover {
    background: #f2f3f7
}

.dropdown-list .dropdown-list-menu[data-v-e2a55d24] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 200px;
    height: 36px;
    padding-left: 12px;
    border-radius: 8px;
    cursor: pointer
}

.dropdown-list .dropdown-list-menu[data-v-e2a55d24]:hover {
    background: #f2f3f7
}

.dropdown-list .dropdown-list-menu .dropdown-list-menu-items[data-v-e2a55d24] {
    display: flex
}

.dropdown-list .dropdown-list-menu span[data-v-e2a55d24] {
    font-size: 14px;
    font-family: Inter-Light
}

.dropdown-list .dropdown-list-menu img[data-v-e2a55d24] {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.dropdown-list .dropdown-list-menu .dropdown-list-menu-items img[data-v-e2a55d24] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: -15px
}

.dropdown-list .dropdown-list-menu .dropdown-list-menu-items img[data-v-e2a55d24]:first-child {
    margin-left: 0
}

.dropdown-list .dropdown-list-hover[data-v-e2a55d24] {
    opacity: .3
}

.dropdown-list .dropdown-list-hover[data-v-e2a55d24]:hover {
    background: #fff
}

.dropdown-list .dropdown-list-cur[data-v-e2a55d24],.dropdown-list .dropdown-list-cur[data-v-e2a55d24]:hover {
    background: #caff04
}

.login-list[data-v-e2a55d24] {
    width: 164px
}

.login-list .login-list-item[data-v-e2a55d24] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    font-size: 14px;
    border-radius: 8px;
    font-family: Inter-Light;
    cursor: pointer
}

.login-list .login-list-item[data-v-e2a55d24]:hover {
    background: #f2f3f7
}

.el-dropdown[data-v-e2a55d24],.lang-box[data-v-e2a55d24] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.header-box[data-v-e2a55d24] {
    --header-side-padding: 60px;
    --header-right-width: 44px;
    --content-width: 1280px;
    flex-shrink: 0;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 72px;
    padding: 0 var(--header-side-padding);
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 2px solid transparent;
    transition: all 1s
}

.header-line[data-v-e2a55d24] {
    border-bottom: 2px solid #000
}

.logo[data-v-e2a55d24] {
    width: 138px;
    height: 42px;
    cursor: pointer
}

.tab-box[data-v-e2a55d24] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 40px
}

.tab-item[data-v-e2a55d24] {
    position: relative;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 12px;
    border: 2px solid transparent;
    white-space: nowrap;
    background: white;
}

.tab-item[data-v-e2a55d24]:hover {
    border: 2px solid #000
}

.tab-item-pump[data-v-e2a55d24] {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px
}

.tab-item-pump-cur[data-v-e2a55d24] {
    position: absolute;
    top: 2px;
    left: -6px;
    width: calc(100% + 4px);
    height: 100%
}

.cur[data-v-e2a55d24] {
    color: #fff;
    background-color: #000
}

.chain-avatars[data-v-e2a55d24] {
    display: flex;
    align-items: center
}

.chain-avatars>img[data-v-e2a55d24] {
    width: 24px!important;
    height: 24px!important;
    margin-left: -12px
}

.chain-avatars>img[data-v-e2a55d24]:first-child {
    margin-left: 0
}

.header-right[data-v-e2a55d24] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto
}

.header-box[data-v-e2a55d24] .header-left {
    display: flex;
    align-items: center
}

.header-box[data-v-e2a55d24] .header-center {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    padding-right: max(0px, calc((100vw - var(--content-width)) / 2 - var(--header-side-padding) - var(--header-right-width)))
}

.header-box[data-v-e2a55d24] .header-search {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--content-width)
}

.header-box[data-v-e2a55d24] .header-search-form {
    position: relative;
    width: 100%
}

.header-box[data-v-e2a55d24] .header-search-input {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 12px 0 38px;
    border: 2px solid #000;
    border-radius: 10px;
    background: #fff;
    transition: border-color .2s ease,box-shadow .2s ease
}

.header-box[data-v-e2a55d24] .header-search-input:focus-within {
    border-color: #d4fe1e;
    box-shadow: 2px 2px #000
}

.header-box[data-v-e2a55d24] .header-search-field {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    background: transparent;
    outline: none
}

.header-box[data-v-e2a55d24] .header-search-icon {
    position: absolute;
    left: 12px;
    width: 18px;
    height: 18px
}

.header-box[data-v-e2a55d24] .header-search-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 16px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 14px;
    box-shadow: 4px 4px #000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .2s ease,transform .2s ease,visibility .2s ease;
    z-index: 6
}

.header-box[data-v-e2a55d24] .header-search:focus-within .header-search-panel,
.header-box[data-v-e2a55d24] .header-search.is-open .header-search-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
}

.header-box[data-v-e2a55d24] .header-search-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.header-box[data-v-e2a55d24] .header-search-title h2 {
    margin: 0;
    font-size: 16px;
    line-height: 20px
}

.header-box[data-v-e2a55d24] .header-search-title svg {
    width: 18px;
    height: 18px
}

.header-box[data-v-e2a55d24] .header-search-panel .search-keyword {
    margin-right: 0
}

.header-box[data-v-e2a55d24] .header-search-panel .list-group {
    margin: 12px 0 0;
    padding: 0;
    max-height: 900px;
    overflow-y: auto
}

.header-box[data-v-e2a55d24] .header-search-panel .list-group-item {
    padding: 6px 8px;
    border: 0
}

.header-box[data-v-e2a55d24] .header-search-panel .list-group-item a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #000;
    text-decoration: none
}

.header-box[data-v-e2a55d24] .header-search-panel .list-group-item img {
    float: none!important
}

.header-box[data-v-e2a55d24] .header-search-panel .list-group-item span {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-box[data-v-e2a55d24] .header-search-panel .list-group-item:hover {
    background: #f5ffce;
    border-radius: 8px
}

.header-right-wrap[data-v-e2a55d24] {
    display: flex;
    align-items: center
}

.header-right-wrap-img[data-v-e2a55d24] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.header-right-wrap-text[data-v-e2a55d24] {
    white-space: nowrap;
    font-size: 16px;
    color: #000
}

.header-right-wrap-avatar[data-v-e2a55d24] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
    border: 2px solid #000;
    background: #caff04
}

.swich-lang[data-v-e2a55d24] {
    cursor: pointer
}

.lang-img[data-v-e2a55d24] {
    width: 24px;
    height: 24px
}

.lang-box span[data-v-e2a55d24] {
    font-size: 16px;
    color: #000
}

.lang-switcher-wrap[data-v-e2a55d24] {
    overflow: visible
}

.lang-switcher[data-v-e2a55d24] {
    position: relative;
    width: 100%;
    height: 100%
}

.lang-dropdown-menu[data-v-e2a55d24] {
    position: absolute;
    top: 100%;
    right: -6px;
    min-width: 170px;
    padding: 10px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 14px;
    box-shadow: 4px 4px #000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px) scaleY(0.94);
    transform-origin: top right;
    pointer-events: none;
    transition: opacity .32s ease-out,transform .32s ease-out,visibility .32s ease-out;
    z-index: 6
}

.lang-dropdown-menu[data-v-e2a55d24]::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px
}

.lang-switcher[data-v-e2a55d24]:hover .lang-dropdown-menu,
.lang-switcher[data-v-e2a55d24]:focus-within .lang-dropdown-menu,
.lang-switcher-wrap[data-v-e2a55d24]:hover .lang-dropdown-menu,
.lang-switcher-wrap[data-v-e2a55d24]:focus-within .lang-dropdown-menu,
.lang-dropdown-menu[data-v-e2a55d24]:hover,
.lang-dropdown-menu[data-v-e2a55d24]:focus-within {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scaleY(1);
    pointer-events: auto
}

.lang-switcher.is-closed[data-v-e2a55d24] .lang-dropdown-menu[data-v-e2a55d24],
.lang-switcher-wrap.is-closed[data-v-e2a55d24] .lang-dropdown-menu[data-v-e2a55d24] {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px) scaleY(0.94);
    pointer-events: none
}

.lang-dropdown-item[data-v-e2a55d24] {
    display: block;
    text-align: center;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    background: transparent
}

.lang-dropdown-item[data-v-e2a55d24]:hover {
    background: #f2f3f7
}

.lang-dropdown-item.is-active[data-v-e2a55d24] {
    background: #caff04;
    font-weight: 600
}

.google-translate-placeholder {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.header-right-container[data-v-e2a55d24] {
    width: 164px!important
}

.header-right-container span[data-v-e2a55d24] {
    margin: 0 12px;
    color: #000
}

.header-container {
    padding: 4px 0 0 4px
}

.header-container-content[data-v-e2a55d24] {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 10px
}

.search-keyword {
    text-decoration: underline;
    display: inline-block;
    margin-right: 10px;
}

.chain-content[data-v-e2a55d24] {
    width: 64px!important;
    padding: 0 6px!important
}

.chain-content>.header-container-wrap[data-v-e2a55d24] {
    position: absolute;
    width: 64px
}

.header-container-wrap[data-v-e2a55d24] {
    position: absolute;
    left: -4px;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
    z-index: 2;
    overflow: hidden;
    transition: left .1s ease,top .1s ease;
    position: relative
}

.header-container-wrap.lang-switcher-wrap[data-v-e2a55d24] {
    overflow: visible;
    z-index: 6
}

.header-container-wrap img[data-v-e2a55d24] {
    width: 24px;
    height: 24px
}

.header-container-wrap[data-v-e2a55d24]:hover {
    top: 0;
    left: 0
}

.container[data-v-e2a55d24] {
    padding: 4px 0 0 4px
}

.container .container-content[data-v-e2a55d24] {
    position: relative;
    cursor: pointer;
    width: 88px;
    height: 40px;
    border-radius: 10px;
    background: #000
}

.container .container-wrap[data-v-e2a55d24] {
    position: absolute;
    left: -4px;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 2;
    overflow: hidden;
    background: #fff;
    border: 2px solid #000;
    transition: left .1s ease,top .1s ease
}

.container .container-wrap img[data-v-e2a55d24] {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.container .container-wrap span[data-v-e2a55d24] {
    font-size: 18px;
    color: #000
}

.container .container-wrap[data-v-e2a55d24]:hover {
    top: 0;
    left: 0
}

@media only screen and (max-width: 1280px) {
    .header-box[data-v-e2a55d24] {
        --header-side-padding: 12px;
        padding: 0 var(--header-side-padding)!important
    }
}

[data-v-dcaa26d2] .el-tooltip__trigger:focus-visible {
    outline: unset
}

.dropdown-list[data-v-dcaa26d2] {
    display: flex;
    flex-direction: column;
    padding: 4px;
    gap: 4px
}

.dropdown-list .dropdown-list-item[data-v-dcaa26d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 24px;
    font-size: 12px;
    border-radius: 4px;
    font-family: Inter-Light;
    cursor: pointer
}

.dropdown-list .dropdown-list-menu[data-v-dcaa26d2] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 150px;
    height: 24px;
    padding-left: 12px;
    border-radius: 4px;
    cursor: pointer
}

.dropdown-list .dropdown-list-menu .dropdown-list-menu-items[data-v-dcaa26d2] {
    display: flex
}

.dropdown-list .dropdown-list-menu span[data-v-dcaa26d2] {
    font-size: 12px;
    font-family: Inter-Light
}

.dropdown-list .dropdown-list-menu img[data-v-dcaa26d2] {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.dropdown-list .dropdown-list-menu .dropdown-list-menu-items img[data-v-dcaa26d2] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: -8px
}

.dropdown-list .dropdown-list-menu .dropdown-list-menu-items img[data-v-dcaa26d2]:first-child {
    margin-left: 0
}

.dropdown-list .dropdown-list-hover[data-v-dcaa26d2] {
    opacity: .3
}

.dropdown-list .dropdown-list-cur[data-v-dcaa26d2] {
    background: #caff04
}

.login-list[data-v-dcaa26d2] {
    width: 90px
}

.login-list .login-list-item[data-v-dcaa26d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 12px;
    border-radius: 8px;
    font-family: Inter-Light;
    cursor: pointer
}

.login-list .login-list-item[data-v-dcaa26d2]:hover {
    background: #f2f3f7
}

.el-dropdown[data-v-dcaa26d2],.lang-box[data-v-dcaa26d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.lang-connect-default[data-v-dcaa26d2] {
    display: flex;
    align-items: center;
    padding-left: 6px
}

.lang-connect-default>img[data-v-dcaa26d2] {
    margin-left: -6px
}

.header-box[data-v-dcaa26d2] {
    flex-shrink: 0;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-bottom: 2px solid transparent;
    transition: all 1s
}

.header-line[data-v-dcaa26d2] {
    border-bottom: 2px solid #000
}

.logo[data-v-dcaa26d2] {
    width: 92px;
    height: 28px;
    cursor: pointer
}

.header-connect[data-v-dcaa26d2] {
    display: flex;
    align-items: center;
    background: #fafae6;
    padding: 10px 16px;
    overflow-x: auto
}

.header-connect[data-v-dcaa26d2]::-webkit-scrollbar {
    display: none
}

.tab-box[data-v-dcaa26d2] {
    display: flex;
    align-items: center;
    gap: 8px
}

.tab-item[data-v-dcaa26d2] {
    padding: 4px 8px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid transparent;
    white-space: nowrap
}

.cur[data-v-dcaa26d2] {
    color: #fff;
    background-color: #000
}

.header-function[data-v-dcaa26d2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 16px
}

.header-box[data-v-dcaa26d2] .header-search {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    width: 100%
}

.header-box[data-v-dcaa26d2] .header-search-form {
    position: relative;
    width: 100%
}

.header-box[data-v-dcaa26d2] .header-search-input {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 12px 0 34px;
    border: 2px solid #000;
    border-radius: 10px;
    background: #fff;
    transition: border-color .2s ease,box-shadow .2s ease
}

.header-box[data-v-dcaa26d2] .header-search-input:focus-within {
    border-color: #d4fe1e;
    box-shadow: 2px 2px #000
}

.header-box[data-v-dcaa26d2] .header-search-field {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    font-size: 14px;
    color: #000;
    background: transparent;
    outline: none
}

.header-box[data-v-dcaa26d2] .header-search-icon {
    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px
}

.header-box[data-v-dcaa26d2] .header-search-panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    padding: 12px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 4px 4px #000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .2s ease,transform .2s ease,visibility .2s ease;
    z-index: 7
}

.header-box[data-v-dcaa26d2] .header-search:focus-within .header-search-panel,
.header-box[data-v-dcaa26d2] .header-search.is-open .header-search-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
}

.header-box[data-v-dcaa26d2] .header-search-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.header-box[data-v-dcaa26d2] .header-search-title h2 {
    margin: 0;
    font-size: 14px;
    line-height: 18px
}

.header-box[data-v-dcaa26d2] .header-search-title svg {
    width: 16px;
    height: 16px
}

.header-box[data-v-dcaa26d2] .header-search-panel .search-keyword {
    margin-right: 0
}

.header-box[data-v-dcaa26d2] .header-search-panel .list-group {
    margin: 10px 0 0;
    padding: 0;
    max-height: 60vh;
    overflow-y: auto
}

.header-box[data-v-dcaa26d2] .header-search-panel .list-group-item {
    padding: 6px 8px;
    border: 0
}

.header-box[data-v-dcaa26d2] .header-search-panel .list-group-item a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #000;
    text-decoration: none
}

.header-box[data-v-dcaa26d2] .header-search-panel .list-group-item img {
    float: none!important
}

.header-box[data-v-dcaa26d2] .header-search-panel .list-group-item span {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-box[data-v-dcaa26d2] .header-search-panel .list-group-item:hover {
    background: #f5ffce;
    border-radius: 8px
}

.header-function>a[data-v-dcaa26d2] {
    display: flex;
    flex-shrink: 0
}

.header-function-connect[data-v-dcaa26d2] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0
}

.header-function-wrap[data-v-dcaa26d2] {
    display: flex;
    align-items: center
}

.header-function-wrap-img[data-v-dcaa26d2] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.header-function-wrap-text[data-v-dcaa26d2] {
    white-space: nowrap;
    font-size: 10px;
    color: #000
}

.header-function-wrap-avatar[data-v-dcaa26d2] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 4px;
    border: 2px solid #000;
    background: #caff04
}

.swich-lang[data-v-dcaa26d2] {
    cursor: pointer
}

.lang-img[data-v-dcaa26d2] {
    width: 24px;
    height: 24px
}

.lang-box span[data-v-dcaa26d2] {
    font-size: 14px;
    color: #000
}

.lang-switcher-wrap[data-v-dcaa26d2] {
    position: relative;
    overflow: visible;
    z-index: 6
}

.lang-switcher[data-v-dcaa26d2] {
    position: relative;
    width: 100%;
    height: 100%
}

.lang-dropdown-menu[data-v-dcaa26d2] {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 150px;
    padding: 8px;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 3px 3px #000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px) scaleY(0.94);
    transform-origin: top right;
    pointer-events: none;
    transition: opacity .32s ease-out,transform .32s ease-out,visibility .32s ease-out;
    z-index: 6
}

.lang-dropdown-menu[data-v-dcaa26d2]::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px
}

.lang-switcher[data-v-dcaa26d2]:hover .lang-dropdown-menu,
.lang-switcher[data-v-dcaa26d2]:focus-within .lang-dropdown-menu,
.lang-switcher-wrap[data-v-dcaa26d2]:hover .lang-dropdown-menu,
.lang-switcher-wrap[data-v-dcaa26d2]:focus-within .lang-dropdown-menu,
.lang-dropdown-menu[data-v-dcaa26d2]:hover,
.lang-dropdown-menu[data-v-dcaa26d2]:focus-within {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scaleY(1);
    pointer-events: auto
}

.lang-switcher.is-closed[data-v-dcaa26d2] .lang-dropdown-menu[data-v-dcaa26d2],
.lang-switcher-wrap.is-closed[data-v-dcaa26d2] .lang-dropdown-menu[data-v-dcaa26d2] {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px) scaleY(0.94);
    pointer-events: none
}

.lang-dropdown-item[data-v-dcaa26d2] {
    display: block;
    text-align: center;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    background: transparent
}

.lang-dropdown-item[data-v-dcaa26d2]:hover {
    background: #f2f3f7
}

.lang-dropdown-item.is-active[data-v-dcaa26d2] {
    background: #caff04;
    font-weight: 600
}

.header-function-container[data-v-dcaa26d2] {
    width: fit-content!important;
    padding: 0 4px
}

.header-container-content[data-v-dcaa26d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    height: 28px;
    border-radius: 6px;
    background: #fffff7;
    box-shadow: 2px 2px #000;
    border: 2px solid #000000
}

.header-container-content img[data-v-dcaa26d2] {
    width: 16px;
    height: 16px
}

.connect-content-login[data-v-dcaa26d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 28px;
    font-size: 14px;
    background: #fffff7;
    box-shadow: 2px 2px #000;
    border-radius: 6px;
    border: 2px solid #000000
}

.connect-wallet-box[data-v-cd9e1d73] {
    position: fixed;
    z-index: 888;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #0003;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem
}

.connect-wallet[data-v-cd9e1d73] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 384px;
    height: 518px;
    padding: 32px;
    border-radius: 16px;
    border: 2px solid #000000;
    background: #fff
}

.connect-wallet h2[data-v-cd9e1d73] {
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 2px solid #f0f0f0;
    font-size: 24px;
    color: #000;
    line-height: 30px
}

.connect-wallet .connect-wallet-close[data-v-cd9e1d73] {
    position: absolute;
    top: 36px;
    right: 32px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.connect-wallet .connect-wallet-info[data-v-cd9e1d73] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 44px 0 18px
}

.connect-wallet .connect-wallet-info img[data-v-cd9e1d73] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border-radius: 50%;
    border: 2px solid #000000
}

.connect-wallet .connect-wallet-address[data-v-cd9e1d73] {
    max-width: 276px;
    font-size: 18px;
    color: #000;
    line-height: 22px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: Inter-Light
}

.connect-wallet .connect-wallet-tags[data-v-cd9e1d73] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.connect-wallet .connect-wallet-tags p[data-v-cd9e1d73] {
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 4px;
    background: #f5ffce;
    border: 2px solid #caff04
}

.connect-wallet .connect-wallet-lable[data-v-cd9e1d73] {
    padding: 32px 0 16px;
    font-size: 20px;
    color: #000;
    line-height: 30px
}

.connect-wallet input[data-v-cd9e1d73] {
    display: block;
    height: 48px;
    width: 100%;
    color: #000;
    background: #fff;
    border: 2px solid #000;
    padding: 6px 16px;
    font-size: 20px;
    border-radius: 8px
}

.connect-wallet input[readonly][data-v-cd9e1d73] {
    background: #00000013
}

.connect-wallet input[data-v-cd9e1d73]::placeholder {
    color: #bdbdbd
}

.connect-wallet .error_input[data-v-cd9e1d73] {
    border: 2px solid red
}

.connect-wallet button[data-v-cd9e1d73] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    margin-top: auto;
    background: #000;
    border-radius: 24px;
    border: none;
    cursor: pointer
}

.connect-wallet .connect-wallet-error[data-v-cd9e1d73] {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.connect-wallet .connect-wallet-error img[data-v-cd9e1d73] {
    width: 28px;
    height: 28px;
    margin-right: 4px
}

.connect-wallet .connect-wallet-error span[data-v-cd9e1d73] {
    font-size: 20px;
    color: #ea455c;
    line-height: 24px;
}

#toggleSearch:checked ~ .connect-seach-box {
    display: flex;
}

#toggleFilter:checked ~ .el-overlay {
    display: block;
}

.connect-seach-box {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    padding: .5rem;
    display: none;
    justify-content: center;
    overflow-y: auto;
    padding-top: 100px
}

.connect-masking[data-v-ad038a57] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #0006
}

.connect-box[data-v-ad038a57] {
    width: 1280px;
    padding-top: 70px;
    height: fit-content;
    border-radius: 16px;
    border: 2px solid #000000;
    background: #fff;
    overflow: hidden
}

.connect-header[data-v-ad038a57] {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 0 70px;
}

.connect-box-close {
    font-size: 20px;
    cursor: pointer
}

.connect-input-box[data-v-ad038a57] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    border: 2px solid transparent;
    border-radius: 8px
}

.connect-input-box[data-v-ad038a57]:hover {
    border: 2px solid #d4fe1e
}

.connect-input-box .connect-input[data-v-ad038a57] {
    width: 100%;
    height: 48px;
    padding: 0 40px;
    font-size: 20px;
    color: #000;
    line-height: 22px;
    border-radius: 8px;
    border: 2px solid #000;
    background-color: #fff;
    -webkit-user-modify: read-write-plaintext-only!important
}

.connect-input-box .connect-input-icon[data-v-ad038a57] {
    position: absolute;
    left: 16px;
    width: 18px;
    height: 18px
}

.connect-input-box .connect-input-colse[data-v-ad038a57] {
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.connect-seach[data-v-ad038a57] {
    width: 100%;
    height: fit-content;
    max-height: 880px;
    padding: 0 70px
}

.search-list {
    width: 100%;
    height: fit-content;
    max-height: 500px;
    padding: 0 70px;
    margin-top: 30px;
}

.connect-content[data-v-ad038a57] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    min-height: 200px;
    max-height: 530px
}

.connect-seach-title[data-v-ad038a57] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.connect-seach-title img[data-v-ad038a57] {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.connect-seach-title h2 {
    font-size: 20px;
    line-height: 30px;
    margin-right: 10px;
}

.connect-seach-container[data-v-ad038a57] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 900px;
    margin-bottom: 10px
}

.connect-seach-container-item[data-v-ad038a57] {
    max-width: 280px;
    flex: 1 1 30%
}

.connect-seach-container-item a[data-v-ad038a57] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 8px;
    border-radius: 8px;
    background: #f2f3f7;
    cursor: pointer
}

.connect-seach-container-item a[data-v-ad038a57]:hover {
    background-color: #f5ffce
}

.connect-seach-container-item .connect-seach-container-name[data-v-ad038a57] {
    font-size: 20px;
    color: #000;
    line-height: 30px
}

.connect-seach-container-item .connect-seach-container-box[data-v-ad038a57] {
    position: relative;
    display: flex;
    margin-right: 8px
}

.connect-seach-container-item .connect-seach-container-chain[data-v-ad038a57] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.connect-seach-container-item .connect-seach-container-item-avatar[data-v-ad038a57] {
    width: 32px;
    height: 32px;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.connect-seach-container-item span[data-v-ad038a57] {
    font-size: 16px;
    color: #666;
    line-height: 18px;
    font-family: Inter-Light
}

.connect-seach-list[data-v-ad038a57] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px
}

.connect-seach-item[data-v-ad038a57] {
    display: flex;
    align-items: center;
    padding: 8px 24px;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer
}

.connect-seach-item a[data-v-ad038a57] {
    display: flex;
    align-items: center;
    width: 100%
}

.connect-seach-item[data-v-ad038a57]:hover {
    background-color: #f5ffce
}

.connect-seach-item .connect-seach-item-info[data-v-ad038a57] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.connect-seach-item .connect-seach-item-info[data-v-ad038a57]:first-child {
    justify-content: flex-start
}

.connect-seach-item .connect-seach-item-info[data-v-ad038a57]:last-child {
    justify-content: flex-end
}

.connect-seach-item .connect-seach-item-info img[data-v-ad038a57] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #000000
}

.connect-seach-item .connect-seach-item-info-address[data-v-ad038a57] {
    font-size: 20px;
    color: #000
}

.connect-seach-item .connect-seach-item-info-name[data-v-ad038a57] {
    font-size: 20px;
    color: #000;
    font-family: Inter-Light
}

.connect-seach-item .connect-seach-item-info-value[data-v-ad038a57] {
    font-size: 20px;
    color: #000
}

.connect-seach-item .connect-seach-item-info-time[data-v-ad038a57] {
    font-size: 20px;
    color: #666;
    font-family: Inter-Light
}

.connect-content-list[data-v-ad038a57] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 6px 70px 20px;
    overflow-y: auto
}

.connect-content-list[data-v-ad038a57]::-webkit-scrollbar {
    width: 8px;
    height: calc(100% - 10px);
    background: #f5f5f5
}

.connect-content-list[data-v-ad038a57]::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 8px
}

.connect-content-list[data-v-ad038a57]::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.connect-content-item-box[data-v-ad038a57] {
    position: relative;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 8px;
    border: 2px solid #000
}

.connect-content-item-box[data-v-ad038a57]:after {
    position: absolute
}

.connect-content-item[data-v-ad038a57] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 24px;
    border-radius: 8px;
    border: 2px solid #000000;
    margin: -2px;
    cursor: pointer;
    background-color: #fff;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99)
}

.connect-content-item[data-v-ad038a57]:hover {
    transform: translate(-6px,-6px)
}

.connect-content-item-avatar-box[data-v-ad038a57] {
    position: relative;
    display: flex
}

.connect-content-item-avatar[data-v-ad038a57] {
    width: 56px;
    height: 56px;
    font-size: 24px;
    border-radius: 50%;
    border: 2px solid #000
}

.top-container-chain[data-v-ad038a57] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex
}

.top-container-chain-img[data-v-ad038a57] {
    width: 20px;
    height: 20px;
    margin-right: 0;
    border-radius: 50%
}

.connect-content-info[data-v-ad038a57] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.connect-content-info .connect-content-info-wrap[data-v-ad038a57] {
    display: flex;
    align-items: center;
    gap: 16px
}

.connect-content-info .top-container[data-v-ad038a57],.connect-content-info .bottom-container[data-v-ad038a57] {
    display: flex;
    align-items: center
}

.connect-content-info .top-container h3[data-v-ad038a57] {
    font-size: 20px;
    font-family: Inter-Bold
}

.connect-content-info .top-container p[data-v-ad038a57] {
    font-size: 12px;
    color: #767676
}

.connect-content-info .top-container span[data-v-ad038a57] {
    font-size: 14px;
    color: #767676;
    font-family: Inter-Light
}

.connect-content-info .top-container-avatar[data-v-ad038a57] {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    border-radius: 50%
}

.connect-content-info .top-container-v2[data-v-ad038a57] {
    font-size: 18px;
    font-family: Inter-Light
}

.connect-content-info .top-container-time[data-v-ad038a57] {
    font-size: 18px;
    color: #666;
    font-family: Inter-Light
}

.connect-content-info .top-container-text[data-v-ad038a57] {
    margin-right: 4px;
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Light
}

.connect-content-info .top-container-value[data-v-ad038a57] {
    font-size: 18px;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-content-info .top-container-value span[data-v-ad038a57] {
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-family: Inter-Medium
}

.connect-content-info .bottom-container-text[data-v-ad038a57] {
    margin-right: 4px;
    font-size: 14px;
    line-height: 20px;
    font-family: Inter-Light
}

.connect-content-info .bottom-container-value[data-v-ad038a57] {
    font-size: 14px;
    line-height: 20px
}

.connect-content-info .top-container-pirce span[data-v-ad038a57] {
    font-size: 20px;
    color: #000;
    line-height: 24px;
    font-family: Inter-Medium
}

.connect-content-info .top-container-range[data-v-ad038a57] {
    display: flex;
    align-items: center
}

.connect-content-info .top-container-range img[data-v-ad038a57] {
    width: 16px;
    height: 16px
}

.connect-content-info .top-container-range span[data-v-ad038a57] {
    font-size: 20px;
    line-height: 24px;
}

@media only screen and (max-width: 1440px) {
    .connect-content[data-v-ad038a57] {
        max-height:396px
    }
}

@media only screen and (max-width: 1080px) {
    .connect-box[data-v-ad038a57] {
        width:100%;
        padding-top: 12px
    }

    .connect-seach[data-v-ad038a57] {
        padding: 0 12px
    }

    .connect-seach-title[data-v-ad038a57] {
        margin-bottom: 12px
    }

    .connect-header[data-v-ad038a57] {
        padding: 0 12px;
        margin-bottom: 12px;
        gap: 12px
    }

    .connect-input[data-v-ad038a57] {
        font-size: 14px!important;
        height: 32px!important;
        -webkit-user-modify: read-write-plaintext-only!important
    }

    .connect-box-close[data-v-ad038a57] {
        font-size: 16px
    }

    .connect-seach-container[data-v-ad038a57] {
        gap: 12px
    }

    .connect-seach-title img[data-v-ad038a57] {
        width: 16px;
        height: 16px
    }

    .connect-seach-title h2[data-v-ad038a57] {
        font-size: 16px;
        line-height: 24px
    }

    .connect-seach-container-item[data-v-ad038a57] {
        flex: 1 1 48%;
        max-width: 48%
    }

    .connect-seach-container-item a[data-v-ad038a57] {
        padding: 4px 8px
    }

    .connect-seach-container-item .connect-seach-container-box[data-v-ad038a57] {
        margin-right: 4px
    }

    .connect-seach-container-item .connect-seach-container-item-avatar[data-v-ad038a57] {
        width: 24px;
        height: 24px
    }

    .connect-seach-container-item .connect-seach-container-name[data-v-ad038a57] {
        max-width: 75px;
        font-size: 14px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .connect-seach-container-item span[data-v-ad038a57] {
        font-size: 12px;
        line-height: 14px
    }

    .connect-content-list[data-v-ad038a57] {
        padding: 0 12px;
        gap: 8px
    }

    .connect-content-item[data-v-ad038a57] {
        padding: 4px 8px;
        gap: 8px
    }

    .connect-content-item[data-v-ad038a57]:hover {
        transform: none!important
    }

    .connect-content-item-avatar[data-v-ad038a57] {
        width: 48px;
        height: 48px
    }

    .top-container-chain-img[data-v-ad038a57] {
        width: 18px;
        height: 18px
    }

    .connect-content-info[data-v-ad038a57] {
        gap: 0px
    }

    .connect-content-info .connect-content-info-wrap[data-v-ad038a57] {
        gap: 10px!important
    }

    .top-container-h5[data-v-ad038a57] {
        display: none!important
    }

    .connect-content-symble[data-v-ad038a57] {
        font-size: 10px!important
    }

    .connect-content-info-wrap .top-container h3[data-v-ad038a57] {
        font-size: 14px
    }

    .connect-content-info-wrap .top-container p[data-v-ad038a57] {
        font-size: 8px
    }

    .connect-content-info-wrap .top-container span[data-v-ad038a57] {
        font-size: 12px
    }

    .connect-content-info .top-container-avatar[data-v-ad038a57] {
        width: 14px;
        height: 14px
    }

    .connect-content-info .top-container-v2[data-v-ad038a57],.connect-content-info .top-container-time[data-v-ad038a57] {
        font-size: 12px
    }

    .connect-content-info .top-container-text[data-v-ad038a57] {
        white-space: nowrap;
        font-size: 12px
    }

    .connect-content-info .top-container-range img[data-v-ad038a57] {
        width: 12px;
        height: 12px
    }

    .connect-content-info .top-container-range span[data-v-ad038a57] {
        line-height: 14px
    }

    .connect-content-info .bottom-container-text[data-v-ad038a57],.connect-content-info .bottom-container-value[data-v-ad038a57] {
        font-size: 10px;
        line-height: 12px
    }

    .connect-seach-list[data-v-ad038a57] {
        padding: 0 16px!important
    }

    .connect-seach-item-info[data-v-ad038a57] {
        gap: 4px!important
    }

    .connect-seach-item[data-v-ad038a57] {
        padding: 4px 10px
    }

    .connect-seach-item .connect-seach-item-info img[data-v-ad038a57] {
        width: 24px;
        height: 24px
    }

    .connect-seach-item .connect-seach-item-info-address[data-v-ad038a57],.connect-seach-item .connect-seach-item-info-name[data-v-ad038a57],.connect-seach-item .connect-seach-item-info-value[data-v-ad038a57],.connect-seach-item .connect-seach-item-info-time[data-v-ad038a57] {
        font-size: 14px
    }

    .connect-seach-container-chain[data-v-ad038a57] {
        width: 10px!important;
        height: 10px!important
    }
}

.connect-wallet-box[data-v-d2670c1b] {
    position: absolute;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding: 1rem;
    background: #0003;
    display: flex;
    justify-content: center;
    align-items: center
}

.connect-wallet-box .connect-wallet[data-v-d2670c1b] {
    background: #f4f4f4;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 0 10px #00000080;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    align-items: center;
    gap: 1rem;
    position: relative
}

.connect-wallet-box .connect-wallet .account-close[data-v-d2670c1b] {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    color: #0006
}

.connect-wallet-box .connect-wallet>p[data-v-d2670c1b] {
    font-size: .75rem;
    color: #6b7280;
    padding: 1rem 0
}

.connect-wallet-box .connect-wallet h4[data-v-d2670c1b] {
    font-weight: 500;
    font-size: 1.5rem
}

.connect-wallet-box .connect-wallet ul[data-v-d2670c1b] {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.connect-wallet-box .connect-wallet ul li[data-v-d2670c1b] {
    display: flex;
    background: #fff;
    box-shadow: 0 0 10px #0000001a;
    border-radius: 1rem;
    padding: 1.25rem 1rem;
    gap: 1rem;
    align-items: center
}

.connect-wallet-box .connect-wallet ul li img[data-v-d2670c1b] {
    width: 60px
}

.connect-wallet-box .connect-wallet ul li h6[data-v-d2670c1b] {
    font-size: 1.25rem;
    font-weight: 500
}

.connect-wallet-box .connect-wallet ul li button[data-v-d2670c1b] {
    background: #181818;
    border: none;
    margin-left: auto;
    color: #fff;
    cursor: pointer;
    padding: .75rem 1rem;
    border-radius: .75rem;
    font-size: 1.25rem
}

@media only screen and (max-width: 1080px) {
    .connect-wallet-box .connect-wallet[data-v-d2670c1b] {
        gap:.5rem
    }

    .connect-wallet-box .connect-wallet h4[data-v-d2670c1b] {
        font-size: 1rem
    }

    .connect-wallet-box .connect-wallet>p[data-v-d2670c1b] {
        font-size: .6rem;
        padding: .5rem 0
    }

    .connect-wallet-box .connect-wallet ul li[data-v-d2670c1b] {
        gap: .5rem;
        padding: .5rem
    }

    .connect-wallet-box .connect-wallet ul li img[data-v-d2670c1b] {
        width: 45px
    }

    .connect-wallet-box .connect-wallet ul li h6[data-v-d2670c1b] {
        font-size: .75rem
    }

    .connect-wallet-box .connect-wallet ul li button[data-v-d2670c1b] {
        padding-left: .5rem;
        padding: .5rem .75rem;
        font-size: .75rem;
        border-radius: .5rem
    }
}

[data-v-80a4768c] .el-dialog {
    padding: 24px;
    border-radius: 16px;
    border: 2px solid #000000
}

[data-v-80a4768c] .el-dialog .el-dialog__header,[data-v-80a4768c] .el-dialog .el-dialog__footer {
    padding: 0
}

[data-v-80a4768c] .el-input--small .el-input__wrapper {
    padding: 1px 12px
}

[data-v-80a4768c] .el-input__inner {
    font-size: 14px;
    color: #000!important
}

[data-v-80a4768c] .el-switch__action {
    border: 1px solid #000
}

.el-dialog__header[data-v-80a4768c] {
    display: none!important
}

.settings-connect[data-v-80a4768c] {
    position: relative;
    display: flex;
    flex-direction: column
}

.close[data-v-80a4768c] {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.close img[data-v-80a4768c] {
    width: 24px;
    height: 24px
}

.settings-connect h6[data-v-80a4768c] {
    text-align: start;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.settings-slippage-list[data-v-80a4768c] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0
}

.settings-slippage-item[data-v-80a4768c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 30%;
    gap: 4px;
    height: 36px;
    border-radius: 8px;
    background: #f2f3f7;
    cursor: pointer
}

.settings-fee-item[data-v-80a4768c] {
    height: 72px
}

.settings-slippage-item[data-v-80a4768c]:hover {
    border: 1px solid #000
}

.settings-fee-item span[data-v-80a4768c] {
    font-size: 16px;
    font-family: Inter-Medium
}

.settings-fee-item p[data-v-80a4768c] {
    font-size: 14px;
    line-height: 16px
}

.settings-slippage-item span[data-v-80a4768c] {
    font-size: 16px;
    line-height: 20px
}

.settings-connect-input[data-v-80a4768c] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.settings-connect-input[data-v-80a4768c]:nth-child(6) {
    margin-bottom: 16px
}

.settings-connect-input .el-input[data-v-80a4768c] {
    width: 100%;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #f2f3f7
}

.settings-connect-input span[data-v-80a4768c] {
    position: absolute;
    right: 16px;
    font-size: 14px
}

.settings-connet-buttons[data-v-80a4768c] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 32px
}

.settings-connet-button[data-v-80a4768c] {
    flex: 1 1 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    cursor: pointer;
    height: 38px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000;
    box-shadow: 2px 2px #000
}

.settings-connet-button[data-v-80a4768c]:last-child {
    background: #000
}

.settings-connet-button:last-child span[data-v-80a4768c] {
    color: #fff
}

.settings-connet-button[data-v-80a4768c]:active {
    transform: translate(2px,2px);
    box-shadow: none
}

.settings-connet-button img[data-v-80a4768c] {
    width: 20px;
    height: 20px
}

.settings-connet-button span[data-v-80a4768c] {
    font-size: 16px;
    line-height: 20px
}

[data-v-61a01793] .el-dialog {
    border-radius: 16px;
    border: 2px solid #000000
}

[data-v-61a01793] .el-dialog .el-dialog__header,[data-v-61a01793] .el-dialog .el-dialog__footer {
    padding: 0
}

.el-dialog__header[data-v-61a01793] {
    display: none!important
}

.connect-chain-box[data-v-61a01793] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.connect-chain-box h5[data-v-61a01793] {
    text-align: start;
    font-size: 16px;
    line-height: 24px
}

.connect-chain-item[data-v-61a01793] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px;
    border-radius: 12px;
    cursor: pointer
}

.connect-chain-item[data-v-61a01793]:hover {
    background: #caff04
}

.connect-chain-item img[data-v-61a01793] {
    width: 40px;
    height: 40px
}

.connect-chain-item span[data-v-61a01793] {
    font-size: 16px;
    line-height: 24px
}

.msg-tip-box[data-v-4ede2f13] {
    position: fixed;
    z-index: 999;
    top: 100px;
    left: calc(50% - 100px);
    border-radius: 40px;
    background: #9d68ff;
    border: 2px solid #000
}

.msg-tip[data-v-4ede2f13] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 300px;
    padding: 10px 16px;
    border-radius: 40px;
    border: 2px solid #000;
    background: #fff;
    transform: translate(-4px,-4px)
}

.msg-tip-text[data-v-4ede2f13] {
    display: flex;
    align-items: center
}

.msg-tip-text span[data-v-4ede2f13] {
    font-size: 14px;
    line-height: 16px
}

.msg-tip-text p[data-v-4ede2f13] {
    font-size: 14px;
    line-height: 16px;
    color: #00b242
}

.msg-tip-icon[data-v-4ede2f13] {
    width: 36px;
    height: 36px
}

.msg-tip-gif[data-v-4ede2f13] {
    width: 40px;
    height: 40px
}

.msg-tip-img[data-v-4ede2f13] {
    width: 16px;
    height: 16px;
    margin-left: auto;
    cursor: pointer
}

.waiting[data-v-4ede2f13],.await[data-v-4ede2f13] {
    color: #000
}

.success[data-v-4ede2f13] {
    color: #67c23a
}

.error[data-v-4ede2f13] {
    color: #f56c6c
}

.overtime[data-v-4ede2f13] {
    color: #9aa0aa
}

.premiun-connect-box[data-v-43cb181f] {
    position: absolute;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding: 1rem;
    background: #0003;
    display: flex;
    justify-content: center;
    align-items: center
}

.premiun-connect[data-v-43cb181f] {
    position: relative;
    width: 920px;
    height: 648px;
    padding: 64px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.premiun-close[data-v-43cb181f] {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    cursor: pointer;
    transition: all .3s
}

.premiun-close img[data-v-43cb181f] {
    width: 24px;
    height: 24px
}

.premiun-close[data-v-43cb181f]:hover {
    transform: translate(3px,3px);
    box-shadow: none
}

.premiun-content[data-v-43cb181f] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 22px;
    background: #caff04;
    border-radius: 16px;
    border: 2px solid #000000;
    overflow: hidden
}

.premiun-content-title[data-v-43cb181f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 300px
}

.premiun-content-title span[data-v-43cb181f] {
    padding: 2px 12px;
    font-size: 20px;
    line-height: 24px;
    border-radius: 14px;
    font-family: Inter-Medium;
    background: #fff
}

.premiun-content-title img[data-v-43cb181f] {
    width: 32px;
    height: 32px
}

.premiun-content-price[data-v-43cb181f] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    max-width: 40%;
    padding: 12px 0 24px;
    border-bottom: 1px solid #70706d
}

.premiun-content-price h6[data-v-43cb181f] {
    font-size: 48px;
    line-height: 56px;
    font-family: Inter-Bold
}

.premiun-content-price span[data-v-43cb181f] {
    font-size: 14px;
    line-height: 32px;
    font-family: Inter-Light
}

.premiun-content-list[data-v-43cb181f] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 0
}

.premiun-content-item[data-v-43cb181f] {
    display: flex;
    align-items: center;
    gap: 16px
}

.premiun-content-item img[data-v-43cb181f] {
    width: 16px;
    height: 16px
}

.premiun-content-item span[data-v-43cb181f] {
    font-size: 16px;
    line-height: 20px
}

.payment-connet[data-v-43cb181f] {
    position: absolute;
    top: 0;
    right: 0;
    width: 442px;
    height: 100%;
    padding: 24px 32px;
    background: #fff;
    border-radius: 14px;
    border-left: 2px solid #000
}

.payment-connet>h6[data-v-43cb181f] {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.payment-connet-code[data-v-43cb181f] {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.payment-connet-code span[data-v-43cb181f] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.payment-connet-list[data-v-43cb181f] {
    display: flex;
    gap: 8px;
    margin-bottom: 48px
}

.payment-connet-item[data-v-43cb181f] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 50%;
    height: 36px;
    border-radius: 8px;
    font-size: 16px;
    color: #000;
    font-family: Inter-Medium;
    background: #f2f3f7;
    cursor: pointer;
    border: 1px solid transparent
}

.payment-connet-item[data-v-43cb181f]:hover,.payment-connet-cur[data-v-43cb181f] {
    border: 1px solid #000000
}

.payment-connet-input[data-v-43cb181f] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    margin-bottom: 48px
}

.payment-connet-input-info[data-v-43cb181f] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px
}

.payment-connet-input-info input[data-v-43cb181f] {
    width: 100%;
    height: 100%;
    padding: 0 32px 0 12px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #f2f3f7
}

.payment-connet-input-info>img[data-v-43cb181f] {
    position: absolute;
    right: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.payment-connet-input input[data-v-43cb181f]:focus {
    outline: 2px solid #caff04
}

.payment-connet-input input[data-v-43cb181f]::placeholder {
    color: #ccc
}

.payment-connet-info[data-v-43cb181f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.payment-connet-info span[data-v-43cb181f] {
    font-size: 14px;
    line-height: 16px;
    font-family: Inter-Light
}

.payment-connet-info h6[data-v-43cb181f] {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold
}

.payment-connet-input-wrap[data-v-43cb181f] {
    display: flex;
    align-items: center;
    gap: 8px
}

.payment-connet-input-wrap img[data-v-43cb181f] {
    width: 24px;
    height: 24px
}

.payment-connet-input-wrap span[data-v-43cb181f] {
    font-size: 16px;
    line-height: 20px
}

.payment-btn-box button[data-v-43cb181f] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 4px);
    height: 36px;
    border-radius: 8px;
    border: 2px solid #000000;
    background: #000;
    font-size: 16px;
    color: #fff;
    transform: translate(-6px,-6px);
    cursor: pointer;
    transition: all .3s
}

.payment-btn-box button[data-v-43cb181f]:hover {
    transform: translate(-2px,-2px)
}

.member-connect-box[data-v-30f9181e] {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding: 1rem;
    background: #0003;
    display: flex;
    justify-content: center;
    align-items: center
}

.member-connect[data-v-30f9181e] {
    position: relative;
    width: 1280px;
    height: 740px;
    padding: 50px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #000000
}

.member-close[data-v-30f9181e] {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    box-shadow: 3px 3px #000;
    border-radius: 8px;
    border: 2px solid #000000;
    cursor: pointer;
    transition: all .3s;
    background: #fff
}

.member-close img[data-v-30f9181e] {
    width: 24px;
    height: 24px
}

.member-close[data-v-30f9181e]:hover {
    transform: translate(3px,3px);
    box-shadow: none
}

.member-connect>h2[data-v-30f9181e] {
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    font-family: Inter-Bold
}

.member-connect>h3[data-v-30f9181e] {
    text-align: center;
    margin: 8px 0 30px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.member-content[data-v-30f9181e] {
    display: flex;
    gap: 20px
}

.member-content-wrap[data-v-30f9181e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 528px;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    border: 2px solid #000000;
    cursor: pointer;
    transition: .1s all
}

.member-content-wrap[data-v-30f9181e]:hover {
    transform: translate(-3px,-3px);
    box-shadow: 3px 3px #000
}

.member-content-wrap[data-v-30f9181e]:nth-child(2) {
    background: #caff04
}

.member-content-wrap[data-v-30f9181e]:nth-child(3) {
    background: #dbc4ff
}

.member-content-wrap>h6[data-v-30f9181e] {
    width: fit-content;
    padding: 2px 12px;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium;
    background: #fff;
    border-radius: 14px
}

.member-content-price[data-v-30f9181e] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding: 12px 0 20px;
    border-bottom: 1px solid #70706d
}

.member-content-price h6[data-v-30f9181e] {
    font-size: 48px;
    line-height: 56px;
    font-family: Inter-Bold
}

.member-content-price span[data-v-30f9181e] {
    font-size: 14px;
    line-height: 32px;
    font-family: Inter-Light
}

.member-content-list[data-v-30f9181e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 0
}

.member-content-item[data-v-30f9181e] {
    display: flex;
    align-items: center;
    gap: 16px
}

.member-content-item img[data-v-30f9181e] {
    width: 16px;
    height: 16px
}

.member-content-item span[data-v-30f9181e] {
    font-size: 16px;
    line-height: 20px
}

.member-content-wrap>button[data-v-30f9181e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    font-size: 20px;
    color: #000;
    border-radius: 8px;
    border: 2px solid #000000;
    font-family: Inter-Medium;
    background: #fff;
    cursor: pointer
}

.member-content-wrap>button[data-v-30f9181e]:hover {
    background: #000;
    color: #fff
}

.member-content-wrap>button[disabled][data-v-30f9181e] {
    cursor: not-allowed;
    color: #000;
    background: #fff
}

.window-box[data-v-4c7dd293] {
    display: flex;
    width: 100%;
    height: 100dvh;
    flex-direction: column;
    position: relative;
    background: #fff
}

.window-box .main-box[data-v-4c7dd293] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    z-index: 10
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul,li {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

*,*:before,*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: 400
}

a,a:hover,a:visited,a:active {
    color: inherit;
    text-decoration: none
}

body {
    scroll-behavior: smooth
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

:root {
    --theme-color: #000;
    --theme-bac: #ffffff;
    --theme-bac1: #fffffd
}

.dark {
    --theme-color: #ffffff;
    --theme-bac: #000;
    --theme-bac1: #000
}

.el-dropdown__popper .el-popper__arrow:before {
    display: none!important;
    opacity: 0
}

.el-popper__arrow:before {
    border: 2px solid #000!important
}

.el-popper {
    border: 2px solid #000!important;
    box-shadow: none!important;
    background-color: #fff!important;
    border-radius: 8px!important;
    color: #000!important
}

sub {
    line-height: 0;
    font-size: .6em;
    vertical-align: unset
}

.el-message {
    border-radius: 8px!important;
    border: 2px solid #000000!important;
    background-color: #fff!important
}

.el-message .el-icon svg {
    display: none
}

.el-message .el-message-icon--success {
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.el-message .el-message-icon--error {
    width: 24px;
    height: 24px;
    background-image: url(/assets/icon_cry-DJN4Gc4E.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.el-message .el-message__content {
    font-size: 14px;
    color: #000!important;
    font-family: Inter-Regular
}

.el-dialog {
    border-radius: 8px!important;
    border: 2px solid #000000
}

.animate__up {
    animation: gradientUpChange .8s
}

.animate__down {
    animation: gradientDownChange .8s
}

@keyframes gradientUpChange {
    0% {
        background-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#fff,#daf5ed);
        background: -webkit-linear-gradient(#fff,#daf5ed);
        background: -moz-linear-gradient(#fff,#daf5ed);
        background: -o-linear-gradient(#fff,#daf5ed)
    }

    40% {
        background: linear-gradient(90deg,#fff,#daf5ed);
        background: -webkit-linear-gradient(#fff,#daf5ed);
        background: -moz-linear-gradient(#fff,#daf5ed);
        background: -o-linear-gradient(#fff,#daf5ed)
    }

    60% {
        background: linear-gradient(90deg,#fff,#daf5ed);
        background: -webkit-linear-gradient(#fff,#daf5ed);
        background: -moz-linear-gradient(#fff,#daf5ed);
        background: -o-linear-gradient(#fff,#daf5ed)
    }

    80% {
        background: linear-gradient(90deg,#fff,#daf5ed);
        background: -webkit-linear-gradient(#fff,#daf5ed);
        background: -moz-linear-gradient(#fff,#daf5ed);
        background: -o-linear-gradient(#fff,#daf5ed)
    }

    to {
        background-color: transparent
    }
}

@keyframes gradientDownChange {
    0% {
        background-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#fff,#ffe9ea);
        background: -webkit-linear-gradient(90deg,#fff,#ffe9ea);
        background: -moz-linear-gradient(90deg,#fff,#ffe9ea);
        background: -o-linear-gradient(90deg,#fff,#ffe9ea)
    }

    40% {
        background: linear-gradient(90deg,#fff,#ffe9ea);
        background: -webkit-linear-gradient(90deg,#fff,#ffe9ea);
        background: -moz-linear-gradient(90deg,#fff,#ffe9ea);
        background: -o-linear-gradient(90deg,#fff,#ffe9ea)
    }

    60% {
        background: linear-gradient(90deg,#fff,#ffe9ea);
        background: -webkit-linear-gradient(90deg,#fff,#ffe9ea);
        background: -moz-linear-gradient(90deg,#fff,#ffe9ea);
        background: -o-linear-gradient(90deg,#fff,#ffe9ea)
    }

    80% {
        background: linear-gradient(90deg,#fff,#ffe9ea);
        background: -webkit-linear-gradient(90deg,#fff,#ffe9ea);
        background: -moz-linear-gradient(90deg,#fff,#ffe9ea);
        background: -o-linear-gradient(90deg,#fff,#ffe9ea)
    }

    to {
        background-color: transparent
    }
}

@keyframes animate__fadeIn {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes animate__flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@font-face {
    font-family: Inter-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Inter-Regular"), local("Inter Regular"), local("Inter")
}

@font-face {
    font-family: Inter-Light;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Inter-Light"), local("Inter Light"), local("Inter")
}

@font-face {
    font-family: Inter-Medium;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Inter-Medium"), local("Inter Medium"), local("Inter")
}

@font-face {
    font-family: Inter-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Inter-Bold"), local("Inter Bold"), local("Inter")
}

@font-face {
    font-family: Roboto-Mono;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0-BF1a1X2c.woff2) format("woff2")
}

html,body {
    font-family: Inter-Regular;
    background: #fff
}

::selection {
    background: #caff04
}

.up {
    color: #31bd65!important
}

.down {
    color: #eb4b6d!important
}

.container-hover {
    flex: 1;
    position: relative;
    border-radius: 8px;
    background: #df495f;
    border: 2px solid #000000
}

.container-hover-item {
    transition: transform .1s cubic-bezier(.01,.96,.52,.99)
}

.container-hover-item:hover {
    transform: translate(-6px,-6px)
}

.menu_list {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 6px 8px;
    border-radius: 8px;
    border: 2px solid #000
}

.menu_list .menu_item {
    padding: 2px 18px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 6px;
    cursor: pointer
}

.menu_list .menu_cur {
    color: #000;
    background: #caff04
}

.default-avatar {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10%;
    background: #fff
}

.blur {
    filter: blur(10px);
    pointer-events: none
}

.blur-connect {
    position: fixed;
    left: 50%;
    z-index: 2;
    bottom: 36px;
    display: flex;
    justify-content: center;
    gap: 4px;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #000;
    background: #fff;
    transform: translate(-50%)
}

.blur-connect h6 {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Bold;
    cursor: pointer
}

.blur-connect h6:after {
    position: absolute;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 12px;
    bottom: 0;
    background: #caff04
}

.blur-connect span {
    font-size: 20px;
    line-height: 24px;
    font-family: Inter-Medium
}

.filter-action {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2px) scaleY(0.94);
    transform-origin: top right;
    transition: opacity .32s ease-out,transform .32s ease-out,visibility .32s ease-out;
    width: 310px;
}

.filter-container:hover .filter-action,
.filter-action:hover {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scaleY(1);
}

/** test css 筛选框调试时使用**/
/*.filter-action {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
}*/

.pagination {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-btn.disabled {
    color: #aaa;
    background-color: #eee;
    pointer-events: none;
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.mobile-product-info-name {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-home-product-info-name {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-product-info-like {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.mobile-product-info-title {
    display: flex;
    height: 100px;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.mobile-product-info-title-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}

.mobile-product-info-tags {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.mobile-product-info-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
}

.mobile-week-item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

.mobile-home-filter-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.mobile-home-filter-item-ext {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.mobile-home-filter-items {
    z-index: 3008;
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    height: 510px;
    border-radius: 24px 24px 0 0;
    border-top: 1px solid #ebebeb;
}

.mobile-home-trend-content {
    display: flex;
    gap: 10px;
    width: 100%;
}

.mobile-home-trend-item {
    position: relative;
    width: 48%;
    padding: 5px;
    border: 2px solid #000;
    border-radius: 8px;
    background: #fff;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99);
}

.mobile-home-trend-item .mobile-trend-item-like {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.mobile-home-trend-item .mobile-trend-item-banner {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    text-align: center;
}

.mobile-home-trend-item .mobile-trend-item-info {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    top: 120px;
}

.mobile-home-trend-item .mobile-trend-item-title {
    max-width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-home-trend-item .mobile-trend-item-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
    height: 35px;
}

.mobile-home-trend-item .mobile-trend-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.mobile-home-trend-item .mobile-trend-wrap-price span {
    font-size: 16px;
    line-height: 18px;
    color:#048aff;
    font-weight: bold;
}

.mobile-home-trend-item .mobile-trend-range {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 8px 8px;
    background: #caff04;
    border-radius: 30px
}

.mobile-home-trend-item .mobile-trend-range img {
    width: 20px;
    height: 20px
}

.mobile-home-trend-item .mobile-trend-range span {
    font-weight: bold;
}

.mobile-home-product-card {
    position: relative;
    width: 100%;
    padding: 10px;
    border: 1px solid rgb(209,209,209);
    border-radius: 8px;
    background: #fff;
    transition: transform .1s cubic-bezier(.01,.96,.52,.99);
}

.mobile-home-product-like {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
}

.m-home-product-card {
    position: relative;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #000000;
    background: #caff042e;
    margin-bottom: 20px;
    width: 95%;
}

.m-home-product-card:first-child {
    margin-top: 10px;
}

.m-home-product-card-box {
    border-radius: 8px;
    border: 1px solid #000000;
}

.m-home-product-avatar-img {
    width: 100px;
    height: 100px;
    font-size: 14px;
}

.m-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 2.5%;
}

.m-container {
    padding: 4px 0 0 4px;
}

.m-container-content {
    position: relative;
    cursor: pointer;
    width: 88px;
    height: 40px;
    border-radius: 10px;
    background: #000;
}

.m-container-wrap {
    position: absolute;
    left: -4px;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 2;
    overflow: hidden;
    background: #fff;
    border: 2px solid #000;
    transition: left .1s ease, top .1s ease;
}

.m-container .m-container-wrap span {
    font-size: 14px;
    color: #000;
}

.m-cur-page {
    display: flex;
    align-items: center;
}

.product-card-tags {
    display: flex;
    position: absolute;
    top: -14px;
    left: 5px;
    gap: 5px;
}

.m-home-product-card-tags {
    display: flex;
    position: absolute;
    top: -12px;
    left: 5px;
    gap: 5px;
}

.m-search-title {
    display: flex;
    align-items: center;
}

.m-search-title h2 {
    font-size: 16px;
    line-height: 20px;
    margin-right: 10px;
}

.m-search-keyword {
    text-decoration: underline;
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    line-height: 14px;
}

/* 电脑端 */
@media only screen and (min-width: 1304px) {
    .m-home-product-card {
        width: 24%;
    }

    .pump-box[data-v-69f522d2] {
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: unset;
        padding: 20px
    }
}

/* 大平板 */
@media only screen and (max-width: 1303px) {
    .m-home-product-card {
        width: 33%;
    }

    .pump-box[data-v-69f522d2] {
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: unset;
        flex: 0;
        padding: 20px
    }
}

/* 小平板 */
@media only screen and (max-width: 820px) {
    .m-home-product-card {
        width: 49%;
    }

    .pump-box[data-v-69f522d2] {
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: unset;
        padding: 20px
    }
}

/* 手机 */
@media only screen and (max-width: 540px) {
    .m-home-product-card {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .pump-box[data-v-69f522d2] {
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: unset;
    }
}