.itoken-my-page .wrapper[data-v-7955a0bd] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.itoken-my-page .withdraw-channel[data-v-7955a0bd] {
    padding: 4.10256vw
}

.itoken-my-page .withdraw-channel[data-v-7955a0bd] .van-cell-group {
    background-color: transparent
}

.itoken-my-page .recharge-type .checked[data-v-7955a0bd] {
    border: 1px solid #f0c320 !important
}

.itoken-my-page .recharge-type .type-item[data-v-7955a0bd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5641vw 4.10256vw;
    border-radius: 1.53846vw;
    margin-bottom: 4.10256vw;
    border: 1px solid #575f6c
}

.itoken-my-page .recharge-type .type-item[data-v-7955a0bd] .van-radio__label {
    color: #fff
}

.itoken-my-page .recharge-type .type-item span[data-v-7955a0bd] {
    font-size: 3.58974vw;
    font-weight: 700;
    color: #fff
}

.itoken-my-page .invite-user-dialog[data-v-7955a0bd] {
    width: 90vw;
    height: 76.66667vw;
    background: url(/assets/invite-user-dialog-fe959a8f.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 30vw 5.12821vw 5.12821vw
}

.itoken-my-page .invite-user-dialog .title[data-v-7955a0bd] {
    font-size: 3.58974vw
}

.itoken-my-page .invite-user-dialog .invite-link[data-v-7955a0bd] {
    margin: 2.5641vw 0 7.69231vw;
    background: #171e26;
    border-radius: 1.28205vw;
    padding: 4.87179vw 3.58974vw;
    overflow: hidden;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-overflow: ellipsis
}

.itoken-my-page .service-box[data-v-7955a0bd] {
    position: relative;
    padding: 2.5641vw 3.84615vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 79.48718vw;
    min-height: 55.89744vw;
    background: url(/assets/service-bg-ab59c4d5.png) no-repeat;
    background-size: 100% 100%
}

.itoken-my-page .service-box .service-close[data-v-7955a0bd] {
    position: absolute;
    right: 0;
    top: -2.5641vw;
    z-index: 100
}

.itoken-my-page .service-box .service-content[data-v-7955a0bd] {
    padding: 0 0 5.12821vw;
    color: #fff;
    text-align: center
}

.itoken-my-page .service-box .service-footer[data-v-7955a0bd] .van-button {
    font-size: 3.84615vw;
    color: #202630
}

.itoken-my-page .service-box .service-footer .btn-icon[data-v-7955a0bd] {
    width: 4.61538vw;
    height: 4.61538vw;
    margin-right: 1.28205vw
}

.itoken-my-page .page-content[data-v-7955a0bd] {
    padding: 7.69231vw 3.58974vw;
    color: #fff;
    font-size: 3.07692vw
}

.itoken-my-page .page-content .user-info[data-v-7955a0bd] {
    display: flex;
    align-items: center
}

.itoken-my-page .page-content .user-info .avatar[data-v-7955a0bd] {
    width: 15.89744vw;
    height: 15.89744vw;
    border-radius: 50%;
    margin-right: 4.61538vw
}

.itoken-my-page .page-content .user-info .info-box[data-v-7955a0bd] {
    flex: 1
}

.itoken-my-page .page-content .user-info .info-box .user-name[data-v-7955a0bd] {
    display: flex
}

.itoken-my-page .page-content .user-info .info-box .user-name .u-name[data-v-7955a0bd] {
    font-size: 4.35897vw;
    margin-right: auto;
    max-width: 51.28205vw
}

.itoken-my-page .page-content .user-info .info-box .vip-box[data-v-7955a0bd] {
    margin-top: 4.87179vw;
    height: 6.15385vw;
    width: 15.38462vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABYCAMAAADIvUs/AAAAAXNSR0IArs4c6QAAAbNQTFRFAAAAAAAAgAAAQEAAMzMzKioqGjMzTTMaKCg2QzYbQ0MbJiYzST0YJC4uJC43SUASRDwaJSouJSozQTwcSjwXKSkyRz4VRj4XIyk0JikxIig0RTwXJSszJisxQjwaSD4VJCgzKCowQTsZJisxQjwZSD4XJCkzJisyRj4WIykzJSoxRD0ZRT0WIygyIyoyRTwXRTwZJSoyJCoyJysvQTobST4VJCoyRz0XRj0XIysyJCoyIykzSD4VKCwvQTobSD4VJiswQzwaIykzIykzRDwYRz4WJSoxKCwuQDobRDwYSD4WIykzSD4VIykzJisxKCwvPzocRz4WIykzQzwaIykzJCkyJCoyJSoxJSoyJiswJisxJyswKCwvKSwuKS0uKi0tKi0uKy0tKy4sLC4sLS8rLi8qLjAqLzApLzAqMDApMDEoMTEoMjInMzImNDMlNDMmNTMlNTQkNjQkNzQjNzUjODUiOTYhOjYgOjYhOzcfOzcgPDcfPDgfPTgePjgdPjkdPzkcPzkdQDobQDocQTobQjsaQzsaQzwZRDwYRDwZRT0XRT0YRj0WRj0XRz4WSD4VSD4WFe1oZQAAAFR0Uk5TAAICBAUGCgoTExMUFRwcHB43Nzc3OFZXWFhZWVp4eHh5eXmHh4eIlZWXl5eXmJiYmJmsrKyssbGztLbS0tPT4uPj5Ovr6+zs7O3t7vj5+fn5+fr6OLe/tAAAAcFJREFUGBnlwQc7FAAcx/Hv3dkyQqgIGVFGtrK37HGdclcqRwMNZZY0rBT1ksOD5+7BC/D/fT4EcSZlVNZ19/694Hq76yozkpycJy638Z8hjblxnCUqf2jPmKH8KE5Jbt8zqD2FYK7CP0YVuggQXrNrVk04J1zVu4ZVuzhWsmNaCUdSfht3nUORbdvGPbjEgTu/zLvLvviRLfNG4oGcLQE54GzeFNDsJHFDQiI3NyTcoGJdQgUN6xIa6PohoYvBnxIG+SaC7yJYE8FXEayKYFUEX0TwWQTLIlgRwaIIlkSwIIIFEcyLYF4En0TwUQRzIpgTwQcRvBfBWxG8E8GsCGZFMCOCGRFMi2BaBG9E8FoEL0XwSgRTIpgUgV8EfhH4RTAhggkRvBDBcxGMi2BcBM9E8FQET0Qw4JMwQKdPQif1Pgn1lHsllJPllZDOFa+EyziaHgtockD2mIBsIKZ/zLz+GPbdGjXvNgciOkaN64jg0NVHxqVxpNhjWinHQqs8hlWFciLsvsese2EECCl6aFRRCMFSW90GtV7jlOiCPrcxfQXRnCU2r8VtSEteLOdxJGSW1fYMuy+44Z7asswEB4H+A2V7DF80lLoNAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.itoken-my-page .page-content .user-info .info-box .vip-box .zs[data-v-7955a0bd] {
    width: 3.07692vw;
    margin-right: .76923vw
}

.itoken-my-page .page-content .user-info .info-box .vip-box span[data-v-7955a0bd] {
    color: #f4c521
}

.itoken-my-page .page-content .wallet-card[data-v-7955a0bd] {
    margin: 4.61538vw 0 6.66667vw;
    background: url(/assets/wallet-bg-9cb9e013.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 2.5641vw
}

.itoken-my-page .page-content .wallet-card .card-top[data-v-7955a0bd] {
    padding: 2.5641vw;
    display: flex;
    justify-content: space-between
}

.itoken-my-page .page-content .wallet-card .card-top .wallet-no[data-v-7955a0bd] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.itoken-my-page .page-content .wallet-card .card-top .wallet-no .w-label[data-v-7955a0bd] {
    flex-shrink: 0
}

.itoken-my-page .page-content .wallet-card .card-top .wallet-no p[data-v-7955a0bd] {
    margin-right: 2.05128vw;
    max-width: 56.41026vw
}

.itoken-my-page .page-content .wallet-card .card-top .wallet-no .m-w[data-v-7955a0bd] {
    max-width: 74.35897vw
}

.itoken-my-page .page-content .wallet-card .card-top .wallet-no img[data-v-7955a0bd] {
    flex-shrink: 0;
    width: 2.5641vw;
    height: 2.5641vw
}

.itoken-my-page .page-content .wallet-card .card-top .to-bind[data-v-7955a0bd] {
    display: flex;
    align-items: center
}

.itoken-my-page .page-content .wallet-card .card-top .to-bind span[data-v-7955a0bd] {
    color: #8892a1
}

.itoken-my-page .page-content .wallet-card .card-bottom[data-v-7955a0bd] {
    border-top: 1px solid #424a57;
    padding: 4.61538vw 0;
    display: flex
}

.itoken-my-page .page-content .wallet-card .card-bottom .can-use-amount[data-v-7955a0bd] {
    width: 60%;
    text-align: center
}

.itoken-my-page .page-content .wallet-card .card-bottom .can-use-amount .amount[data-v-7955a0bd] {
    font-weight: 500;
    font-size: 6.41026vw
}

.itoken-my-page .page-content .wallet-card .card-bottom .can-use-amount .label[data-v-7955a0bd] {
    margin-top: 3.84615vw;
    font-size: 2.5641vw;
    color: #8892a1
}

.itoken-my-page .page-content .wallet-card .card-bottom .wallet-btns[data-v-7955a0bd] {
    flex: 1;
    padding: 0 2.5641vw
}

.itoken-my-page .page-content .wallet-card .card-bottom .wallet-btns .van-green-btn[data-v-7955a0bd] {
    margin-top: 3.58974vw
}

.itoken-my-page .page-content .navigation-menu[data-v-7955a0bd] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.itoken-my-page .page-content .navigation-menu .menu-item[data-v-7955a0bd] {
    width: 33.33%;
    margin-bottom: 6.41026vw;
    text-align: center
}

.itoken-my-page .page-content .navigation-menu .menu-item img[data-v-7955a0bd] {
    width: 17.94872vw;
    height: 17.94872vw
}

.itoken-my-page .page-content .navigation-menu .menu-item p[data-v-7955a0bd] {
    margin-top: 3.07692vw
}