diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue
index 18a5b49..859dadc 100644
--- a/src/components/content/usedEle/UsedEle.vue
+++ b/src/components/content/usedEle/UsedEle.vue
@@ -334,7 +334,9 @@ const initChart = (type, valueA, valueB) => {
 <style lang="scss">
 .user-select {
   margin-bottom: 126px;
-
+.el-select{
+  width: 476px;
+}
   .el-input {
     width: 300px;
 
@@ -407,7 +409,7 @@ const initChart = (type, valueA, valueB) => {
     background-color: transparent;
     border: 1px solid #08B7B8;
     font-size: 35px;
-    width: 213px!important;
+    width: 476px!important;
   }
   .el-select__popper {
     margin-top: -12px !important;
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index 3247565..f196b7a 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -786,6 +786,21 @@ const handleCurrentChange = (val) => {
     color: #60DDDE;
     font-size: 38px;
     font-weight: bold;
+    :deep(.el-pagination.is-background ) {
+      .btn-next,.btn-prev {
+        background-color: transparent;
+      }
+
+      .el-pager {
+        li {
+          margin: 0 0 0 40px;
+        }
+
+        li.is-active {
+          background-color: #60DDDE;
+        }
+      }
+    }
 
     > span:first-child {
       cursor: pointer;
diff --git a/src/views/tunnel-manage/index.vue b/src/views/tunnel-manage/index.vue
index fd41d51..01c0324 100644
--- a/src/views/tunnel-manage/index.vue
+++ b/src/views/tunnel-manage/index.vue
@@ -889,6 +889,21 @@ const handleMoreDelete = () => {
     color: #60DDDE;
     font-size: 38px;
     font-weight: bold;
+    :deep(.el-pagination.is-background ) {
+      .btn-next,.btn-prev {
+        background-color: transparent;
+      }
+
+      .el-pager {
+        li {
+          margin: 0 0 0 40px;
+        }
+
+        li.is-active {
+          background-color: #60DDDE;
+        }
+      }
+    }
 
     > span:first-child {
       margin-right: 60px;
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index 308c761..1e6ebbb 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -950,7 +950,7 @@ const initWebSocket = () => {
   font-weight: bold;
 
   :deep(.el-pagination.is-background ) {
-    .btn-next {
+    .btn-next,.btn-prev {
       background-color: transparent;
     }
 
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 9f7277a..c9227c1 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -760,6 +760,21 @@ const handleSelect = async (selection, row) => {
     color: #60DDDE;
     font-size: 38px;
     font-weight: bold;
+    :deep(.el-pagination.is-background ) {
+      .btn-next,.btn-prev {
+        background-color: transparent;
+      }
+
+      .el-pager {
+        li {
+          margin: 0 0 0 40px;
+        }
+
+        li.is-active {
+          background-color: #60DDDE;
+        }
+      }
+    }
 
     > span:first-child {
       cursor: pointer;