.brief-bg[data-v-71bab3b0] {
    width: 100%;
    height: 10.9375rem;
    position: relative;
    background: #5060e6;
    overflow: hidden
}

.brief-bg>.brief-bg__word[data-v-71bab3b0] {
    position: absolute;
    width: 10.625rem;
    left: 1.25rem;
    top: 3.5rem;
    color: #fff
}

.brief-bg>.brief-bg__word>h2[data-v-71bab3b0] {
    font-weight: 500;
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 1.25rem;
    line-height: 1.125rem
}

.brief-bg>.brief-bg__word>span[data-v-71bab3b0] {
    font-size: .75rem;
    color: hsla(0,0%,100%,.8);
    line-height: 1.3125rem
}

.brief-bg>.brief-bg__img[data-v-71bab3b0] {
    width: 9.53125rem;
    position: absolute;
    top: 2.1875rem;
    right: 1.0625rem
}

.distribute-model[data-v-6845309b] {
    width: 100%;
    background: #fafafa
}

.distribute-model>.distribute-model__list[data-v-6845309b] {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px 5px;
    margin-top: 1.5625rem
}

.distribute-model>.distribute-model__list>.distribute-model__list__item[data-v-6845309b] {
    width: 10.09375rem;
    height: 8.875rem;
    background: #fff;
    border-radius: .3125rem;
    position: relative;
    margin: 4px
}

.distribute-model>.distribute-model__list>.distribute-model__list__item>img[data-v-6845309b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.distribute-model>.distribute-model__list>.distribute-model__list__item>h4[data-v-6845309b],.distribute-model>.distribute-model__list>.distribute-model__list__item>span[data-v-6845309b] {
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: 500;
    left: 0
}

.distribute-model>.distribute-model__list>.distribute-model__list__item>h4[data-v-6845309b] {
    color: #3b426b;
    top: 5.25rem;
    font-size: .8125rem;
    line-height: .8125rem
}

.distribute-model>.distribute-model__list>.distribute-model__list__item>span[data-v-6845309b] {
    color: #7e8da9;
    top: 6.90625rem;
    font-size: .6875rem;
    line-height: .6875rem
}

.excitation[data-v-31fb82e2] {
    width: 100%;
    background: #fff;
    height: 21.0625rem;
    position: relative
}

.excitation .excitation-bgimg[data-v-31fb82e2] {
    width: 20.0625rem;
    height: 12.96875rem;
    display: block;
    margin: 1.5625rem auto
}

.character[data-v-7876ef55] {
    width: 100%;
    position: relative;
    height: 26.1875rem
}

.character>.character__bg[data-v-7876ef55] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.character .character__list[data-v-7876ef55] {
    width: 22.03125rem;
    margin: 1.5625rem 0 0 .9375rem;
    text-align: center;
    box-sizing: border-box
}

.character .character__list>.character__list__item[data-v-7876ef55] {
    display: inline-block;
    overflow: hidden;
    margin: 0 .5625rem .25rem 0;
    width: 6.59375rem;
    height: 7.96875rem;
    background: hsla(0,0%,100%,.8);
    position: relative;
    border-radius: .15625rem
}

.character .character__list>.character__list__item>.character__list__item__icon[data-v-7876ef55] {
    position: absolute;
    width: 3.875rem;
    height: 3.875rem;
    top: .90625rem;
    left: 0;
    right: 0;
    margin: auto
}

.character .character__list>.character__list__item>.character__list__item__detail[data-v-7876ef55] {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    text-align: center;
    font-size: .75rem;
    line-height: 1.21875rem;
    left: 0;
    right: 0;
    margin: auto;
    transform: scale(.9);
    color: #5d6494
}

.vip-manage-easier[data-v-0e3c3b47] {
    background: #fff;
    overflow: hidden;
    float: left;
    border-top-right-radius: .3125rem;
    border-top-left-radius: .3125rem;
    width: 100%;
    position: relative;
    height: 21.46875rem
}

.vip-manage-easier .vip-manage-easier__img[data-v-0e3c3b47] {
    width: 17.71875rem;
    display: block;
    margin: 1.5625rem auto 0;
    overflow: hidden
}

.vip-manage-easier .custom-indicator[data-v-0e3c3b47] {
    width: 3.75rem;
    position: absolute;
    bottom: 2.25rem;
    left: 0;
    right: 0;
    margin: auto
}

.vip-manage-easier .custom-indicator>.point[data-v-0e3c3b47] {
    width: 1.5rem;
    height: .1875rem;
    border-radius: .09375rem;
    background: #ddd;
    float: left
}

.vip-manage-easier .custom-indicator>.point2[data-v-0e3c3b47] {
    float: right
}

.vip-manage-easier .custom-indicator>.active-point[data-v-0e3c3b47] {
    background: #f15f51
}

.extension[data-v-3d08b0e0] {
    width: 100%;
    background: #fff;
    position: relative;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem;
    overflow: hidden;
    padding:40px 30px 0 30px
}

.examples[data-v-acb70848] {
    width: 100%;
    background: #fafafa
}

.examples .examples-list[data-v-acb70848] {
    margin-top: 1.875rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 0 0 .75rem
}

.examples .examples-list>.examples-list__item[data-v-acb70848] {
    width: 33%;
    height: 100px;
    position: relative;
    border: .03125rem solid #fafafa;
    box-sizing: border-box;
    overflow: hidden
}

.examples .examples-list>.examples-list__item>img[data-v-acb70848] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}