.timeline-main[data-v-12fd214d]{padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.timeline-main .timeline-axis[data-v-12fd214d]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:8px 0}.timeline-main .timeline-axis[data-v-12fd214d]:before{content:"";width:100%;height:10px;position:absolute;left:0;bottom:8px;display:inline-block;background:rgba(0,0,0,.5)}.timeline-main .timeline-axis .axis-item[data-v-12fd214d]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeline-main .timeline-axis .axis-item .axis-item-tick[data-v-12fd214d]{display:inline-block;width:4px;height:20px;background:rgba(0,0,0,.5);-webkit-transition:background .3s;transition:background .3s;cursor:pointer}.timeline-main .timeline-axis .axis-item .axis-item-tick-active[data-v-12fd214d],.timeline-main .timeline-axis .axis-item .axis-item-tick[data-v-12fd214d]:hover{background:#000}.timeline-main .timeline-axis .axis-item .axis-item-label[data-v-12fd214d]{position:absolute;bottom:-30px;white-space:nowrap}.timeline-main .timeline-axis .axis-item .axis-item-tip[data-v-12fd214d]{position:absolute;top:-25px;padding:2px 6px;border-radius:2px;background:rgba(0,0,0,.5);white-space:nowrap;color:#fff}.timeline-main .timeline-control[data-v-12fd214d]{margin-top:40px;text-align:center}.timeline-main .timeline-control i[data-v-12fd214d]{cursor:pointer;display:inline-block;font-style:normal}.timeline-main .timeline-control .menu-icon[data-v-12fd214d]{font-size:20px;width:20px;height:20px;background-size:cover;background-repeat:no-repeat}.timeline-main .timeline-control .menu-icon.menu-icon-disabled[data-v-12fd214d]{cursor:no-drop;opacity:.5}