.timeline{margin:0 auto;max-width:900px;position:relative}.timeline:before{background:#d0d3d8;content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{box-sizing:border-box;padding:20px 40px;position:relative;width:50%}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);opacity:0;padding:20px;transform:translateY(20px);transition:all .4s ease}.timeline-item.show .timeline-content{opacity:1;transform:translateY(0)}.timeline-date{color:#777;font-size:14px;margin-bottom:8px}.timeline-title{font-size:18px;font-weight:700;margin-bottom:10px}.timeline-text{color:#444;font-size:15px;line-height:1.5}.timeline-dot{border-radius:50%;height:14px;position:absolute;top:30px;width:14px;z-index:2}.timeline-item.left .timeline-dot{right:-7px}.timeline-item.right .timeline-dot{left:-7px}@media (max-width:768px){.timeline:before{left:20px}.timeline-item{padding-left:60px;padding-right:20px;text-align:left;width:100%}.timeline-item.left,.timeline-item.right{left:0;text-align:left!important}.timeline-dot{left:13px!important}}