diff --git a/components/diy/header.vue b/components/diy/header.vue
index 3b0c9b33..ee059fbf 100644
--- a/components/diy/header.vue
+++ b/components/diy/header.vue
@@ -1,6 +1,6 @@
 <template>
     <view v-if="(propValue || null) !== null" class="header-container">
-        <view class="header-around wh-auto header-z-3" :style="roll_style + position">
+        <view class="header-around wh-auto" :style="roll_style + position">
             <view :style="top_content_style">
                 <view class="header-content flex-row align-s">
                     <view class="model-top flex-1 mt-1">
@@ -231,10 +231,8 @@
 
 <style lang="scss" scoped>
     .header-container {
-        position: relative;
-        z-index: 4;
         width: 100%;
-        .header-z-3 {
+        .header-around {
             z-index: 3;
         }
         .header-content {
diff --git a/pages.json b/pages.json
index df069fcf..36951971 100644
--- a/pages.json
+++ b/pages.json
@@ -1655,8 +1655,8 @@
         "navigationBarTitleText": "ShopXO",
         "navigationBarTextStyle": "black",
         "navigationBarBackgroundColor": "#ffffff",
-        "backgroundColor": "#f5f5f5",
-        "backgroundColorBottom": "#f5f5f5"
+        "backgroundColor": "#f8f8f8",
+        "backgroundColorBottom": "#f8f8f8"
     },
     "tabBar": {
         "color": "transparent",