.level-info[data-v-c00209d1] {
    padding-bottom: .32rem
}

.level-info .title[data-v-c00209d1] {
    margin-bottom: .24rem;
    color: #181a20;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.level-info .title .ri[data-v-c00209d1] {
    color: #909090;
    font-family: PingFang SC;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    border-radius: .2rem;
    padding: 0rem .16rem;
    height: .4rem;
    display: flex;
    align-items: center
}

.level-info .title .ri img[data-v-c00209d1] {
    width: .24rem;
    margin-left: .08rem
}

[data-v-c00209d1] .van-tabs__nav {
    background: none;
    padding-left: 0;
    padding-bottom: 0
}

[data-v-c00209d1] .van-tabs--line .van-tabs__wrap {
    height: auto
}

[data-v-c00209d1] .van-tabs__wrap--scrollable .van-tabs__nav {
    padding: 0;
    background: none
}

[data-v-c00209d1] .van-tab__text--ellipsis {
    overflow: auto;
    display: block;
    text-align: center;
    width: 100%
}

[data-v-c00209d1] .van-tab__text--ellipsis img {
    width: 100%
}

[data-v-c00209d1] .van-tab {
    padding: 0 0 0 .24rem
}

[data-v-c00209d1] .van-tab:first-child {
    padding-left: .32rem
}

[data-v-c00209d1] .van-tab img {
    width: 6.38rem;
    height: 2.4rem;
    display: block
}

[data-v-c00209d1] .van-tabs__line {
    display: none
}

.level[data-v-c00209d1] {
    position: relative;
    border-radius: .24rem;
    overflow: hidden
}

.level .status[data-v-c00209d1] {
    position: absolute;
    top: 0;
    left: .8rem;
    width: .4rem;
    height: .48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 1rem 1rem
}

.level .status img[data-v-c00209d1] {
    width: .36rem;
    height: .36rem
}

.level .status.level0[data-v-c00209d1] {
    background: #4c69b3
}

.level .status.level1[data-v-c00209d1] {
    background: #984f1d
}

.level .status.level2[data-v-c00209d1] {
    background: #188567
}

.level .status.level3[data-v-c00209d1] {
    background: #0f78c2
}

.level .status.level4[data-v-c00209d1] {
    background: #5c5fd3
}

.level .status.level5[data-v-c00209d1] {
    background: #670ccd
}

.level .status.level6[data-v-c00209d1] {
    background: #89089f
}

.level .status.level7[data-v-c00209d1] {
    background: #ad062a
}

.level .status.level8[data-v-c00209d1] {
    background: #d60000
}

.level .status.level9[data-v-c00209d1] {
    background: #fb6800
}

.level.on[data-v-c00209d1]:after {
    display: none
}

.level.level0[data-v-c00209d1] {
    color: #4c69b3
}

.level.level0 .icon[data-v-c00209d1]:before {
    color: #4c69b3
}

.level.level1[data-v-c00209d1] {
    color: #984f1d
}

.level.level1 .icon[data-v-c00209d1]:before {
    color: #984f1d
}

.level.level2[data-v-c00209d1] {
    color: #188567
}

.level.level2 .icon[data-v-c00209d1]:before {
    color: #188567
}

.level.level3[data-v-c00209d1] {
    color: #0f78c2
}

.level.level3 .icon[data-v-c00209d1]:before {
    color: #0f78c2
}

.level.level4[data-v-c00209d1] {
    color: #5c5fd3
}

.level.level4 .icon[data-v-c00209d1]:before {
    color: #5c5fd3
}

.level.level5[data-v-c00209d1] {
    color: #670ccd
}

.level.level5 .icon[data-v-c00209d1]:before {
    color: #670ccd
}

.level.level6[data-v-c00209d1] {
    color: #89089f
}

.level.level6 .icon[data-v-c00209d1]:before {
    color: #89089f
}

.level.level7[data-v-c00209d1] {
    color: #ad062a
}

.level.level7 .icon[data-v-c00209d1]:before {
    color: #ad062a
}

.level.level8[data-v-c00209d1] {
    color: #d60000
}

.level.level8 .icon[data-v-c00209d1]:before {
    color: #d60000
}

.level.level9[data-v-c00209d1] {
    color: #fb6800
}

.level.level9 .icon[data-v-c00209d1]:before {
    color: #fb6800
}

.level.level10[data-v-c00209d1] {
    color: #9838d2
}

