diff --git a/common/css/page.css b/common/css/page.css
index 7ec42db9..9e520873 100644
--- a/common/css/page.css
+++ b/common/css/page.css
@@ -32,7 +32,8 @@ iframe,
 .bg-img,
 .pa-w,
 .plugins-realstore-cart-content,
-.tabs-content {
+.tabs-content,
+.header-around {
     max-width: 1600rpx !important;
     margin: 0 auto !important;
 }
diff --git a/components/diy/header.vue b/components/diy/header.vue
index f82bc103..b7c24893 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="wh-auto header-z-3" :style="roll_style + position">
+        <view class="header-around wh-auto header-z-3" :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">