.hour-chart-container[data-v-47d722e2]{border-radius:5px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;margin-top:10px;padding:20px;height:400px;gap:16px}.hour-chart-container .hour-chart-right[data-v-47d722e2]{border:1px solid #eee;border-radius:5px;max-width:180px;width:20%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fafafa}.hour-chart-container .hour-chart-right .ant-menu-vertical[data-v-47d722e2]{border-right:none}.hour-chart-container .hour-chart-right .title[data-v-47d722e2]{height:30px;line-height:30px;padding-left:12px;background:#f0f0f0;font-weight:500;color:#666;border-radius:5px 5px 0 0}.hour-chart-container .hour-chart-right .menu_checked[data-v-47d722e2]{overflow-y:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:8px 0}.hour-chart-container .hour-chart-right .menu_checked .menu_item[data-v-47d722e2]{background:rgba(51,102,255,.02);height:32px;line-height:32px;font-size:13px;margin:2px 8px;border-left:3px solid transparent;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.hour-chart-container .hour-chart-right .menu_checked .menu_item[data-v-47d722e2]:hover{background:rgba(51,102,255,.05)}.hour-chart-container .hour-chart-right .menu_checked .menu_item.ant-menu-item-selected[data-v-47d722e2]{border-left-color:#36f;background:rgba(51,102,255,.1);color:#36f;font-weight:500}.hour-chart-container .hour-chart-left[data-v-47d722e2]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;border-radius:5px;overflow:hidden}.hour-chart-container .hour-chart-left .spin[data-v-47d722e2]{display:inline-block;width:100%;height:100%}.hour-chart-container .hour-chart-left .spin .ant-spin-container[data-v-47d722e2]{height:100%}.hour-chart-container .hour-chart-left .spin .ant-spin-container .chart[data-v-47d722e2]{height:100%;width:100%;min-height:300px}@media (max-width:768px){.hour-chart-container[data-v-47d722e2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:400px}.hour-chart-container .hour-chart-right[data-v-47d722e2]{width:100%;max-width:none;height:auto;min-height:120px}.hour-chart-container .hour-chart-left[data-v-47d722e2]{height:300px}}