.mine-wrap[data-v-6e65b9e1] {
    position: relative
}

.mine-wrap-content[data-v-6e65b9e1] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-6e65b9e1] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mine-wrap-content .top-info[data-v-6e65b9e1]:before {
    content: "";
    position: absolute;
    top: calc(-45px - var(--mg));
    left: calc(0px - var(--mg));
    width: calc(100% + var(--mg) * 2);
    height: 100%;
    background: var(--btn-bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    z-index: -1
}

.mine-wrap-content .top-info .avatar[data-v-6e65b9e1] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-6e65b9e1] {
    margin-top: 8px;
    font-size: 20px;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .user-info .level[data-v-6e65b9e1] {
    margin-left: 10px;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-number[data-v-6e65b9e1] {
    margin-top: var(--mg);
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--text-white);
    color: var(--text-black);
    border-radius: var(--card-radius);
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .top-info .user-number-item[data-v-6e65b9e1] {
    width: 50%;
    text-align: center
}

.mine-wrap-content .top-info .user-number .title[data-v-6e65b9e1] {
    color: var(--text-gray);
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-6e65b9e1] {
    font-size: 18px
}

.mine-wrap-content .main-tools-part[data-v-6e65b9e1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 20px
}

.mine-wrap-content .main-tools-part .item[data-v-6e65b9e1] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-6e65b9e1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--bg-card);
    margin-bottom: 5px;
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color)
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-6e65b9e1] {
    font-size: 26px;
    color: var(--btn-text);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .icon-box .label[data-v-6e65b9e1],
.mine-wrap-content .main-tools-part .label[data-v-6e65b9e1] {
    text-align: center;
    line-height: 13px
}

.mine-wrap-content .secondary-tools-part[data-v-6e65b9e1] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-6e65b9e1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-6e65b9e1] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-6e65b9e1] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: 50%;
    margin-right: 8px
}

:root,
:host {
    --van-tag-padding: 0 var(--van-padding-base);
    --van-tag-text-color: var(--van-white);
    --van-tag-font-size: var(--van-font-size-sm);
    --van-tag-radius: 2px;
    --van-tag-line-height: 16px;
    --van-tag-medium-padding: 2px 6px;
    --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
    --van-tag-large-radius: var(--van-radius-md);
    --van-tag-large-font-size: var(--van-font-size-md);
    --van-tag-round-radius: var(--van-radius-max);
    --van-tag-danger-color: var(--van-danger-color);
    --van-tag-primary-color: var(--van-primary-color);
    --van-tag-success-color: var(--van-success-color);
    --van-tag-warning-color: var(--van-warning-color);
    --van-tag-default-color: var(--van-gray-6);
    --van-tag-plain-background: var(--van-background-2)
}

.van-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: var(--van-tag-padding);
    color: var(--van-tag-text-color);
    font-size: var(--van-tag-font-size);
    line-height: var(--van-tag-line-height);
    border-radius: var(--van-tag-radius)
}

.van-tag--default {
    background: var(--van-tag-default-color)
}

.van-tag--default.van-tag--plain {
    color: var(--van-tag-default-color)
}

.van-tag--danger {
    background: var(--van-tag-danger-color)
}

.van-tag--danger.van-tag--plain {
    color: var(--van-tag-danger-color)
}

.van-tag--primary {
    background: var(--van-tag-primary-color)
}

.van-tag--primary.van-tag--plain {
    color: var(--van-tag-primary-color)
}

.van-tag--success {
    background: var(--van-tag-success-color)
}

.van-tag--success.van-tag--plain {
    color: var(--van-tag-success-color)
}

.van-tag--warning {
    background: var(--van-tag-warning-color)
}

.van-tag--warning.van-tag--plain {
    color: var(--van-tag-warning-color)
}

.van-tag--plain {
    background: var(--van-tag-plain-background);
    border-color: currentColor
}

.van-tag--plain:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid;
    border-color: inherit;
    border-radius: inherit;
    content: "";
    pointer-events: none
}

.van-tag--medium {
    padding: var(--van-tag-medium-padding)
}

.van-tag--large {
    padding: var(--van-tag-large-padding);
    font-size: var(--van-tag-large-font-size);
    border-radius: var(--van-tag-large-radius)
}

.van-tag--mark {
    border-radius: 0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0
}

.van-tag--mark:after {
    display: block;
    width: 2px;
    content: ""
}

.van-tag--round {
    border-radius: var(--van-tag-round-radius)
}

.van-tag__close {
    margin-left: 2px
}

.mine-wrap[data-v-85f287aa] {
    position: relative
}

.mine-wrap-content[data-v-85f287aa] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-85f287aa] {
    margin-top: -100px;
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 100px var(--mg) 50px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--bg-card)
}

.mine-wrap-content .top-info .totalInfo-content[data-v-85f287aa] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.mine-wrap-content .top-info .content-bg[data-v-85f287aa] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--primary)
}

.mine-wrap-content .top-info .content-bg svg[data-v-85f287aa] {
    width: 100% !important;
    height: 100% !important
}

.mine-wrap-content .top-info .account[data-v-85f287aa] {
    font-size: 18px;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .account .account-title[data-v-85f287aa] {
    margin-bottom: 5px
}

.mine-wrap-content .top-info .level-card[data-v-85f287aa] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-85f287aa] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-85f287aa] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .level-card .level-info .avatar[data-v-85f287aa] {
    width: 100px;
    height: 75px;
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .top-info .level-card .level-info .avatar img[data-v-85f287aa] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.mine-wrap-content .top-info .level-card .level-info .account[data-v-85f287aa] {
    margin-top: 5px
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-85f287aa] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-85f287aa] {
    background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
    font-size: 14px;
    display: inline-block;
    display: flex;
    border-radius: 5px;
    align-items: center;
    color: var(--text-black);
    padding: 0 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-85f287aa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite .btn-account[data-v-85f287aa] {
    background: var(--primary-light);
    border-radius: 20px;
    padding: 5px 15px
}

.mine-wrap-content .top-info .user-number[data-v-85f287aa] {
    width: 100%;
    margin: 20px auto 0;
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background: var(--golden-gradient)
}

.mine-wrap-content .top-info .user-number .numberInfo[data-v-85f287aa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.mine-wrap-content .top-info .user-number .numberInfo>div[data-v-85f287aa] {
    position: relative;
    width: 50%;
    border-radius: 15px
}

.mine-wrap-content .top-info .user-number .numberInfo>div .title[data-v-85f287aa] {
    text-align: center;
    font-size: 12px;
    color: var(--text-black)
}

.mine-wrap-content .top-info .user-number .numberInfo>div .number[data-v-85f287aa] {
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    color: var(--text-black);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .main-tools[data-v-85f287aa] {
    position: relative;
    z-index: 1;
    border-radius: 10px 10px 0 0;
    background: var(--bg);
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -30px;
    padding: 15px 24px 0
}

.mine-wrap-content .main-tools .item[data-v-85f287aa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .main-tools .item .icon[data-v-85f287aa] {
    font-size: 18px
}

.mine-wrap-content .main-tools .item .icon-box[data-v-85f287aa] {
    width: 35px;
    height: 35px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(0, 0, 0, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .4) 120%) #989898;
    background-blend-mode: multiply, multiply;
    margin-right: 8px;
    color: var(--text-white)
}

.mine-wrap-content .main-tools .item .icon-box .icon[data-v-85f287aa] {
    font-size: 24px
}

.mine-wrap-content .main-tools .item .icon-box.space-icon[data-v-85f287aa] {
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%)
}

.mine-wrap[data-v-b7c4bb4d] {
    position: relative
}

.mine-wrap .mine-top[data-v-b7c4bb4d] {
    padding: 10px;
    background: var(--bg-card);
    border-radius: 8px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.mine-wrap .mine-top .mine-uinfo[data-v-b7c4bb4d] {
    padding: 8px
}

.mine-wrap .mine-top .left[data-v-b7c4bb4d] {
    display: flex;
    flex: 1;
    padding-left: 70px
}

.mine-wrap .mine-top .vipbg[data-v-b7c4bb4d] {
    background: url(/assets/index-recharge-icon2-5b8127ee.png) no-repeat;
    width: 62px;
    background-size: 100% 100%;
    position: absolute;
    height: 110px;
    left: -3px;
    top: 28px;
    line-height: 60px;
    color: #119bdf;
    text-align: center;
    font-size: 20px;
    padding-right: 8px;
    font-weight: 700
}

.mine-wrap .mine-top .login_id[data-v-b7c4bb4d] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px
}

.mine-wrap .mine-top .vip-swap[data-v-b7c4bb4d] {
    color: var(--primary);
    font-size: 16px;
    margin-top: 8px;
    font-weight: 700
}

.mine-wrap .mine-top .kefu[data-v-b7c4bb4d] {
    flex: 1;
    margin-left: 20px;
    height: 50px;
    background: var(--primary);
    text-align: center;
    line-height: 50px;
    position: relative;
    border-radius: 10px;
    margin-top: 40px
}

.mine-wrap .mine-top .uid[data-v-b7c4bb4d] {
    color: #999;
    font-size: 13px;
    margin-bottom: 8px
}

.mine-wrap .mine-top .kefu a[data-v-b7c4bb4d] {
    background: url(data:image/png;base64,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) no-repeat left center;
    background-size: 26px 24px;
    padding-left: 30px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    word-break: break-all;
    color: var(--primary)
}

.mine-wrap .money-div[data-v-b7c4bb4d] {
    display: flex;
    align-items: center;
    height: 94px;
    padding: 0 12px;
    background: var(--bg-card);
    border-radius: 5px;
    margin: 15px 0 0
}

.mine-wrap .money-div .first[data-v-b7c4bb4d] {
    flex: 1
}

.mine-wrap .money-div .pay-btn[data-v-b7c4bb4d] {
    background: white;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding: 0 15px
}

.mine-wrap .money-div .tx-btn[data-v-b7c4bb4d] {
    margin-top: 8px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    font-weight: 600;
    padding: 0 15px;
    background: black;
    color: #fff
}

.mine-wrap .money-div .money[data-v-b7c4bb4d] {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.mine-wrap .money-div .m_bottom[data-v-b7c4bb4d] {
    font-size: 14px;
    margin-top: 8px;
    text-align: center
}

.mine-wrap .tool-bar[data-v-b7c4bb4d] {
    margin: 15px 0;
    background: var(--bg-card);
    border-radius: 5px
}

.mine-wrap .tool-bar .tool[data-v-b7c4bb4d] {
    height: 56px;
    line-height: 40px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--bg)
}

.mine-wrap .tool-bar .tool[data-v-b7c4bb4d]:last-child {
    border-bottom: none
}

.mine-wrap[data-v-6190391f] {
    position: relative
}

.mine-wrap .mine-top[data-v-6190391f] {
    padding: 10px;
    background: url(/assets/mine1-5f1920bf.png) no-repeat center;
    border: 1px solid #119bdf;
    border-radius: 8px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.mine-wrap .mine-top .mine-uinfo[data-v-6190391f] {
    padding: 8px
}

.mine-wrap .mine-top .left[data-v-6190391f] {
    display: flex;
    flex: 1;
    padding-left: 70px
}

.mine-wrap .mine-top .vipbg[data-v-6190391f] {
    background: url(/assets/mine2-0b50fcf0.png) no-repeat;
    width: 62px;
    background-size: 100% 100%;
    position: absolute;
    height: 110px;
    left: -3px;
    top: 28px;
    line-height: 60px;
    color: #119bdf;
    text-align: center;
    font-size: 20px;
    padding-right: 8px;
    font-weight: 700
}

.mine-wrap .mine-top .login_id[data-v-6190391f] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px
}

.mine-wrap .mine-top .vip-swap[data-v-6190391f] {
    color: var(--primary);
    font-size: 16px;
    margin-top: 8px;
    font-weight: 700;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAqCAYAAADrhujJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozOThBNEUzNTYwNERFRjExOThGQkI2NkI3RjVCRTc3MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODA1RDBFNzRENzExMUVGQjc0MEVDNThFRUFGMjkwRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODA1RDBFNjRENzExMUVGQjc0MEVDNThFRUFGMjkwRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNTA1MkRFNzA0REVGMTE5OEZCQjY2QjdGNUJFNzcxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5OEE0RTM1NjA0REVGMTE5OEZCQjY2QjdGNUJFNzcxIi8+IDwvcmRmOkRlc2NyaXB0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) no-repeat right;
    background-size: contain;
    display: inline-block;
    padding-right: 40px;
    line-height: 28px
}

.mine-wrap .mine-top .kefu[data-v-6190391f] {
    flex: 1;
    margin-left: 20px;
    height: 50px;
    background: #deefeb;
    text-align: center;
    line-height: 50px;
    position: relative;
    border-radius: 10px;
    margin-top: 40px
}

.mine-wrap .mine-top .uid[data-v-6190391f] {
    color: #999;
    font-size: 13px;
    margin-bottom: 8px
}

.mine-wrap .mine-top .kefu a[data-v-6190391f] {
    background: url(data:image/png;base64,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) no-repeat left center;
    background-size: 26px 24px;
    padding-left: 30px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    word-break: break-all;
    color: var(--primary)
}

.mine-wrap .money-div[data-v-6190391f] {
    display: flex;
    align-items: center;
    height: 94px;
    padding: 0 12px;
    background: #a0d7f2;
    border-radius: 5px;
    margin: 15px 0 0
}

.mine-wrap .money-div .first[data-v-6190391f] {
    border-right: 1px solid rgba(255, 255, 255, .3137254902);
    flex: 1
}

.mine-wrap .money-div div[data-v-6190391f] {
    padding-left: 20px
}

.mine-wrap .money-div .pay-btn[data-v-6190391f] {
    background: white;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding: 0 15px
}

.mine-wrap .money-div .tx-btn[data-v-6190391f] {
    margin-top: 8px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    font-weight: 600;
    padding: 0 15px;
    background: black;
    color: #fff
}

.mine-wrap .money-div .money[data-v-6190391f] {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.mine-wrap .money-div .m_bottom[data-v-6190391f] {
    font-size: 14px;
    margin-top: 18px;
    text-align: center
}

.mine-wrap .tool-bar[data-v-6190391f] {
    margin: 15px 0;
    background: #e9f6f3;
    border-radius: 5px
}

.mine-wrap .tool-bar .tool[data-v-6190391f] {
    height: 56px;
    line-height: 40px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mine-wrap[data-v-7a0ce988] {
    position: relative;
    padding: calc(45px + var(--mg)) var(--mg) 60px
}

.mine-wrap-content[data-v-7a0ce988] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-bg[data-v-7a0ce988] {
    position: absolute;
    top: -100px;
    left: calc(0px - var(--mg));
    width: calc(100% + 2 * var(--mg));
    height: 200px
}

.mine-wrap-content .top-bg[data-v-7a0ce988]:after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(0px - var(--mg));
    width: calc(100% + 2 * var(--mg));
    height: 100%;
    background: rgba(0, 0, 0, .3);
    background-size: cover
}

.mine-wrap-content .top-info[data-v-7a0ce988] {
    position: relative;
    box-sizing: border-box;
    margin-top: 35px
}

.mine-wrap-content .top-info .totalInfo-content[data-v-7a0ce988] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    padding: 20px var(--mg);
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .totalInfo-content .avatar[data-v-7a0ce988] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary)
}

.mine-wrap-content .top-info .totalInfo-content .avatar img[data-v-7a0ce988] {
    height: 50px
}

.mine-wrap-content .top-info .totalInfo-content .account[data-v-7a0ce988] {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--text-black)
}

.mine-wrap-content .top-info .totalInfo-content .account .avatar[data-v-7a0ce988] {
    margin-right: 10px
}

.mine-wrap-content .top-info .totalInfo-content .icon-trx[data-v-7a0ce988] {
    position: absolute;
    right: -25px;
    bottom: -25px;
    color: var(--text-gray);
    font-size: 7px
}

