.timeline{position:relative;padding:10px 0}.timeline:before{content:"";position:absolute;left:120px;top:0;bottom:0;width:2px;background:#e6e6e6}.timeline-year{position:relative;display:flex;align-items:flex-start;margin-bottom:16px}.year-anchor{position:relative;flex-shrink:0;width:96px;padding:4px 24px 4px 0;text-align:right;font-size:20px;line-height:32px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s ease-in-out}.year-anchor:hover{color:#24c9ff}.year-anchor:after{content:"";position:absolute;right:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:#999;transition:background .3s ease-in-out}.year-anchor:hover:after{background:#24c9ff}.year-anchor .count{display:block;font-size:12px;line-height:1.5;color:#999}.year-items{flex:1;min-width:0}.timeline-item{position:relative;display:block;padding:8px 16px;color:inherit;text-decoration:none;transition:background .3s ease-in-out}.timeline-item:hover{background:#f7f8f9}.timeline-item .dot{position:absolute;left:-3px;top:16px;width:8px;height:8px;border-radius:50%;background:#ccc;transition:background .3s ease-in-out,transform .3s ease-in-out}.timeline-item:hover .dot{background:#24c9ff;transform:scale(1.4)}.timeline-item time{display:inline-block;min-width:72px;font-size:12px;color:#999}.timeline-item .title{font-size:15px;color:#333}.timeline-year.collapsed .year-items{display:none}@media (max-width: 640px){.timeline:before{left:8px}.timeline-year{display:block}.year-anchor{position:static;width:auto;padding:8px 0 0;text-align:left}.year-anchor:after{display:none}.year-anchor .count{display:inline;margin-left:8px}.year-items{padding-left:24px}.timeline-item{padding:8px}.timeline-item .dot{left:-19px}.timeline-item time{min-width:0;margin-right:8px}}