diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 5422233..746da5b 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -1,3 +1,4 @@
 @import './input.scss';
 @import './table.scss';
-@import './checkbox.scss';
\ No newline at end of file
+@import './checkbox.scss';
+@import './pagination.scss';
\ No newline at end of file
diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss
new file mode 100644
index 0000000..5ac8023
--- /dev/null
+++ b/src/styles/components/pagination.scss
@@ -0,0 +1,41 @@
+.arco-pagination {
+  .arco-pagination-list {
+    .arco-pagination-item {
+      border-radius: 4px;
+      border: 1px solid var(--BG-300, #e6e6e8);
+      &.arco-pagination-item-ellipsis {
+        border: none;
+      }
+
+      &.arco-pagination-item-active {
+        background-color: transparent;
+        border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+      }
+    }
+  }
+  .arco-pagination-options {
+    .arco-select {
+      background-color: transparent;
+      border-radius: 4px;
+      border: 1px solid var(--BG-300, #e6e6e8);
+    }
+  }
+  .arco-pagination-jumper {
+    &-input {
+      border-radius: 4px;
+      border: 1px solid var(--BG-300, #e6e6e8);
+    }
+    &-prepend {
+      color: var(--Text-2, #3c4043);
+      text-align: right;
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    .arco-input-wrapper {
+      background-color: transparent;
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index 63b0e45..f56c5bb 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -47,39 +47,6 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-      :deep(.arco-pagination) {
-        .arco-pagination-list {
-          .arco-pagination-item {
-            border-radius: 4px;
-            border: 1px solid var(--BG-300, #e6e6e8);
-            &.arco-pagination-item-ellipsis {
-              border: none;
-            }
-
-            &.arco-pagination-item-active {
-              background-color: transparent;
-              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-            }
-          }
-        }
-        .arco-pagination-jumper-input {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-        .arco-pagination-jumper-prepend {
-          color: var(--Text-2, #3c4043);
-          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
-        }
-        .arco-select-view-single {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-      }
     }
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index 1d9c9cb..9258844 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -84,39 +84,7 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-      :deep(.arco-pagination) {
-        .arco-pagination-list {
-          .arco-pagination-item {
-            border-radius: 4px;
-            border: 1px solid var(--BG-300, #e6e6e8);
-            &.arco-pagination-item-ellipsis {
-              border: none;
-            }
 
-            &.arco-pagination-item-active {
-              background-color: transparent;
-              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-            }
-          }
-        }
-        .arco-pagination-jumper-input {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-        .arco-pagination-jumper-prepend {
-          color: var(--Text-2, #3c4043);
-          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
-        }
-        .arco-select-view-single {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-      }
     }
   }
 }
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
index 97d0462..b0eb844 100644
--- a/src/views/property-marketing/put-account/account-manage/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -68,39 +68,6 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-      :deep(.arco-pagination) {
-        .arco-pagination-list {
-          .arco-pagination-item {
-            border-radius: 4px;
-            border: 1px solid var(--BG-300, #e6e6e8);
-            &.arco-pagination-item-ellipsis {
-              border: none;
-            }
-
-            &.arco-pagination-item-active {
-              background-color: transparent;
-              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-            }
-          }
-        }
-        .arco-pagination-jumper-input {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-        .arco-pagination-jumper-prepend {
-          color: var(--Text-2, #3c4043);
-          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
-        }
-        .arco-select-view-single {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-      }
     }
   }
 }