.head[data-v-96903944] {
    padding: .32rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.head .img[data-v-96903944] {
    flex: 0 0 auto;
    margin-right: .24rem;
    width: 1.16rem;
    height: 1.16rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    overflow: hidden
}

.head .info[data-v-96903944] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.head .info .name[data-v-96903944] {
    width: 100%;
    color: #fff;
    font-size: .36rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1em
}

.head .info .invite[data-v-96903944] {
    width: 100%;
    margin-top: .18rem;
    color: #fff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    display: flex;
    align-items: center
}

.head .info .invite span[data-v-96903944] {
    margin-left: .1rem;
    flex: 0 0 auto
}

.head .info .invite img[data-v-96903944] {
    width: .22rem;
    vertical-align: middle;
    margin-left: .16rem
}

.head .icon[data-v-96903944] {
    flex: 0 0 auto;
    height: 1.16rem;
    padding-left: .2rem;
    display: flex;
    align-items: center
}

.head .icon[data-v-96903944] .van-icon {
    color: #27313c;
    font-weight: 700
}

.popup-content[data-v-0f312e17] {
    width: 6.4rem;
    padding: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.popup-content img[data-v-0f312e17] {
    width: auto;
    height: 4rem
}

.popup-content .on[data-v-0f312e17] {
    margin-top: .32rem
}

.invite-level[data-v-f0d09d64] {
    border-radius: .24rem .24rem 0 0;
    background: url(/img/level_bg-CWokTXP2.png) no-repeat top right;
    background-size: 100% 100%;
    margin-bottom: .16rem
}

.invite-level .invite[data-v-f0d09d64] {
    padding: .32rem .44rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .32rem;
    background: linear-gradient(90deg, #00c2ff, #007ef8);
    height: .92rem
}

.invite-level .invite .left[data-v-f0d09d64] {
    color: #fff;
    font-size: .26rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.invite-level .invite .left img[data-v-f0d09d64] {
    margin-right: .12rem;
    width: .28rem;
    height: .28rem;
    vertical-align: middle
}

.invite-level .level[data-v-f0d09d64] {
    padding: .12rem .28rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.invite-level .level .left[data-v-f0d09d64] {
    margin-right: .4rem;
    display: flex;
    align-items: center
}

.invite-level .level .left img[data-v-f0d09d64] {
    width: auto;
    height: 1.1rem;
    vertical-align: middle;
    object-fit: contain;
    margin-right: .12rem
}

.invite-level .level .left .vip[data-v-f0d09d64] {
    color: #0c1615;
    font-size: .4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.invite-level .level .btn[data-v-f0d09d64] {
    flex: 0 0 auto;
    padding: .16rem .24rem;
    border-radius: 1.2rem;
    background: linear-gradient(90deg, #ffac00, #ea9706);
    color: #0c1615;
    font-size: .24rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    white-space: nowrap
}

.assets[data-v-95e40e66] {
    margin-bottom: .32rem;
    overflow: hidden;
    padding: .32rem .24rem;
    background: url(/img/assetsbg-BsWPbjIy.png) center no-repeat;
    background-size: 100% 100%
}

.assets .total[data-v-95e40e66] {
    padding: .24rem .32rem
}

.assets .total .name[data-v-95e40e66] {
    color: #9db0ae;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.assets .total .val[data-v-95e40e66] {
    margin-top: .16rem;
    color: #fff;
    font-size: .4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1em
}

.assets .assets-box[data-v-95e40e66] {
    padding: .32rem .24rem;
    box-sizing: border-box;
    background: #0c16154d;
    -webkit-backdrop-filter: blur(.08rem);
    backdrop-filter: blur(.08rem)
}

.assets .assets-box .box-info[data-v-95e40e66] {
    padding: .08rem 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.assets .assets-box .box-info[data-v-95e40e66]:nth-of-type(n+2) {
    margin-top: .32rem;
    padding-top: .32rem;
    border-top: .02rem solid rgba(255, 255, 255, .1)
}

.assets .assets-box .box-info .info-item[data-v-95e40e66] {
    padding: 0 .08rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.assets .assets-box .box-info .info-item .val[data-v-95e40e66] {
    text-align: center;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    min-height: 1em
}

.assets .assets-box .box-info .info-item .name[data-v-95e40e66] {
    margin-top: .16rem;
    color: #fff9;
    text-align: center;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    display: flex;
    align-items: center
}

.flex[data-v-81bfefca] {
    padding: .32rem .28rem;
    margin-bottom: .32rem;
    justify-content: space-between;
    background: url(/img/invitebg-CWO27YAL.png) center no-repeat;
    background-size: 100% 100%
}

.flex li[data-v-81bfefca] {
    width: 48.5%;
    position: relative
}

.flex li[data-v-81bfefca]:last-child {
    text-align: right
}

.flex li:last-child .text[data-v-81bfefca] {
    padding-right: 0
}

.flex li:last-child h3[data-v-81bfefca] {
    color: #fff
}

.flex li:last-child p[data-v-81bfefca] {
    padding-left: 1rem;
    color: #8dc6bccc
}

.flex li>div[data-v-81bfefca] {
    height: 100%
}

.flex li>div>img[data-v-81bfefca] {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1.44rem
}

.flex li .text[data-v-81bfefca] {
    padding-right: 1.2rem;
    display: flex;
    flex-direction: column;
    height: 100%
}

.flex li h3[data-v-81bfefca] {
    color: #111;
    font-size: .28rem;
    font-weight: 600;
    line-height: .28rem
}

.flex li p[data-v-81bfefca] {
    color: #909090;
    font-size: .22rem;
    margin: .16rem 0 .3rem;
    flex: 1;
    line-height: .24rem
}

.flex li .arr img[data-v-81bfefca] {
    height: .2rem
}

.navs-con[data-v-78ed84b8] {
    padding: .4rem .24rem;
    margin-bottom: .32rem;
    border-radius: .16rem;
    background: #182724;
    display: flex;
    flex-wrap: wrap
}

.navs-con .item-con[data-v-78ed84b8] {
    flex: 0 0 33.3%;
    margin-top: .32rem
}

.navs-con .item-con[data-v-78ed84b8]:nth-child(-n+3) {
    margin-top: 0
}

.navs-con .item[data-v-78ed84b8] {
    text-align: center
}

.navs-con .item img[data-v-78ed84b8] {
    height: .48rem;
    vertical-align: middle
}

.navs-con .item .flexs[data-v-78ed84b8] {
    margin-top: .12rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff
}

.title[data-v-78ed84b8] {
    color: #fff;
    font-size: .3rem;
    font-style: normal;
    font-weight: 500;
    line-height: .3rem;
    margin-bottom: .24rem
}

.profile[data-v-08a3fbf0] {
    padding-bottom: .4rem
}

.logout-btn[data-v-08a3fbf0] {
    border-radius: .16rem;
    background: #182724;
    padding: .24rem;
    font-size: .3rem;
    font-weight: 500;
    color: #ff5353;
    display: flex;
    justify-content: center
}

.banner[data-v-08a3fbf0] {
    margin-bottom: .2rem
}

.bg[data-v-08a3fbf0] {
    position: absolute;
    top: -1rem;
    left: 0;
    width: 100%
}

.bg img[data-v-08a3fbf0] {
    width: 100%
}