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

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

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

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

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

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

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

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-0b1207d3] {
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-bb2a3c30] {
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

.my-rank[data-v-4b876784] {
    display: flex;
    align-items: center;
    border-radius: var(--card-radius);
    padding: 10px;
    background-image: linear-gradient(160deg, #5b9ae4, #062e96 101.83%)
}

.rank-list .rank-item[data-v-4b876784] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--radius);
    background: #5168a080;
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    position: relative;
    padding: 10px
}

.rank-list .rank-item[data-v-4b876784]:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: var(--radius);
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: 1px solid #6964e5;
    background: linear-gradient(transparent, transparent 20%, #6964e5);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-4b876784] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.my-rank[data-v-3fbc45d2] {
    display: flex;
    align-items: center;
    border-radius: var(--card-radius);
    padding: 10px;
    background-image: linear-gradient(160deg, #5b9ae4, #062e96 101.83%)
}

.rank-list .rank-item[data-v-3fbc45d2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--radius);
    background: #5168a080;
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    position: relative;
    padding: 10px
}

.rank-list .rank-item[data-v-3fbc45d2]:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: var(--radius);
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: 1px solid #6964e5;
    background: linear-gradient(transparent, transparent 20%, #6964e5);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-3fbc45d2] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

.my-rank[data-v-a34a5cf4] {
    display: flex;
    align-items: center;
    border-radius: var(--card-radius);
    padding: 10px
}

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

.rank-list .rank-item[data-v-a34a5cf4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--card-radius);
    color: var(--primary)
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-a34a5cf4] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.my-rank[data-v-036f55f4] {
    display: flex;
    align-items: center;
    border-radius: var(--card-radius);
    padding: 10px
}

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

.rank-list .rank-item[data-v-036f55f4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-radius: var(--radius);
    color: var(--primary)
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-036f55f4] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.airdrop-rank-wrap[data-v-467b7177] {
    position: relative;
    padding-top: var(--mg);
    padding-left: var(--mg);
    padding-right: var(--mg);
    padding-bottom: calc(var(--tabbar-height) + 30px)
}

.my-rank[data-v-fa4bf46c] {
    display: flex;
    align-items: center;
    border-radius: var(--radius);
    padding: 10px
}

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

.rank-list .rank-item[data-v-fa4bf46c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 12px;
    border-radius: var(--radius);
    color: var(--primary)
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-fa4bf46c] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.my-rank[data-v-a6c663da] {
    display: flex;
    align-items: center;
    border-radius: var(--radius);
    padding: 10px
}

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

.rank-list .rank-item[data-v-a6c663da] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 12px;
    border-radius: var(--radius);
    color: var(--primary)
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-a6c663da] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

.my-rank[data-v-a1ed7a8b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    background: var(--bg-deep-card);
    box-shadow: inset -1px 2px 2px #0003;
    border-radius: var(--radius);
    padding: 10px
}

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

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

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

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

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

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-a1ed7a8b] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.my-rank[data-v-05da2f80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    border-radius: var(--radius);
    padding: 10px
}

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

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

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

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

.rank-list .rank-item[data-v-05da2f80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-05da2f80] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

.my-rank[data-v-aefd30a8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 10px
}

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

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

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

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

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

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-aefd30a8] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.my-rank[data-v-9ee26c57] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 10px
}

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

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

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

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

.rank-list .rank-item[data-v-9ee26c57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-9ee26c57] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

.rank-list .rank-item[data-v-95b933bd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0
}

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-95b933bd] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

.rank-list .rank-item .rank-item-left .name[data-v-e66845b9] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

.airdrop-rank-wrap[data-v-2f3e5a00],
.airdrop-rank-wrap[data-v-07341b58] {
    position: relative;
    padding-top: var(--mg);
    padding-left: var(--mg);
    padding-right: var(--mg);
    padding-bottom: calc(var(--tabbar-height) + 10px)
}