.timeline6 .view_jt_img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    cursor: pointer
}

.timeline6_padding_t_b[data-v-f4ba1324] {
    padding: 60px 0
}

.titles[data-v-f4ba1324] {
    -ms-flex-direction: column;
    flex-direction: column
}

.titles[data-v-f4ba1324],.view_item[data-v-f4ba1324] {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.view_item[data-v-f4ba1324] {
    background: var(--timelineBg);
    padding: 30px 20%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.view_item[data-v-f4ba1324],.view_time[data-v-f4ba1324] {
    transition: all .3s ease-out 0s
}

.view_time[data-v-f4ba1324] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.time_m[data-v-f4ba1324],.time_y[data-v-f4ba1324] {
    line-height: normal!important;
    white-space: nowrap
}

.view_texts[data-v-f4ba1324] {
    padding-left: 100px
}

.time_y[data-v-f4ba1324] {
    margin: 0 10px
}

.flex_center[data-v-f4ba1324] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.flex_center_between[data-v-f4ba1324] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.view_text_f[data-v-f4ba1324] {
    margin-top: 10px
}

.view_jt[data-v-f4ba1324] {
    opacity: 0
}

.right_animate[data-v-f4ba1324],.right_animate_icon[data-v-f4ba1324],.view_item:hover .right_animate[data-v-f4ba1324],.view_jt[data-v-f4ba1324] {
    transition: all .3s ease-out 0s
}

.view_item:hover .right_animate[data-v-f4ba1324] {
    margin-left: -20px
}

.view_item:hover .right_animate_icon[data-v-f4ba1324] {
    margin-right: 20px;
    transition: all .3s ease-out 0s
}

.view_item[data-v-f4ba1324]:hover {
    background: var(--timelineHoverBg);
    border-bottom: 1px solid hsla(0,16%,48%,0)
}

.view_item:hover .view_jt[data-v-f4ba1324] {
    opacity: 1;
    transition: all .3s ease-out 0s
}

.timeline6_btns[data-v-f4ba1324] {
    color: #fff;
    margin: 45px 0;
    border: 1px solid #fff;
    width: fit-content;
    padding: 8px 40px;
    cursor: pointer
}

.title_line[data-v-f4ba1324] {
    border-bottom-style: solid;
    width: 70px
}

@media (max-width: 1200px) {
    .view_item[data-v-f4ba1324] {
        padding:35px
    }

    .view_item:hover .right_animate[data-v-f4ba1324] {
        margin-left: -10px;
        transition: all .3s ease-out 0s
    }

    .view_item:hover .right_animate_icon[data-v-f4ba1324] {
        margin-right: 10px;
        transition: all .3s ease-out 0s
    }

    .titles[data-v-f4ba1324] {
        margin-bottom: 30px
    }

    .timeline6_padding_t_b[data-v-f4ba1324] {
        padding: 30px 0
    }
}

@media (max-width: 820px) {
    .view_texts[data-v-f4ba1324] {
        padding-left:0
    }

    .flex_center[data-v-f4ba1324] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}