.mine-wrap-content .top-info .level-pop[data-v-7a0ce988] {
    padding: 5px 10px;
    border-radius: 15px;
    background: var(--golden-gradient)
}

.mine-wrap-content .top-info .level-pop .account-level[data-v-7a0ce988] {
    color: var(--text-black);
    font-size: 12px;
    display: inline-block;
    display: flex;
    align-items: center;
    font-style: italic
}

.mine-wrap-content .top-info .level-card[data-v-7a0ce988] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-7a0ce988] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-7a0ce988] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-7a0ce988] {
    width: 100%
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-7a0ce988] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .user-number[data-v-7a0ce988] {
    width: 100%;
    margin: 0 auto;
    padding: var(--mg) var(--mg) 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent
}

.mine-wrap-content .user-number .numberInfo[data-v-7a0ce988] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .user-number .numberInfo .info-item[data-v-7a0ce988] {
    display: flex;
    align-items: center
}

.mine-wrap-content .user-number .numberInfo>div[data-v-7a0ce988] {
    position: relative;
    display: flex;
    flex-direction: column
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-7a0ce988] {
    text-align: center;
    font-size: 12px;
    color: var(--text-gray);
    margin-right: 5px
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-7a0ce988] {
    text-align: center;
    font-size: 20px;
    color: var(--text-black);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .user-number .btn-account[data-v-7a0ce988] {
    position: relative;
    z-index: 1;
    padding: 3px 10px;
    border-radius: 20px;
    background: linear-gradient(220.55deg, #ff5e98 0%, #0f213e 100%);
    color: var(--text-white)
}

.mine-wrap-content .main-tools-part[data-v-7a0ce988] {
    margin-top: var(--mg);
    border-radius: var(--card-radius);
    background: var(--bg-card);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
}

.mine-wrap-content .main-tools-part .item[data-v-7a0ce988] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-7a0ce988] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 10px
}

.mine-wrap-content .main-tools-part .item .icon-box .box[data-v-7a0ce988] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .main-tools-part .item .icon-box.recharge[data-v-7a0ce988] {
    border: 1px solid #00b86f
}

.mine-wrap-content .main-tools-part .item .icon-box.recharge[data-v-7a0ce988]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #00b86f;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .4
}

.mine-wrap-content .main-tools-part .item .icon-box.withdraw[data-v-7a0ce988] {
    border: 1px solid #b220fd
}

.mine-wrap-content .main-tools-part .item .icon-box.withdraw[data-v-7a0ce988]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #b220fd;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .3
}

.mine-wrap-content .main-tools-part .item .icon-box.balance[data-v-7a0ce988] {
    border: 1px solid #ff8e09
}

.mine-wrap-content .main-tools-part .item .icon-box.balance[data-v-7a0ce988]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ff8e09;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .3
}

.mine-wrap-content .main-tools-part .item .icon-box.financial[data-v-7a0ce988] {
    border: 1px solid #c7319f
}

.mine-wrap-content .main-tools-part .item .icon-box.financial[data-v-7a0ce988]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #c7319f;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .3
}

.mine-wrap-content .main-tools-part .item .label[data-v-7a0ce988] {
    line-height: 13px;
    margin-top: 10px
}

.mine-wrap-content .secondary-tools-part[data-v-7a0ce988] {
    margin-top: var(--mg);
    border-radius: var(--card-radius);
    padding: 0 10px;
    background: var(--bg-card)
}

.mine-wrap-content .secondary-tools-part .item[data-v-7a0ce988] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-7a0ce988] {
    font-size: 18px;
    color: var(--text-gray)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-7a0ce988] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    margin-right: 8px;
    border-radius: 12px
}

.mine-wrap-content .logout[data-v-7a0ce988] {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    font-size: 15px
}

.mine-wrap[data-v-711b996e] {
    position: relative
}

.mine-wrap-content[data-v-711b996e] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-bg[data-v-711b996e] {
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    position: relative
}

.mine-wrap-content .top-bg[data-v-711b996e]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: calc(0px - var(--mg));
    width: calc(100% + var(--mg));
    height: 150px;
    background: var(--bg-card);
    border-radius: 0 0 60% 60%
}

.mine-wrap-content .top-info[data-v-711b996e] {
    position: relative;
    box-sizing: border-box;
    margin-top: 35px
}

.mine-wrap-content .top-info .totalInfo-content[data-v-711b996e] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: var(--primary-light);
    padding: 20px var(--mg);
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .totalInfo-content .avatar[data-v-711b996e] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary)
}

.mine-wrap-content .top-info .totalInfo-content .avatar img[data-v-711b996e] {
    height: 50px
}

.mine-wrap-content .top-info .totalInfo-content .account[data-v-711b996e] {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--text-black)
}

.mine-wrap-content .top-info .totalInfo-content .account .avatar[data-v-711b996e] {
    margin-right: 10px
}

.mine-wrap-content .top-info .totalInfo-content .icon-trx[data-v-711b996e] {
    position: absolute;
    right: -25px;
    bottom: -25px;
    color: var(--text-gray);
    font-size: 7px
}

.mine-wrap-content .top-info .level-pop[data-v-711b996e] {
    position: absolute;
    top: -30px;
    right: 0;
    padding: 7px 5px 17px;
    border-radius: 15px 15px 0 0;
    background: var(--golden-gradient)
}

.mine-wrap-content .top-info .level-pop .account-level[data-v-711b996e] {
    color: var(--text-black);
    font-size: 14px;
    display: inline-block;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-style: italic
}

.mine-wrap-content .top-info .level-card[data-v-711b996e] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-711b996e] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-711b996e] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-711b996e] {
    width: 100%
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-711b996e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .user-number[data-v-711b996e] {
    width: 100%;
    margin: var(--mg) auto 0;
    padding: var(--mg);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background: linear-gradient(220.55deg, #ff8570 0%, #418cb7 100%)
}

.mine-wrap-content .user-number[data-v-711b996e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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) top left repeat
}

.mine-wrap-content .user-number .numberInfo .info-item[data-v-711b996e] {
    display: flex;
    align-items: center
}

.mine-wrap-content .user-number .numberInfo>div[data-v-711b996e] {
    position: relative
}

.mine-wrap-content .user-number .numberInfo>div[data-v-711b996e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-711b996e] {
    text-align: center;
    font-size: 12px;
    color: #fef7dc;
    margin-right: 5px
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-711b996e] {
    text-align: center;
    font-size: 20px;
    color: var(--text-white);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .user-number .btn-account[data-v-711b996e] {
    position: relative;
    z-index: 1;
    padding: 3px 10px;
    border-radius: 20px;
    background: linear-gradient(220.55deg, #ff5e98 0%, #0f213e 100%);
    color: var(--text-white)
}

.mine-wrap-content .main-tools-part[data-v-711b996e] {
    margin-top: var(--mg);
    border-radius: var(--card-radius);
    background: var(--bg-card);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
}

.mine-wrap-content .main-tools-part .item[data-v-711b996e] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-711b996e] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .icon-box .box[data-v-711b996e] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .main-tools-part .item .icon-box.recharge[data-v-711b996e]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #00b86f;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .4
}

.mine-wrap-content .main-tools-part .item .icon-box.withdraw[data-v-711b996e]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #b220fd;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .3
}

.mine-wrap-content .main-tools-part .item .icon-box.balance[data-v-711b996e]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ff8e09;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .3
}

.mine-wrap-content .main-tools-part .item .icon-box.financial[data-v-711b996e]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #c7319f;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: .3
}

.mine-wrap-content .main-tools-part .item .label[data-v-711b996e] {
    line-height: 13px;
    margin-top: 10px
}

.mine-wrap-content .secondary-tools-part[data-v-711b996e] {
    margin-top: var(--mg);
    border-radius: var(--card-radius);
    padding: 0 10px;
    background: var(--bg-card)
}

.mine-wrap-content .secondary-tools-part .item[data-v-711b996e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-711b996e] {
    font-size: 18px;
    color: var(--text-gray)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-711b996e] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    margin-right: 8px;
    border-radius: 12px
}

.mine-wrap-content .logout[data-v-711b996e] {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    font-size: 15px
}

.mine-wrap[data-v-fabb01a4],
.mine-wrap-content[data-v-fabb01a4] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-fabb01a4] {
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 10px var(--mg);
    position: relative;
    box-sizing: border-box
}

.mine-wrap-content .top-info[data-v-fabb01a4]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: calc(0px - var(--mg));
    width: calc(100% + var(--mg));
    height: calc(100% + 350px);
    background: var(--bg-card)
}

.mine-wrap-content .top-info .totalInfo-content[data-v-fabb01a4] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info .totalInfo-content .avatar[data-v-fabb01a4] {
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .top-info .account[data-v-fabb01a4] {
    font-size: 18px;
    color: var(--btn-text);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .account .account-title[data-v-fabb01a4] {
    margin-bottom: 5px
}

.mine-wrap-content .top-info .level-card[data-v-fabb01a4] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-fabb01a4] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-fabb01a4] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    margin-bottom: 12px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-fabb01a4] {
    width: 100%;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .level-card .level-info .level-invite img[data-v-fabb01a4] {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-fabb01a4] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-fabb01a4] {
    border: 1px solid #efc26f;
    color: var(--btn-text);
    font-size: 14px;
    display: inline-block;
    display: flex;
    border-radius: 12px;
    align-items: center;
    padding: 0 10px 0 0;
    font-style: italic
}

.mine-wrap-content .top-info .level-card .level-info .account-level .icon[data-v-fabb01a4] {
    background: var(--golden-gradient);
    color: var(--text-black);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 5px
}

.mine-wrap-content .user-number[data-v-fabb01a4] {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px
}

.mine-wrap-content .user-number .numberInfo[data-v-fabb01a4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1
}

.mine-wrap-content .user-number .numberInfo>div[data-v-fabb01a4] {
    position: relative;
    width: 50%;
    border-radius: 15px;
    width: calc(50% - 5px);
    padding: 5px 0
}

.mine-wrap-content .user-number .numberInfo>div[data-v-fabb01a4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-fabb01a4] {
    text-align: center;
    font-size: 12px;
    color: var(--text-gray)
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-fabb01a4] {
    text-align: center;
    font-size: 20px;
    color: var(--btn-text);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .main-tools-part[data-v-fabb01a4] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-bottom: 30px
}

.mine-wrap-content .main-tools-part .item[data-v-fabb01a4] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-fabb01a4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .icon-box.recharge[data-v-fabb01a4] {
    background: #00b86f
}

.mine-wrap-content .main-tools-part .item .icon-box.withdraw[data-v-fabb01a4] {
    background: #b220fd
}

.mine-wrap-content .main-tools-part .item .icon-box.balance[data-v-fabb01a4] {
    background: #ff8e09
}

.mine-wrap-content .main-tools-part .item .icon-box.financial[data-v-fabb01a4] {
    background: #c7319f
}

.mine-wrap-content .main-tools-part .item .label[data-v-fabb01a4] {
    line-height: 13px;
    margin-top: 10px;
    color: var(--btn-text)
}

.mine-wrap-content .secondary-tools-part[data-v-fabb01a4] {
    position: relative;
    z-index: 1;
    padding: var(--mg);
    height: calc(100vh - 400px);
    background: var(--bg);
    border-radius: 17px 17px 0 0;
    margin: -17px calc(0px - var(--mg)) 0
}

.mine-wrap-content .secondary-tools-part .item[data-v-fabb01a4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-fabb01a4] {
    font-size: 18px;
    color: var(--text-gray6)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-fabb01a4] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btn-bg2);
    margin-right: 8px;
    border-radius: 50%
}

.mine-wrap-content .secondary-tools-part .item .icon-box img[data-v-fabb01a4] {
    border-radius: 50%
}

.mine-wrap[data-v-8c7bdbaa],
.mine-wrap-content[data-v-8c7bdbaa] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-8c7bdbaa] {
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 10px var(--mg);
    position: relative;
    box-sizing: border-box
}

.mine-wrap-content .top-info[data-v-8c7bdbaa]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: calc(0px - var(--mg));
    width: calc(100% + var(--mg));
    height: calc(100% + 100px);
    background: var(--bg-card);
    border-radius: 0 0 50% 50%/3%
}

.mine-wrap-content .top-info .totalInfo-content[data-v-8c7bdbaa] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info .totalInfo-content .avatar[data-v-8c7bdbaa] {
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .top-info .account[data-v-8c7bdbaa] {
    font-size: 18px;
    color: var(--btn-text);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .account .account-title[data-v-8c7bdbaa] {
    margin-bottom: 5px
}

.mine-wrap-content .top-info .level-card[data-v-8c7bdbaa] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-8c7bdbaa] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-8c7bdbaa] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    margin-bottom: 12px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-8c7bdbaa] {
    width: 100%
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-8c7bdbaa] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-8c7bdbaa] {
    background: var(--golden-gradient);
    color: var(--text-black);
    font-size: 14px;
    display: inline-block;
    display: flex;
    border-radius: 5px;
    align-items: center;
    padding: 0 10px;
    font-style: italic
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-8c7bdbaa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .user-number[data-v-8c7bdbaa] {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px
}

.mine-wrap-content .user-number .numberInfo[data-v-8c7bdbaa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1
}

.mine-wrap-content .user-number .numberInfo>div[data-v-8c7bdbaa] {
    position: relative;
    width: 50%;
    border-radius: 15px;
    width: calc(50% - 5px);
    padding: 5px 0
}

.mine-wrap-content .user-number .numberInfo>div[data-v-8c7bdbaa]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-8c7bdbaa] {
    text-align: center;
    font-size: 12px;
    color: var(--text-gray)
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-8c7bdbaa] {
    text-align: center;
    font-size: 20px;
    color: var(--btn-text);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .secondary-tools-part[data-v-8c7bdbaa] {
    padding: 0 10px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px
}

.mine-wrap-content .secondary-tools-part .item[data-v-8c7bdbaa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 10px;
    height: 100%;
    border-radius: var(--card-radius)
}

.mine-wrap-content .secondary-tools-part .item.recharge .icon-box[data-v-8c7bdbaa] {
    background: #ff5e98
}

.mine-wrap-content .secondary-tools-part .item.withdraw .icon-box[data-v-8c7bdbaa] {
    background: #ff896d
}

.mine-wrap-content .secondary-tools-part .item.balance .icon-box[data-v-8c7bdbaa] {
    background: #3793ff
}

.mine-wrap-content .secondary-tools-part .item.financial .icon-box[data-v-8c7bdbaa] {
    background: #a531dc
}

.mine-wrap-content .secondary-tools-part .item.transfer .icon-box[data-v-8c7bdbaa] {
    background: #00e0ee
}

.mine-wrap-content .secondary-tools-part .item.changePwd .icon-box[data-v-8c7bdbaa] {
    background: #7b6ae0
}

.mine-wrap-content .secondary-tools-part .item.changeSafePwd .icon-box[data-v-8c7bdbaa] {
    background: #456eff
}

.mine-wrap-content .secondary-tools-part .item.logOut .icon-box[data-v-8c7bdbaa] {
    background: #b9a14c
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-8c7bdbaa] {
    font-size: 18px;
    color: var(--text-gray6)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-8c7bdbaa] {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.mine-wrap-content .secondary-tools-part .item .label[data-v-8c7bdbaa] {
    color: var(--btn-text);
    margin-top: 10px;
    line-height: 16px;
    text-align: center
}

.mine-wrap[data-v-537ed698] {
    position: relative
}

.mine-wrap-content[data-v-537ed698] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-537ed698] {
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 20px var(--mg) 10px;
    position: relative;
    box-sizing: border-box
}

.mine-wrap-content .top-info[data-v-537ed698]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: calc(0px - var(--mg));
    width: calc(100% + var(--mg));
    height: calc(100% + 100px);
    background: var(--bg-card);
    border-radius: 0 0 50% 50%/3%
}

