.timeline{list-style:none;margin:0;padding:0;box-sizing:border-box}.timeline-horizontal{display:flex;width:100%;position:relative;height:600px;align-items:flex-start}.timeline-horizontal .timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;height:300px}.timeline-horizontal .timeline-text-top .timeline-item-line{flex:1;width:100%;border-left:2px solid #969798}.timeline-horizontal .timeline-item:nth-child(2n):before{width:2px;height:80px;background:#969798;content:"";position:absolute;top:100%;left:0;z-index:1}.timeline-horizontal .timeline-item:last-child .timeline-item-tail{display:none}.timeline-horizontal:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#8A9199;z-index:1;transform:translateY(-50%)}.timeline-horizontal .timeline-item-tail{position:absolute;top:100%;left:0;width:calc(100% - 0px);height:2px;background:#B3B7C1;border:none;transform:translateY(-50%);z-index:2}.timeline-horizontal .timeline-item-dot{position:absolute;top:100%;left:1px;transform:translate(-50%,-50%);z-index:3;width:8px;height:8px;border-radius:50%;border:2px solid #b6bbc6;background:#8A9199;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .3s ease;box-shadow:0 2px 8px rgba(24,144,255,.2)}.timeline-horizontal .timeline-item-content{position:absolute;width:100%;padding-bottom:20px;border-radius:12px;transition:all .3s ease;text-align:center;left:50%;transform:translateX(-50%);text-align:left}.timeline-horizontal .timeline-text-top .timeline-item-content{top:0;bottom:auto;height:max-content;position:relative!important}.timeline-horizontal .timeline-text-bottom .timeline-item-content{top:100%!important;bottom:0;height:210px}.timeline-horizontal .timeline-item-label{margin-bottom:8px;color:#fff;font-size:24px;line-height:1.4}.timeline-horizontal .timeline-item-content-main{line-height:1.6;color:#595959;font-size:13px;width:max-content}.timeline-horizontal .timeline-item-content-main div:last-child{margin-bottom:0}.timeline-horizontal .timeline-item:nth-child(odd) .timeline-item-content{top:0;bottom:auto}.timeline-horizontal .timeline-item:nth-child(2n) .timeline-item-content{top:auto;bottom:0;margin-top:90px}.timeline-horizontal .timeline-item:nth-child(2n) .timeline-item-label{bottom:0}.timeline-vertical{width:100%}.timeline-vertical .timeline-item-label{color:#fff}.timeline-vertical .timeline-item{position:relative;display:flex;padding:0 0 30px}.timeline-vertical .timeline-item:last-child .timeline-item-tail{border-color:#8A9199;height:calc(100% - 50px)}.timeline-vertical .timeline-item-tail{position:absolute;top:18px;left:3.5px;height:calc(100% - 10px);border-left:3px solid #b6bbc6}.timeline-vertical .timeline-item-dot{position:relative;z-index:1;width:10px;height:10px;margin-top:8px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;margin-right:24px;flex-shrink:0}.timeline-item-dot[data-color=blue]{border-color:#1890ff}.timeline-item-dot[data-color=red]{border-color:#ff4d4f}.timeline-item-dot[data-color=green]{border-color:#52c41a}.timeline-item-dot[data-color=gray]{border-color:#d9d9d9}.timeline-item-dot-custom{display:flex;align-items:center;justify-content:center}.timeline-item-dot-pending{width:12px;height:12px;border-radius:50%;background-color:#d9d9d9;animation:timeline-pending 1.2s ease-in-out infinite}@keyframes timeline-pending{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.timeline-item-content-main{font-size:14px;line-height:1.5715}@media (max-width:1200px){.timeline-horizontal{flex-direction:column;padding:60px 0 20px;min-height:auto}.timeline-horizontal:before{top:0;left:30px;right:auto;width:2px;height:100%;transform:none}.timeline-horizontal .timeline-item{padding:0 0 60px 60px;flex-direction:row;align-items:flex-start;min-height:auto;position:relative;width:100%}.timeline-horizontal .timeline-item-tail{display:none}.timeline-horizontal .timeline-item-dot{position:absolute;top:0;left:22px;transform:translateY(0);margin-top:0}.timeline-horizontal .timeline-item-content{position:static;width:100%;transform:none;text-align:left;margin:0}.timeline-horizontal .timeline-item-year{position:static;transform:none;margin-bottom:12px;display:inline-block;background:#f0f8ff;margin-top:0}}