.timeline1 {
    width: 100%;
    overflow-y: auto;
    margin-left: auto;
    margin-right: auto;
    border-left: 6px solid #333;
    padding: 10px;
}

    .timeline1 .tl1-node {
        width: 100%;
        margin-top: 20px;
    }

        .timeline1 .tl1-node:before {
            position: absolute;
            margin-left: -19px;
            margin-top:13px;
            content: ' ';
            display: block;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 10px;
            border: 4px solid rgb(255, 80, 80);
            z-index: 10
        }

        .timeline1 .tl1-node .tl1-time {
            font-size: 24px;
            font-weight: bolder;
            margin-left: 30px;
            margin-bottom: 15px;
        }

        .timeline1 .tl1-node .tl1-text {
            font-size: 14px;
            margin-left: 50px;
            margin-bottom: 25px;
        }


.timeline2 {
    width: 95%;
    min-width: 1320px;
    overflow-y: auto;
    margin-left: auto;
    margin-right: auto;
}

    .timeline2 ul:before {
        position: revert;
        content: ' ';
        display: block;
        height: 6px;
        width: 100%;
        margin-top: 100px;
        background: linear-gradient(to bottom, rgba(51, 65, 85, 0) 0%, var(--slate-700) 8%, var(--slate-700) 92%, rgba(51, 65, 85, 0) 100%);
        z-index: 5;
    }

    .timeline2 ul {
        font-size:10px;
        width: 100%;
        margin: 0 auto;
        margin-top: 80px;
        padding: 1em 0;
        list-style-type: none;
    }

        .timeline2 ul li {
            width: 10%;
            float: left;
            background-color: #fff;
        }

        .timeline2 ul .above {
            margin-top: -180px;
        }

            .timeline2 ul .above:before {
                margin-top: 170px;
            }

        .timeline2 ul .below {
            margin-top: 60px;
            margin-left: 56px;
        }

            .timeline2 ul .below:before {
                margin-top: -70px;
            }

        .timeline2 ul li .time {
            font-size: 24px;
            font-weight: bolder;
        }

        .timeline2 ul li .desc {
            font-size: 14px;
            margin-top: 10px;
        }

        .timeline2 ul .above:before {
            position: absolute;
            margin-left: 50px;
            content: ' ';
            display: block;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 10px;
            border: 4px solid rgb(255, 80, 80);
            z-index: 10;
        }

        .timeline2 ul .above div:before {
            position: absolute;
            content: ' ';
            display: block;
            margin-left: 56px;
            width: 1px;
            height: 50px;
            border-left: 2px solid rgb(255, 80, 80);
            z-index: -1;
        }

        .timeline2 ul .below:before {
            position: absolute;
            margin-left: 50px;
            content: ' ';
            display: block;
            width: 12px;
            height: 12px;
            background: #fff;
            border-radius: 10px;
            border: 4px solid rgb(255, 80, 80);
            z-index: 10;
        }

        .timeline2 ul .below div:before {
            position: absolute;
            content: ' ';
            display: block;
            margin-left: 56px;
            width: 1px;
            height: 50px;
            border-left: 2px solid rgb(255, 80, 80);
            z-index: -1;
        }

        .timeline2 ul .above div:before {
            margin-top: 88px;
        }

        .timeline2 ul .below div:before {
            margin-top: -58px;
        }

        .timeline2 ul .arrow {
            font-size: 45px;
            font-weight: bolder;
            width: 20px;
            margin-top: -31.5px;
            background-color: transparent;
            margin-left: -5px;
            color: #334155;
        }

            .timeline2 ul .arrow i {
                display: inline-block;
                width: 37px;
                overflow: hidden;
                text-align: left;
                white-space: nowrap;
            }