.level.level10 .icon[data-v-c00209d1]:before {
    color: #9838d2
}

.level .icon[data-v-c00209d1] {
    font-size: .32rem
}

.level .text[data-v-c00209d1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .8rem .72rem .54rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.level .text h2[data-v-c00209d1] {
    font-size: .6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1em
}

.level .text .lock[data-v-c00209d1] {
    display: flex;
    align-items: center;
    vertical-align: middle
}

.level .text .lock p[data-v-c00209d1] {
    margin-left: .09rem;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: .32rem
}

.on .tips[data-v-c00209d1] {
    margin-bottom: .24rem;
    text-align: center;
    color: #4c69b3;
    font-size: .28rem
}

.on .box[data-v-c00209d1] {
    border-radius: .24rem;
    border: 1px solid #EBEBEB;
    background: #fff;
    color: #000
}

.on .box .box-title[data-v-c00209d1] {
    display: flex;
    border-color: #ebebeb;
    color: #000;
    align-items: center
}

.on .box .box-title .flex1[data-v-c00209d1] {
    display: flex;
    align-items: center
}

.on .box .box-title .ri img[data-v-c00209d1] {
    height: .16rem;
    width: auto
}

.on .box .box-con[data-v-c00209d1] {
    display: flex;
    flex-wrap: wrap
}

.on .box .box-con[data-v-c00209d1]:last-child {
    border-top: .02rem solid #F1F1F1
}

.on .box .box-con .box-item[data-v-c00209d1] {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: left;
    line-height: 100%;
    padding: .16rem
}

.on .box .box-con .box-item .name[data-v-c00209d1] {
    color: #747385;
    margin-bottom: .16rem
}

.on .box .box-con .box-item .val[data-v-c00209d1] {
    color: #322cda;
    font-size: .32rem
}

.on .box .box-con .box-item .val span[data-v-c00209d1] {
    color: #000
}

.flexcon[data-v-c00209d1] {
    flex-wrap: wrap
}

.flexcon .val[data-v-c00209d1] {
    flex: 0 0 100%;
    max-width: 100% !important;
    margin: .16rem 0 0 !important
}

.box[data-v-c00209d1] {
    margin-top: .32rem;
    border-radius: .24rem;
    background: #fbfaff;
    overflow: hidden
}

.box .box-title[data-v-c00209d1] {
    display: flex;
    color: #000;
    font-style: normal;
    font-weight: 400;
    padding: .32rem .32rem .24rem;
    border-radius: .16rem .16rem 0rem 0rem;
    background: linear-gradient(90deg, #fbfaff, #cdcbff)
}

.box .box-title img[data-v-c00209d1] {
    width: .56rem;
    height: .46rem;
    margin-right: .16rem
}

.box .box-con[data-v-c00209d1] {
    border-radius: .24rem;
    padding: .16rem;
    box-sizing: border-box
}

.level_tag[data-v-c00209d1] {
    margin-top: .18rem
}

.level_tag .tag_list1[data-v-c00209d1] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .08rem;
    padding: 0rem .32rem
}

.level_tag .tag_list1 .item[data-v-c00209d1] {
    border-radius: .04rem;
    background: #322cda33;
    width: .12rem;
    height: .08rem;
    margin: 0 .04rem
}

.level_tag .tag_list1 .active[data-v-c00209d1] {
    border-radius: .06rem;
    background: #322cda;
    height: .12rem;
    width: .24rem
}

.level_tag .tag_list2[data-v-c00209d1] {
    display: flex;
    align-items: center;
    padding: 0rem .32rem;
    margin-top: .08rem
}

.level_tag .tag_list2 .item[data-v-c00209d1] {
    width: 10%;
    color: #c2c2c2;
    text-align: center;
    font-family: PingFang SC;
    font-size: .2rem;
    font-style: normal;
    font-weight: 500;
    line-height: .2rem
}

.level_tag .tag_list2 .active[data-v-c00209d1] {
    color: #000
}

.levels[data-v-c00209d1] {
    margin-top: .22rem;
    margin-bottom: .32rem;
    position: relative
}

.levels>img[data-v-c00209d1] {
    width: 100%
}

.levels .flex[data-v-c00209d1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: .5rem .6rem;
    color: #fff;
    font-size: .32rem;
    font-weight: 500;
    line-height: .32rem
}

.levels .flex img[data-v-c00209d1] {
    height: 1.48rem;
    margin-bottom: .4rem
}