.mine-wrap-content .top-info .totalInfo-content[data-v-537ed698] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info .totalInfo-content .avatar[data-v-537ed698] {
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .top-info .account[data-v-537ed698] {
    font-size: 18px;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .account .account-title[data-v-537ed698] {
    margin-bottom: 5px
}

.mine-wrap-content .top-info .level-card[data-v-537ed698] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-537ed698] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-537ed698] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    margin-bottom: 12px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-537ed698] {
    width: 100%
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-537ed698] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-537ed698] {
    background: var(--golden-gradient);
    color: var(--text-black);
    font-size: 14px;
    display: inline-block;
    display: flex;
    border-radius: 5px;
    align-items: center;
    padding: 0 10px;
    font-style: italic
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-537ed698] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-number[data-v-537ed698] {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px
}

.mine-wrap-content .top-info .user-number .numberInfo[data-v-537ed698] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1
}

.mine-wrap-content .top-info .user-number .numberInfo>div[data-v-537ed698] {
    position: relative;
    width: 50%;
    border-radius: 15px;
    width: calc(50% - 5px);
    padding: 5px 0
}

.mine-wrap-content .top-info .user-number .numberInfo>div[data-v-537ed698]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mine-wrap-content .top-info .user-number .numberInfo>div .title[data-v-537ed698] {
    text-align: center;
    font-size: 12px;
    color: var(--text-gray)
}

.mine-wrap-content .top-info .user-number .numberInfo>div .number[data-v-537ed698] {
    text-align: center;
    font-size: 20px;
    color: var(--btn-text);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .secondary-tools-part[data-v-537ed698] {
    padding: 0 10px;
    margin-top: 10px
}

.mine-wrap-content .secondary-tools-part .item[data-v-537ed698] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-card)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-537ed698] {
    font-size: 18px;
    color: var(--text-gray6)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-537ed698] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btn-bg2);
    margin-right: 8px;
    border-radius: 50%
}

.mine-wrap-content .secondary-tools-part .item .icon-box.sp[data-v-537ed698] {
    background: var(--btn-bg)
}

.mine-wrap-content .secondary-tools-part .item .icon-box img[data-v-537ed698] {
    border-radius: 50%
}

.mine-wrap-content .logout[data-v-537ed698] {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: var(--card-radius);
    margin-top: 20px;
    font-size: 15px
}

.mine-wrap[data-v-2a5bccbf] {
    position: relative
}

.mine-wrap-content[data-v-2a5bccbf] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-2a5bccbf] {
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 100px var(--mg) 10px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.mine-wrap-content .top-info .info-flag[data-v-2a5bccbf] {
    position: absolute;
    top: -21px;
    left: 50%;
    margin-left: -100px;
    width: 250px;
    height: 250px;
    background: url(/assets/myself-bg-af1d438b.png) center no-repeat;
    background-size: 100% 100%
}

.mine-wrap-content .top-info .totalInfo-content[data-v-2a5bccbf] {
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background: var(--btn-bg)
}

.mine-wrap-content .top-info .totalInfo-content .avatar[data-v-2a5bccbf] {
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -27px;
    background: var(--primary);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .top-info .content-bg[data-v-2a5bccbf] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--primary)
}

.mine-wrap-content .top-info .content-bg svg[data-v-2a5bccbf] {
    width: 100% !important;
    height: 100% !important
}

.mine-wrap-content .top-info .account[data-v-2a5bccbf] {
    font-size: 18px;
    color: var(--btn-text);
    display: flex;
    align-items: center;
    margin: 56px auto 0
}

.mine-wrap-content .top-info .account .account-title[data-v-2a5bccbf] {
    margin-bottom: 5px
}

.mine-wrap-content .top-info .level-card[data-v-2a5bccbf] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-2a5bccbf] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-2a5bccbf] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-2a5bccbf] {
    width: 100%
}

.mine-wrap-content .top-info .level-card .level-info .account[data-v-2a5bccbf] {
    margin: 60px auto 0;
    justify-content: center
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-2a5bccbf] {
    display: inline-block;
    margin-left: 10px
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-2a5bccbf] {
    background-color: #ff3cac;
    background-image: linear-gradient(225deg, #ff3cac 0%, #784ba0 50%, #2b86c5 100%);
    color: var(--text-white);
    font-size: 14px;
    display: inline-block;
    display: flex;
    border-radius: 5px;
    align-items: center;
    padding: 0 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-2a5bccbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite .btn-account[data-v-2a5bccbf] {
    background: var(--primary-light);
    border-radius: 20px;
    padding: 5px 15px
}

.mine-wrap-content .top-info .user-number[data-v-2a5bccbf] {
    width: 100%;
    margin: 0 auto;
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px
}

.mine-wrap-content .top-info .user-number .numberInfo[data-v-2a5bccbf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1
}

.mine-wrap-content .top-info .user-number .numberInfo>div[data-v-2a5bccbf] {
    position: relative;
    width: 50%;
    border-radius: 15px;
    width: calc(50% - 5px);
    padding: 5px 0
}

.mine-wrap-content .top-info .user-number .numberInfo>div[data-v-2a5bccbf]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgba(0, 0, 0, .1)
}

.mine-wrap-content .top-info .user-number .numberInfo>div .title[data-v-2a5bccbf] {
    text-align: center;
    font-size: 12px;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .user-number .numberInfo>div .number[data-v-2a5bccbf] {
    text-align: center;
    font-size: 20px;
    color: var(--btn-text);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .main-tools-part[data-v-2a5bccbf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
}

.mine-wrap-content .main-tools-part .item[data-v-2a5bccbf] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-2a5bccbf] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .icon-box.recharge[data-v-2a5bccbf] {
    background: #00b86f
}

.mine-wrap-content .main-tools-part .item .icon-box.withdraw[data-v-2a5bccbf] {
    background: #b220fd
}

.mine-wrap-content .main-tools-part .item .icon-box.balance[data-v-2a5bccbf] {
    background: #ff8e09
}

.mine-wrap-content .main-tools-part .item .icon-box.financial[data-v-2a5bccbf] {
    background: #c7319f
}

.mine-wrap-content .main-tools-part .item .label[data-v-2a5bccbf] {
    line-height: 13px;
    margin-top: 10px
}

.mine-wrap-content .secondary-tools-part[data-v-2a5bccbf] {
    padding: 0 10px
}

.mine-wrap-content .secondary-tools-part .item[data-v-2a5bccbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-card)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-2a5bccbf] {
    font-size: 18px;
    color: var(--text-gray6)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-2a5bccbf] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btn-bg2);
    margin-right: 8px;
    border-radius: 50%
}

.mine-wrap-content .secondary-tools-part .item .icon-box img[data-v-2a5bccbf] {
    border-radius: 50%
}

.mine-wrap[data-v-4914949d] {
    position: relative
}

.mine-wrap-content[data-v-4914949d] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .user-part[data-v-4914949d] {
    padding-bottom: 15px;
    position: relative
}

.mine-wrap-content .user-part .avatar[data-v-4914949d] {
    width: 110px;
    height: 110px;
    background: var(--btn-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid var(--btn-text);
    margin: 0 auto
}

.mine-wrap-content .user-part .avatar img[data-v-4914949d] {
    width: 110px;
    height: 110px
}

.mine-wrap-content .total-info[data-v-4914949d] {
    padding: 20px 16px;
    position: relative;
    box-sizing: border-box;
    background: var(--bg);
    border: 1px solid var(--btn-text);
    width: calc(100% - var(--padding-length) * 2);
    margin: 20px auto 0
}

.mine-wrap-content .total-info .totalInfo-content[data-v-4914949d] {
    border-radius: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.mine-wrap-content .total-info .content-bg[data-v-4914949d] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--primary)
}

.mine-wrap-content .total-info .content-bg svg[data-v-4914949d] {
    width: 100% !important;
    height: 100% !important
}

.mine-wrap-content .total-info .account[data-v-4914949d] {
    font-size: 18px;
    color: var(--btn-text);
    font-weight: 700;
    text-align: center
}

.mine-wrap-content .total-info .account .account-title[data-v-4914949d] {
    margin-bottom: 5px
}

.mine-wrap-content .total-info .level-card[data-v-4914949d] {
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .total-info .level-card .level-bg .icon[data-v-4914949d] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .total-info .level-card .level-info[data-v-4914949d] {
    padding: var(--box-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.mine-wrap-content .total-info .level-card .level-info .account-level[data-v-4914949d] {
    font-weight: 700;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 1px;
    display: inline-flex;
    padding-right: 8px;
    border-radius: 15px;
    height: 20px;
    align-items: center;
    color: var(--text-black);
    border: 1px solid var(--btn-bg3)
}

.mine-wrap-content .total-info .level-card .level-info .level-invite[data-v-4914949d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.mine-wrap-content .total-info .level-card .level-info .level-invite .level-pop[data-v-4914949d] {
    box-sizing: border-box;
    border-radius: 20px;
    display: inline-block;
    color: var(--text-black)
}

.mine-wrap-content .total-info .level-card .level-info .level-invite .level-pop .account-level[data-v-4914949d] {
    font-weight: 700;
    display: flex;
    align-items: center;
    background: linear-gradient(45deg, var(--btn-bg3), var(--btn-bg4));
    color: var(--text-black)
}

.mine-wrap-content .total-info .level-card .level-info .level-invite .level-pop .account-level .icon[data-v-4914949d] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 1px;
    box-sizing: border-box;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: linear-gradient(45deg, var(--btn-bg3), var(--btn-bg4));
    margin-right: 5px
}

.mine-wrap-content .user-number[data-v-4914949d] {
    margin: 10px auto 0;
    border-radius: var(--border-radius);
    padding: 10px 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mine-wrap-content .user-number[data-v-4914949d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mine-wrap-content .user-number .numberInfo[data-v-4914949d] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.mine-wrap-content .user-number .numberInfo>div[data-v-4914949d] {
    position: relative;
    width: 50%;
    padding: 5px 0;
    border-radius: 15px
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-4914949d] {
    text-align: center;
    font-size: 12px;
    margin-top: 2px;
    color: var(--btn-text)
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-4914949d] {
    text-align: center;
    font-size: 22px;
    color: var(--btn-text);
    font-weight: 700;
    margin-top: 5px;
    word-break: break-all
}

.mine-wrap-content .user-number .right-btn[data-v-4914949d] {
    position: relative;
    background: linear-gradient(220.55deg, #ff5e98 0%, #0f213e 100%);
    color: var(--text-white);
    padding: 5px 20px;
    border-radius: 15px;
    display: inline-block;
    flex-shrink: 0
}

.mine-wrap-content .main-tools-part[data-v-4914949d] {
    background: var(--bg);
    position: relative;
    z-index: 1;
    margin: 0 calc(0px - var(--mg));
    padding: 0 var(--mg);
    border-top: 1px solid var(--btn-text)
}

.mine-wrap-content .main-tools-part .item[data-v-4914949d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 12px;
    text-align: center;
    border-bottom: 1px solid var(--text-gray)
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-4914949d] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 50%;
    background: var(--primary) !important
}

.mine-wrap-content .main-tools-part .item .label[data-v-4914949d] {
    line-height: 13px;
    margin-left: 10px
}

.mine-wrap[data-v-7982c920] {
    position: relative
}

.mine-wrap-content[data-v-7982c920] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-7982c920] {
    margin-top: -100px;
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 120px 0 78px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--bg-card)
}

.mine-wrap-content .top-info[data-v-7982c920]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-card)
}

.mine-wrap-content .top-info .totalInfo-content[data-v-7982c920] {
    border-radius: 20px;
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info .account[data-v-7982c920] {
    font-size: 18px;
    color: var(--btn-text);
    font-weight: 700
}

.mine-wrap-content .top-info .level-card[data-v-7982c920] {
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--btn-text);
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-7982c920] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-7982c920] {
    margin: 15px var(--mg) 0;
    padding: 0 10px;
    position: relative;
    border-radius: 15px;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .level-card .level-info[data-v-7982c920]:before {
    content: "";
    position: absolute;
    bottom: -69px;
    right: 0;
    width: 180px;
    height: 180px;
    background: url(/assets/user-bb40be26.png) center no-repeat;
    background-size: 100% 100%
}

.mine-wrap-content .top-info .level-card .level-info .account[data-v-7982c920] {
    margin-top: 5px
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-7982c920] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-7982c920] {
    background: linear-gradient(220.55deg, #dd7bff 0%, #ff6c6c 100%);
    font-weight: 700;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 1px;
    display: flex;
    padding: 0 8px;
    border-radius: 15px;
    height: 23px;
    align-items: center;
    color: var(--text-black)
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-7982c920] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite .btn-account[data-v-7982c920] {
    background: var(--primary-light);
    border-radius: 20px;
    padding: 5px 15px
}

.mine-wrap-content .top-info .content-bg[data-v-7982c920] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--primary)
}

.mine-wrap-content .top-info .content-bg svg[data-v-7982c920] {
    width: 100% !important;
    height: 100% !important
}

.mine-wrap-content .top-info .account[data-v-7982c920] {
    font-size: 18px;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .account .account-title[data-v-7982c920] {
    margin-bottom: 5px
}

.mine-wrap-content .user-number[data-v-7982c920] {
    margin: -38px auto 0;
    padding: 15px 10px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--card-radius);
    background: var(--golden-gradient)
}

.mine-wrap-content .user-number .numberInfo[data-v-7982c920] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.mine-wrap-content .user-number .numberInfo>div[data-v-7982c920] {
    position: relative;
    width: 50%;
    border-radius: 15px
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-7982c920] {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: var(--text-black)
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-7982c920] {
    line-height: 25px;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    color: var(--text-black);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .main-tools-part[data-v-7982c920] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px
}

.mine-wrap-content .main-tools-part .item[data-v-7982c920] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-7982c920] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid var(--primary)
}

.mine-wrap-content .main-tools-part .item .icon-box img[data-v-7982c920] {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .label[data-v-7982c920] {
    color: var(--primary);
    line-height: 13px;
    margin-top: 10px
}

.mine-wrap[data-v-7cdef8f6] {
    position: relative
}

.mine-wrap-content[data-v-7cdef8f6] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-7cdef8f6] {
    margin-top: -100px;
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 100px 0 58px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--bg-card)
}

.mine-wrap-content .top-info[data-v-7cdef8f6]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--btn-bg), var(--primary))
}

.mine-wrap-content .top-info .totalInfo-content[data-v-7cdef8f6] {
    border-radius: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.mine-wrap-content .top-info .account[data-v-7cdef8f6] {
    font-size: 18px;
    color: var(--btn-text);
    font-weight: 700
}

.mine-wrap-content .top-info .level-card[data-v-7cdef8f6] {
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-7cdef8f6] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-7cdef8f6] {
    margin: 15px var(--mg) 0;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .level-card .level-info .avatar[data-v-7cdef8f6] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .top-info .level-card .level-info .avatar img[data-v-7cdef8f6] {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.mine-wrap-content .top-info .level-card .level-info .account[data-v-7cdef8f6] {
    margin-top: 5px
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-7cdef8f6] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-7cdef8f6] {
    background: linear-gradient(45deg, var(--btn-bg3), var(--btn-bg4));
    font-weight: 700;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 1px;
    display: flex;
    padding: 0 8px;
    border-radius: 15px;
    height: 23px;
    align-items: center;
    color: var(--text-black)
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-7cdef8f6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite .btn-account[data-v-7cdef8f6] {
    background: var(--primary-light);
    border-radius: 20px;
    padding: 5px 15px
}

.mine-wrap-content .top-info .content-bg[data-v-7cdef8f6] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--primary)
}

.mine-wrap-content .top-info .content-bg svg[data-v-7cdef8f6] {
    width: 100% !important;
    height: 100% !important
}

.mine-wrap-content .top-info .account[data-v-7cdef8f6] {
    font-size: 18px;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .account .account-title[data-v-7cdef8f6] {
    margin-bottom: 5px
}

.mine-wrap-content .user-number[data-v-7cdef8f6] {
    margin: -38px auto 0;
    padding: 15px 10px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--card-radius);
    background: var(--bg-card)
}

