.data-empty {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 1.06667rem
}

.data-empty .icon-no-data {
    width: 3.2rem;
    height: 2.66667rem
}

.data-empty .no-tip {
    margin-top: .26667rem;
    font-size: .32rem;
    font-weight: 400;
    color: #999;
    line-height: .44rem
}

.ui-progress-outer {
    height: .24rem;
    background: hsla(0, 0%, 100%, .3);
    border-radius: .12rem;
    overflow: hidden
}

.ui-progress-inner {
    height: 100%;
    min-width: .26667rem;
    max-width: 100%;
    background: #fff;
    border-radius: .12rem
}

.p-vip-remind {
    padding: .26667rem .4rem;
    font-size: .37333rem;
    color: #f69e1b;
    background-color: #ffefde
}

.p-vip-list {
    margin: .26667rem .4rem 2.66667rem
}

.p-vip-item {
    position: relative;
    background: 0 0/cover no-repeat #73a3ef;
    padding: .26667rem .42667rem;
    height: 4.48rem;
    box-sizing: border-box;
    border-radius: .21333rem
}

.p-vip-item.current {
    height: 5.06667rem
}

.p-vip-item+.p-vip-item {
    margin-top: .4rem
}

.p-vip-item .info {
    display: flex;
    height: 100%
}

.p-vip-item .cover {
    flex: none;
    width: .85333rem;
    height: .85333rem;
    object-position: center;
    object-fit: cover
}

.p-vip-item .main {
    margin-left: .30667rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.p-vip-item .header-info {
    display: flex;
    align-items: center
}

.p-vip-item .coin-name {
    font-size: .64rem;
    font-family: pangmen;
    color: #fff;
    line-height: .73333rem
}

.p-vip-item .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: .32rem;
    gap: .13333rem
}

.p-vip-item .grid .name {
    margin-bottom: .06667rem;
    display: block;
    color: hsla(0, 0%, 100%, .8)
}

.p-vip-item .grid .value {
    color: #fff;
    font-weight: 500
}

