diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue
index c7f24d7..a666696 100644
--- a/pages/cloud/haveFun.vue
+++ b/pages/cloud/haveFun.vue
@@ -42,7 +42,7 @@
       </view>
       <view>
         
-        <scroll-view class="type-box flex" scroll-x enable-flex>
+        <view class="type-box flex" >
           <view class="first-box">
             <view class="first-box__inner">
               <view
@@ -57,21 +57,23 @@
               </view>
             </view>
           </view>
-          <view class="scroll-box">
-            <view
-              v-for="(item, index) in typeList"
-              :key="index"
-              :class="{
-                'active': typeIndex === index
-              }"
-              class="item flex-0 flex flex-col jc-center ai-center"
-              @click="tapType(index)"
-            >
-              <image :src="item.icon" mode="scaleToFill"/>
-              <view class="name">{{ item.name }}</view>
+          <scroll-view  style="padding-left: 0" class="type-box flex " scroll-x enable-flex>
+            <view class="scroll-box">
+              <view
+                v-for="(item, index) in typeList"
+                :key="index"
+                :class="{
+                  'active': typeIndex === index
+                }"
+                class="item flex-0 flex flex-col jc-center ai-center v12-white"
+                @click="tapType(index)"
+              >
+                <image :src="item.icon" mode="scaleToFill"/>
+                <view class="name">{{ item.name }}</view>
+              </view>
             </view>
-          </view>
-        </scroll-view>
+          </scroll-view>
+        </view>
       </view>
     </view>
     <view class="type-banner-wrap">