.swiper[data-v-5c4d8092] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--6b18417e);
    margin: 0 auto .32rem
}

.swiper .left[data-v-5c4d8092] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.swiper .left .vertical-swiper[data-v-5c4d8092] {
    width: 100%;
    height: 1.6rem
}

.swiper .left .vertical-swiper .swipe-item-content[data-v-5c4d8092] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: .34667rem
}

.swiper .left .vertical-swiper .swipe-item-content .avatar img[data-v-5c4d8092] {
    width: 1.17333rem;
    height: 1.17333rem;
    border-radius: 50%
}

.swiper .left .vertical-swiper .swipe-item-content .content[data-v-5c4d8092] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .13333rem 0 .13333rem
}

.swiper .left .vertical-swiper .swipe-item-content .content p[data-v-5c4d8092] {
    width: 100%;
    padding: .05333rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.swiper .left .vertical-swiper .swipe-item-content .content .text[data-v-5c4d8092] {
    padding: .05333rem 0
}

.swiper .left .vertical-swiper .swipe-item-content .content .text span[data-v-5c4d8092] {
    padding-right: 0
}

.swiper .right[data-v-5c4d8092] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2.93333rem;
    height: 1.06667rem;
    padding-left: .26667rem;
    border-left: .02667rem solid var(--6b18417e);
    font-size: .34667rem
}

.swiper .right .num .value[data-v-5c4d8092] {
    color: var(--0185734e)
}

.index5[data-v-40fe91e5] {
    position: relative
}

.index5-banner[data-v-40fe91e5] {
    width: 100%;
    height: 15.2rem;
    overflow: hidden;
    margin-bottom: -5.33333rem
}

.index5-banner-box[data-v-40fe91e5] {
    width: 8.8rem;
    height: 6.66667rem;
    margin: 2.8rem auto 0;
    position: relative;
    background: url(banner_bg.a1f53e2e.png) no-repeat top/8.32rem;
    overflow: hidden
}

.index5-banner-box-text[data-v-40fe91e5] {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(text.f422b4aa.png) no-repeat 50%/100%;
    left: 0;
    top: 0
}

.index5-banner-box-people[data-v-40fe91e5] {
    height: 6.26667rem;
    margin-top: .18667rem;
    position: relative;
    overflow: hidden
}

.index5-banner-box-people img[data-v-40fe91e5] {
    position: absolute;
    opacity: 0;
    -webkit-animation: fadeInOut-40fe91e5 10s linear infinite;
    animation: fadeInOut-40fe91e5 10s linear infinite;
    width: 6.4rem;
    left: calc(50% - 3.2rem);
    top: 0
}

.index5-banner-box-people img[data-v-40fe91e5]:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.index5-banner-box-people img[data-v-40fe91e5]:nth-child(2) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.index5-form[data-v-40fe91e5] {
    width: 9.46667rem;
    margin: 0 auto .4rem;
    position: relative;
    border-radius: .4rem;
    overflow: hidden
}

.index5-form-title[data-v-40fe91e5] {
    height: 1.2rem;
    background: url(form-title.7a3bf2b8.png) no-repeat top/100%
}

.index5-form-box[data-v-40fe91e5] {
    padding: 0 .4rem;
    background-color: #fff
}

.index5-form-box-item[data-v-40fe91e5] {
    height: 1.44rem
}

.index5-form-box-item[data-v-40fe91e5]:not(:last-child) {
    border-bottom: .02667rem solid hsla(0, 0%, 80%, .6)
}

.index5-form-box-item-field[data-v-40fe91e5] {
    --van-field-placeholder-text-color: #999;
    --van-field-input-text-color: #333;
    font-size: .45333rem;
    padding: 0;
    line-height: 1.41333rem
}

.index5-form-box-item-field-radio[data-v-40fe91e5] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .53333rem;
    color: #333
}

.index5-form-box-item-field-radio div[data-v-40fe91e5] {
    width: .53333rem;
    height: .53333rem;
    border-radius: 50%;
    color: #fff;
    line-height: .53333rem;
    text-align: center;
    border: .02667rem solid #864aea;
    color: transparent;
    margin-right: .08rem
}

.index5-form-box-item-field-radio div.active[data-v-40fe91e5] {
    background-color: #864aea;
    color: #fff
}

.index5-form-box-item[data-v-40fe91e5] .van-field__label {
    width: 2.4rem;
    color: #333;
    font-weight: 700
}

.index5-btn[data-v-40fe91e5] {
    width: 8.05333rem;
    height: 1.86667rem;
    line-height: 1.76rem;
    margin: .26667rem auto;
    background: url(btn.8b3688f4.png) no-repeat top/100%;
    font-size: .65333rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.index5-jion-box[data-v-40fe91e5] {
    width: 8.48rem;
    padding: 0 .26667rem;
    margin: 0 auto
}

.index5-content[data-v-40fe91e5] {
    padding: 0 .26667rem
}

@-webkit-keyframes fadeInOut-40fe91e5 {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    48% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes fadeInOut-40fe91e5 {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    48% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}