.mine-wrap-content .user-number .numberInfo[data-v-7cdef8f6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.mine-wrap-content .user-number .numberInfo>div[data-v-7cdef8f6] {
    position: relative;
    width: 50%;
    border-radius: 15px
}

.mine-wrap-content .user-number .numberInfo>div .title[data-v-7cdef8f6] {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: var(--btn-text)
}

.mine-wrap-content .user-number .numberInfo>div .number[data-v-7cdef8f6] {
    line-height: 25px;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    color: var(--btn-text);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .main-tools-part[data-v-7cdef8f6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
}

.mine-wrap-content .main-tools-part .item[data-v-7cdef8f6] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-7cdef8f6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .icon-box img[data-v-7cdef8f6] {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .label[data-v-7cdef8f6] {
    line-height: 13px;
    margin-top: 10px
}

.mine-wrap-content .secondary-tools-part[data-v-7cdef8f6] {
    padding: 0 10px
}

.mine-wrap-content .secondary-tools-part .item[data-v-7cdef8f6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-card)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-7cdef8f6] {
    font-size: 18px;
    color: var(--text-gray6)
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-7cdef8f6] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    margin-right: 8px;
    border-radius: 50%
}

.mine-wrap-content .secondary-tools-part .item .icon-box img[data-v-7cdef8f6] {
    border-radius: 50%
}

.mine-wrap[data-v-5cfda04a] {
    position: relative
}

.mine-wrap-content[data-v-5cfda04a] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-5cfda04a] {
    margin-top: -100px;
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    padding: 100px var(--mg) 50px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--bg-card)
}

.mine-wrap-content .top-info .totalInfo-content[data-v-5cfda04a] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.mine-wrap-content .top-info .content-bg[data-v-5cfda04a] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--primary)
}

.mine-wrap-content .top-info .content-bg svg[data-v-5cfda04a] {
    width: 100% !important;
    height: 100% !important
}

.mine-wrap-content .top-info .account[data-v-5cfda04a] {
    font-size: 18px;
    color: var(--btn-text)
}

.mine-wrap-content .top-info .account .account-title[data-v-5cfda04a] {
    margin-bottom: 5px
}

.mine-wrap-content .top-info .level-card[data-v-5cfda04a] {
    position: relative;
    box-sizing: border-box;
    color: var(--btn-text);
    overflow: hidden;
    clear: both
}

.mine-wrap-content .top-info .level-card .level-bg .icon[data-v-5cfda04a] {
    position: absolute;
    right: 5px;
    bottom: -9px;
    z-index: 1;
    opacity: .2;
    transform: rotate(-30deg)
}

.mine-wrap-content .top-info .level-card .level-info[data-v-5cfda04a] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .level-card .level-info .avatar[data-v-5cfda04a] {
    width: 100px;
    height: 75px;
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .top-info .level-card .level-info .avatar img[data-v-5cfda04a] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.mine-wrap-content .top-info .level-card .level-info .account[data-v-5cfda04a] {
    margin-top: 5px
}

.mine-wrap-content .top-info .level-card .level-info .level-pop[data-v-5cfda04a] {
    display: inline-block
}

.mine-wrap-content .top-info .level-card .level-info .account-level[data-v-5cfda04a] {
    background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
    font-size: 14px;
    display: inline-block;
    display: flex;
    border-radius: 5px;
    align-items: center;
    color: var(--text-black);
    padding: 0 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite[data-v-5cfda04a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px
}

.mine-wrap-content .top-info .level-card .level-info .level-invite .btn-account[data-v-5cfda04a] {
    background: var(--primary-light);
    border-radius: 20px;
    padding: 5px 15px
}

.mine-wrap-content .top-info .user-number[data-v-5cfda04a] {
    width: 100%;
    margin: 20px auto 0;
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background: var(--golden-gradient)
}

.mine-wrap-content .top-info .user-number .numberInfo[data-v-5cfda04a] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1
}

.mine-wrap-content .top-info .user-number .numberInfo>div[data-v-5cfda04a] {
    position: relative;
    width: 50%;
    border-radius: 15px
}

.mine-wrap-content .top-info .user-number .numberInfo>div .title[data-v-5cfda04a] {
    text-align: center;
    font-size: 12px;
    color: var(--text-black)
}

.mine-wrap-content .top-info .user-number .numberInfo>div .number[data-v-5cfda04a] {
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    color: var(--text-black);
    font-weight: 700;
    word-break: break-all
}

.mine-wrap-content .main-tools[data-v-5cfda04a] {
    position: relative;
    z-index: 1;
    border-radius: 10px 10px 0 0;
    background: var(--bg);
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -30px;
    padding: 15px 24px 0
}

.mine-wrap-content .main-tools .item[data-v-5cfda04a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .main-tools .item .icon[data-v-5cfda04a] {
    font-size: 18px
}

.mine-wrap-content .main-tools .item .icon-box[data-v-5cfda04a] {
    width: 35px;
    height: 35px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(0, 0, 0, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .4) 120%) #989898;
    background-blend-mode: multiply, multiply;
    margin-right: 8px;
    color: var(--text-white)
}

.mine-wrap-content .main-tools .item .icon-box .icon[data-v-5cfda04a] {
    font-size: 24px
}

.mine-wrap-content .main-tools .item .icon-box.space-icon[data-v-5cfda04a] {
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%)
}

.mine-wrap[data-v-e4bc8124] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-e4bc8124] {
    position: relative
}

.mine-wrap-content .top-info[data-v-e4bc8124] {
    position: relative;
    padding-top: 15px
}

.mine-wrap-content .top-info[data-v-e4bc8124]:before {
    content: "";
    position: absolute;
    top: -70px;
    left: -16px;
    width: calc(100% + 32px);
    height: 70px;
    background: var(--primary)
}

.mine-wrap-content .top-info .user-info[data-v-e4bc8124] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--text-black);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .user-info[data-v-e4bc8124]:after {
    content: "";
    position: absolute;
    top: 300px;
    right: -70px;
    width: 326px;
    height: 417px;
    transform: scale(.65);
    background: url(/assets/mine-84e89346.png) center no-repeat
}

.mine-wrap-content .top-info .user-info .level[data-v-e4bc8124] {
    position: relative;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden;
    margin-left: 10px
}

.mine-wrap-content .top-info .user-info .level[data-v-e4bc8124]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-e4bc8124 3s ease-in-out infinite
}

.mine-wrap-content .top-info .user-info .name[data-v-e4bc8124] {
    font-weight: 700
}

.mine-wrap-content .top-info .user-number[data-v-e4bc8124] {
    position: relative;
    z-index: 1;
    width: 100%;
    color: var(--text-white);
    margin: 20px auto 0;
    overflow: hidden;
    border-radius: 24px;
    padding: 5px 0
}

.mine-wrap-content .top-info .user-number-item[data-v-e4bc8124] {
    padding: 0 5px;
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center
}

.mine-wrap-content .top-info .user-number-item[data-v-e4bc8124]:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 10px;
    background: url(/assets/mine-card-f94a80b4.jpg) center no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    border-radius: 10px
}

.mine-wrap-content .top-info .user-number .title[data-v-e4bc8124] {
    color: #fff;
    font-size: 12px;
    background: #000;
    height: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0 0
}

.mine-wrap-content .top-info .user-number .number[data-v-e4bc8124] {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    padding: 5px 0;
    border-top: none;
    border: 1px solid #bbb;
    border-radius: 0 0 10px 10px;
    background: #fff
}

.mine-wrap-content .top-info .account-card[data-v-e4bc8124] {
    position: absolute;
    right: -16px;
    top: 40px;
    height: 150px;
    width: 200px;
    background: #fff;
    border-radius: 30px 0 0 30px;
    overflow: hidden
}

.mine-wrap-content .top-info .account-card[data-v-e4bc8124]:before {
    content: "";
    position: absolute;
    right: -60px;
    top: -50px;
    background: #1b49b9;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    opacity: .1
}

.mine-wrap-content .top-info .account-card .dot[data-v-e4bc8124] {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 48px
}

.mine-wrap-content .top-info .account-card .dot[data-v-e4bc8124]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1b49b9
}

.mine-wrap-content .top-info .account-card .dot[data-v-e4bc8124]:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(27, 73, 185, .6)
}

.mine-wrap-content .top-info .account-card .level[data-v-e4bc8124] {
    position: absolute;
    right: 12px;
    top: 28px;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden
}

.mine-wrap-content .top-info .account-card .level[data-v-e4bc8124]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-e4bc8124 3s ease-in-out infinite
}

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

.mine-wrap-content .top-info .account-card .content[data-v-e4bc8124] {
    position: absolute;
    bottom: 10px;
    left: 20px
}

.mine-wrap-content .top-info .account-card .content .title[data-v-e4bc8124] {
    color: var(--text-gray)
}

.mine-wrap-content .top-info .account-card .content .name[data-v-e4bc8124] {
    width: 180px;
    font-size: 18px;
    word-break: break-all
}

.mine-wrap-content .main-tools-part[data-v-e4bc8124] {
    position: relative;
    margin-top: 12px;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #000;
    padding: 10px 0 15px;
    border-radius: 10px
}

.mine-wrap-content .main-tools-part a[data-v-e4bc8124] {
    position: relative
}

.mine-wrap-content .main-tools-part .item[data-v-e4bc8124] {
    position: relative;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-e4bc8124] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    flex-shrink: 0
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-e4bc8124] {
    z-index: 1;
    font-size: 32px;
    color: var(--text-white);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-e4bc8124] {
    text-align: center;
    width: 100%;
    line-height: 14px;
    color: var(--btn-text2)
}

.mine-wrap-content .secondary-tools-part[data-v-e4bc8124] {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 1fr)
}

.mine-wrap-content .secondary-tools-part .item[data-v-e4bc8124] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #aaa;
    color: var(--btn-text3);
    background: #fff;
    height: 100%;
    padding: 10px;
    border-radius: 10px
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-e4bc8124] {
    font-size: 34px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-e4bc8124] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 8px
}

.mine-wrap-content .secondary-tools-part .item .label[data-v-e4bc8124] {
    line-height: 16px;
    text-align: center
}

.mine-wrap[data-v-e06ed2df] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-e06ed2df] {
    position: relative
}

.mine-wrap-content .top-info[data-v-e06ed2df] {
    position: relative;
    padding-bottom: 25px;
    padding-top: 15px
}

.mine-wrap-content .top-info[data-v-e06ed2df]:before {
    content: "";
    position: absolute;
    top: -70px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 90px);
    background: var(--primary);
    border-radius: 0 0 0 50px
}

.mine-wrap-content .top-info .c-fff[data-v-e06ed2df] {
    color: #fffc
}

.mine-wrap-content .top-info .user-info[data-v-e06ed2df] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--text-white);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .user-info .level[data-v-e06ed2df] {
    position: relative;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden;
    margin-left: 10px
}

.mine-wrap-content .top-info .user-info .level[data-v-e06ed2df]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-e06ed2df 3s ease-in-out infinite
}

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

.mine-wrap-content .top-info .user-info .name[data-v-e06ed2df] {
    font-weight: 700
}

.mine-wrap-content .user-number[data-v-e06ed2df] {
    position: relative;
    z-index: 1;
    padding: 16px 10px 16px 40px;
    margin: 0 -16px 0 10px;
    border-radius: 10px 0 0 10px;
    background: var(--text-white);
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .user-number[data-v-e06ed2df]:after {
    content: "";
    position: absolute;
    left: -130px;
    top: -153px;
    background: url(/assets/mine-cfa1a201.png) center no-repeat;
    background-size: 100% 100%;
    width: 324px;
    height: 359px;
    transform: scale(.35)
}

.mine-wrap-content .user-number-item[data-v-e06ed2df] {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center
}

.mine-wrap-content .user-number .title[data-v-e06ed2df] {
    color: #000;
    margin-bottom: 5px;
    font-size: 12px
}

.mine-wrap-content .user-number .number[data-v-e06ed2df] {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.mine-wrap-content .user-number .bg-svg[data-v-e06ed2df] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--card-radius);
    overflow: hidden;
    opacity: .9
}

.mine-wrap-content .user-number .bg-svg svg[data-v-e06ed2df] {
    width: 380px;
    height: 100%
}

.mine-wrap-content .card-show[data-v-e06ed2df] {
    position: relative;
    padding-top: 16px
}

.mine-wrap-content .main-tools-part[data-v-e06ed2df] {
    position: relative;
    margin: 15px 0 50px;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: 30px;
    height: 60px;
    line-height: 60px
}

.mine-wrap-content .main-tools-part a[data-v-e06ed2df] {
    position: relative
}

.mine-wrap-content .main-tools-part .item[data-v-e06ed2df] {
    position: relative;
    font-size: 13px;
    height: 80px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-e06ed2df] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid #fff
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-e06ed2df] {
    z-index: 1;
    font-size: 28px;
    color: var(--text-white);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-e06ed2df] {
    position: absolute;
    top: 68px;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: 14px;
    color: var(--text-white)
}

.mine-wrap-content .secondary-tools-part[data-v-e06ed2df] {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 1fr)
}

.mine-wrap-content .secondary-tools-part .item[data-v-e06ed2df] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid var(--bg-weight);
    color: var(--btn-text3);
    background: var(--bg-card);
    height: 110px;
    padding: 10px;
    border-radius: 10px 50px 10px 10px
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-e06ed2df] {
    font-size: 21px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-e06ed2df] {
    position: relative;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 8px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-e06ed2df]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #d08a7a;
    opacity: .1
}

.mine-wrap-content .secondary-tools-part .item .label[data-v-e06ed2df] {
    line-height: 16px
}

.mine-wrap-content .secondary-tools-part .item.bl .icon-box[data-v-e06ed2df]:after {
    content: "";
    background: #1b49b9
}

.mine-wrap-content .secondary-tools-part .item.gr .icon-box[data-v-e06ed2df]:after {
    content: "";
    background: #2c9e90
}

.mine-wrap[data-v-d77afd5b] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-d77afd5b] {
    position: relative
}

.mine-wrap-content .top-info[data-v-d77afd5b] {
    position: relative;
    padding-bottom: 25px;
    padding-top: 15px
}

.mine-wrap-content .top-info[data-v-d77afd5b]:before {
    content: "";
    position: absolute;
    top: -70px;
    left: -16px;
    width: calc(100% + 32px);
    height: 100px;
    background: var(--primary)
}

.mine-wrap-content .top-info[data-v-d77afd5b]:after {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 70px);
    background: var(--bg);
    border-radius: 20px
}

.mine-wrap-content .top-info .c-fff[data-v-d77afd5b] {
    color: #fffc
}

.mine-wrap-content .top-info .user-info[data-v-d77afd5b] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--text-black);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .user-info .level[data-v-d77afd5b] {
    position: relative;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden;
    margin-left: 10px
}

.mine-wrap-content .top-info .user-info .level[data-v-d77afd5b]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-d77afd5b 3s ease-in-out infinite
}

.mine-wrap-content .top-info .user-info .name[data-v-d77afd5b] {
    font-weight: 700
}

.mine-wrap-content .top-info .user-number[data-v-d77afd5b] {
    position: relative;
    z-index: 1;
    padding: 16px 0;
    width: 80%;
    color: var(--text-white);
    margin: 12px auto 0;
    overflow: hidden;
    border-radius: 24px
}

.mine-wrap-content .top-info .user-number-item[data-v-d77afd5b] {
    padding: 0 20px;
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: right;
    margin-bottom: 6px
}

.mine-wrap-content .top-info .user-number-item[data-v-d77afd5b]:last-child {
    margin-bottom: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-d77afd5b] {
    color: #fff;
    margin-bottom: 5px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-d77afd5b] {
    font-size: 26px;
    font-weight: 700
}

.mine-wrap-content .top-info .user-number .bg-svg[data-v-d77afd5b] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--card-radius);
    overflow: hidden;
    opacity: .9
}

