diff --git a/pages/plugins/shop/detail/detail.css b/pages/plugins/shop/detail/detail.css
index fb0d2a0a..5cc661e2 100644
--- a/pages/plugins/shop/detail/detail.css
+++ b/pages/plugins/shop/detail/detail.css
@@ -57,10 +57,6 @@
 /**
 * 导航
 */
-.nav {
-    height: 80rpx;
-}
-
 .nav .nav-scroll {
     float: right;
     width: calc(100% - 172rpx);
@@ -69,6 +65,7 @@
 .nav .nav-scroll .item.par {
     height: 56rpx;
     line-height: 56rpx;
+    white-space: nowrap;
 }
 
 .nav .item {
@@ -101,6 +98,7 @@
     z-index: 1;
     box-shadow: 0 12rpx 12rpx rgb(0 0 0 / 10%);
     border-bottom-right-radius: 8rpx;
+    margin-top: 70rpx;
 }
 
 .nav-category .category-scroll {
diff --git a/pages/plugins/shop/detail/detail.vue b/pages/plugins/shop/detail/detail.vue
index 521c82b0..5cb39849 100644
--- a/pages/plugins/shop/detail/detail.vue
+++ b/pages/plugins/shop/detail/detail.vue
@@ -91,10 +91,10 @@
                 </view>
             </view>
             <!-- 导航 -->
-            <view v-if="shop_goods_category.length > 0 || shop_navigation.length > 0" class="nav scroll-view-horizontal bg-white padding-top-main">
+            <view v-if="shop_goods_category.length > 0 || shop_navigation.length > 0" class="nav bg-white padding-sm flex-row">
                 <view v-if="shop_goods_category.length > 0" class="item padding-main arrow-bottom nav-shop-category dis-inline-block cp" @tap="nav_shop_category_event">{{$t('recommend-form.recommend-form.203itn')}}</view>
                 <scroll-view scroll-x class="nav-scroll">
-                    <view class="padding-bottom-sm pr">
+                    <view class="pr flex-row">
                         <block v-if="shop_navigation.length > 0">
                             <block v-for="(item, index) in shop_navigation" :key="index">
                                 <block v-if="(item.items || null) == null || item.items.length == 0">