.box[data-v-60947079] {
    margin-bottom: .32rem;
    background: #fbfaff;
    border-radius: .32rem
}



.box .total .total-head[data-v-60947079] {
    display: flex;
    justify-content: space-between;
    padding: .32rem .32rem .52rem
}

.box .total .total-head .title[data-v-60947079] {
    color: #fff;
    font-size: .24rem;
    font-style: normal;
    font-weight: 500;
    line-height: .48rem
}

.box .total .total-head .time[data-v-60947079] {
    color: #fff;
    text-align: right;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    height: .48rem;
    line-height: .36rem;
    padding: 0 .18rem;
    border: .02rem solid #FFFFFF;
    border-radius: .23rem;
    line-height: .48rem
}

.box .total .total-head .time .icon[data-v-60947079] {
    margin-left: .08rem;
    transform: rotate(90deg);
    color: #1d2631
}

.box .total .total-con[data-v-60947079] {
    padding-bottom: .4rem;
    display: flex;
    align-items: center
}

.box .total .total-con .item[data-v-60947079] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.box .total .total-con .item .val[data-v-60947079] {
    color: #fff;
    text-align: center;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    min-height: 1em
}

.box .total .total-con .item .name[data-v-60947079] {
    margin-top: .16rem;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.box .income-center[data-v-60947079] {
    padding: .28rem .4rem;
    display: flex;
    justify-content: space-between
}

.box .income-center .num[data-v-60947079] {
    font-size: .24rem;
    color: #000;
    line-height: .28rem
}

.box .income-center .num div[data-v-60947079] {
    margin-top: .12rem;
    font-size: .28rem;
    color: #322cda
}

.box .income-center .path[data-v-60947079] {
    padding: 0 .3rem;
    height: .64rem;
    background: #322cda;
    border-radius: 1rem;
    font-size: .24rem;
    color: #fff;
    line-height: .64rem
}

.box .card[data-v-60947079] {
    display: flex;
    align-items: center;
    background: #ebebeb;
    padding: .56rem .28rem .28rem;
    margin-top: -.28rem;
    border-radius: 0 0 .24rem .24rem;
    justify-content: space-between
}

.box .card .name[data-v-60947079] {
    color: #fff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.box .card .val[data-v-60947079] {
    margin-left: .2rem;
    flex: 0 0 auto;
    color: #fff;
    text-align: right;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.box .card .val.on[data-v-60947079] {
    color: #828284
}

.box .card .val.on i[data-v-60947079] {
    margin-left: .12rem
}

.box .card .val[data-v-60947079] .van-icon {
    font-weight: 700;
    color: #848e9c
}

.top-head[data-v-a270b440] {
    margin-bottom: .26rem;
    display: flex;
    justify-content: space-between
}

.top-head .title[data-v-a270b440] {
    color: #000;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: .36rem
}

.top-head .time[data-v-a270b440] {
    color: #1d2631;
    text-align: right;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: .36rem
}

.top-head .time .icon[data-v-a270b440] {
    margin-left: .08rem;
    transform: rotate(90deg);
    color: #1d2631
}

.container[data-v-a270b440] {
    padding: 0 .32rem .32rem;
    background: #fff
}

.team-income[data-v-a270b440] {
    padding: .24rem;
    background: #fbfaff;
    border-radius: .16rem
}

.team-income .income-top[data-v-a270b440] {
    padding-bottom: .4rem
}

.team-income .income-top .top-head[data-v-a270b440] {
    margin-bottom: .4rem;
    display: flex;
    justify-content: space-between
}

.team-income .income-top .top-head .title[data-v-a270b440] {
    color: #1d2631;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: .36rem
}

.team-income .income-top .top-head .time[data-v-a270b440] {
    color: #1d2631;
    text-align: right;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: .36rem
}

.team-income .income-top .top-head .time .icon[data-v-a270b440] {
    margin-left: .08rem;
    transform: rotate(90deg);
    color: #1d2631
}

.team-income .income-center[data-v-a270b440] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .32rem;
    border-top: 1px solid #EBEBEB
}

.team-income .income-center .num[data-v-a270b440] {
    color: #999;
    font-size: .24rem;
    font-style: normal;
    display: flex;
    align-items: center;
    font-weight: 400;
    line-height: 1em
}

.team-income .income-center .num div[data-v-a270b440] {
    color: #000;
    font-weight: 500;
    font-size: .32rem;
    margin-left: .1rem
}

.team-income .income-center .path[data-v-a270b440] {
    flex: 0 0 auto;
    margin-left: .2rem;
    border-radius: .28rem;
    color: #000;
    font-size: .24rem;
    font-style: normal;
    font-weight: 500;
    padding: .08rem .28rem
}

.team-income .income-bot[data-v-a270b440] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .32rem;
    background: #eff3f8;
    height: 1.68rem
}

.team-income .income-bot .item[data-v-a270b440] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.team-income .income-bot .item .name[data-v-a270b440] {
    margin-top: .16rem;
    color: #828284;
    text-align: center;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.team-income .income-bot .item .val[data-v-a270b440] {
    color: #222;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.title_top[data-v-7284434b] {
    color: #111;
    font-family: PingFang SC;
    font-size: .3rem;
    font-style: normal;
    font-weight: 500;
    margin-bottom: .24rem
}

.team-generations .title[data-v-7284434b] {
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    font-size: .32rem
}

.team-generations .generations-chart[data-v-7284434b] {
    margin-bottom: .24rem;
    background: #fbfaff;
    border-radius: .16rem;
    padding: .24rem
}

.team-generations .generations-chart .title[data-v-7284434b] {
    margin-bottom: .24rem
}

.team-generations .data-list[data-v-7284434b] {
    display: flex;
    flex-direction: column;
    margin-top: .16rem
}

.team-generations .data-list .tr[data-v-7284434b] {
    display: flex;
    margin-bottom: .24rem;
    flex-direction: column;
    border-bottom: 1px solid #E6E8E7;
    border: .02rem solid #7975FF;
    border-radius: .32rem;
    border-bottom: 0
}

.team-generations .data-list .tr .tr-title[data-v-7284434b] {
    padding: .16rem .32rem;
    color: #000;
    font-size: .28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.team-generations .data-list .tr .tr-con[data-v-7284434b] {
    display: flex;
    justify-content: space-between;
    background: #7975ff;
    padding: .36rem .32rem;
    border-radius: .32rem
}

.team-generations .data-list .tr .tr-con .td[data-v-7284434b] {
    min-width: 0;
    flex: 1
}

.team-generations .data-list .tr .tr-con .td:nth-child(2) .val[data-v-7284434b] {
    color: #f16027
}

.team-generations .data-list .tr .tr-con .td .name[data-v-7284434b] {
    margin-top: .16rem;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.team-generations .data-list .tr .tr-con .td .val[data-v-7284434b] {
    color: #fff;
    text-align: center;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    min-height: 1em
}

.header-right[data-v-1db1f036] {
    color: #1d2631;
    text-align: right;
    font-size: .28rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center
}

.header-right img[data-v-1db1f036] {
    height: .4rem;
    margin-left: .08rem
}