.mine-wrap-content .top-info .user-number .bg-svg svg[data-v-d77afd5b] {
    width: 380px;
    height: 100%
}

.mine-wrap-content .top-info .account-card[data-v-d77afd5b] {
    position: absolute;
    right: -16px;
    top: 40px;
    height: 150px;
    width: 200px;
    background: #fff;
    border-radius: 30px 0 0 30px;
    overflow: hidden
}

.mine-wrap-content .top-info .account-card[data-v-d77afd5b]:before {
    content: "";
    position: absolute;
    right: -60px;
    top: -50px;
    background: #1b49b9;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    opacity: .1
}

.mine-wrap-content .top-info .account-card .dot[data-v-d77afd5b] {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 48px
}

.mine-wrap-content .top-info .account-card .dot[data-v-d77afd5b]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1b49b9
}

.mine-wrap-content .top-info .account-card .dot[data-v-d77afd5b]:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(27, 73, 185, .6)
}

.mine-wrap-content .top-info .account-card .level[data-v-d77afd5b] {
    position: absolute;
    right: 12px;
    top: 28px;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden
}

.mine-wrap-content .top-info .account-card .level[data-v-d77afd5b]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-d77afd5b 3s ease-in-out infinite
}

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

.mine-wrap-content .top-info .account-card .content[data-v-d77afd5b] {
    position: absolute;
    bottom: 10px;
    left: 20px
}

.mine-wrap-content .top-info .account-card .content .title[data-v-d77afd5b] {
    color: var(--text-gray)
}

.mine-wrap-content .top-info .account-card .content .name[data-v-d77afd5b] {
    width: 180px;
    font-size: 18px;
    word-break: break-all
}

.mine-wrap-content .card-show[data-v-d77afd5b] {
    position: relative;
    padding-top: 16px
}

.mine-wrap-content .card-show[data-v-d77afd5b]:after {
    content: "";
    position: absolute;
    left: -16px;
    top: 0;
    width: calc(100% + 32px);
    height: calc(100% + 175px);
    background: var(--main-btn-bg);
    border-radius: 20px 20px 0 0;
    border: 1px solid var(--main-btn-border)
}

.mine-wrap-content .main-tools-part[data-v-d77afd5b] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: 30px;
    height: 60px;
    line-height: 60px
}

.mine-wrap-content .main-tools-part a[data-v-d77afd5b] {
    position: relative
}

.mine-wrap-content .main-tools-part .item[data-v-d77afd5b] {
    position: relative;
    font-size: 13px;
    height: 80px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-d77afd5b] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    flex-shrink: 0;
    background: #f2b99c
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-d77afd5b] {
    z-index: 1;
    font-size: 28px;
    color: var(--text-black);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-d77afd5b] {
    position: absolute;
    top: 68px;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: 14px;
    color: var(--btn-text3)
}

.mine-wrap-content .secondary-tools-part[data-v-d77afd5b] {
    position: relative;
    z-index: 1;
    margin-top: 40px
}

.mine-wrap-content .secondary-tools-part .item[data-v-d77afd5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight);
    color: var(--btn-text3)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-d77afd5b] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-d77afd5b] {
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-d77afd5b]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #d08a7a;
    opacity: .1
}

.mine-wrap-content .secondary-tools-part .item.bl .icon-box[data-v-d77afd5b]:after {
    content: "";
    background: #1b49b9
}

.mine-wrap-content .secondary-tools-part .item.gr .icon-box[data-v-d77afd5b]:after {
    content: "";
    background: #2c9e90
}

.mine-wrap[data-v-42f3b6bb] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-42f3b6bb] {
    position: relative
}

.mine-wrap-content .top-info[data-v-42f3b6bb] {
    position: relative;
    padding-bottom: 18px
}

.mine-wrap-content .top-info[data-v-42f3b6bb]:after {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 80px);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAACOCAMAAAA7FHs5AAAAPFBMVEUoKCgoKCgnJycnJycoKCgnJycoKCgpKSkmJigmKCgnJicoJiYoKCYnJiYmKCYnJyYmJicmJyYmJycoJiiTbNjFAAAAFHRSTlN/jpyVh6N4cY6OlY6OlY6VlZWVjmVqUgIAAAZESURBVHhevdyNbiJJDARgl+3OQEj2797/XU/HCHlxxlPtZvfqCT5VG4VIJcRle3uOHMXd3UYVVfs9yPF7hAeByZrMOcGoEsyshnACg9ryxMGyxgU7h2sEFSZxANiSxiGY45RnoxEznFXjFAMB4RCN/h4LTL8bx0ODjWtEGUZ1x9hKN47QUE5xxJoSkKbGEZrg9DSqnBMaigkNNqKxKY2aLWgcSUM47lpYaDtONY7QJE6hESWY4LQ1CE3BoWejZaypQeqGclxAMRFrae7cpMmcrLGGRq2h8T2h4RwXLTCU4+caj4Qmc7IG2sAEh2r890C84OSnamCCQzX+HPEpjlsDExym8ZRdRzhJo3MxqvEDTc2RiBYYyvFa45XG/ZyDohrOqTVearJnSxovLJRTa/xYEyk5boFpxUqNU03mRDmrGq00XrxUyjFHVzBW381DJkSTOM9n04J4jhRJmpSvHDQwqRC/JU2V0BSe7VnTepnIR2hIvLqo4MTZEMjNiyBpeIp+trvG7xp+IoQjvaR3C84xxuwzIIRDNEwUnP1sMgS4+lS+XfxyQ6FpPtydgyeMzRXyz7fL5XbFFXuSZpWETXTHmL3PQC5+weVyvX7gKVmz+G7YdJhhCnL1j8sVx0maZZFQyNWvV3zgG87yMgSAmcFz6ZGP2wU3kLxajTtgewwuDpK/iAF2Smhe5vhiJZazP7j/vxhHQLLmZU5fUlkAeZHjfUitcSGcFuaUFgCiWeV8ej7NshUwTRS9yDGXrPHyeYgmN+3v65jQBMdDwjVf/9y54SwJa1b8850utq0Jzqd94hM5+PHz18/3dzNYiQmNHUcIJjTB+b5D9/z6CTP7lUoNTKEZ2tUU35PwsP74/v7dyvwwu1YYGWOsanLdF5sLRAoOxjFH5quJ4EWM+whOv5sVDt5qjY17ZjUwwKIbwmGYrBEbxxwhxRQaAcfUGh+PrGsyh2O4ZsxpwDQChqk1GAVHKKbSCBhmbnTANUiaHgfbOUZ0JE6tAdEkDsXw0QHpBknT4mB7E9LNqDhCMNEN4wSGaTByTjSAVdVwzj476GpGqUHWcE7GTH+kImU3zR0PEiY4lUZHxZHawl8qOIHhGjnUjEJjTY0gYYLTWhUlDYpqJjm+Y6jGRpHcjS3OvxDNEI67lJphgqSxFY0gMEzjo44o0qd7cY0WGDLUg1YWVVEFncZxjWNWI2fTONHgYLkaBwiHHrE+NIqXp3EIzppGQ6OAGdk4EUxwiEaUahSvTeOmOe4oMaFRvDKNm+cUR6xJoy9M40qOdMdoosEh+y+K4Rx31zmNFhqOqTlzR6xHGgXphmM4B4UlNBXHqQYgHOlN40RrDsd4k+NiDY32p3HksdiGUZMmc/prNMqp952aNTVnAkPbyeWMnkZXpnE+yXFLGKrRlWmcTw71kDBco61pXGSGoxnDNUo1fhzKgZaWWqN0GtfiSKTChIZzKCaC02WcrWmUTuPqnHBCoy2Nkmlci/P1iLWpUT+7YmIqOAhMQ2P/RQ81XpbEl3HibY3ds0tDU6fDQVi4xtQSNWkKTiEKzkNjXBONHFiJhlWUOEYwKndIjZ3UsKHergkMf6maI42cDPVQYOJ5mEaFaHhJd85DU0jUohvGkZV85egYNSQ0jCPr8RjqZU0wOhqVPzfUIxFtcdbj2BJmUYM/gXG4cE0Tsz7TM0sfKq7hmPUFFuhqmmvwYiUR8O8U8hcw7iincRiRtgbLheQALsEpRDKP8caRVJrgRHTMaZAegED4NC44OaGhmOBwCNcEJ0dlVJbxFeNOJGT+RTmyowpM1gQHCUIxgAvlyPFxj4FiVVQUwj1PxaLWRCpMaDBsxZI1AqLZE5hy47SEyRoB00RwunFarMal4BANyKqojYluModr8EY0AysYF8qRHgYP8JKGcqTAsHkIGpbQMI60MK6jzwkN5QjDZE2PAwuMC+VIheEbJ0xhiEZQa0BXRYzTn8ah0mATpulwQDSJkzR8jaajw4ElDeVIgSEaykFjpycITWDo/Cs0nNPRCLKmN43jHPSGeqEJTHDINI5zmmM0hCYwTEM46xpBaJrTOM4BYM3BFR6a2WlcaBinGKMxjgSGjtF8jBkOVqdxGBIYpnEbc5xVjUASZvFX41I7q0O9fwGPv6XtflEbwwAAAABJRU5ErkJggg==) top left
}

.mine-wrap-content .top-info .main-card[data-v-42f3b6bb] {
    position: relative;
    z-index: 1;
    margin-top: 10px
}

.mine-wrap-content .top-info .user-number[data-v-42f3b6bb] {
    position: relative;
    z-index: 1;
    width: 100%;
    color: var(--text-white);
    text-align: left
}

.mine-wrap-content .top-info .user-number[data-v-42f3b6bb]:after {
    content: "";
    position: absolute;
    top: -20px;
    right: 0;
    background: url(/assets/mine-9483a48d.png) center no-repeat;
    background-size: 100% 100%;
    width: 168px;
    height: 132px;
    animation: floatAnimation-42f3b6bb 12s ease-in-out infinite
}

@keyframes floatAnimation-42f3b6bb {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-6px)
    }
    to {
        transform: translateY(0)
    }
}

.mine-wrap-content .top-info .user-number-item[data-v-42f3b6bb] {
    position: relative;
    z-index: 1;
    width: 100%
}

.mine-wrap-content .top-info .user-number .title[data-v-42f3b6bb] {
    color: #fffc;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-42f3b6bb] {
    font-size: 28px;
    font-weight: 700
}

.mine-wrap-content .top-info .account-card[data-v-42f3b6bb] {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 30px 30px 0 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px 10px
}

.mine-wrap-content .top-info .account-card .level[data-v-42f3b6bb] {
    position: relative;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden
}

.mine-wrap-content .top-info .account-card .level[data-v-42f3b6bb]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-42f3b6bb 3s ease-in-out infinite
}

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

.mine-wrap-content .top-info .account-card .content[data-v-42f3b6bb] {
    position: relative;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .account-card .content .name[data-v-42f3b6bb] {
    color: var(--text-white);
    max-width: 180px;
    font-size: 14px;
    word-break: break-all;
    margin-right: 10px
}

.mine-wrap-content .main-tools-part[data-v-42f3b6bb] {
    margin-top: 10px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    width: 100%
}

.mine-wrap-content .main-tools-part .item[data-v-42f3b6bb] {
    position: relative;
    font-size: 13px;
    display: flex;
    align-items: center;
    background: #50c3d9;
    border-radius: 25px;
    height: 45px;
    padding: 5px
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-42f3b6bb] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4)
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-42f3b6bb] {
    z-index: 1;
    font-size: 22px;
    color: var(--text-white);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-42f3b6bb] {
    text-align: center;
    width: 100%;
    line-height: 14px;
    padding: 0 5px;
    color: var(--text-white);
    font-size: 13px
}

.mine-wrap-content .secondary-tools-part[data-v-42f3b6bb] {
    position: relative;
    z-index: 1;
    width: calc(100% + 32px);
    height: calc(100vh - 383px);
    margin-left: -16px;
    margin-bottom: -80px;
    padding: 12px 16px 16px;
    background: #fff;
    border-radius: 16px 16px 0 0;
    color: var(--text-black)
}

.mine-wrap-content .secondary-tools-part .item[data-v-42f3b6bb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-42f3b6bb] {
    font-size: 20px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-42f3b6bb] {
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-42f3b6bb]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #d08a7a;
    opacity: .1
}

.mine-wrap-content .secondary-tools-part .item.bl .icon-box[data-v-42f3b6bb]:after {
    content: "";
    background: #1b49b9
}

.mine-wrap-content .secondary-tools-part .item.gr .icon-box[data-v-42f3b6bb]:after {
    content: "";
    background: #2c9e90
}

.mine-wrap[data-v-665afc33] {
    position: relative
}

.mine-wrap-content[data-v-665afc33] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-665afc33] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info[data-v-665afc33] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--btn-text3);
    padding: 12px 0;
    border-radius: 25px
}

.mine-wrap-content .top-info .user-info .level[data-v-665afc33] {
    display: inline-block;
    font-size: 13px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .vip-part[data-v-665afc33] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px 0 0 16px;
    padding: 0 12px;
    background: var(--golden-gradient);
    height: 24px;
    overflow: hidden;
    margin-right: -16px
}

.mine-wrap-content .top-info .vip-part .level[data-v-665afc33] {
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: var(--text-black);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .vip-part .level .icon[data-v-665afc33] {
    margin-right: 5px;
    font-size: 16px
}

.mine-wrap-content .top-info .vip-part[data-v-665afc33]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-665afc33 3s ease-in-out infinite
}

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

.mine-wrap-content .main-card[data-v-665afc33] {
    margin-right: -16px;
    background: linear-gradient(60deg, #29323c 0%, #485563 100%);
    border-radius: var(--card-radius) 0 0 var(--card-radius);
    padding: var(--mg);
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.mine-wrap-content .main-card .user-number[data-v-665afc33] {
    position: relative;
    z-index: 1;
    width: 100%;
    color: var(--text-white);
    display: flex;
    align-items: center
}

.mine-wrap-content .main-card .user-number-item[data-v-665afc33] {
    width: 50%;
    position: relative;
    z-index: 1;
    text-align: center
}

.mine-wrap-content .main-card .user-number .title[data-v-665afc33] {
    font-size: 13px;
    color: var(--text-white)
}

.mine-wrap-content .main-card .user-number .number[data-v-665afc33] {
    font-size: 20px
}

.mine-wrap-content .main-card .icon[data-v-665afc33] {
    position: absolute;
    top: 30px;
    right: 10px;
    color: #fff;
    opacity: .1;
    font-size: 180px;
    transform: rotate(10deg)
}

.mine-wrap-content .main-card .site-name[data-v-665afc33] {
    position: absolute;
    right: var(--mg);
    top: var(--mg);
    color: #fff;
    font-size: 13px;
    opacity: .3
}

.mine-wrap-content .main-tools-part[data-v-665afc33] {
    position: relative;
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 12px;
    background: var(--bg-card2)
}

.mine-wrap-content .main-tools-part .item[data-v-665afc33] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.mine-wrap-content .main-tools-part .item[data-v-665afc33]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-665afc33] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-bottom: 10px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-665afc33] {
    position: absolute;
    z-index: 1;
    font-size: 23px
}

.mine-wrap-content .main-tools-part .item .label[data-v-665afc33] {
    text-align: center;
    line-height: 14px;
    color: var(--btn-text)
}

.mine-wrap-content .secondary-tools-part[data-v-665afc33] {
    margin-top: var(--mg);
    background: var(--bg-card);
    padding: 0 16px;
    border-radius: var(--radius)
}

.mine-wrap-content .secondary-tools-part .item[data-v-665afc33] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-665afc33] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-665afc33] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg);
    border-radius: 50%;
    margin-right: 8px
}

.mine-wrap-content .secondary-tools-part .item .label[data-v-665afc33] {
    color: var(--btn-text)
}

