.quantify-level[data-v-c4f9fa24] {
    padding: .2rem .4rem .48rem;
    background: url(/img/level_bg-BQDDrxiV.png) center no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between
}

.quantify-level .level-info[data-v-c4f9fa24] {
    font-size: .24rem;
    color: #fffc;
    line-height: .24rem
}

.quantify-level .level-info div[data-v-c4f9fa24] {
    font-size: .4rem;
    line-height: .4rem;
    color: #fff;
    margin-bottom: .12rem
}

.quantify-level .level-btn[data-v-c4f9fa24] {
    margin-top: .06rem;
    height: .6rem;
    background: #fff;
    line-height: .6rem;
    font-size: .24rem;
    color: #000;
    padding: 0 .24rem;
    border-radius: .8rem
}

.quantify-info[data-v-c4f9fa24] {
    margin-top: .4rem;
    margin-bottom: .32rem
}



.quantify-info .info-card .lists[data-v-c4f9fa24] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.quantify-info .info-card .lists .name[data-v-c4f9fa24] {
    text-align: center;
    width: 32.33%
}

.quantify-info .info-card .lists .name .n[data-v-c4f9fa24] {
    color: #828284;
    font-family: PingFang SC;
    font-size: .24rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: .24rem !important;
    margin-bottom: .16rem
}

.quantify-info .info-card .lists .name .s[data-v-c4f9fa24] {
    color: #000;
    font-family: PingFang SC;
    font-size: .32rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: .32rem !important
}

.quantify-info .info-card .time[data-v-c4f9fa24] {
    color: #fff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    padding: .24rem .28rem;
    position: relative
}

.quantify-info .info-card .time .tis[data-v-c4f9fa24] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #19e80e
}

.quantify-info .info-card .time img[data-v-c4f9fa24] {
    margin-right: .12rem;
    width: .28rem;
    height: .28rem
}

.quantify-info .info-card .card-con[data-v-c4f9fa24] {
    border-radius: .32rem;
    background: #ffffff1a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    flex-wrap: wrap;
    padding: .16rem
}

.quantify-info .info-card .card-con .item[data-v-c4f9fa24] {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    line-height: 100%;
    padding: .16rem
}

.quantify-info .info-card .card-con .item .name[data-v-c4f9fa24] {
    margin-bottom: .16rem;
    color: #ffffffb3;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400
}

.quantify-info .info-card .card-con .item .val[data-v-c4f9fa24] {
    color: #fff;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400
}

.quantify-info .info-bot[data-v-c4f9fa24] {
    padding: .32rem .24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .32rem;
    border: .02rem solid #7a7a78;
    background: #fff;
    margin-top: .24rem
}

.quantify-info .info-bot .name[data-v-c4f9fa24] {
    color: #181a20;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.quantify-info .info-bot .val[data-v-c4f9fa24] {
    margin-left: .2rem;
    flex: 0 0 auto;
    color: #848e9c;
    text-align: right;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.quantify-info .info-bot .val.on[data-v-c4f9fa24] {
    color: #eb3f31
}

.quantify-info .info-bot .val[data-v-c4f9fa24] .van-icon {
    font-weight: 700;
    color: #848e9c
}

.start-btn[data-v-ef922a60] {
    width: 100%;
    height: .96rem;
    border-radius: .8rem;
    background: #fff;
    color: #f16027;
    text-align: center;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .28rem 0rem
}

.process[data-v-ef922a60] {
    border-radius: 0 0 .16rem .16rem
}

.process .title-box[data-v-ef922a60] {
    display: flex;
    padding: .16rem .28rem;
    align-items: center;
    justify-content: space-between
}

.process .title-box .title[data-v-ef922a60] {
    color: #fff;
    font-size: .3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    margin-right: .24rem
}

.process .title-box img[data-v-ef922a60] {
    width: .4rem;
    height: .4rem;
    animation: loadingRotate-ef922a60 .8s linear infinite
}

@keyframes loadingRotate-ef922a60 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.process .title-step[data-v-ef922a60] {
    padding: 0 .24rem
}

.process p[data-v-ef922a60] {
    color: #ffffffb3;
    font-size: .24rem;
    font-style: normal;
    font-weight: 400;
    line-height: .4rem
}

.header-right img[data-v-05ee4119] {
    height: .4rem;
    margin-left: .08rem;
    vertical-align: middle
}

.h[data-v-05ee4119] {
    height: 2.8rem
}

.bottomBox[data-v-05ee4119] {
    border-radius: .64rem .64rem 0rem 0rem;
    background: #f16027;
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: .32rem 0 2rem
}

.bottomBox .x[data-v-05ee4119] {
    width: .76rem;
    height: .06rem;
    flex-shrink: 0;
    background: #fff;
    margin: 0 auto .32rem
}

.bottomBox .bottomBox-time[data-v-05ee4119] {
    display: flex;
    margin-top: .16rem;
    justify-content: center
}

.bottomBox .bottomBox-time .block[data-v-05ee4119],
.bottomBox .bottomBox-time .colon[data-v-05ee4119] {
    color: #fff
}

.bottomBox .bottomBox-time .colon[data-v-05ee4119] {
    margin-right: .04rem
}