.top>div[data-v-3c011572]{margin:0 auto}.top[data-v-3c011572]{width:100%;background-color:#f1f6fd;border-radius:10px;padding:10px}.bottom[data-v-3c011572]{display:flex;justify-content:space-between;margin-top:20px;padding:0 10%}.chartArea[data-v-3c011572]{display:flex}.leftArea[data-v-3c011572],.rightArea[data-v-3c011572]{height:45vh}.leftArea[data-v-3c011572]{width:20vw;border:1px solid #ccc;border-radius:10px}.rightArea[data-v-3c011572]{width:60vw}.online[data-v-3c011572]{background:#40a9ff;border-color:#40a9ff}.offline[data-v-3c011572]{background:#979596;border-color:#979596}[data-v-3c011572] .ant-table-tbody>tr>td{padding:10px 8px}.table_btn[data-v-3c011572]{width:70px;display:inline-block;text-align:center}.clickable[data-v-3c011572]{width:100%;height:100%}