.mine-wrap-content .secondary-tools-part .item .arrow[data-v-665afc33] {
    color: var(--btn-text);
    font-size: 20px
}

.mine-wrap[data-v-a1175515] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-a1175515] {
    position: relative
}

.mine-wrap-content .top-info[data-v-a1175515] {
    position: relative;
    padding-bottom: 65px
}

.mine-wrap-content .top-info[data-v-a1175515]:before {
    content: "";
    position: absolute;
    top: -71px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 61px);
    background: var(--primary)
}

.mine-wrap-content .top-info .user-info[data-v-a1175515] {
    margin-top: 5px;
    position: relative;
    font-size: 16px;
    color: var(--text-white);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .avatar[data-v-a1175515] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.mine-wrap-content .top-info .user-info .avatar img[data-v-a1175515] {
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .user-info .level[data-v-a1175515] {
    display: inline-block;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .mine-content[data-v-a1175515] {
    background: var(--bg-card);
    border-radius: var(--radius);
    padding: 16px;
    box-shadow: var(--box-shadow);
    min-height: calc(var(--vh) * 100 - 244px)
}

.mine-wrap-content .user-number[data-v-a1175515] {
    position: relative;
    margin-top: 26px;
    width: 100%;
    color: var(--btn-text)
}

.mine-wrap-content .user-number-item[data-v-a1175515] {
    position: relative;
    z-index: 1;
    padding: 20px 0 12px;
    width: calc(50% - 5px);
    margin-right: 10px;
    text-align: center;
    background: var(--bg);
    border-radius: var(--radius)
}

.mine-wrap-content .user-number-item[data-v-a1175515]:last-child {
    margin-right: 0
}

.mine-wrap-content .user-number-item .icon[data-v-a1175515] {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mine-wrap-content .user-number-item .icon div[data-v-a1175515] {
    font-size: 22px
}

.mine-wrap-content .user-number .title[data-v-a1175515] {
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .user-number .number[data-v-a1175515] {
    font-size: 18px
}

.mine-wrap-content .main-tools-part[data-v-a1175515] {
    position: relative;
    margin-top: -60px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    background: var(--bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 12px;
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .main-tools-part .item[data-v-a1175515] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.mine-wrap-content .main-tools-part .item[data-v-a1175515]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-a1175515] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: var(--primary);
    border-radius: var(--btn-radius);
    flex-shrink: 0;
    margin-bottom: 8px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-a1175515] {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    color: var(--text-white);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-a1175515] {
    text-align: center;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-a1175515] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-a1175515] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-a1175515] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-a1175515] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-5c79bcd1] {
    position: relative
}

.mine-wrap-content[data-v-5c79bcd1] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-5c79bcd1] {
    position: relative;
    padding-bottom: 48px
}

.mine-wrap-content .top-info[data-v-5c79bcd1]:after {
    content: "";
    position: absolute;
    top: -100px;
    left: -16px;
    width: calc(100% + 32px);
    background: var(--primary);
    height: calc(100% + 100px)
}

.mine-wrap-content .top-info .avatar[data-v-5c79bcd1] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-5c79bcd1] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--btn-text2);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .level[data-v-5c79bcd1] {
    display: inline-block;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-info .btn-account[data-v-5c79bcd1] {
    flex-shrink: 0;
    background: var(--btn-bg5);
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 20px;
    line-height: 14px
}

.mine-wrap-content .top-info .user-number[data-v-5c79bcd1] {
    position: relative;
    z-index: 1;
    margin-top: 12px;
    padding: 12px;
    width: 100%;
    color: var(--text-white);
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    overflow: hidden
}

.mine-wrap-content .top-info .user-number[data-v-5c79bcd1]:before {
    content: "";
    position: absolute;
    bottom: -94px;
    right: -108px;
    background: url(/assets/balance-c1156b30.png) center no-repeat;
    background-size: 100% 100%;
    width: 367px;
    height: 316px;
    transform: scale(.4);
    z-index: 1
}

.mine-wrap-content .top-info .user-number .flag[data-v-5c79bcd1] {
    position: absolute;
    right: -30px;
    top: -50px;
    font-size: 150px;
    color: var(--text-gray);
    opacity: .4
}

.mine-wrap-content .top-info .user-number .cont[data-v-5c79bcd1] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info .user-number-item[data-v-5c79bcd1] {
    position: relative;
    z-index: 1;
    text-align: left
}

.mine-wrap-content .top-info .user-number .title[data-v-5c79bcd1] {
    margin-bottom: 2px;
    font-size: 12px;
    color: var(--text-white)
}

.mine-wrap-content .top-info .user-number .number[data-v-5c79bcd1] {
    font-size: 24px;
    font-weight: 700
}

.mine-wrap-content .top-info .tools[data-v-5c79bcd1] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin-top: 12px
}

.mine-wrap-content .top-info .tools .item[data-v-5c79bcd1] {
    padding: 12px;
    background: #d1f272;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .tools .item .label[data-v-5c79bcd1] {
    font-size: 16px
}

.mine-wrap-content .top-info .tools .item .icon-box[data-v-5c79bcd1] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mine-wrap-content .secondary-tools-part[data-v-5c79bcd1] {
    position: relative;
    z-index: 1;
    border-radius: var(--radius) var(--radius) 0 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -34px;
    background: var(--bg);
    padding: 10px 16px
}

.mine-wrap-content .secondary-tools-part .item[data-v-5c79bcd1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-5c79bcd1] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-5c79bcd1] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-4b8444d7] {
    position: relative
}

.mine-wrap-content[data-v-4b8444d7] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-4b8444d7] {
    position: relative;
    background: #312d3d;
    margin: -65px -16px 0;
    width: calc(100% + 32px);
    padding: 50px var(--mg) 26px
}

.mine-wrap-content .top-info .avatar[data-v-4b8444d7] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-4b8444d7] {
    position: relative;
    font-size: 16px;
    color: var(--btn-text2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0
}

.mine-wrap-content .top-info .user-info .user[data-v-4b8444d7] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info .user-info[data-v-4b8444d7]:after {
    content: "";
    position: absolute;
    right: -111px;
    top: -77px;
    background: url(/assets/mine-19190eed.png) center no-repeat;
    background-size: 100% 100%;
    width: 420px;
    height: 285px;
    transform: scale(.42)
}

.mine-wrap-content .top-info .user-info .level[data-v-4b8444d7] {
    display: inline-block;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .show-card[data-v-4b8444d7] {
    background: var(--sp-card);
    border-radius: 12px;
    width: 100%;
    color: #000;
    padding: 16px;
    margin-top: 12px
}

.mine-wrap-content .top-info .user-number[data-v-4b8444d7] {
    position: relative;
    width: 100%;
    color: var(--text-black);
    border-radius: var(--radius)
}

.mine-wrap-content .top-info .user-number-item[data-v-4b8444d7] {
    position: relative;
    z-index: 1;
    width: 50%;
    text-align: left;
    margin-bottom: 5px
}

.mine-wrap-content .top-info .user-number-item[data-v-4b8444d7]:last-child {
    margin-bottom: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-4b8444d7] {
    font-size: 12px;
    color: #768834
}

.mine-wrap-content .top-info .user-number .number[data-v-4b8444d7] {
    font-size: 20px;
    font-weight: 700
}

.mine-wrap-content .top-info .btn-account[data-v-4b8444d7] {
    margin-top: 10px;
    flex-shrink: 0;
    background: var(--text-black);
    color: var(--text-white);
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 20px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mine-wrap-content .main-tools-part[data-v-4b8444d7] {
    border-radius: var(--radius);
    margin-top: 12px
}

.mine-wrap-content .main-tools-part .item[data-v-4b8444d7] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px;
    padding: 15px 5px 20px
}

.mine-wrap-content .main-tools-part .item[data-v-4b8444d7]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item.recharge[data-v-4b8444d7] {
    background: #2765fa;
    color: var(--text-white)
}

.mine-wrap-content .main-tools-part .item.withdraw[data-v-4b8444d7] {
    background: #ff7954;
    color: var(--text-white)
}

.mine-wrap-content .main-tools-part .item.invest[data-v-4b8444d7] {
    background: #cbf147;
    color: var(--text-black)
}

.mine-wrap-content .main-tools-part .item.invest .icon-box .icon[data-v-4b8444d7] {
    color: var(--text-black)
}

.mine-wrap-content .main-tools-part .item.financial[data-v-4b8444d7] {
    background: #ffffff;
    color: var(--text-black)
}

.mine-wrap-content .main-tools-part .item.financial .icon-box .icon[data-v-4b8444d7] {
    color: var(--text-black)
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-4b8444d7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    margin-bottom: 10px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-4b8444d7] {
    position: absolute;
    z-index: 1;
    font-size: 30px;
    color: var(--btn-text2);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-4b8444d7] {
    text-align: center;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-4b8444d7] {
    position: relative;
    z-index: 1;
    margin-top: -16px;
    background: var(--bg);
    margin-left: -16px;
    width: calc(100% + 32px);
    padding: 12px 16px;
    border-radius: 16px 16px 0 0
}

.mine-wrap-content .secondary-tools-part .item[data-v-4b8444d7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item.transfer .icon-box[data-v-4b8444d7] {
    background: #fae1d0
}

.mine-wrap-content .secondary-tools-part .item.auth .icon-box[data-v-4b8444d7] {
    background: #d7f5bf
}

.mine-wrap-content .secondary-tools-part .item.cpw .icon-box[data-v-4b8444d7] {
    background: #b6bcfd
}

.mine-wrap-content .secondary-tools-part .item.logout .icon-box[data-v-4b8444d7] {
    background: #fbb1c3
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-4b8444d7] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .label[data-v-4b8444d7] {
    font-size: 14px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-4b8444d7] {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: 50%;
    margin-right: 8px
}

.mine-wrap[data-v-9b003386] {
    position: relative
}

.mine-wrap-content[data-v-9b003386] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-9b003386] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info[data-v-9b003386] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--btn-text3);
    padding: 12px 0;
    border-radius: 25px
}

.mine-wrap-content .top-info .user-info .level[data-v-9b003386] {
    display: inline-block;
    font-size: 13px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .vip-part[data-v-9b003386] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 12px;
    background: var(--golden-gradient);
    height: 24px;
    overflow: hidden
}

.mine-wrap-content .top-info .vip-part .level[data-v-9b003386] {
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: var(--text-black);
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .vip-part .level .icon[data-v-9b003386] {
    margin-right: 5px;
    font-size: 16px
}

.mine-wrap-content .top-info .vip-part[data-v-9b003386]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-9b003386 3s ease-in-out infinite
}

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

.mine-wrap-content .main-card[data-v-9b003386] {
    background: linear-gradient(45deg, #282747, #4e4fab, #2d3b68);
    border-radius: var(--card-radius);
    padding: var(--mg);
    position: relative;
    overflow: hidden
}

.mine-wrap-content .main-card .user-number[data-v-9b003386] {
    position: relative;
    z-index: 1;
    width: 100%;
    color: var(--text-white)
}

.mine-wrap-content .main-card .user-number-item[data-v-9b003386] {
    position: relative;
    z-index: 1;
    text-align: left;
    border-radius: 10px
}

.mine-wrap-content .main-card .user-number .title[data-v-9b003386] {
    font-size: 13px;
    color: var(--text-white)
}

.mine-wrap-content .main-card .user-number .number[data-v-9b003386] {
    font-size: 26px
}

.mine-wrap-content .main-card .icon[data-v-9b003386] {
    position: absolute;
    top: 30px;
    right: 10px;
    color: #fff;
    opacity: .1;
    font-size: 180px;
    transform: rotate(10deg)
}

.mine-wrap-content .main-card .site-name[data-v-9b003386] {
    position: absolute;
    right: var(--mg);
    top: var(--mg);
    color: #fff;
    font-size: 13px;
    opacity: .3
}

.mine-wrap-content .main-tools-part[data-v-9b003386] {
    position: relative;
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 12px
}

.mine-wrap-content .main-tools-part .item[data-v-9b003386] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.mine-wrap-content .main-tools-part .item[data-v-9b003386]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-9b003386] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: var(--btn-light2);
    border-radius: 50%;
    flex-shrink: 0;
    margin-bottom: 10px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-9b003386] {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    color: var(--btn-text)
}

.mine-wrap-content .main-tools-part .item .label[data-v-9b003386] {
    text-align: center;
    line-height: 14px;
    color: var(--btn-text2)
}

.mine-wrap-content .secondary-tools-part[data-v-9b003386] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-9b003386] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-9b003386] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-9b003386] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn-light2);
    border-radius: 50%;
    margin-right: 8px
}

.mine-wrap-content .secondary-tools-part .item .label[data-v-9b003386] {
    color: var(--btn-text2)
}

.mine-wrap-content .secondary-tools-part .item .arrow[data-v-9b003386] {
    color: var(--btn-text2);
    font-size: 20px
}

.mine-wrap[data-v-f69ab1c4] {
    position: relative
}

.mine-wrap.c-2 .top-info[data-v-f69ab1c4]:after {
    content: "";
    position: absolute;
    left: -16px;
    top: -100px;
    height: calc(100% + 100px);
    width: calc(100% + 32px);
    background: url(/assets/2-login-1b5211af.png) top center repeat;
    background-size: 100% auto
}

.mine-wrap.c-4 .main-tools-part .item .icon[data-v-f69ab1c4],
.mine-wrap.c-5 .main-tools-part .item .icon[data-v-f69ab1c4] {
    color: var(--bg-1) !important
}

.mine-wrap-content[data-v-f69ab1c4] {
    position: relative;
    z-index: 1;
    margin-top: 10px
}

.mine-wrap-content .top-info[data-v-f69ab1c4] {
    position: relative
}

.mine-wrap-content .top-info[data-v-f69ab1c4]:after {
    content: "";
    position: absolute;
    left: -16px;
    top: -100px;
    height: calc(100% + 100px);
    width: calc(100% + 32px);
    background: var(--bg-1)
}

.mine-wrap-content .top-info .user-info[data-v-f69ab1c4] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--btn-text3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-radius: 25px
}

.mine-wrap-content .top-info .user-info .level[data-v-f69ab1c4] {
    display: inline-block;
    font-size: 13px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-info .account[data-v-f69ab1c4] {
    background: var(--text-black);
    color: var(--text-white);
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    font-size: 12px;
    flex-shrink: 0
}

.mine-wrap-content .top-info .user-info .account .icon-box[data-v-f69ab1c4] {
    background: var(--mine-btn);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-black);
    margin-right: 5px
}

.mine-wrap-content .top-info .user-info .account .icon[data-v-f69ab1c4] {
    font-size: 17px
}

.mine-wrap-content .user-number[data-v-f69ab1c4] {
    position: relative;
    z-index: 1;
    width: 100%;
    color: var(--btn-text3);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-top: 16px
}

.mine-wrap-content .user-number-item[data-v-f69ab1c4] {
    position: relative;
    z-index: 1;
    text-align: left;
    border-radius: 10px
}

.mine-wrap-content .user-number .title[data-v-f69ab1c4] {
    margin-top: 5px;
    font-size: 12px;
    color: var(--hint-text)
}

.mine-wrap-content .user-number .number[data-v-f69ab1c4] {
    font-size: 18px;
    font-weight: 700
}

.mine-wrap-content .vip-part[data-v-f69ab1c4] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px 16px 0 0;
    padding: 12px 16px;
    background: linear-gradient(45deg, #191e2c, #40455e);
    margin-top: 24px
}

