@charset "UTF-8";.timeline{position:relative;width:100%;max-width:1000px;margin:0 auto 200px;padding-left:24px}.timeline::before{content:"";position:absolute;left:42px;top:0;width:30px;height:100%;background:#ddd;transform:translateX(-50%)}.timeline-line{position:absolute;left:42px;top:0;width:30px;height:100%;background:#89da59;transform:translateX(-50%) scaleY(0);transform-origin:top;transition:transform 0.25s ease}.timeline-item{position:relative;padding:10px 0;box-sizing:border-box;font-size:12px;padding-left:65px}.timeline-item::before{content:"";position:absolute;top:50%;left:-22px;transform:translate(0,-50%);width:80px;height:40px;background:#ff420e;border-radius:20px;border:2px solid #fff;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.timeline-item .timeline-hline{content:"";position:absolute;background:#f5be41;top:50%;left:58px;transform:translate(0,-50%);width:7px;height:6px;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.timeline-item .timeline-time{position:absolute;top:50%;left:18px;transform:translate(-50%,-50%);font-size:18px;font-weight:bold;color:#fff}.timeline-item .timeline-content{background:#258039;color:#fff;padding:10px;border-radius:10px;border:2px solid #f5be41;width:fit-content;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.timeline-content-title{font-size:16px;font-weight:700}.timeline-content-list{list-style:disc;padding-left:1.5em}.timeline-content-list li{font-size:12px;padding:0}.timeline-content-cont{w{white-space:nowrap}}