.timeLine {margin: 28px auto 0;overflow: hidden;position: relative}
        .timeLine li { 
            display: flex;
        } 
        .timeLine li .con{ 
            background:linear-gradient(to left, var(--default,#00AACC),var(--default,#00AACC)) 7.5px top no-repeat; 
            background-size: 1px 100%;
            position: relative;
            padding:0 30px 0 30px ;
        }
        .timeLine li .con::after{
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 50%;
            border: 1px solid var(--default,#00AACC);
            background: radial-gradient(var(--default,#00AACC) 25%, transparent 30%) 50% 50% no-repeat,
                        linear-gradient(to left, #fff,#fff) left top no-repeat;
            background-size: 100% 100%, 100% 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .timeLine li p {width:210px;font-size: 16px;text-align:right;padding:0 20px 20px 0;color:#1296db;}
        .timeLine li p span {display: block;color: #6fceff;font-size: 12px;}

        .timeLine li img{ max-width: 100%;}
       
        .timeLine li:last-child {background:none !important;}

        /* .on  */
        .timeLine li.on .con{
            background:linear-gradient(to left, var(--checked,#C3681A),var(--checked,#C3681A)) 7.5px top no-repeat; 
            background-size: 1px 100%;
            position: relative;
        }
        .timeLine li.on .con::after{
            content: "";
            border: 1px solid var(--checked,#C3681A);
            background: radial-gradient(var(--checked,#C3681A) 25%, transparent 30%) 50% 50% no-repeat,
                        linear-gradient(to left, #fff,#fff) left top no-repeat;
            background-size: 100% 100%, 100% 100%;
        }
        
        .timeLine li.on p {color: #C3681A;}
        .timeLine li.on p span {color: #C3681A;}


        /* .on 下面的li  */
        .timeLine li.on ~ li .con{background:linear-gradient(to left, var(--later,#cccccc),var(--later,#cccccc)) 7.5px top no-repeat; background-size: 1px 100%;}
        .timeLine li.on ~ li .con::after{
            content: "";
            border: 1px solid var(--later,#cccccc);
            background: radial-gradient(var(--later,#cccccc) 25%, transparent 30%) 50% 50% no-repeat,
                        linear-gradient(to left, #fff,#fff) left top no-repeat;
            background-size: 100% 100%, 100% 100%;
        }
        .timeLine li.on ~ li p {color: #cccccc;}
        .timeLine li.on ~ li p span {color: #cccccc;}
        /* 移除最后一个 竖线 */
        .timeLine li:last-child .con{background:none !important;}