.mine-wrap-content .vip-part .account[data-v-f69ab1c4] {
    display: inline-block;
    padding: 0 16px;
    min-height: 30px;
    background: var(--bg-line2);
    color: var(--btn-text4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px
}

.mine-wrap-content .vip-part .level[data-v-f69ab1c4] {
    font-size: 16px;
    color: #f6d365;
    display: flex;
    align-items: center;
    font-weight: 700
}

.mine-wrap-content .vip-part .level .icon[data-v-f69ab1c4] {
    margin-right: 5px;
    font-size: 20px
}

.mine-wrap-content .vip-part .hint[data-v-f69ab1c4] {
    color: #fff9
}

.mine-wrap-content .main-tools-part[data-v-f69ab1c4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    border-radius: var(--radius);
    padding: 12px 0
}

.mine-wrap-content .main-tools-part .item[data-v-f69ab1c4] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.mine-wrap-content .main-tools-part .item[data-v-f69ab1c4]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-f69ab1c4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-bottom: 5px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-f69ab1c4] {
    position: absolute;
    z-index: 1;
    font-size: 32px;
    color: var(--bg-line);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-f69ab1c4] {
    text-align: center;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-f69ab1c4] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-f69ab1c4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-f69ab1c4] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-f69ab1c4] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-f4bbe914] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-f4bbe914] {
    position: relative
}

.mine-wrap-content .top-info[data-v-f4bbe914] {
    position: relative;
    padding-bottom: 25px
}

.mine-wrap-content .top-info .decor[data-v-f4bbe914] {
    position: absolute;
    top: -30px;
    left: -30px;
    opacity: .1;
    font-size: 160px;
    transform: rotate(30deg)
}

.mine-wrap-content .top-info[data-v-f4bbe914]:before {
    content: "";
    position: absolute;
    top: -72px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 51px);
    background: var(--primary)
}

.mine-wrap-content .top-info .c-fff[data-v-f4bbe914] {
    color: #fffc
}

.mine-wrap-content .top-info .user-number[data-v-f4bbe914] {
    position: relative;
    z-index: 1;
    padding: 12px 0 16px;
    width: 100%;
    color: var(--text-white);
    text-align: center
}

.mine-wrap-content .top-info .user-number-item[data-v-f4bbe914] {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 16px
}

.mine-wrap-content .top-info .user-number-item[data-v-f4bbe914]:last-child {
    margin-bottom: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-f4bbe914] {
    color: #fffc;
    margin-bottom: 5px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-f4bbe914] {
    font-size: 28px;
    font-weight: 700
}

.mine-wrap-content .top-info .account-card[data-v-f4bbe914] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e0ff87;
    border-radius: 30px 30px 0 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 16px 16px 70px
}

.mine-wrap-content .top-info .account-card .level[data-v-f4bbe914] {
    position: relative;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden
}

.mine-wrap-content .top-info .account-card .level[data-v-f4bbe914]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-f4bbe914 3s ease-in-out infinite
}

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

.mine-wrap-content .top-info .account-card .content[data-v-f4bbe914] {
    position: relative;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .account-card .content .name[data-v-f4bbe914] {
    color: var(--text-black);
    max-width: 180px;
    font-size: 14px;
    word-break: break-all;
    margin-right: 10px
}

.mine-wrap-content .main-tools-part[data-v-f4bbe914] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #312d3d;
    border-radius: 30px 30px 0 0;
    width: calc(100% + 32px);
    margin: -80px 0 0 -16px;
    line-height: 60px;
    padding: 8px 16px 80px
}

.mine-wrap-content .main-tools-part a[data-v-f4bbe914] {
    position: relative
}

.mine-wrap-content .main-tools-part a[data-v-f4bbe914]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    height: 10px;
    width: 1px;
    border-radius: 6px;
    background: #999
}

.mine-wrap-content .main-tools-part a[data-v-f4bbe914]:last-child:after {
    content: "";
    display: none
}

.mine-wrap-content .main-tools-part .item[data-v-f4bbe914] {
    position: relative;
    font-size: 13px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-f4bbe914] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-f4bbe914] {
    z-index: 1;
    font-size: 26px;
    color: #ccc;
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-f4bbe914] {
    text-align: center;
    width: 100%;
    line-height: 14px;
    color: #ccc;
    font-size: 12px
}

.mine-wrap-content .secondary-tools-part[data-v-f4bbe914] {
    position: relative;
    z-index: 1;
    margin-top: -70px;
    margin-bottom: -10px;
    width: calc(100% + 32px);
    height: calc(100vh - 420px);
    margin-left: -16px;
    padding: 12px 16px 16px;
    background: var(--bg-card);
    border-radius: 30px 30px 0 0
}

.mine-wrap-content .secondary-tools-part .item[data-v-f4bbe914] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-f4bbe914] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-f4bbe914] {
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-f4bbe914]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #d08a7a;
    opacity: .1
}

.mine-wrap-content .secondary-tools-part .item.bl .icon-box[data-v-f4bbe914]:after {
    content: "";
    background: #1b49b9
}

.mine-wrap-content .secondary-tools-part .item.gr .icon-box[data-v-f4bbe914]:after {
    content: "";
    background: #2c9e90
}

.mine-wrap[data-v-e41fdc4b] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-e41fdc4b] {
    position: relative
}

.mine-wrap-content .top-info[data-v-e41fdc4b] {
    position: relative;
    padding-bottom: 25px
}

.mine-wrap-content .top-info[data-v-e41fdc4b]:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 41px);
    background: var(--primary)
}

.mine-wrap-content .top-info .c-fff[data-v-e41fdc4b] {
    color: #fffc
}

.mine-wrap-content .top-info .user-info[data-v-e41fdc4b] {
    position: relative;
    font-size: 16px;
    color: var(--btn-text2);
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .avatar[data-v-e41fdc4b] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.mine-wrap-content .top-info .user-info .avatar img[data-v-e41fdc4b] {
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .user-number[data-v-e41fdc4b] {
    position: relative;
    z-index: 1;
    padding: 12px 0;
    width: 100%;
    color: var(--text-white);
    margin-top: 12px;
    margin-bottom: 20px
}

.mine-wrap-content .top-info .user-number-item[data-v-e41fdc4b] {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: left;
    margin-bottom: 12px
}

.mine-wrap-content .top-info .user-number-item[data-v-e41fdc4b]:last-child {
    margin-bottom: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-e41fdc4b] {
    color: #fffc;
    margin-bottom: 5px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-e41fdc4b] {
    font-size: 24px
}

.mine-wrap-content .top-info .account-card[data-v-e41fdc4b] {
    position: absolute;
    right: -16px;
    top: 40px;
    height: 150px;
    width: 200px;
    background: #fff;
    border-radius: 30px 0 0 30px;
    overflow: hidden
}

.mine-wrap-content .top-info .account-card[data-v-e41fdc4b]:before {
    content: "";
    position: absolute;
    right: -60px;
    top: -50px;
    background: #1b49b9;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    opacity: .1
}

.mine-wrap-content .top-info .account-card .dot[data-v-e41fdc4b] {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 48px
}

.mine-wrap-content .top-info .account-card .dot[data-v-e41fdc4b]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1b49b9
}

.mine-wrap-content .top-info .account-card .dot[data-v-e41fdc4b]:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(27, 73, 185, .6)
}

.mine-wrap-content .top-info .account-card .level[data-v-e41fdc4b] {
    position: absolute;
    right: 12px;
    top: 28px;
    display: inline-block;
    font-size: 12px;
    background: var(--golden-gradient);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    overflow: hidden
}

.mine-wrap-content .top-info .account-card .level[data-v-e41fdc4b]:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-e41fdc4b 3s ease-in-out infinite
}

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

.mine-wrap-content .top-info .account-card .content[data-v-e41fdc4b] {
    position: absolute;
    bottom: 10px;
    left: 20px
}

.mine-wrap-content .top-info .account-card .content .title[data-v-e41fdc4b] {
    color: var(--text-gray)
}

.mine-wrap-content .top-info .account-card .content .name[data-v-e41fdc4b] {
    width: 180px;
    font-size: 18px;
    word-break: break-all
}

.mine-wrap-content .main-tools-part[data-v-e41fdc4b] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--bg-card);
    border-radius: 30px;
    height: 60px;
    line-height: 60px
}

.mine-wrap-content .main-tools-part a[data-v-e41fdc4b] {
    position: relative
}

.mine-wrap-content .main-tools-part a[data-v-e41fdc4b]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    height: 10px;
    width: 1px;
    border-radius: 6px;
    background: var(--line-color)
}

.mine-wrap-content .main-tools-part a[data-v-e41fdc4b]:last-child:after {
    content: "";
    display: none
}

.mine-wrap-content .main-tools-part .item[data-v-e41fdc4b] {
    position: relative;
    font-size: 13px;
    height: 80px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-e41fdc4b] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    flex-shrink: 0
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-e41fdc4b] {
    z-index: 1;
    font-size: 34px;
    color: var(--primary);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-e41fdc4b] {
    position: absolute;
    top: 68px;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-e41fdc4b] {
    margin-top: 40px
}

.mine-wrap-content .secondary-tools-part .item[data-v-e41fdc4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-e41fdc4b] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-e41fdc4b] {
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-e41fdc4b]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #d08a7a;
    opacity: .1
}

.mine-wrap-content .secondary-tools-part .item.bl .icon-box[data-v-e41fdc4b]:after {
    content: "";
    background: #1b49b9
}

.mine-wrap-content .secondary-tools-part .item.gr .icon-box[data-v-e41fdc4b]:after {
    content: "";
    background: #2c9e90
}

.mine-wrap[data-v-e7bb8f73] {
    position: relative;
    z-index: 1
}

.mine-wrap-content[data-v-e7bb8f73] {
    position: relative
}

.mine-wrap-content .top-info[data-v-e7bb8f73] {
    position: relative;
    padding-bottom: 35px
}

.mine-wrap-content .top-info .user-info[data-v-e7bb8f73] {
    position: relative;
    font-size: 16px;
    color: var(--btn-text);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .avatar[data-v-e7bb8f73] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.mine-wrap-content .top-info .user-info .avatar img[data-v-e7bb8f73] {
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .user-info .level[data-v-e7bb8f73] {
    font-size: 12px;
    color: var(--text-black);
    border-radius: var(--btn-radius);
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%)
}

.mine-wrap-content .top-info .user-info .level .vip[data-v-e7bb8f73] {
    background: url(/assets/mine-vip-0f8d8418.png) no-repeat;
    background-size: 18px 16px;
    width: 18px;
    height: 16px;
    margin-right: 5px
}

.mine-wrap-content .top-info .user-info .level .level-num[data-v-e7bb8f73] {
    display: inline-block
}

.mine-wrap-content .top-info .user-number[data-v-e7bb8f73] {
    position: relative;
    padding: var(--mg);
    width: 100%;
    color: var(--btn-text);
    background: var(--bg-card);
    border-radius: var(--card-radius);
    border: 1px solid var(--btn-text);
    margin-top: 12px;
    margin-bottom: 20px
}

.mine-wrap-content .top-info .user-number[data-v-e7bb8f73]:before {
    content: "";
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 100%;
    height: 100%;
    border-radius: var(--card-radius);
    background: var(--bg-weight);
    border: 1px solid var(--btn-text);
    z-index: -1
}

.mine-wrap-content .top-info .user-number[data-v-e7bb8f73]:after {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -47px;
    background: url(/assets/mine-a562f097.png) center no-repeat;
    background-size: 100% 100%;
    width: 409px;
    height: 204px;
    transform: scale(.5)
}

.mine-wrap-content .top-info .user-number-item[data-v-e7bb8f73] {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: right;
    margin-top: 6px
}

.mine-wrap-content .top-info .user-number-item[data-v-e7bb8f73]:first-child {
    margin-top: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-e7bb8f73] {
    color: var(--btn-text);
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-e7bb8f73] {
    font-size: 24px;
    color: var(--btn-text)
}

.mine-wrap-content .main-tools-part[data-v-e7bb8f73] {
    position: relative;
    margin-top: -40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    border-radius: var(--radius)
}

.mine-wrap-content .main-tools-part .item[data-v-e7bb8f73] {
    position: relative;
    font-size: 13px;
    display: flex;
    padding: 10px;
    justify-content: flex-start;
    align-items: center;
    background: var(--bg-card);
    border: 1px solid var(--btn-text);
    border-radius: var(--card-radius);
    margin-bottom: 3px
}

.mine-wrap-content .main-tools-part .item[data-v-e7bb8f73]:before {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--card-radius);
    background: var(--bg-weight);
    border: 1px solid var(--btn-text);
    z-index: -1
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-e7bb8f73] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: var(--card-radius);
    flex-shrink: 0
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-e7bb8f73] {
    position: absolute;
    z-index: 1;
    font-size: 30px;
    color: var(--primary);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-e7bb8f73] {
    text-align: center;
    line-height: 14px;
    color: var(--btn-text3);
    flex: 1
}

.mine-wrap-content .secondary-tools-part[data-v-e7bb8f73] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-e7bb8f73] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    color: var(--btn-text3);
    border: 1px solid var(--btn-text);
    border-radius: var(--card-radius);
    background: var(--bg-card);
    color: var(--primary)
}

.mine-wrap-content .secondary-tools-part .item[data-v-e7bb8f73]:before {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--card-radius);
    background: var(--bg-weight);
    border: 1px solid var(--btn-text);
    z-index: -1
}

.mine-wrap[data-v-c0246a95],
.mine-wrap-content[data-v-c0246a95] {
    position: relative
}

.mine-wrap-content .top-info[data-v-c0246a95] {
    position: relative;
    padding-bottom: 35px
}

.mine-wrap-content .top-info[data-v-c0246a95]:before {
    content: "";
    position: absolute;
    top: -75px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 80px);
    background: var(--primary)
}

.mine-wrap-content .top-info .user-info[data-v-c0246a95] {
    position: relative;
    font-size: 16px;
    color: var(--text-white);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .avatar[data-v-c0246a95] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.mine-wrap-content .top-info .user-info .avatar img[data-v-c0246a95] {
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .user-info .level[data-v-c0246a95] {
    font-size: 12px;
    color: var(--text-black);
    border-radius: var(--btn-radius);
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%)
}

.mine-wrap-content .top-info .user-info .level .vip[data-v-c0246a95] {
    background: url(/assets/mine-vip-0f8d8418.png) no-repeat;
    background-size: 18px 16px;
    width: 18px;
    height: 16px;
    margin-right: 5px
}

.mine-wrap-content .top-info .user-info .level .level-num[data-v-c0246a95] {
    display: inline-block
}

.mine-wrap-content .top-info .user-number[data-v-c0246a95] {
    position: relative;
    padding: var(--mg);
    width: 100%;
    color: var(--text-white);
    background: rgba(0, 0, 0, .1);
    border-radius: var(--card-radius);
    margin-top: 12px;
    margin-bottom: 20px
}

.mine-wrap-content .top-info .user-number[data-v-c0246a95]:before {
    content: "";
    position: absolute;
    left: -90px;
    bottom: -57px;
    background: url(/assets/mine-27a0e60e.png) center no-repeat;
    background-size: 100% 100%;
    width: 398px;
    height: 238px;
    transform: scale(.5)
}

.mine-wrap-content .top-info .user-number-item[data-v-c0246a95] {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: right;
    margin-top: 6px
}

.mine-wrap-content .top-info .user-number-item[data-v-c0246a95]:first-child {
    margin-top: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-c0246a95] {
    color: var(--text-white);
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-c0246a95] {
    font-size: 24px;
    color: var(--text-white)
}

.mine-wrap-content .main-tools-part[data-v-c0246a95] {
    position: relative;
    margin-top: -40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    background: var(--bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 12px;
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .main-tools-part .item[data-v-c0246a95] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.mine-wrap-content .main-tools-part .item[data-v-c0246a95]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-c0246a95] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: var(--primary);
    border-radius: var(--card-radius);
    flex-shrink: 0;
    margin-bottom: 5px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-c0246a95] {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    color: var(--text-white);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-c0246a95] {
    text-align: center;
    line-height: 14px;
    color: var(--btn-text3)
}

.mine-wrap-content .secondary-tools-part[data-v-c0246a95] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-c0246a95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight);
    color: var(--btn-text3)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-c0246a95] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-c0246a95] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--btn-text3);
    margin-right: 8px
}

