diff --git a/pages/cloud_warehouse/specialty/specialty.vue b/pages/cloud_warehouse/specialty/specialty.vue
index fda28ba..af71e24 100644
--- a/pages/cloud_warehouse/specialty/specialty.vue
+++ b/pages/cloud_warehouse/specialty/specialty.vue
@@ -4,11 +4,6 @@
 	}
 
 	.wholeSale {
-		background-color: #f8fafb !important;
-
-		.wholeSale-header-wrap {
-			background-color: #40AE36;
-		}
 
 		.wholeSale-header-search-wrap {
 			padding: 30rpx 20rpx 0;
@@ -20,49 +15,75 @@
 			top: 0;
 			z-index: 100;
 			margin-bottom: 20rpx;
-
-			.scrollview {
-				display: flex;
-				align-items: center;
-				height: 98rpx;
-				padding-left: 32rpx;
-
-				.scrollview-item {
-					margin-right: 30rpx;
-					font-size: 28rpx;
-					color: #FFFFFF;
-				}
-
-				.scrollview-active {
-					position: relative;
-					font-weight: bold;
-					font-size: 36rpx;
-					color: #FFFFFF;
-
-					&::after {
-						content: "";
-						display: inline-block;
-						position: absolute;
-						bottom: -6rpx;
-						left: 50%;
-						transform: translateX(-50%);
-						width: 100%;
-						height: 6rpx;
-						background-color: #FFFFFF;
-					}
-				}
-			}
+			background-color: #40AE36;
 		}
 
+		.wholeSale-section {
+			position: sticky;
+			top: calc(82rpx + var(--status-bar-height));
+			padding: 0rpx 20rpx;
+			background-color: #fff;
+			transition: height .7s;
+			overflow: hidden;
 
+			.wholeSale-nav {
+				display: flex;
+				align-items: center;
+				margin-bottom: 40rpx;
 
-		.wholeSale-nav {
-			display: flex;
-			align-items: center;
-			margin-bottom: 40rpx;
+				.icon {
+					margin-right: 20rpx;
+				}
+			}
 
-			.icon {
-				margin-right: 20rpx;
+			.category {
+				width: 100%;
+				overflow: auto;
+				margin-bottom: 20rpx;
+
+				.category-wrap {
+					display: flex;
+					padding-bottom: 20rpx;
+
+					.category-item {
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+						align-items: center;
+						margin-right: 38rpx;
+
+						text {
+							margin-top: 16rpx;
+							font-size: 24rpx;
+							color: #666666;
+							white-space: nowrap;
+						}
+
+						.category-item-text {
+							width: 120rpx;
+							text-align: center;
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+						}
+					}
+
+					.category-item-active {
+						position: relative;
+
+						.category-item-img {
+							border: 2px solid #40AE36;
+							border-radius: 50%;
+						}
+
+						text {
+							background-color: #40AE36;
+							color: #fff;
+							padding: 2rpx 10rpx 6rpx 10rpx;
+							border-radius: 50rpx;
+						}
+					}
+				}
 			}
 		}
 
@@ -102,112 +123,6 @@
 			}
 		}
 
-		.category {
-			width: 100%;
-			overflow: auto;
-			margin-bottom: 20rpx;
-
-			.category-wrap {
-				display: flex;
-				padding-bottom: 20rpx;
-
-				.category-item {
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-					align-items: center;
-					margin-right: 38rpx;
-
-					text {
-						margin-top: 16rpx;
-						font-size: 24rpx;
-						color: #666666;
-						white-space: nowrap;
-					}
-
-					.category-item-text {
-						width: 120rpx;
-						text-align: center;
-						overflow: hidden;
-						white-space: nowrap;
-						text-overflow: ellipsis;
-					}
-				}
-
-				.category-item-active {
-					position: relative;
-
-					.category-item-img {
-						border: 2px solid #40AE36;
-						border-radius: 50%;
-					}
-
-					text {
-						background-color: #40AE36;
-						color: #fff;
-						padding: 2rpx 10rpx 6rpx 10rpx;
-						border-radius: 50rpx;
-					}
-				}
-			}
-		}
-
-		.cate {
-			width: 100%;
-			overflow: auto;
-			margin-bottom: 30rpx;
-
-			.cate-wrap {
-				display: flex;
-				padding-bottom: 8rpx;
-
-				.cate-item {
-
-					text {
-						padding: 4rpx 16rpx;
-						white-space: nowrap;
-						font-size: 30rpx;
-						color: #333;
-					}
-				}
-
-				.cate-item-active {
-					text {
-						color: #40AE36;
-						font-weight: bold;
-					}
-				}
-			}
-		}
-
-		.comprehensive {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 0 50rpx;
-
-			[class^=comprehensive-] {
-				display: flex;
-				align-items: center;
-
-				text {
-					margin-right: 12rpx;
-					font-size: 26rpx;
-					color: #666666;
-				}
-
-				image {
-					width: 28rpx;
-					height: 28rpx;
-				}
-
-				.loudou {
-					width: 24rpx;
-					height: 24rpx;
-				}
-			}
-		}
-
 		.wholeSale-con {
 			padding-bottom: 30rpx;
 			margin: 0 20rpx;
@@ -216,63 +131,60 @@
 </style>
 <template>
 	<view class="wholeSale">
-		<!-- 顶部 -->
+		<!-- 适配不同机 -->
 		<view class="wholeSale-header">
-			<view class="wholeSale-header-wrap">
-				<!-- 适配不同机 -->
-				<view style="height: var(--status-bar-height);background-color: #40af37;"></view>
-				<view style="display: flex;padding: 20rpx 28rpx;background-color: #40af37;color: #fff;">
-					<view style="display: flex;font-weight: bold;font-size: 32rpx;"><u-icon style="margin-right: 20rpx;"
-							name="arrow-left" size="20" color="#fff" @click="navBack"></u-icon>名优特产</view>
+			<view style="height: var(--status-bar-height);background-color: #40af37;"></view>
+			<view style="display: flex;padding: 20rpx 28rpx;background-color: #40af37;color: #fff;">
+				<view style="display: flex;font-weight: bold;font-size: 32rpx;"><u-icon style="margin-right: 20rpx;"
+						name="arrow-left" size="20" color="#fff" @click="navBack"></u-icon>名优特产</view>
+			</view>
+		</view>
+
+		<view class="wholeSale-section">
+			<view class="wholeSale-nav">
+				<!-- 搜索 -->
+				<view @click="navTo(`/pages/columnGoods/goods_search/index?back=true&searchVal=${where.keyword}`)"
+					hover-class="none" class="search_content flex_a_c_j_sb">
+					<view class="flex_a_c search_content_wrap">
+						<view class="iconfont icon-sousuo" style="font-size: 39rpx;"></view>
+						<input type="text" placeholder="搜索商品名称" :value="where.keyword"
+							placeholder-style="font-size: 30rpx;color:#999;" disabled style="pointer-events: none;">
+					</view>
 				</view>
 			</view>
 
-			<view class="wholeSale-header-search-wrap">
-				<view class="wholeSale-nav">
-					<!-- 搜索 -->
-					<view @click="navTo(`/pages/columnGoods/goods_search/index?back=true&searchVal=${where.keyword}`)"
-						hover-class="none" class="search_content flex_a_c_j_sb">
-						<view class="flex_a_c search_content_wrap">
-							<view class="iconfont icon-sousuo" style="font-size: 39rpx;"></view>
-							<input type="text" placeholder="搜索商品名称" :value="where.keyword"
-								placeholder-style="font-size: 30rpx;color:#999;" disabled style="pointer-events: none;">
-						</view>
+			<!-- 商品大分类 -->
+			<view class="category">
+				<scroll-view scroll-x="true">
+					<view class="category-wrap">
+						<block v-for="(item,index) in store_category" :key="index">
+							<view class="category-item" :class="{'category-item-active': index==cate_change}"
+								@click="changeCate(index)">
+								<u--image class="category-item-img" width="108rpx" :src="item.pic" height="108rpx"
+									shape="circle">
+									<template v-slot:loading>
+										<u-loading-icon color="#999" size="15" />
+									</template>
+								</u--image>
+								<text class="category-item-text">{{item.cate_name}}</text>
+							</view>
+						</block>
 					</view>
-				</view>
+				</scroll-view>
+			</view>
 
-				<!-- 商品大分类 -->
-				<view class="category">
-					<scroll-view scroll-x="true">
-						<view class="category-wrap">
-							<block v-for="(item,index) in store_category" :key="index">
-								<view class="category-item" :class="{'category-item-active': index==cate_change}"
-									@click="changeCate(index)">
-									<u--image class="category-item-img" width="108rpx" :src="item.pic" height="108rpx"
-										shape="circle">
-										<template v-slot:loading>
-											<u-loading-icon color="#999" size="15" />
-										</template>
-									</u--image>
-									<text class="category-item-text">{{item.cate_name}}</text>
-								</view>
-							</block>
-						</view>
-					</scroll-view>
-				</view>
-
-				<!-- 商品小分类 -->
-				<view class="cate" v-if="store_category_children.length>1">
-					<scroll-view scroll-x="true">
-						<view class="cate-wrap">
-							<block v-for="(item,index) in store_category_children" :key="index">
-								<view class="cate-item" :class="{'cate-item-active':index == cate_change_children}"
-									@click="changeChildrenCate(index)">
-									<text>{{item.cate_name}}</text>
-								</view>
-							</block>
-						</view>
-					</scroll-view>
-				</view>
+			<!-- 商品小分类 -->
+			<view class="cate" v-if="store_category_children.length>1">
+				<scroll-view scroll-x="true">
+					<view class="cate-wrap">
+						<block v-for="(item,index) in store_category_children" :key="index">
+							<view class="cate-item" :class="{'cate-item-active':index == cate_change_children}"
+								@click="changeChildrenCate(index)">
+								<text>{{item.cate_name}}</text>
+							</view>
+						</block>
+					</view>
+				</scroll-view>
 			</view>
 		</view>