diff --git a/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss b/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss
new file mode 100644
index 00000000..09423a23
--- /dev/null
+++ b/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss
@@ -0,0 +1,70 @@
+:root {
+  // a、b、C、d、e、f、g、h、i、j、k、l、m、n、o、p、q、r、s、t、u、v、w、x、y、z
+  --hl-border: 1px solid #e4e7ed;
+  --hl-border-radius: 4px 4px 4px 4px;
+  --hl-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
+  --hl-margin: 16px;
+  --hl-padding: 16px;
+  --hl-padding-b: 16px 16px 0px 16px;
+}
+
+* {
+  font-size: 18px !important;
+  box-sizing: border-box;
+}
+
+.hl-card {
+  margin: 0px;
+  margin-top: var(--hl-margin);
+  border-radius: 10px !important;
+
+  .el-card__header {
+    background-color: #f7f8fa;
+    padding: var(--hl-padding);
+    span{
+      font-size: 20px !important;
+    }
+  }
+}
+.borderxx {
+  border: none !important;
+  padding: 5px !important;
+  box-shadow: var(--hl-box-shadow) !important;
+  border-radius: 10px !important;
+}
+
+.hl-table thead {
+  color: #1d2129;
+}
+
+.hl-table thead th.el-table__cell {
+  padding: 15px 0 !important;
+  background-color: #f7f8fa;
+}
+
+.hl-table.is-scrolling-left th.el-table-fixed-column--left {
+  background-color: #f7f8fa;
+}
+
+.hl-table.is-scrolling-none th.el-table-fixed-column--right {
+  background-color: #f7f8fa;
+}
+
+.hl-table.is-scrolling-none th.el-table-fixed-column--left {
+  background-color: #f7f8fa;
+}
+
+.hl-table-list {
+  td.el-table__cell {
+    border: 0px;
+  }
+
+  .el-table__row {
+    margin: 24px;
+
+    .el-table__cell {
+      border: solid 1px red;
+      margin: 16px;
+    }
+  }
+}
diff --git a/mes-ui/mes-ui-admin-vue3/src/styles/index.scss b/mes-ui/mes-ui-admin-vue3/src/styles/index.scss
index 0952bd07..8f78e0e0 100644
--- a/mes-ui/mes-ui-admin-vue3/src/styles/index.scss
+++ b/mes-ui/mes-ui-admin-vue3/src/styles/index.scss
@@ -1,4 +1,5 @@
 @import './var.css';
+@import './cus.scss';
 @import 'element-plus/theme-chalk/dark/css-vars.css';
 
 .reset-margin [class*='el-icon'] + span {