.skeleton__top[data-v-6fde1ae9] {
    display: flex;
    margin: 1.5rem 1rem;
    flex-wrap: wrap
}

.skeleton__user[data-v-6fde1ae9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 1rem
}

.el-skeleton__circle[data-v-6fde1ae9] {
    width: 4rem;
    height: 4rem
}

.el-skeleton__rect[data-v-6fde1ae9] {
    width: 10rem
}

.el-skeleton__h1[data-v-6fde1ae9] {
    margin-top: 1rem
}

.top[data-v-6fde1ae9] {
    padding: 1rem;
    background: url(/static/pay/payBg.png) top right no-repeat;
    background-size: cover;
    box-shadow: inset -5px -10px 5px -10px #000
}

.top .info[data-v-6fde1ae9] {
    display: flex;
    align-items: center;
    justify-self: start;
    padding-bottom: 2rem
}

.top .info .avatar[data-v-6fde1ae9] {
    width: 4rem;
    height: 4rem;
    background: url(/static/icon/logo.jpg) center no-repeat;
    background-size: cover;
    border: .2rem #f66337 solid;
    border-radius: 100rem
}

.top .info .userBox[data-v-6fde1ae9] {
    margin-left: 1rem
}

.top .info .userBox .user[data-v-6fde1ae9] {
    font-weight: 700
}

.top .info .userBox .user .id[data-v-6fde1ae9] {
    font-size: .85rem;
    font-weight: 400
}

.top .info .userBox .user .password[data-v-6fde1ae9] {
    margin-left: .5rem;
    font-size: .8rem;
    font-weight: 400;
    color: #666
}

.top .info .userBox .progress[data-v-6fde1ae9] {
    position: relative;
    width: 8rem;
    height: .3rem;
    border: .1rem solid #f66337;
    border-radius: 1rem
}

.top .info .userBox .progress .bar[data-v-6fde1ae9] {
    position: absolute;
    top: -.1rem;
    left: -.1rem;
    display: inline-block;
    height: .3rem;
    background-color: #f66337;
    border-radius: 1rem
}

.top .info .userBox .gap[data-v-6fde1ae9] {
    margin-bottom: .5rem
}

.top .info .userBox .gap .upgrade[data-v-6fde1ae9] {
    font-size: .8rem;
    color: #666
}

.top .info .userBox .gap .upgrade span[data-v-6fde1ae9] {
    color: #f66337
}

.top .info .userBox .gap .topay[data-v-6fde1ae9] {
    font-size: .8rem;
    display: inline-block;
    padding: .2rem .5rem;
    margin-top: .2rem;
    color: #fff;
    background-color: #f66337e6;
    border-radius: 10rem
}

.top .welfare[data-v-6fde1ae9] {
    display: flex
}

.top .welfare .item[data-v-6fde1ae9] {
    flex: 33.33% 0 0;
    padding: 0 .5rem;
    text-align: center
}

.top .welfare .item[data-v-6fde1ae9]:not(:first-child) {
    border-left: .1rem rgb(220, 220, 220) solid
}

.top .welfare .icon[data-v-6fde1ae9] {
    font-size: 1.6rem;
    border: .1rem rgba(246, 99, 55, .8) solid;
    border-radius: 2rem;
    padding: .5rem;
    color: #f66337
}

.top .welfare .instruction[data-v-6fde1ae9] {
    font-size: .8rem;
    margin: .2rem 0;
    font-weight: 700
}

.top .welfare .value[data-v-6fde1ae9] {
    color: #999;
    font-size: .85rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #f66337
}

.top .welfare .value span[data-v-6fde1ae9] {
    padding-left: .3rem
}