diff --git a/src/components/boxes/FanRuntime.vue b/src/components/boxes/FanRuntime.vue
index e0f5d5a..54695de 100644
--- a/src/components/boxes/FanRuntime.vue
+++ b/src/components/boxes/FanRuntime.vue
@@ -5,7 +5,8 @@
 			<div class="tables flex" style="height: 100%">
 				<table class="table-1 flex-1">
 					<thead>
-						<tr style="font-size: 8px; background: #044a84; opacity: 19%">
+						<!-- <tr style="font-size: 8px; background: #044a84; opacity: 19%"> -->
+						<tr>
 							<th>序号</th>
 							<th>设备名称</th>
 							<th>运行频率</th>
@@ -13,11 +14,12 @@
 						</tr>
 					</thead>
 					<tbody>
-						<tr
+						<!-- <tr
 							v-for="(row, index) in tableData1"
 							:key="index"
 							style="font-size: 7px; background: #0b5499; opacity: 35%"
-						>
+						> -->
+						<tr v-for="(row, index) in tableData1" :key="index">
 							<td v-for="(d, idx) in row" :key="idx">{{ d }}</td>
 						</tr>
 					</tbody>
@@ -26,7 +28,7 @@
 				<div class="vertical-line"></div>
 				<table class="table-2 flex-1">
 					<thead>
-						<tr style="font-size: 8px; background: #044a84; opacity: 19%">
+						<tr>
 							<th>序号</th>
 							<th>设备名称</th>
 							<th>运行频率</th>
@@ -34,11 +36,7 @@
 						</tr>
 					</thead>
 					<tbody>
-						<tr
-							v-for="(row, index) in tableData1"
-							:key="index"
-							style="font-size: 7px; background: #0b5499; opacity: 35%"
-						>
+						<tr v-for="(row, index) in tableData1" :key="index">
 							<td v-for="(d, idx) in row" :key="idx">{{ d }}</td>
 						</tr>
 					</tbody>
@@ -104,4 +102,46 @@ export default {
 		transparent
 	);
 }
+
+table {
+	border-spacing: 1px;
+}
+
+thead > tr th {
+	font-size: 8px;
+	padding: 1px 3px;
+	font-weight: 400;
+	background: #044a8446;
+}
+
+tbody > tr:nth-child(odd) {
+	background: #0b549960;
+}
+
+tbody > tr td {
+	font-size: 7px;
+	padding: 1px 6px;
+	font-weight: 400;
+	background: inherit;
+}
+
+tbody > tr td:first-child {
+	text-align: center;
+}
+
+tbody > tr td:last-child {
+	color: blue;
+}
+tbody > tr td:last-child.danger {
+	color: red;
+}
+tbody > tr td:last-child.safe {
+	color: green;
+}
+tbody > tr td:last-child.warn {
+	color: orange;
+}
+tbody > tr td:last-child.info {
+	color: gray;
+}
 </style>