.times>div .time-container[data-v-0d5f4f65]{position:relative;height:36px;padding:0 50px}.times>div .time-container .arrow[data-v-0d5f4f65]{position:absolute;width:36px;height:36px;border-radius:50%;line-height:36px;text-align:center;top:0;border:1px solid grey;cursor:pointer;user-select:none}.times>div .time-container .arrow[data-v-0d5f4f65]:hover{background:#26a69a;color:#fff;border:1px solid #fff}.times>div .time-container .arrow[data-v-0d5f4f65]:first-child{left:0}.times>div .time-container .arrow[data-v-0d5f4f65]:last-child{right:0}.times>div .time-container>p[data-v-0d5f4f65]{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;width:100%}.times>div .time-container>p .year[data-v-0d5f4f65]{width:162px;height:36px;text-align:center;border-radius:16px;color:#333;font-size:12px;border:1px solid grey;line-height:36px;cursor:pointer;flex-shrink:0;margin:0 10px;transition:transform .3s ease}.times>div .time-container>p .active-item[data-v-0d5f4f65],.times>div .time-container>p .year[data-v-0d5f4f65]:hover{background:#26a69a;color:#fff;border:1px solid #fff}.times>div .canvas-container[data-v-0d5f4f65]{margin-top:30px;width:100%;height:800px;overflow-y:auto}.times>div .canvas-container canvas[data-v-0d5f4f65]{width:100%;height:100%}