diff --git a/src/assets/styles/common.scss b/src/assets/styles/common.scss
index c8d5faa..ae810f8 100644
--- a/src/assets/styles/common.scss
+++ b/src/assets/styles/common.scss
@@ -1,6 +1,6 @@
 /* CSS Document */
 html {
-  font-family: 'PingFangSC-Regular', 'PingFang SC', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  font-family: 'PingFangSC-Regular', 'PingFang SC',  'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
   height: 100vh;
   font-size: 14px;
 }
diff --git a/src/views/setting/index.vue b/src/views/setting/index.vue
index 7ed8c2d..e003c92 100644
--- a/src/views/setting/index.vue
+++ b/src/views/setting/index.vue
@@ -62,13 +62,21 @@ const selectItem = (menuCode: string) => {
     gap: 10px;
     overflow: hidden;
     .setting-left{
-      box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
-      background: $gradient-color;
+      background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) 50%, #FFFFFF 24%);
+      box-shadow: 0px 0px 4px #0000001f;
+      border-radius: 10px;
+      border: 1px solid #e1e1e1;
+      overflow: hidden;
     }
     .setting-right{
       grid-column:  2 / 4;
       box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
       background: #ffffff;
+      border: 1px solid #e1e1e1;
+      box-shadow: 0px 0px 4px #0000001f;
+      background: $gradient-color;
+      border-radius: 10px;
+      overflow: hidden;
     }
   }
   .menu-container {