.mine-wrap6 {
    position: relative;
    margin-top: -60px;
    padding-top: 160px;
    margin-left: calc(0px - var(--mg));
    margin-right: calc(0px - var(--mg));
    margin-bottom: -20px;
    overflow-x: hidden
}

.mine-wrap6.no-1 .main-tools-part .icon-box .icon,
.mine-wrap6.no-5 .main-tools-part .icon-box .icon {
    color: var(--btn-text2) !important
}

.mine-wrap6:after {
    content: "";
    position: absolute;
    top: -60px;
    right: -90px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--btn-text4);
    opacity: .4
}

.mine-wrap6:before {
    content: "";
    position: absolute;
    top: 90px;
    left: -90px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--btn-text4);
    opacity: .4
}

.mine-wrap6-content {
    background: var(--bg-mine);
    position: relative;
    z-index: 1;
    height: 100%;
    border-radius: 30px 30px 0 0;
    min-height: calc(var(--vh, 1vh) * 100 - 216px);
    padding: 0 var(--mg) var(--mg);
    color: var(--btn-text2)
}

.mine-wrap6-content .top-info {
    position: relative;
    z-index: 1
}

.mine-wrap6-content .top-info .user-info {
    font-size: 20px;
    color: var(--btn-text2);
    display: flex;
    align-items: center;
    justify-content: center
}

.mine-wrap6-content .top-info .user-info .base-logo {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--bg-mine);
    display: flex;
    align-items: center;
    justify-content: center
}

.mine-wrap6-content .top-info .user-info .base-logo .site-img {
    width: 90px !important;
    height: 90px
}

.mine-wrap6-content .top-info .user-info .level {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius);
    margin-left: 5px
}

.mine-wrap6-content .top-info .user-info .level .icon {
    margin-right: 3px
}

.mine-wrap6-content .top-info .user-number {
    position: relative;
    width: 100%;
    padding: 24px var(--mg) var(--mg);
    color: var(--text-black);
    border-radius: var(--card-radius)
}

.mine-wrap6-content .top-info .user-number-item {
    position: relative;
    z-index: 1;
    width: 50%;
    text-align: center;
    border-right: 1px solid #eee
}

.mine-wrap6-content .top-info .user-number-item:last-child {
    border-right: none
}

.mine-wrap6-content .top-info .main-card {
    position: relative;
    background: var(--bg-card);
    box-shadow: var(--box-shadow);
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mine-wrap6-content .top-info .main-card .title {
    margin-bottom: 2px;
    font-size: 12px;
    color: var(--text-gray)
}

.mine-wrap6-content .top-info .main-card .number {
    font-size: 18px
}

.mine-wrap6-content .top-info .main-tools-part {
    border-top: 1px solid #eee;
    display: grid;
    margin-top: var(--mg);
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
}

.mine-wrap6-content .top-info .main-tools-part .item {
    font-size: 13px;
    border-radius: var(--btn-radius);
    padding: 16px 0;
    text-align: center
}

.mine-wrap6-content .top-info .main-tools-part .item .icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    background: var(--bg);
    border-radius: var(--btn-radius)
}

.mine-wrap6-content .top-info .main-tools-part .item .icon-box .icon {
    position: absolute;
    z-index: 1;
    font-size: 22px;
    color: var(--primary);
    font-weight: 700
}

.mine-wrap6-content .top-info .main-tools-part .item .label {
    line-height: 13px;
    margin-top: 5px
}

.mine-wrap6-content .secondary-tools-part {
    position: relative;
    z-index: 1;
    margin-top: var(--mg)
}

.mine-wrap6-content .secondary-tools-part .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px var(--mg);
    background: var(--bg-card);
    margin-bottom: var(--mg);
    border-radius: var(--btn-radius)
}

.mine-wrap6-content .secondary-tools-part .item .icon {
    font-size: 18px;
    color: var(--primary)
}

.mine-wrap6-content .secondary-tools-part .item .icon-box {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--text-gray);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-244795ba],
.mine-wrap-content[data-v-244795ba] {
    position: relative
}

.mine-wrap-content .top-info[data-v-244795ba] {
    position: relative;
    padding-bottom: 35px
}

.mine-wrap-content .top-info[data-v-244795ba]:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 61px);
    background: var(--primary);
    border-radius: 0 0 50% 50%/2%
}

.mine-wrap-content .top-info .user-info[data-v-244795ba] {
    position: relative;
    font-size: 16px;
    color: var(--btn-text2);
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .avatar[data-v-244795ba] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.mine-wrap-content .top-info .user-info .avatar img[data-v-244795ba] {
    border-radius: var(--card-radius)
}

.mine-wrap-content .top-info .user-info .level[data-v-244795ba] {
    display: inline-block;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-number[data-v-244795ba] {
    position: relative;
    padding: 12px 16px;
    width: 100%;
    color: var(--text-white);
    background: rgba(0, 0, 0, .1);
    border-radius: var(--card-radius);
    margin-top: 12px;
    margin-bottom: 20px
}

.mine-wrap-content .top-info .user-number[data-v-244795ba]:before {
    content: "";
    position: absolute;
    right: -115px;
    bottom: -94px;
    background: url(/assets/mine-677f6a13.png) center no-repeat;
    background-size: 100% 100%;
    width: 385px;
    height: 297px;
    transform: scale(.4)
}

.mine-wrap-content .top-info .user-number-item[data-v-244795ba] {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: left;
    margin-bottom: 12px
}

.mine-wrap-content .top-info .user-number-item[data-v-244795ba]:last-child {
    margin-bottom: 0
}

.mine-wrap-content .top-info .user-number .title[data-v-244795ba] {
    color: #ccc;
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-244795ba] {
    font-size: 24px
}

.mine-wrap-content .main-tools-part[data-v-244795ba] {
    position: relative;
    margin-top: -40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    background: var(--bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    padding: 12px;
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .main-tools-part .item[data-v-244795ba] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.mine-wrap-content .main-tools-part .item[data-v-244795ba]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-244795ba] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: var(--primary);
    border-radius: 50%;
    flex-shrink: 0;
    margin-bottom: 5px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-244795ba] {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    color: var(--btn-text2);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-244795ba] {
    text-align: center;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-244795ba] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-244795ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-244795ba] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-244795ba] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-14b600e1] {
    position: relative
}

.mine-wrap-content[data-v-14b600e1] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-14b600e1] {
    position: relative
}

.mine-wrap-content .top-info .avatar[data-v-14b600e1] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-14b600e1] {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--text-black);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--mine-btn);
    padding: 12px 16px;
    border-radius: 25px
}

.mine-wrap-content .top-info .user-info[data-v-14b600e1]:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 5px;
    width: 8px;
    height: 8px;
    background: #1b1b1b;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-14b600e1]:before {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 8px;
    height: 8px;
    background: #1b1b1b;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info .level[data-v-14b600e1] {
    display: inline-block;
    font-size: 13px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-info .account[data-v-14b600e1] {
    background: var(--text-black);
    color: var(--text-white);
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    font-size: 12px;
    flex-shrink: 0
}

.mine-wrap-content .top-info .user-info .account .icon-box[data-v-14b600e1] {
    background: var(--mine-btn);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-black);
    margin-right: 5px
}

.mine-wrap-content .top-info .user-info .account .icon[data-v-14b600e1] {
    font-size: 17px
}

.mine-wrap-content .line[data-v-14b600e1] {
    position: relative;
    width: 100%;
    height: 10px
}

.mine-wrap-content .line[data-v-14b600e1]:after {
    content: "";
    position: absolute;
    bottom: -16px;
    right: 22px;
    width: 4px;
    height: 36px;
    border-radius: 19px;
    background: #3f3f3f;
    z-index: 2
}

.mine-wrap-content .line[data-v-14b600e1]:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 22px;
    width: 4px;
    height: 36px;
    border-radius: 19px;
    background: #3f3f3f;
    z-index: 2
}

.mine-wrap-content .user-number[data-v-14b600e1] {
    position: relative;
    width: 100%;
    padding: 32px 16px 16px;
    background: #1b1b1b;
    color: var(--text-white);
    border-radius: var(--card-radius);
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .user-number[data-v-14b600e1]:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%
}

.mine-wrap-content .user-number[data-v-14b600e1]:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%
}

.mine-wrap-content .user-number-item[data-v-14b600e1] {
    position: relative;
    z-index: 1;
    width: 50%;
    text-align: center
}

.mine-wrap-content .user-number .title[data-v-14b600e1] {
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .user-number .number[data-v-14b600e1] {
    font-size: 18px
}

.mine-wrap-content .main-tools-part[data-v-14b600e1] {
    display: grid;
    margin-top: var(--mg);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
    background: #3f3f3f;
    padding: 20px 10px;
    border-radius: var(--card-radius)
}

.mine-wrap-content .main-tools-part .item[data-v-14b600e1] {
    font-size: 13px;
    border-radius: var(--btn-radius);
    display: flex;
    flex-direction: column;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-14b600e1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background: var(--mine-btn);
    border-radius: 50%
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-14b600e1] {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    color: var(--text-black);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-14b600e1] {
    text-align: center;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-14b600e1] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-14b600e1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-14b600e1] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-14b600e1] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-40cd3a37] {
    position: relative
}

.mine-wrap-content[data-v-40cd3a37] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-40cd3a37] {
    position: relative
}

.mine-wrap-content .top-info .avatar[data-v-40cd3a37] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-40cd3a37] {
    font-size: 20px;
    color: var(--btn-text2);
    margin-top: var(--mg);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine-wrap-content .top-info .user-info .level[data-v-40cd3a37] {
    display: inline-block;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-info .btn-account[data-v-40cd3a37] {
    flex-shrink: 0;
    background: var(--btn-bg5);
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 20px;
    line-height: 14px
}

.mine-wrap-content .top-info .user-number[data-v-40cd3a37] {
    position: relative;
    margin-top: 12px;
    padding: 12px 0;
    width: 100%;
    color: var(--text-white);
    border-radius: var(--radius);
    background: rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: var(--card-shadow)
}

.mine-wrap-content .top-info .user-number-item[data-v-40cd3a37] {
    position: relative;
    z-index: 1;
    width: 50%;
    text-align: center
}

.mine-wrap-content .top-info .user-number .title[data-v-40cd3a37] {
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-40cd3a37] {
    font-size: 18px
}

.mine-wrap-content .main-tools-part[data-v-40cd3a37] {
    display: grid;
    margin-top: var(--mg);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #fff;
    border-radius: var(--radius);
    padding: 12px;
    box-shadow: var(--card-shadow)
}

.mine-wrap-content .main-tools-part .item[data-v-40cd3a37] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.mine-wrap-content .main-tools-part .item[data-v-40cd3a37]:last-child {
    border-right: none
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-40cd3a37] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: var(--primary);
    border-radius: 50%;
    flex-shrink: 0;
    margin-bottom: 5px
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-40cd3a37] {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    color: var(--btn-text2);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-40cd3a37] {
    text-align: center;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-40cd3a37] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-40cd3a37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-40cd3a37] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-40cd3a37] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-0215f7ae] {
    position: relative
}

.mine-wrap-content[data-v-0215f7ae] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-0215f7ae] {
    position: relative
}

.mine-wrap-content .top-info .avatar[data-v-0215f7ae] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-0215f7ae] {
    font-size: 20px;
    color: var(--btn-text2)
}

.mine-wrap-content .top-info .user-info .level[data-v-0215f7ae] {
    display: inline-block;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-number[data-v-0215f7ae] {
    position: relative;
    margin-top: 5px;
    width: 100%;
    padding: 24px 16px;
    background: var(--mine-card);
    color: var(--text-white);
    border-radius: var(--card-radius);
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .top-info .user-number[data-v-0215f7ae]:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 10px;
    background: url(data:image/png;base64,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) center no-repeat;
    background-size: 100% 100%;
    width: 96px;
    height: 94px;
    opacity: .7
}

.mine-wrap-content .top-info .user-number-item[data-v-0215f7ae] {
    position: relative;
    z-index: 1;
    width: 50%;
    text-align: center
}

.mine-wrap-content .top-info .user-number .title[data-v-0215f7ae] {
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-0215f7ae] {
    font-size: 18px
}

.mine-wrap-content .main-tools-part[data-v-0215f7ae] {
    display: grid;
    margin-top: var(--mg);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px
}

.mine-wrap-content .main-tools-part .item[data-v-0215f7ae] {
    font-size: 13px;
    display: flex;
    align-items: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color);
    padding: 16px 5px 16px 10px
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-0215f7ae] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-0215f7ae]:after {
    transform: rotate(45deg);
    border-radius: var(--btn-radius);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, var(--btn-bg), var(--btn-bg2))
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-0215f7ae] {
    position: absolute;
    z-index: 1;
    font-size: 22px;
    color: var(--btn-text2);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .label[data-v-0215f7ae] {
    text-align: left;
    line-height: 14px
}

.mine-wrap-content .secondary-tools-part[data-v-0215f7ae] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-0215f7ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-0215f7ae] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-0215f7ae] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: var(--btn-radius);
    margin-right: 8px
}

.mine-wrap[data-v-4d5ccfc9] {
    position: relative
}

.mine-wrap-content[data-v-4d5ccfc9] {
    position: relative;
    z-index: 1
}

.mine-wrap-content .top-info[data-v-4d5ccfc9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mine-wrap-content .top-info[data-v-4d5ccfc9]:before {
    content: "";
    position: absolute;
    top: calc(-45px - var(--mg));
    left: calc(0px - var(--mg));
    width: calc(100% + var(--mg) * 2);
    height: 100%;
    background: var(--btn-bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    z-index: -1
}

.mine-wrap-content .top-info .avatar[data-v-4d5ccfc9] {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mine-wrap-content .top-info .user-info[data-v-4d5ccfc9] {
    margin-top: 8px;
    font-size: 20px;
    display: flex;
    align-items: center
}

.mine-wrap-content .top-info .user-info .level[data-v-4d5ccfc9] {
    margin-left: 10px;
    font-size: 12px;
    background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    color: var(--text-black);
    padding: 0 8px;
    border-radius: var(--btn-radius)
}

.mine-wrap-content .top-info .user-number[data-v-4d5ccfc9] {
    margin-top: var(--mg);
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--text-white);
    color: var(--text-black);
    border-radius: var(--card-radius);
    box-shadow: var(--box-shadow)
}

.mine-wrap-content .top-info .user-number-item[data-v-4d5ccfc9] {
    width: 50%;
    text-align: center
}

.mine-wrap-content .top-info .user-number .title[data-v-4d5ccfc9] {
    color: var(--text-gray);
    margin-bottom: 2px;
    font-size: 12px
}

.mine-wrap-content .top-info .user-number .number[data-v-4d5ccfc9] {
    font-size: 18px
}

.mine-wrap-content .main-tools-part[data-v-4d5ccfc9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 20px
}

.mine-wrap-content .main-tools-part .item[data-v-4d5ccfc9] {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mine-wrap-content .main-tools-part .item .icon-box[data-v-4d5ccfc9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--bg-card);
    margin-bottom: 5px;
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color)
}

.mine-wrap-content .main-tools-part .item .icon-box .icon[data-v-4d5ccfc9] {
    font-size: 26px;
    color: var(--btn-text);
    font-weight: 700
}

.mine-wrap-content .main-tools-part .item .icon-box .label[data-v-4d5ccfc9],
.mine-wrap-content .main-tools-part .label[data-v-4d5ccfc9] {
    text-align: center;
    line-height: 13px
}

.mine-wrap-content .secondary-tools-part[data-v-4d5ccfc9] {
    margin-top: var(--mg)
}

.mine-wrap-content .secondary-tools-part .item[data-v-4d5ccfc9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--bg-weight)
}

.mine-wrap-content .secondary-tools-part .item .icon[data-v-4d5ccfc9] {
    font-size: 18px
}

.mine-wrap-content .secondary-tools-part .item .icon-box[data-v-4d5ccfc9] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-card);
    border-radius: 50%;
    margin-right: 8px
}