.p-vip-item .join-info {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-vip-item .joined {
    font-size: .32rem;
    font-weight: 400;
    color: #fff
}

.p-vip-item .join-info {
    justify-content: space-between
}

.p-vip-item .join-price {
    font-size: .37333rem;
    color: #fff;
    vertical-align: text-bottom;
    font-weight: 600
}

.p-vip-item .join-price-big {
    font-size: .64rem;
    line-height: .64rem
}

.p-vip-item .task-stats {
    font-size: .37333rem;
    font-weight: 600;
    color: #fff
}

.p-vip-item .vip-price-label {
    color: hsla(0, 0%, 100%, .8);
    font-size: .32rem;
    vertical-align: text-bottom
}

.p-vip-item .btn-disabled,
.p-vip-item .btn-join {
    margin-left: auto;
    padding: 0 .22667rem;
    min-width: 1.86667rem;
    height: .8rem;
    background-color: #fff;
    border-radius: .10667rem;
    border: none;
    text-align: center;
    font-size: .32rem;
    font-weight: 500;
    color: #3a97fc;
    box-shadow: 0 .05333rem 0 .02667rem hsla(0, 0%, 100%, .3)
}

.p-vip-item .btn-join:active {
    background-color: #298fff;
    color: #fff
}

.p-vip-item .btn-join-disabled {
    opacity: .8;
    color: #999
}

.p-vip-item .btn-disabled {
    background: #ececec;
    color: #a3a3a3
}

.p-vip-item .btn-joined {
    margin-left: auto;
    padding: 0 .22667rem;
    background-color: #ccc;
    border-radius: .10667rem;
    font-size: .32rem;
    font-weight: 500;
    color: #fff;
    height: .8rem
}

.p-vip-item .tag-active {
    margin-left: .21333rem;
    padding: 0 .18667rem;
    height: .58667rem;
    line-height: .58667rem;
    border-radius: .29333rem;
    background: hsla(0, 0%, 100%, .8);
    font-size: .32rem;
    color: #ff8d00
}

.p-vip-item .current-vip-tag {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.21333rem;
    height: 1.29333rem;
    background: 100% 0/contain no-repeat url(data:image/png;base64,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)
}

.p-vip-item .current-vip-info {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: .17333rem .26667rem
}

.p-vip-item .current-vip-info .ui-progress-outer {
    grid-column: span 2
}

.p-vip-item .remaining-days {
    font-size: .32rem;
    color: hsla(0, 0%, 100%, .8)
}

.page-vip-exp {
    min-height: 100vh;
    padding-bottom: .4rem;
    background: linear-gradient(180deg, #73a3ef, #a8caff)
}

.page-vip-exp.white {
    background: #fff
}

.vip-exp-header {
    height: 4.34667rem;
    background: 0 0/cover no-repeat url( /assets/img/3b6220da400efb1ce912f424bb8ab0ba.png)
}

.vip-exp-main {
    margin: 0 .4rem;
    padding-bottom: .4rem
}

.vip-exp-main .vip-exp-table+.vip-exp-table {
    margin-top: .24rem
}

.vip-exp-main .table-intro {
    margin: .26667rem .2rem .53333rem;
    color: #3b3b3b;
    font-size: .32rem;
    line-height: .4rem
}

.vip-task-list {
    margin: .26667rem .4rem .4rem
}

.vip-task-item+.vip-task-item {
    margin-top: .4rem
}

.vip-task-item .main {
    display: flex;
    position: relative;
    background: #fff;
    border-radius: .21333rem;
    padding: .33333rem .4rem
}

.vip-task-item .cover {
    flex: none;
    margin-right: .26667rem;
    width: 1.33333rem;
    height: 1.86667rem;
    background: 50% 50%/contain no-repeat
}

.vip-task-item .type-name {
    margin: 0;
    font-size: .37333rem;
    font-weight: 500;
    color: #3b3b3b;
    line-height: .53333rem
}

.vip-task-item .task-info {
    flex: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: .06667rem .70667rem;
    font-size: .32rem;
    font-weight: 400;
    color: #3b3b3b;
    line-height: .44rem
}

.vip-task-item .task-info>:nth-child(2n) {
    text-align: right
}

.vip-task-item .task-info>h4 {
    margin: 0;
    font-weight: 400
}

.vip-task-item .task-exp {
    color: #999;
    grid-column-start: span 2;
    word-break: break-all
}

.vip-task-item .task-income {
    color: #5f9cff
}

.vip-task-item .tag {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .16rem;
    height: .58667rem;
    line-height: .58667rem;
    background: #ff8d00;
    border-radius: 0 .21333rem 0 .21333rem;
    font-size: .29333rem;
    color: #fff
}

.vip-task-item .btn-do-task,
.vip-task-item .btn-done-task {
    display: block;
    width: calc(100% - .26667rem);
    margin: 0 auto;
    height: .8rem;
    background: #007aff;
    border-radius: 0 0 .21333rem .21333rem;
    border: none;
    font-size: .32rem;
    color: #fff
}

.vip-task-item .btn-do-task-pending,
.vip-task-item .btn-done-task {
    background-color: #ccc
}

.vip-task-invite {
    margin: .13333rem .4rem .53333rem;
    background-color: #fff;
    border-radius: .21333rem;
    padding: .4rem
}

.vip-task-invite .info {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: .13333rem .2rem
}

.vip-task-invite .info+.info {
    margin-top: .4rem
}

.vip-task-invite .info>h3 {
    grid-column-start: span 2;
    margin: 0;
    font-size: .32rem;
    font-weight: 400;
    color: #3b3b3b;
    line-height: .44rem
}

.vip-task-invite .info input {
    display: block;
    width: 100%;
    height: .88rem;
    box-sizing: border-box;
    background: #eee;
    border-radius: .10667rem;
    font-size: .37333rem;
    font-weight: 600;
    color: #5f9cff;
    padding: .16rem .2rem;
    border: none
}

.vip-task-invite .info .btn-handle {
    padding: 0 .26667rem;
    height: .88rem;
    background: #e0efff;
    border-radius: .10667rem;
    border: .01333rem solid #007aff;
    font-size: .37333rem;
    font-weight: 400;
    color: #007aff;
    line-height: .53333rem
}

.vip-join-group {
    border-radius: .64rem .64rem 0 0;
    padding-bottom: .64rem
}

.vip-join-group .header {
    padding: .78667rem 0 .53333rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.vip-join-group .header .icon {
    display: block;
    width: 1.01333rem;
    height: .37333rem;
    background: 0 0/contain no-repeat url(data:image/png;base64,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)
}

.vip-join-group .header .icon:last-child {
    transform: rotate(180deg)
}

.vip-join-group .header .title {
    margin: 0 .26667rem;
    font-size: .45333rem;
    font-weight: 600;
    color: #3b3b3b;
    line-height: .64rem
}

.vip-join-group .content {
    margin: 0 1.33333rem;
    font-size: .37333rem;
    font-weight: 400;
    color: #3b3b3b;
    line-height: .53333rem;
    text-align: center
}

.vip-join-group .content strong {
    font-weight: 400;
    color: #007aff
}

.vip-join-group .checkbox {
    margin: .53333rem 0;
    display: flex;
    justify-content: center
}

.vip-join-group .checkbox .van-checkbox__label {
    font-size: .37333rem;
    line-height: 1.2;
    font-weight: 400;
    color: #606266
}

.vip-join-group .btn-submit {
    margin: .4rem auto 0;
    display: block;
    width: 9.2rem
}

@media screen and (min-width: 750px) {
    .vip-join-group {
        left: 50%;
        margin-left: -5rem;
        width: 10rem
    }
}