.merit[data-v-fe57f314] {
    background-color: #fff;
    width: 100%
}

.merit .merit-box[data-v-fe57f314] {
    line-height: 1.5;
    margin: 0 auto;
    padding-bottom: 80px;
    text-align: center;
    width: 1232px
}

.merit .merit-box .m-title[data-v-fe57f314] {
    color: #1d2129;
    font-size: 34px;
    font-weight: 600;
    padding: 80px 0
}

.merit .merit-box .m-info[data-v-fe57f314] {
    display: flex
}

.merit .merit-box .m-info .info-left[data-v-fe57f314] {
    flex: 1
}

.merit .merit-box .m-info .info-left .left-ul .left-li[data-v-fe57f314] {
    display: flex;
    padding-bottom: 40px
}

.merit .merit-box .m-info .info-left .left-ul .left-li .li-icon[data-v-fe57f314] {
    height: 24px;
    padding-top: 6px;
    width: 24px
}

.merit .merit-box .m-info .info-left .left-ul .left-li .li-txt[data-v-fe57f314] {
    flex: 1;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 16px;
    text-align: left
}

.merit .merit-box .m-info .info-left .left-ul .left-li .li-txt .li-title[data-v-fe57f314] {
    color: #1d2129;
    font-size: 22px;
    font-weight: 600
}

.merit .merit-box .m-info .info-left .left-ul .left-li .li-txt .li-desc[data-v-fe57f314] {
    color: #4e5969;
    padding-top: 8px
}

.merit .merit-box .m-info .info-left .nav-link[data-v-fe57f314] {
    align-items: center;
    color: #165dff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    padding-left: 40px;
    padding-top: 20px
}

.merit .merit-box .m-info .info-left .nav-link .right[data-v-fe57f314] {
    display: block;
    height: 16px;
    margin-left: 8px;
    width: 24px
}

.merit .merit-box .m-info .info-right[data-v-fe57f314] {
    height: 440px;
    margin-left: 87px;
    width: 690px
}

.merit .merit-box .m-info .info-right img[data-v-fe57f314] {
    border-radius: 18px
}

.steps-box[data-v-37ea23c5] {
    background-color: #f5f6fa;
    width: 100%
}

.step[data-v-37ea23c5] {
    color: #1d2129;
    height: 812px;
    line-height: 1.5;
    text-align: center;
    width: 100%
}

.step[data-v-37ea23c5],
.steps .container[data-v-37ea23c5] {
    left: 0;
    position: relative;
    top: 0
}

.step .title[data-v-37ea23c5] {
    font-size: 34px;
    font-weight: 600;
    margin: 0;
    padding-top: 80px
}

.step .info[data-v-37ea23c5] {
    color: #4e5969;
    font-size: 18px;
    padding-top: 12px
}

.step-main[data-v-37ea23c5] {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 80px
}

.step-main .step-left[data-v-37ea23c5],
.step-main[data-v-37ea23c5] {
    left: 0;
    position: relative;
    top: 0
}

.sjhf-step .step-main[data-v-37ea23c5] {
    padding-top: 60px !important
}

.step-left .step-lines[data-v-37ea23c5] {
    background: #e0e6f1;
    float: left;
    height: 426px;
    margin-right: 40px;
    overflow: hidden;
    width: 4px
}

@keyframes go-37ea23c5 {
    0% {
        height: 99px;
        transform: scale(0)
    }

    to {
        height: 100%;
        transform: scale(.6);
        transform-origin: 50% 50%
    }
}

.step-lines .line-item[data-v-37ea23c5] {
    background: #165dff;
    width: 4px
}

.step-left .step-card[data-v-37ea23c5] {
    float: left;
    width: 420px
}

.step-card .card[data-v-37ea23c5] {
    cursor: pointer;
    padding-bottom: 70px;
    text-align: left
}

.step-card .card .name[data-v-37ea23c5] {
    background: #e2eeff;
    border-radius: 0 12px 12px 12px;
    color: #5f789c;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    padding: 3px 10px;
    text-align: center;
    width: 61px
}

.card .txt[data-v-37ea23c5] {
    color: #1d2129;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    padding-top: 12px
}

.card .info-txt[data-v-37ea23c5] {
    color: #4e5969;
    font-size: 16px;
    padding-top: 8px
}

.step-card .active[data-v-37ea23c5] {
    left: 0;
    position: relative;
    top: 0
}

.step-card .active[data-v-37ea23c5]:after {
    animation: go-37ea23c5 .6s linear;
    animation-fill-mode: forwards;
    background: #165dff;
    content: "";
    display: block;
    left: -44px;
    position: absolute;
    top: -32px;
    width: 4px
}

.step-card .active .name[data-v-37ea23c5] {
    background-color: #165dff;
    color: #fff
}

.step-card .active .txt[data-v-37ea23c5] {
    color: #165dff
}

.step-main .step-right[data-v-37ea23c5] {
    box-sizing: border-box;
    float: right;
    height: 440px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    top: 27px;
    width: 690px
}

.step .cover[data-v-37ea23c5] {
    border-radius: 18px;
    float: left;
    width: 690px
}

.step-right .cover-box[data-v-37ea23c5] {
    left: 0;
    position: relative;
    top: 0;
    width: 690px
}

.nav-link[data-v-37ea23c5] {
    color: #165dff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    left: 44px;
    position: absolute;
    top: 707px
}

.nav-link .right[data-v-37ea23c5] {
    display: block;
    height: 16px;
    margin-left: 8px;
    width: 24px
}