diff --git a/manifest.json b/manifest.json
index 8566667..c5d55fc 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,8 +2,8 @@
     "name" : "惠农生活",
     "appid" : "__UNI__3A527D1",
     "description" : "",
-    "versionName" : "1.8.1",
-    "versionCode" : 181,
+    "versionName" : "1.8.6",
+    "versionCode" : 186,
     "transformPx" : false,
     /* 5+App特有相关 */
     "app-plus" : {
diff --git a/pages/nongKe/specialty/index.vue b/pages/nongKe/specialty/index.vue
index d341882..d12cf2c 100644
--- a/pages/nongKe/specialty/index.vue
+++ b/pages/nongKe/specialty/index.vue
@@ -1,21 +1,16 @@
 <template>
 	<view style="background-color: #F0F2F5;min-height: 100vh">
-		<view style="height: var(--status-bar-height);"></view>
+		<!-- <view style="height: var(--status-bar-height);"></view> -->
+    <image style="width:750rpx" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/mingyoutechan.webp"></image>
 		<view class='productList' :style="viewColor">
 			<!-- 顶部 -->
 			<view class="top">
-				<!-- <view style="height: 10px;">
-				</view> -->
 				<view class="head_tit">
 					<view class="" style="display: flex;align-items: center;">
 						<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
-							<!-- 	<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
-								height="50.82rpx"></u--image> -->
-							<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i>
-
+							<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;color:#fff"></i>
 						</view>
-						<view style="font-size: 40rpx;">
-							<!-- {{titName}} -->
+						<view style="font-size: 40rpx;color:#fff;">
 							名优特产
 						</view>
 					</view>
@@ -31,13 +26,10 @@
 
 				</view>
 			</view>
-			<view class="content">
+			<!-- <view class="content">
 				<view class="hot_serch">
 				</view>
-
-
-
-			</view>
+			</view> -->
       <view class="goodslist">
         <WaterfallsFlowp :wfList="storeList" @itemTap="itemTap" :type="1" />
       </view>
@@ -559,7 +551,10 @@
 			/* #ifdef H5 */
 			padding-top: 30rpx;
 			/* #endif */
-			background-color: #F0F2F5;
+			background: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/mingyoutechan.webp');
+      background-size: cover; /* 设置背景图片覆盖整个容器，可能会被裁剪以完全覆盖 */
+      background-position: top; /* 设置背景图片居中显示 */
+      background-repeat: no-repeat; /* 确保背景图片不重复 */
 			position: fixed;
 			z-index: 999;
 			width: 100%;
diff --git a/pages/nongKe/specialty/short_index.vue b/pages/nongKe/specialty/short_index.vue
index 90a9aa4..96348b4 100644
--- a/pages/nongKe/specialty/short_index.vue
+++ b/pages/nongKe/specialty/short_index.vue
@@ -1,1251 +1,1286 @@
 <template>
-	<view style="background-color: #ffffff;min-height: 100vh">
-		<view style="height: var(--status-bar-height);"></view>
-		<view class='productList' :style="viewColor">
-			<!-- 顶部 -->
-			<view class="top">
-				<!-- <view style="height: 10px;">
+  <view style="background-color: #ffffff;min-height: 100vh">
+    <!-- <view style="height: var(--status-bar-height);"></view> -->
+    <view class='productList' :style="viewColor">
+      <!-- 顶部 -->
+      <view class="top">
+        <!-- <view style="height: 10px;">
 				</view> -->
-				<view class="head_tit">
-					<view class="" style="display: flex;align-items: center;">
-						<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
-							<!-- 	<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
+        <view class="head_tit">
+          <view class="" style="display: flex;align-items: center;">
+            <view class="back" @click='backjJump()' style="margin-right: 17rpx;">
+              <!-- 	<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
 								height="50.82rpx"></u--image> -->
-							<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i>
+              <i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"></i>
 
-						</view>
-						<view style="font-size: 40rpx;">
-							<!-- {{titName}} -->
+            </view>
+            <view style="font-size: 40rpx;">
+              <!-- {{titName}} -->
               {{village_name||'集体店铺'}}
-						</view>
-					</view>
-					<view class="">
+            </view>
+          </view>
+          <view class="">
 
-					</view>
+          </view>
 
-					<view style="position: relative;">
-						<u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索商品名称"
-							v-model="sotreParam.keyword" class="serch_cls"></u-search>
-						<view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
-					</view>
+          <view style="position: relative;">
+            <u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="搜索商品名称"
+              v-model="sotreParam.keyword" class="serch_cls"></u-search>
+            <view class="serchbtn img_cls" @tap="searchSubmit">搜索</view>
+          </view>
 
-				</view>
-			</view>
-			<view class="content" style="background-color: #ff5c2d;">
-				<view class="hot_serch">
-				</view>
+        </view>
+      </view>
+      <view class="content">
+        <image style="width: 750rpx;" mode="widthFix"
+          src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/mingyouxinxi.webp"></image>
         <view class="village-info" v-if="villageInfo.avatar">
           <image :src="villageInfo.avatar"></image>
-          <view>
-            <view class="name"><u-icon name="account" color="#fff"></u-icon>{{villageInfo.master_name}}</view>
-            <view class="phone"><u-icon name="phone" color="#fff"></u-icon>{{villageInfo.master_phone}}</view>
-          </view>
+          <view class="name"><u-icon name="account" color="#fff"></u-icon>负责人: {{villageInfo.master_name}}</view>
+          <view class="phone"><u-icon name="phone" color="#fff"></u-icon>电话: {{villageInfo.master_phone}}</view>
         </view>
-			</view>
+      </view>
       <view class="goodslist">
         <view class='list acea-row row-between-wrapper on'>
-        	<view class='item on' v-for="(item,index) in storeList" :key="index" @click="itemTap(item)">
-        		<view class='pictrue on'>
-        			<image :src='item.image' class="on"></image>
-        			<view v-if="item.stock == 0" class="sell_out">已售罄</view>
-        			<view v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }"
-        				class="border-picture"></view>
-        		</view>
-        		<view class='text on acea-row row-between-wrapper' style="height: 220rpx;">
-        			<view class='name'>
-        				<text class="name_text line2">{{item.store_name}}</text>
-        			</view>
-        			<view class="item_bot">
-        				<view class="acea-row row-bottom">
-        					<view class='money on'>
-        						￥<text class='num'>{{item.price}}</text>
-        					</view>
-        					<view v-if="item.show_svip_info.show_svip_price && item.svip_price"
-        						class="acea-row row-middle">
-        						<text class='vip-money'>￥{{item.svip_price}}</text>
-        						<view class="vipImg">
-        							<image src="/static/images/svip.png"></image>
-        						</view>
-        					</view>
-        				</view>
-        				<view class="item_tags acea-row">
-        					<!-- <text v-if="item.merchant.type_name && item.product_type == 0"
+          <view class='item on' v-for="(item,index) in storeList" :key="index" @click="itemTap(item)">
+            <view class='pictrue on'>
+              <image :src='item.image' class="on"></image>
+              <view v-if="item.stock == 0" class="sell_out">已售罄</view>
+              <view v-if="item.border_pic" :style="{ backgroundImage: `url(${item.border_pic})` }"
+                class="border-picture"></view>
+            </view>
+            <view class='text on acea-row row-between-wrapper' style="height: 220rpx;">
+              <view class='name'>
+                <text class="name_text line2">{{item.store_name}}</text>
+              </view>
+              <view class="item_bot">
+                <view class="acea-row row-bottom">
+                  <view class='money on'>
+                    ￥<text class='num'>{{item.price}}</text>
+                  </view>
+                  <view v-if="item.show_svip_info.show_svip_price && item.svip_price" class="acea-row row-middle">
+                    <text class='vip-money'>￥{{item.svip_price}}</text>
+                    <view class="vipImg">
+                      <image src="/static/images/svip.png"></image>
+                    </view>
+                  </view>
+                </view>
+                <view class="item_tags acea-row">
+                  <!-- <text v-if="item.merchant.type_name && item.product_type == 0"
         						class="font-bg-red bt-color line1">{{item.merchant.type_name}}</text>
         					<text v-else-if="item.merchant.is_trader && item.product_type == 0"
         						class="font-bg-red bt-color line1">自营</text> -->
-        					<text v-if="item.product_type != 0"
-        						:class="'font_bg-red bt-color type'+item.product_type">{{item.product_type == 1 ? "秒杀" : item.product_type == 2 ? "预售" : item.product_type == 3 ? "助力" : item.product_type == 4 ? "拼团" : ""}}</text>
-        					<text class="tags_item ticket" v-if="item.issetCoupon">领券</text>
-        					<!-- <text class="tags_item delivery" v-if="item.delivery_free == 1">包邮</text> -->
-        					<!-- <view class="ticket-big" v-if="!is_switch && item.issetCoupon">领券满{{item.issetCoupon.use_min_price}}减{{item.issetCoupon.coupon_price}}</view> -->
-        				</view>
-        				<view class="score">{{item.rate}}评分 {{item.reply_count}}条评论 <text style="margin-left: 10rpx;" v-if="item.merchant">{{item.merchant.street_name}}</text></view>
-        				<view class="company" v-if="item.merchant && hide_mer_status==0">
-        					<text class='name line1'>{{item.merchant.village_name}}</text>
-        
-        					<!-- <view class="flex" v-if="item.merchant" @click.stop="goStore(item.merchant.mer_id)">
+                  <text v-if="item.product_type != 0"
+                    :class="'font_bg-red bt-color type'+item.product_type">{{item.product_type == 1 ? "秒杀" : item.product_type == 2 ? "预售" : item.product_type == 3 ? "助力" : item.product_type == 4 ? "拼团" : ""}}</text>
+                  <text class="tags_item ticket" v-if="item.issetCoupon">领券</text>
+                  <!-- <text class="tags_item delivery" v-if="item.delivery_free == 1">包邮</text> -->
+                  <!-- <view class="ticket-big" v-if="!is_switch && item.issetCoupon">领券满{{item.issetCoupon.use_min_price}}减{{item.issetCoupon.coupon_price}}</view> -->
+                </view>
+                <view class="score">{{item.rate}}评分 {{item.reply_count}}条评论 <text style="margin-left: 10rpx;"
+                    v-if="item.merchant">{{item.merchant.street_name}}</text></view>
+                <view class="company" v-if="item.merchant && hide_mer_status==0">
+                  <text class='name line1'>{{item.merchant.village_name}}</text>
+
+                  <!-- <view class="flex" v-if="item.merchant" @click.stop="goStore(item.merchant.mer_id)">
         						进店
         						<text class="iconfont icon-xiangyou"></text>
         					</view> -->
-        				</view>
-        			</view>
-        		</view>
-        		<!-- 返佣 -->
-        		<block v-if="item.max_extension>0 && (item.product_type == 2 || item.product_type == 0)">
-        			<view class="foot-bar on">
-        				<text class="iconfont icon-fenxiang" v-if="is_switch==true"></text>
-        				<text class="line1">最高赚 ¥{{item.max_extension}}</text>
-        			</view>
-        		</block>
-        	</view>
+                </view>
+              </view>
+            </view>
+            <!-- 返佣 -->
+            <block v-if="item.max_extension>0 && (item.product_type == 2 || item.product_type == 0)">
+              <view class="foot-bar on">
+                <text class="iconfont icon-fenxiang" v-if="is_switch==true"></text>
+                <text class="line1">最高赚 ¥{{item.max_extension}}</text>
+              </view>
+            </block>
+          </view>
         </view>
         <!-- <WaterfallsFlow :wfList="storeList" @itemTap="itemTap" :type="1" /> -->
       </view>
 
-		</view>
-		<view class='no-shop' v-if="!storeList.length && !loading && !loadingIcon" v-cloak>
-			<view class='pictrue' style="margin: 0 auto;background-color: #ffffff;">
-				<image src='../../../static/images/noCart.png'></image>
-				<text>暂无商品，快去搜索其他商品吧</text>
-			</view>
-		</view>
-		</block>
-		<u-popup class="pop" :show="show" @close="close" mode="center" bgColor='transparent'>
-			<image :src="image"></image>
-			<image src="@/static/images/guanbi.png" class="guanbi" @click="close"></image>
-		</u-popup>
-	</view>
+    </view>
+    <view class='no-shop' v-if="!storeList.length && !loading && !loadingIcon" v-cloak>
+      <view class='pictrue' style="margin: 0 auto;background-color: #ffffff;">
+        <image src='../../../static/images/noCart.png'></image>
+        <text>暂无商品，快去搜索其他商品吧</text>
+      </view>
+    </view>
+    </block>
+    <u-popup class="pop" :show="show" @close="close" mode="center" bgColor='transparent'>
+      <image :src="image"></image>
+      <image src="@/static/images/guanbi.png" class="guanbi" @click="close"></image>
+    </u-popup>
+  </view>
 
-	</view>
+  </view>
 </template>
 
 <script>
-	import {
-		storeMerchantList,
+  import {
+    storeMerchantList,
     getProductslist,
-		getGeocoder,
-		supMenuApi,
-		supAgoodsApi,
-	} from '@/api/store.js';
+    getGeocoder,
+    supMenuApi,
+    supAgoodsApi,
+  } from '@/api/store.js';
   import { wgsToGcj } from "@/utils/wgs.js";
 
-	import {
-		merClassifly,
-		getStoreTypeApi,
+  import {
+    merClassifly,
+    getStoreTypeApi,
     getVillageInfo
-	} from '@/api/store.js';
-	import {
-		mapGetters
-	} from "vuex";
-	import {
-		goShopDetail
-	} from '@/libs/order.js'
-	import {
-		configMap
-	} from '@/utils';
-	import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue';
+  } from '@/api/store.js';
+  import {
+    mapGetters
+  } from "vuex";
+  import {
+    goShopDetail
+  } from '@/libs/order.js'
+  import {
+    configMap
+  } from '@/utils';
+  import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue';
   import WaterfallsFlow from '@/components/WaterfallsFlow/WaterfallsFlowp.vue'
-	const app = getApp();
-	export default {
-		components: {
-			easyLoadimage
-		},
-		data() {
-			return {
+  const app = getApp();
+  export default {
+    components: {
+      easyLoadimage
+    },
+    data() {
+      return {
 
-				titName: "坝坝宴",
-				price: 0,
-				stock: 0,
-				nows: false,
-				loading: false,
-				loadingIcon: true,
-				loadTitle: '加载更多',
-				title: '',
-				hotPage: 1,
-				hotLimit: 10,
-				hotScroll: false,
-				// 筛选框
-				rightBox: false,
-				//品牌列表
-				brandList: [],
-				downKey: 0,
-				downStatus: false,
-				menuList: [],
-				// 下拉菜单
-				downMenu: [{
-						title: '默认',
-						key: 0,
-						order: ""
-					},
-					{
-						title: '销量',
-						key: 1,
-						order: 'sales'
-					},
-					{
-						title: '好评',
-						key: 2,
-						order: 'rate'
-					},
-					{
-						title: '距离',
-						key: 3,
-						order: 'location'
-					}
-				],
-				// 是否第一个
-				firstKey: 0,
-				// 商铺列表
-				storeList: [],
-				sotreParam: {
-					keyword: '',
-					page: 1,
-					limit: 10,
-					order: '',
-					category_id: '',
-					type_id: '',
-					street_id: '',
+        titName: "坝坝宴",
+        price: 0,
+        stock: 0,
+        nows: false,
+        loading: false,
+        loadingIcon: true,
+        loadTitle: '加载更多',
+        title: '',
+        hotPage: 1,
+        hotLimit: 10,
+        hotScroll: false,
+        // 筛选框
+        rightBox: false,
+        //品牌列表
+        brandList: [],
+        downKey: 0,
+        downStatus: false,
+        menuList: [],
+        // 下拉菜单
+        downMenu: [{
+            title: '默认',
+            key: 0,
+            order: ""
+          },
+          {
+            title: '销量',
+            key: 1,
+            order: 'sales'
+          },
+          {
+            title: '好评',
+            key: 2,
+            order: 'rate'
+          },
+          {
+            title: '距离',
+            key: 3,
+            order: 'location'
+          }
+        ],
+        // 是否第一个
+        firstKey: 0,
+        // 商铺列表
+        storeList: [],
+        sotreParam: {
+          keyword: '',
+          page: 1,
+          limit: 10,
+          order: '',
+          category_id: '',
+          type_id: '',
+          street_id: '',
           village_id: '',
-					type_code: '',
+          type_code: '',
+
+        },
+        storeKey: 0,
+        storeScroll: true,
+        mer_id: '',
+        sortId: '',
+        price_on: '',
+        price_off: '',
+        detaile_address: "",
+        recommend_address: "",
+        location_address: "",
+        latitude: "",
+        longitude: "",
+        count: 0,
+        storeTypeArr: [], //商品类型
+        merList: [], //商户分类
+        product_type: 0,
+        show: false,
+        image: '', //图片,
+        credit_buy: '', //支持先货后款
+        villageInfo: { //村公司信息
 
-				},
-				storeKey: 0,
-				storeScroll: true,
-				mer_id: '',
-				sortId: '',
-				price_on: '',
-				price_off: '',
-				detaile_address: "",
-				recommend_address: "",
-				location_address: "",
-				latitude: "",
-				longitude: "",
-				count: 0,
-				storeTypeArr: [], //商品类型
-				merList: [], //商户分类
-				product_type: 0,
-				show: false,
-				image: '', //图片,
-				credit_buy: '', //支持先货后款
-        villageInfo:{ //村公司信息
-          
         },
         village_name: ''
-			};
-		},
-		onLoad(options) {
-			this.sotreParam.type_code = options.type_code;
+      };
+    },
+    onLoad(options) {
+      this.sotreParam.type_code = options.type_code;
       this.sotreParam.street_id = options.street_id || null;
       this.sotreParam.village_id = options.village_id || null;
       this.village_name = options.name || null;
-			this.storeList = [];
+      this.storeList = [];
       this.getVillageInfo();
-			if (this.mer_location == 1) {
-				this.selfLocation()
-			}
-			this.storeMerchantList();
-			this.getClassfication();
-			this.getStoreType();
+      if (this.mer_location == 1) {
+        this.selfLocation()
+      }
+      this.storeMerchantList();
+      this.getClassfication();
+      this.getStoreType();
 
 
 
-		},
-		computed: {
-			downMenus: function() {
-				return this.downMenu.filter((item) => {
-					if (this.mer_location) {
-						return item
-					} else {
-						return item.key < 3
-					}
-				})
-			},
-			...configMap({
-				margin_ico_switch: 0,
-				margin_ico: '',
-				mer_location: 0,
-				store_street_theme: 1,
-				hide_mer_status: '',
-			}, mapGetters(['viewColor'])),
-		},
-		methods: {
-      getVillageInfo(){
+    },
+    computed: {
+      downMenus: function() {
+        return this.downMenu.filter((item) => {
+          if (this.mer_location) {
+            return item
+          } else {
+            return item.key < 3
+          }
+        })
+      },
+      ...configMap({
+        margin_ico_switch: 0,
+        margin_ico: '',
+        mer_location: 0,
+        store_street_theme: 1,
+        hide_mer_status: '',
+      }, mapGetters(['viewColor'])),
+    },
+    methods: {
+      getVillageInfo() {
         getVillageInfo({
           village_id: this.sotreParam.village_id
-        }).then(res=>{
+        }).then(res => {
           this.villageInfo = res.data.company;
-          console.log({...this.villageInfo});
-        }).catch(err=>{
+          console.log({ ...this.villageInfo });
+        }).catch(err => {
           console.log(err);
         })
       },
-			navGo(id) {
-				uni.navigateTo({
-					url: `/pages/nongKe/supply_chain/supplierA?type_id=10&?merchant_category_id=${id}`
-				})
-			},
-      itemTap(item){
+      navGo(id) {
         uni.navigateTo({
-        	url: `/pages/goods_details/index_v?id=${item.product_id}&village_id=${this.sotreParam.village_id}`,
+          url: `/pages/nongKe/supply_chain/supplierA?type_id=10&?merchant_category_id=${id}`
+        })
+      },
+      itemTap(item) {
+        uni.navigateTo({
+          url: `/pages/goods_details/index_v?id=${item.product_id}&village_id=${this.sotreParam.village_id}`,
           fail: (err) => {
             console.log(err);
           }
         })
       },
-			go_details: function(product_type, product_id) {
-				if (product_type == 98) {
-					uni.navigateTo({
-						url: `/pages/admin/goods_details/index?product_id=${product_id}&product_type=${product_type}`
-					})
-				}
-				if (product_type == 0) {
-					uni.navigateTo({
-						url: `/pages/goods_details/index?id=${product_id}`
-					})
-				}
-			},
-			// 获取商户分类
-			getClassfication: function() {
-				let temp = []
-				merClassifly()
-					.then(res => {
-						temp = res.data.map(item => {
-							return {
-								...item,
-								check: false
-							}
-						})
-						if (this.sotreParam.category_id.length > 0) {
-							this.sotreParam.category_id.forEach((ids, index) => {
-								temp.forEach(el => {
-									if (ids == el.merchant_category_id) {
-										el.check = true
-									}
-								})
-							})
-						}
-						this.merList = temp
-					})
-					.catch(res => {
-						this.$util.Tips({
-							title: res
-						});
-					});
-			},
-			// 获取商品类型
-			getStoreType: function() {
-				let temp = []
-				getStoreTypeApi().then(res => {
-						res.data.forEach(item => {
-							if (item.mer_type_id == this.sotreParam.type_id) {
-								temp.push({
-									...item,
-									check: true
-								})
-							}
-						})
-						this.storeTypeArr = temp
-					})
-					.catch(res => {
-						this.$util.Tips({
-							title: res
-						});
-					});
-			},
-			/** 打开地图**/
-			showMaoLocation(lat, long) {
-				if (!lat || !long) return this.$util.Tips({
-					title: '请设置允许商城访问您的位置！'
-				});
-				//#ifdef H5
-				if (this.$wechat.isWeixin() === true) {
-					this.$wechat.seeLocation({
-						latitude: Number(lat),
-						longitude: Number(long),
-						name: '当前位置',
-						address: this.location_address
-					}).then(res => {
-						// console.log('success');
-					})
-				} else {
-					//#endif
-					uni.openLocation({
-						latitude: parseFloat(lat),
-						longitude: parseFloat(long),
-						name: '当前位置',
-						address: this.location_address,
-						scale: 8,
-						success: function(res) {
-							// console.log(res)
-						},
-					});
-					// #ifdef H5
-				}
-				//#endif	
-			},
-			showStoreLocation(item) {
-				if (!item.lat || !item.long) return this.$util.Tips({
-					title: '请设置允许商城访问您的位置！'
-				});
-				//#ifdef H5
-				if (this.$wechat.isWeixin() === true) {
-					this.$wechat.seeLocation({
-						latitude: Number(item.lat),
-						longitude: Number(item.long),
-						name: item.mer_name,
-						address: item.mer_address ? item.mer_address : '',
-					}).then(res => {
-						// console.log('success');
-					})
-				} else {
-					//#endif
-					uni.openLocation({
-						latitude: parseFloat(item.lat),
-						longitude: parseFloat(item.long),
-						scale: 8,
-						name: item.mer_name,
-						address: item.mer_address ? item.mer_address : '',
-						success: function(res) {
-							// console.log(res)
-						},
-					});
-					// #ifdef H5
-				}
-				//#endif	
-			},
-			selfLocation() {
-				let self = this
-				if (uni.getStorageSync('RejectTarget')) return
-				uni.getLocation({
-					type: 'wgs84',
-					success: (res) => {
+      go_details: function(product_type, product_id) {
+        if (product_type == 98) {
+          uni.navigateTo({
+            url: `/pages/admin/goods_details/index?product_id=${product_id}&product_type=${product_type}`
+          })
+        }
+        if (product_type == 0) {
+          uni.navigateTo({
+            url: `/pages/goods_details/index?id=${product_id}`
+          })
+        }
+      },
+      // 获取商户分类
+      getClassfication: function() {
+        let temp = []
+        merClassifly()
+          .then(res => {
+            temp = res.data.map(item => {
+              return {
+                ...item,
+                check: false
+              }
+            })
+            if (this.sotreParam.category_id.length > 0) {
+              this.sotreParam.category_id.forEach((ids, index) => {
+                temp.forEach(el => {
+                  if (ids == el.merchant_category_id) {
+                    el.check = true
+                  }
+                })
+              })
+            }
+            this.merList = temp
+          })
+          .catch(res => {
+            this.$util.Tips({
+              title: res
+            });
+          });
+      },
+      // 获取商品类型
+      getStoreType: function() {
+        let temp = []
+        getStoreTypeApi().then(res => {
+            res.data.forEach(item => {
+              if (item.mer_type_id == this.sotreParam.type_id) {
+                temp.push({
+                  ...item,
+                  check: true
+                })
+              }
+            })
+            this.storeTypeArr = temp
+          })
+          .catch(res => {
+            this.$util.Tips({
+              title: res
+            });
+          });
+      },
+      /** 打开地图**/
+      showMaoLocation(lat, long) {
+        if (!lat || !long) return this.$util.Tips({
+          title: '请设置允许商城访问您的位置！'
+        });
+        //#ifdef H5
+        if (this.$wechat.isWeixin() === true) {
+          this.$wechat.seeLocation({
+            latitude: Number(lat),
+            longitude: Number(long),
+            name: '当前位置',
+            address: this.location_address
+          }).then(res => {
+            // console.log('success');
+          })
+        } else {
+          //#endif
+          uni.openLocation({
+            latitude: parseFloat(lat),
+            longitude: parseFloat(long),
+            name: '当前位置',
+            address: this.location_address,
+            scale: 8,
+            success: function(res) {
+              // console.log(res)
+            },
+          });
+          // #ifdef H5
+        }
+        //#endif	
+      },
+      showStoreLocation(item) {
+        if (!item.lat || !item.long) return this.$util.Tips({
+          title: '请设置允许商城访问您的位置！'
+        });
+        //#ifdef H5
+        if (this.$wechat.isWeixin() === true) {
+          this.$wechat.seeLocation({
+            latitude: Number(item.lat),
+            longitude: Number(item.long),
+            name: item.mer_name,
+            address: item.mer_address ? item.mer_address : '',
+          }).then(res => {
+            // console.log('success');
+          })
+        } else {
+          //#endif
+          uni.openLocation({
+            latitude: parseFloat(item.lat),
+            longitude: parseFloat(item.long),
+            scale: 8,
+            name: item.mer_name,
+            address: item.mer_address ? item.mer_address : '',
+            success: function(res) {
+              // console.log(res)
+            },
+          });
+          // #ifdef H5
+        }
+        //#endif	
+      },
+      selfLocation() {
+        let self = this
+        if (uni.getStorageSync('RejectTarget')) return
+        uni.getLocation({
+          type: 'wgs84',
+          success: (res) => {
             res = wgsToGcj(res);
-						let latitude, longitude;
-						latitude = res.latitude.toString();
-						longitude = res.longitude.toString();
-						this.latitude = res.latitude
-						this.longitude = res.longitude
-						getGeocoder({
-							lat: latitude,
-							long: longitude
-						}).then(res => {
-							// console.log(res)
-							this.detaile_address = res.data.address;
-							this.location_address = res.data.address;
-							this.recommend_address = res.data.address.length > 4 ? res.data.address
-								.slice(0, 4) + '...' :
-								res.data.address
-						}).catch(err => {
-							uni.showToast({
-								title: err,
-								icon: 'none'
-							})
-						})
-					},
-					fail: (res) => {
-						uni.showToast({
-							title: res,
-							icon: 'none',
-							duration: 1000
-						});
-					},
-				});
-			},
-			// 查找商品
-			storeMerchantList() {
-				if (this.loading) return
-				this.loading = true
-				let rqData = {
-					keyword: this.sotreParam.keyword,
-					page: this.sotreParam.page,
-					limit: 10,
-					type_code: this.sotreParam.type_code,
-				}
-				if (this.latitude) {
-					rqData.location = this.latitude + ',' + this.longitude
-				}
-        if(this.sotreParam.street_id){
+            let latitude, longitude;
+            latitude = res.latitude.toString();
+            longitude = res.longitude.toString();
+            this.latitude = res.latitude
+            this.longitude = res.longitude
+            getGeocoder({
+              lat: latitude,
+              long: longitude
+            }).then(res => {
+              // console.log(res)
+              this.detaile_address = res.data.address;
+              this.location_address = res.data.address;
+              this.recommend_address = res.data.address.length > 4 ? res.data.address
+                .slice(0, 4) + '...' :
+                res.data.address
+            }).catch(err => {
+              uni.showToast({
+                title: err,
+                icon: 'none'
+              })
+            })
+          },
+          fail: (res) => {
+            uni.showToast({
+              title: res,
+              icon: 'none',
+              duration: 1000
+            });
+          },
+        });
+      },
+      // 查找商品
+      storeMerchantList() {
+        if (this.loading) return
+        this.loading = true
+        let rqData = {
+          keyword: this.sotreParam.keyword,
+          page: this.sotreParam.page,
+          limit: 10,
+          type_code: this.sotreParam.type_code,
+        }
+        if (this.latitude) {
+          rqData.location = this.latitude + ',' + this.longitude
+        }
+        if (this.sotreParam.street_id) {
           rqData.street_id = this.sotreParam.street_id;
         }
-        if(this.sotreParam.village_id){
+        if (this.sotreParam.village_id) {
           rqData.village_id = this.sotreParam.village_id;
         }
-				// console.log(rqData)
-				getProductslist(rqData).then(res => {
-					this.count = res.data.count
-					this.storeList = this.storeList.concat(res.data.list);
-					this.loading = false
-					this.loadingIcon = false
-					// this.titName = this.storeList[0].mer_info
-				})
-			},
-			// 进店
-			goStore(id) {
-				if (this.sotreParam.type_id == 12) {
-					uni.navigateTo({
-						url: `/pages/nongKe/supply_chain/merchant?id=${id}`
-					})
-				} else {
-					if (this.hide_mer_status != 1) {
-						uni.navigateTo({
-							url: `/pages/store/home/index?id=${id}&type=7`
-						})
-					}
-				}
-			},
-			searchSubmit: function() {
-				let that = this;
-				that.$set(that.sotreParam, 'keyword', this.sotreParam.keyword);
-				this.set_where(this.firstKey)
-			},
-			// 右侧切换
-			bindRight() {
-				this.sotreParam.page = 1
-				this.rightBox = true
-			},
-			// 组件确定
-			confirm(data) {
-				let arr1 = [],
-					arr2 = []
-				if (data.storeTypeArr.length == 0) {
-					// this.sotreParam.type_id = ''
-				} else {
-					data.storeTypeArr.forEach(item => {
-						arr1.push(item.mer_type_id)
-					})
-					this.sotreParam.type_id = arr1.toString();
-				}
-				if (data.merList.length == 0) {
-					this.sotreParam.category_id = ''
-				} else {
-					data.merList.forEach(item => {
-						arr2.push(item.merchant_category_id)
-					})
-					this.sotreParam.category_id = arr2.toString();
-				}
-				this.rightBox = data.status
-				this.loadend = false;
-				this.$set(this.sotreParam, 'page', 1)
-				this.storeList = [];
-				this.storeMerchantList();
-			},
-			// 组件关闭
-			close() {
-				this.rightBox = false
-				this.show = false
-			},
-			//点击事件处理
-			set_where: function(e) {
-				if (this.loading) return
-				this.storeList = []
-				this.firstKey = e
-				this.sotreParam.page = 1
-				this.sotreParam.order = this.downMenu[e].order
-				this.storeMerchantList();
-			},
-			backjJump() {
-				uni.navigateBack({
-					delta: 1
-				})
-			},
-			// 滚动监听
-			onPageScroll(e) {
-				// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
-				uni.$emit('scroll');
-			},
-			qctail(item) {
-				// console.log(item);
-				if (item.mer_certificate == '') {
-					return
-				}
-				this.show = true
-				this.image = item.mer_certificate[0]
-				// console.log(this.show);
-			},
-		},
-		//刷新
-		onPullDownRefresh() {
-			uni.stopPullDownRefresh()
-		},
-		//上划加载更多
-		onReachBottom() {
-			if (this.count === this.storeList.length) {
-				if (this.count === 0) {
-					return
-				}
-				uni.showToast({
-					title: '已加载全部',
-					icon: 'none',
-					duration: 1000
-				});
-			} else {
-				this.sotreParam.page += 1
-				this.storeMerchantList()
-			}
-		}
+        // console.log(rqData)
+        getProductslist(rqData).then(res => {
+          this.count = res.data.count
+          this.storeList = this.storeList.concat(res.data.list);
+          this.loading = false
+          this.loadingIcon = false
+          // this.titName = this.storeList[0].mer_info
+        })
+      },
+      // 进店
+      goStore(id) {
+        if (this.sotreParam.type_id == 12) {
+          uni.navigateTo({
+            url: `/pages/nongKe/supply_chain/merchant?id=${id}`
+          })
+        } else {
+          if (this.hide_mer_status != 1) {
+            uni.navigateTo({
+              url: `/pages/store/home/index?id=${id}&type=7`
+            })
+          }
+        }
+      },
+      searchSubmit: function() {
+        let that = this;
+        that.$set(that.sotreParam, 'keyword', this.sotreParam.keyword);
+        this.set_where(this.firstKey)
+      },
+      // 右侧切换
+      bindRight() {
+        this.sotreParam.page = 1
+        this.rightBox = true
+      },
+      // 组件确定
+      confirm(data) {
+        let arr1 = [],
+          arr2 = []
+        if (data.storeTypeArr.length == 0) {
+          // this.sotreParam.type_id = ''
+        } else {
+          data.storeTypeArr.forEach(item => {
+            arr1.push(item.mer_type_id)
+          })
+          this.sotreParam.type_id = arr1.toString();
+        }
+        if (data.merList.length == 0) {
+          this.sotreParam.category_id = ''
+        } else {
+          data.merList.forEach(item => {
+            arr2.push(item.merchant_category_id)
+          })
+          this.sotreParam.category_id = arr2.toString();
+        }
+        this.rightBox = data.status
+        this.loadend = false;
+        this.$set(this.sotreParam, 'page', 1)
+        this.storeList = [];
+        this.storeMerchantList();
+      },
+      // 组件关闭
+      close() {
+        this.rightBox = false
+        this.show = false
+      },
+      //点击事件处理
+      set_where: function(e) {
+        if (this.loading) return
+        this.storeList = []
+        this.firstKey = e
+        this.sotreParam.page = 1
+        this.sotreParam.order = this.downMenu[e].order
+        this.storeMerchantList();
+      },
+      backjJump() {
+        uni.navigateBack({
+          delta: 1
+        })
+      },
+      // 滚动监听
+      onPageScroll(e) {
+        // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+        uni.$emit('scroll');
+      },
+      qctail(item) {
+        // console.log(item);
+        if (item.mer_certificate == '') {
+          return
+        }
+        this.show = true
+        this.image = item.mer_certificate[0]
+        // console.log(this.show);
+      },
+    },
+    //刷新
+    onPullDownRefresh() {
+      uni.stopPullDownRefresh()
+    },
+    //上划加载更多
+    onReachBottom() {
+      if (this.count === this.storeList.length) {
+        if (this.count === 0) {
+          return
+        }
+        uni.showToast({
+          title: '已加载全部',
+          icon: 'none',
+          duration: 1000
+        });
+      } else {
+        this.sotreParam.page += 1
+        this.storeMerchantList()
+      }
+    }
 
-	}
+  }
 </script>
 
 <style lang="scss" scoped>
-	.serchbtn {
-		// position: absolute;
-		// right: 5rpx;
-		// top: 5rpx;
-		width: 100rpx;
-		height: 50rpx;
-		border-radius: 30rpx;
-		text-align: center;
-		line-height: 50rpx;
-		// background-color: #FEAB00;
-		color: #fff;
-		background: linear-gradient(to right, #F84221, #FF6D20);
-	}
-
-	* {
-		margin: 0;
-		padding: 0;
-	}
-
-	.com_name {
-		font-size: 32rpx;
-		// background-color: red;
-
-		white-space: nowrap;
-		/* 防止文字换行 */
-		overflow: hidden;
-		/* 超出部分隐藏 */
-		text-overflow: ellipsis;
-		max-width: 40vw;
-		/* 使用省略号表示溢出的内容 */
-
-		/* 可根据实际情况调整容器宽度 */
-	}
-
-	.serch_cls {
-		// padding-right: 200rpx;
-	}
-
-	.productList {
-		// padding-top: 50rpx;
-		// padding: 0 20rpx 0;
-
-		.top {
-			padding-top: var(--status-bar-height);
-			/* #ifdef H5 */
-			padding-top: 30rpx;
-			/* #endif */
-			background-color: #ff5c2d;
-      color: #fff;
-			position: fixed;
-			z-index: 999;
-			width: 100%;
-			top: 0;
-		}
-
-		.content {
-			padding: 20rpx;
-		}
-
-		.menu_cls {
-			background-color: white;
-			// height: 199.77rpx;
-			border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
-			padding: 20rpx;
-
-			.menu_li {
-				margin-right: 50rpx;
-				// background-color: red;
-				width: 50vw;
-				// width: 120rpx;
-				// display: inline-block;
-			}
-
-
-		}
-
-		.goods_list {
-			margin-top: 20rpx;
-
-			.goods_card {
-				margin-top: 20rpx;
-				height: auto;
-				background-color: white;
-				padding: 20rpx;
-				border-radius: 20rpx;
-				display: flex;
-				// align-items: center;
-
-				.left {
-					margin-right: 20rpx;
-					width: 158rpx;
-					height: 158rpx;
-					border-radius: 20rpx;
-					overflow: hidden;
-				}
-
-				.right {
-					.head {
-						font-weight: bold;
-						// color: red;
-
-					}
-
-					.li {
-						display: flex;
-						font-size: 26.29rpx;
-						margin-bottom: 10rpx;
-						align-items: center;
-
-						text {
-							margin: 0 20rpx 0 5rpx;
-						}
-					}
-				}
-			}
-		}
-
-		.address {
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			width: 200px;
-		}
-
-
-	}
-
-
-	.search-right.styleType2 .right-text,
-	.search-right.styleType3 .right-text {
-		color: #282828;
-	}
-
-	.search-right.styleType2 .icon-xiangyou,
-	.search-right.styleType3 .icon-xiangyou {
-		color: #999999;
-	}
-
-	.search-right.styleType2 .icon-dingwei,
-	.search-right.styleType3 .icon-dingwei {
-		color: #8A8A8A;
-	}
-
-	.productList .search .back {
-		display: flex;
-		align-items: center;
-		width: 40rpx;
-		height: 60rpx;
-
-		.iconfont {
-			color: #fff;
-			font-size: 36rpx;
-		}
-	}
-
-	.head_tit {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		box-sizing: border-box;
-		padding: 0 20rpx;
-	}
-
-	.hot_serch {
-		color: #B3B3B3;
-		display: flex;
-		justify-content: space-around;
-		margin: 0;
-		flex-wrap: wrap;
-		// margin-top: 50rpx;
-		padding-top: 50rpx;
-		/* #ifdef H5 */
-		padding-top: 80rpx;
-		/* #endif */
-
-		text {
-			margin: 10rpx;
-		}
-	}
-  .village-info{
-    height: 80rpx;
-    display: flex;
+  .serchbtn {
+    // position: absolute;
+    // right: 5rpx;
+    // top: 5rpx;
+    width: 100rpx;
+    height: 50rpx;
+    border-radius: 30rpx;
+    text-align: center;
+    line-height: 50rpx;
+    // background-color: #FEAB00;
     color: #fff;
-    padding-left: 20rpx;
-    image{
-      width: 70rpx;
-      height: 70rpx;
-      margin-right: 20rpx;
+    background: linear-gradient(to right, #F84221, #FF6D20);
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  .com_name {
+    font-size: 32rpx;
+    // background-color: red;
+
+    white-space: nowrap;
+    /* 防止文字换行 */
+    overflow: hidden;
+    /* 超出部分隐藏 */
+    text-overflow: ellipsis;
+    max-width: 40vw;
+    /* 使用省略号表示溢出的内容 */
+
+    /* 可根据实际情况调整容器宽度 */
+  }
+
+  .serch_cls {
+    // padding-right: 200rpx;
+  }
+
+  .productList {
+    // padding-top: 50rpx;
+    // padding: 0 20rpx 0;
+
+    .top {
+      padding-top: var(--status-bar-height);
+      /* #ifdef H5 */
+      padding-top: 30rpx;
+      /* #endif */
+      background: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/mingyouxinxi.webp');
+      background-size: cover;
+      /* 设置背景图片覆盖整个容器，可能会被裁剪以完全覆盖 */
+      background-position: top;
+      /* 设置背景图片居中显示 */
+      background-repeat: no-repeat;
+      /* 确保背景图片不重复 */
+      color: #fff;
+      position: fixed;
+      z-index: 999;
+      width: 100%;
+      top: 0;
     }
-    .name, .phone{
-      display: flex;
-      align-items: center;
+
+    .content {
+      padding: 0;
+      position: relative;
+      overflow: hidden;
+      height: calc(var(--status-bar-height) + 210rpx);
+      /* #ifdef H5 */
+      height: 240rpx;
+      /* #endif */
+    }
+
+    .menu_cls {
+      background-color: white;
+      // height: 199.77rpx;
+      border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
+      padding: 20rpx;
+
+      .menu_li {
+        margin-right: 50rpx;
+        // background-color: red;
+        width: 50vw;
+        // width: 120rpx;
+        // display: inline-block;
+      }
+
+
+    }
+
+    .goods_list {
+      margin-top: 20rpx;
+
+      .goods_card {
+        margin-top: 20rpx;
+        height: auto;
+        background-color: white;
+        padding: 20rpx;
+        border-radius: 20rpx;
+        display: flex;
+        // align-items: center;
+
+        .left {
+          margin-right: 20rpx;
+          width: 158rpx;
+          height: 158rpx;
+          border-radius: 20rpx;
+          overflow: hidden;
+        }
+
+        .right {
+          .head {
+            font-weight: bold;
+            // color: red;
+
+          }
+
+          .li {
+            display: flex;
+            font-size: 26.29rpx;
+            margin-bottom: 10rpx;
+            align-items: center;
+
+            text {
+              margin: 0 20rpx 0 5rpx;
+            }
+          }
+        }
+      }
+    }
+
+    .address {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 200px;
+    }
+
+
+  }
+
+
+  .search-right.styleType2 .right-text,
+  .search-right.styleType3 .right-text {
+    color: #282828;
+  }
+
+  .search-right.styleType2 .icon-xiangyou,
+  .search-right.styleType3 .icon-xiangyou {
+    color: #999999;
+  }
+
+  .search-right.styleType2 .icon-dingwei,
+  .search-right.styleType3 .icon-dingwei {
+    color: #8A8A8A;
+  }
+
+  .productList .search .back {
+    display: flex;
+    align-items: center;
+    width: 40rpx;
+    height: 60rpx;
+
+    .iconfont {
+      color: #fff;
+      font-size: 36rpx;
     }
   }
 
-	.productList .search .input {
-		flex: 1;
-		height: 60rpx;
-		background-color: #fff;
-		border-radius: 50rpx;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-	}
-
-	.productList .search.styleType2 .input,
-	.productList .search.styleType3 .input {
-		background: #EDEDED;
-	}
-
-	.productList .search .input input {
-		flex: 1;
-		height: 100%;
-		font-size: 26rpx;
-		margin-left: 10rpx;
-	}
-
-	.productList .search .input .placeholder {
-		color: #999;
-	}
-
-	.productList .search .input .iconfont {
-		font-size: 35rpx;
-		color: #555;
-	}
-
-	.productList .search .icon-pailie,
-	.productList .search .icon-tupianpailie {
-		color: #fff;
-		width: 62rpx;
-		font-size: 40rpx;
-		height: 86rpx;
-		line-height: 86rpx;
-	}
-
-	.productList .nav-wrapper {
-		z-index: 9;
-		position: fixed;
-		left: 0;
-		top: 25px;
-		width: 100%;
-		margin-top: 86rpx;
-		background-color: #fff;
-
-		&.styleType1 {
-			background-color: var(--view-theme);
-		}
-
-		.tab-bar {
-			display: flex;
-			align-items: center;
-
-			.tab-item {
-				position: relative;
-				flex: 1;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				padding: 8rpx 0 20rpx;
-				color: #fff;
-				font-size: 28rpx;
-				font-weight: bold;
-
-				&::after {
-					content: ' ';
-					position: absolute;
-					left: 50%;
-					bottom: 18rpx;
-					width: 30rpx;
-					height: 3rpx;
-					background: transparent;
-					transform: translateX(-50%);
-				}
-
-				&.on {
-					&::after {
-						background: #fff;
-					}
-				}
-			}
-		}
-	}
-
-	.border-picture {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background: center/cover no-repeat;
-	}
-
-	.productList .nav {
-		height: 86rpx;
-		color: #454545;
-		font-size: 28rpx;
-		display: flex;
-		justify-content: space-between;
-		padding: 0 28rpx;
-	}
-
-	.productList .nav .item {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex-direction: column;
-		color: #FFFFFF;
-		flex: 1;
-	}
-
-	.productList .nav.styleType2 .item,
-	.productList .nav.styleType3 .item {
-		color: #282828;
-	}
-
-	.productList .nav .item.font-colors {
-		font-weight: 500;
-		color: #FFFFFF;
-	}
-
-	.productList .nav.styleType2 .item.font-colors,
-	.productList .nav.styleType3 .item.font-colors {
-		color: var(--view-theme);
-	}
-
-	.productList .nav .item .font-line {
-		height: 4rpx;
-		background-color: #fff;
-		margin-top: 3rpx;
-		width: 28rpx;
-		animation: line 0.3s;
-		-moz-animation: line 0.3s;
-		/* Firefox */
-		-webkit-animation: line 0.3s;
-		/* Safari 和 Chrome */
-		-o-animation: line 0.3s;
-		/* Opera */
-	}
-
-	.productList .nav.styleType2 .item .font-line,
-	.productList .nav.styleType3 .item .font-line {
-		background-color: var(--view-theme);
-	}
-
-	@keyframes line {
-		from {
-			width: 0rpx;
-		}
-
-		to {
-			width: 28rpx;
-		}
-	}
-
-	.productList .nav .item image {
-		width: 15rpx;
-		height: 19rpx;
-		margin-left: 10rpx;
-	}
-
-	.store-wrapper {
-		margin-top: 235rpx;
-		border-top: 1px solid #F6F6F6;
-
-		.store-item {
-			margin: 20rpx auto;
-
-			.head {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				color: #fff;
-
-				.zhezhao {
-					position: absolute;
-					width: 95%;
-					height: 150px;
-					border-radius: 20rpx;
-					z-index: 0;
-					opacity: 0.5;
-					background-color: #999;
-				}
-
-				.bgc_img {
-					position: absolute;
-					width: 95%;
-					height: 150px;
-					background-size: cover;
-					border-radius: 20rpx;
-					z-index: 0;
-				}
-
-				.zhezhao1 {
-					width: 100%;
-					height: 150px;
-					border-radius: 20rpx;
-					z-index: 1;
-
-					.title {
-						display: flex;
-						height: 50px;
-						align-items: center;
-						margin-left: 20px;
-						z-index: 1;
-
-						span {
-							background-color: #F84221;
-							color: white;
-							font-size: 12px;
-							padding: 3px;
-							border-radius: 5px;
-							margin-left: 5px;
-						}
-					}
-
-					.coent {
-						display: flex;
-						margin-left: 20px;
-
-						.avater {
-							width: 60px;
-							height: 80px;
-
-							image {
-								width: 60px;
-								height: 80px;
-							}
-						}
-
-						.text {
-							.text_one {
-								display: flex;
-								height: 30px;
-								line-height: 30px;
-								padding-left: 10px;
-
-								image {
-									width: 20px;
-									height: 20px;
-									margin-right: 10px;
-								}
-
-								.text_one_r {
-									margin-left: 10px;
-								}
-							}
-
-							.text_two {
-								width: 270px;
-								height: 30px;
-								line-height: 30px;
-								padding-left: 10px;
-								white-space: nowrap;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								image {
-									width: 20px;
-									height: 20px;
-									margin-right: 10px;
-								}
-							}
-
-							.text_three {
-								width: 270px;
-								height: 30px;
-								line-height: 30px;
-								padding-left: 10px;
-								white-space: nowrap;
-								overflow: hidden;
-								text-overflow: ellipsis;
-
-								image {
-									width: 20px;
-									height: 20px;
-									margin-right: 10px;
-								}
-							}
-						}
-
-					}
-				}
-
-
-			}
-
-			.pro-box {
-				white-space: nowrap;
-				display: flex;
-				align-items: center;
-				padding: 20rpx 20rpx 30rpx;
-
-				.pro-item {
-					display: inline-block;
-					width: 218rpx;
-					margin-right: 14rpx;
-
-					.picture,
-					/deep/image,
-					uni-image {
-						width: 100%;
-						height: 214rpx;
-						border-radius: 8rpx;
-						position: relative;
-					}
-
-					.price {
-						margin-top: 5rpx;
-						font-size: 28rpx;
-						color: var(--view-priceColor);
-						font-weight: bold;
-
-						text {
-							font-size: 28rpx;
-						}
-					}
-
-					&:last-child {
-						margin-right: 0;
-					}
-				}
-
-				&.styleType3 {
-					padding: 20rpx;
-
-					.pro-item {
-						display: inline-block;
-						background-color: #fff;
-						border-radius: 16rpx;
-						text-align: center;
-						padding: 10rpx 0 20rpx;
-
-						.picture,
-						/deep/image,
-						uni-image {
-							width: 194rpx;
-							height: 194rpx;
-							text-align: center;
-							border-radius: 8rpx;
-							position: relative;
-							margin: 0 auto;
-						}
-					}
-				}
-			}
-		}
-	}
-
-	.mer-item2 {
-		padding: 20rpx;
-		background: #fff;
-		margin-bottom: 20rpx;
-		border-radius: 16rpx;
-
-		.mer-shop-count {
-			display: flex;
-
-			.mer-avatar {
-				width: 100rpx;
-				height: 100rpx;
-			}
-
-			.mer-top {
-				color: #282828;
-			}
-
-			.mer-shop-right {
-				margin-left: 20rpx;
-
-				.mer-btn {
-					color: #666666;
-				}
-
-			}
-
-			.pro-box {
-				white-space: nowrap;
-				display: flex;
-				align-items: center;
-				margin-top: 20rpx;
-
-				.pro-item {
-					display: inline-block;
-					width: 170rpx;
-					margin-right: 20rpx;
-
-					.picture,
-					/deep/image,
-					uni-image,
-					/deep/.easy-loadimage {
-						width: 100%;
-						height: 170rpx;
-						border-radius: 8rpx;
-						position: relative;
-					}
-
-					.price {
-						margin-top: 5rpx;
-						font-size: 28rpx;
-						color: var(--view-priceColor);
-						font-weight: bold;
-
-						text {
-							font-size: 28rpx;
-						}
-					}
-
-					&:last-child {
-						margin-right: 0;
-					}
-				}
-			}
-		}
-
-	}
-
-	.no-shop {
-		background-color: #fff;
-		// padding-bottom: calc(100% - 176rpx);
-
-		.pictrue {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			color: $uni-nothing-text;
-
-			image {
-				width: 414rpx;
-				height: 380rpx;
-			}
-		}
-	}
-
-	.img_cls {
-		position: absolute;
-		top: 50%;
-		right: 5rpx;
-		transform: translateY(-50%);
-
-	}
+  .head_tit {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-sizing: border-box;
+    padding: 0 20rpx;
+  }
+
+  .hot_serch {
+    color: #B3B3B3;
+    display: flex;
+    justify-content: space-around;
+    margin: 0;
+    flex-wrap: wrap;
+    // margin-top: 50rpx;
+    padding-top: 50rpx;
+    /* #ifdef H5 */
+    padding-top: 80rpx;
+    /* #endif */
+
+    text {
+      margin: 10rpx;
+    }
+  }
+
+  .village-info {
+    position: absolute;
+    bottom: 20rpx;
+    left: 50%;
+    transform: translate(-50%);
+    height: 100rpx;
+    padding: 20rpx;
+    width: 700rpx;
+    display: flex;
+    color: #fff;
+    background: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/643c4202402021508275295.png');
+    background-size: 100%;
+    /* 设置背景图片覆盖整个容器，可能会被裁剪以完全覆盖 */
+    background-position: top;
+    /* 设置背景图片居中显示 */
+    background-repeat: no-repeat;
+
+    /* 确保背景图片不重复 */
+    image {
+      width: 60rpx;
+      height: 60rpx;
+      border-radius: 50%;
+      margin-right: 20rpx;
+    }
+
+    .name,
+    .phone {
+      display: flex;
+      align-items: center;
+      font-size: 28rpx;
+    }
+    .name{
+      min-width: 270rpx;
+    }
+    .phone{
+      min-width: 300rpx;
+    }
+  }
+
+  .productList .search .input {
+    flex: 1;
+    height: 60rpx;
+    background-color: #fff;
+    border-radius: 50rpx;
+    padding: 0 20rpx;
+    box-sizing: border-box;
+  }
+
+  .productList .search.styleType2 .input,
+  .productList .search.styleType3 .input {
+    background: #EDEDED;
+  }
+
+  .productList .search .input input {
+    flex: 1;
+    height: 100%;
+    font-size: 26rpx;
+    margin-left: 10rpx;
+  }
+
+  .productList .search .input .placeholder {
+    color: #999;
+  }
+
+  .productList .search .input .iconfont {
+    font-size: 35rpx;
+    color: #555;
+  }
+
+  .productList .search .icon-pailie,
+  .productList .search .icon-tupianpailie {
+    color: #fff;
+    width: 62rpx;
+    font-size: 40rpx;
+    height: 86rpx;
+    line-height: 86rpx;
+  }
+
+  .productList .nav-wrapper {
+    z-index: 9;
+    position: fixed;
+    left: 0;
+    top: 25px;
+    width: 100%;
+    margin-top: 86rpx;
+    background-color: #fff;
+
+    &.styleType1 {
+      background-color: var(--view-theme);
+    }
+
+    .tab-bar {
+      display: flex;
+      align-items: center;
+
+      .tab-item {
+        position: relative;
+        flex: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 8rpx 0 20rpx;
+        color: #fff;
+        font-size: 28rpx;
+        font-weight: bold;
+
+        &::after {
+          content: ' ';
+          position: absolute;
+          left: 50%;
+          bottom: 18rpx;
+          width: 30rpx;
+          height: 3rpx;
+          background: transparent;
+          transform: translateX(-50%);
+        }
+
+        &.on {
+          &::after {
+            background: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .border-picture {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: center/cover no-repeat;
+  }
+
+  .productList .nav {
+    height: 86rpx;
+    color: #454545;
+    font-size: 28rpx;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 28rpx;
+  }
+
+  .productList .nav .item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    color: #FFFFFF;
+    flex: 1;
+  }
+
+  .productList .nav.styleType2 .item,
+  .productList .nav.styleType3 .item {
+    color: #282828;
+  }
+
+  .productList .nav .item.font-colors {
+    font-weight: 500;
+    color: #FFFFFF;
+  }
+
+  .productList .nav.styleType2 .item.font-colors,
+  .productList .nav.styleType3 .item.font-colors {
+    color: var(--view-theme);
+  }
+
+  .productList .nav .item .font-line {
+    height: 4rpx;
+    background-color: #fff;
+    margin-top: 3rpx;
+    width: 28rpx;
+    animation: line 0.3s;
+    -moz-animation: line 0.3s;
+    /* Firefox */
+    -webkit-animation: line 0.3s;
+    /* Safari 和 Chrome */
+    -o-animation: line 0.3s;
+    /* Opera */
+  }
+
+  .productList .nav.styleType2 .item .font-line,
+  .productList .nav.styleType3 .item .font-line {
+    background-color: var(--view-theme);
+  }
+
+  @keyframes line {
+    from {
+      width: 0rpx;
+    }
+
+    to {
+      width: 28rpx;
+    }
+  }
+
+  .productList .nav .item image {
+    width: 15rpx;
+    height: 19rpx;
+    margin-left: 10rpx;
+  }
+
+  .store-wrapper {
+    margin-top: 235rpx;
+    border-top: 1px solid #F6F6F6;
+
+    .store-item {
+      margin: 20rpx auto;
+
+      .head {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+
+        .zhezhao {
+          position: absolute;
+          width: 95%;
+          height: 150px;
+          border-radius: 20rpx;
+          z-index: 0;
+          opacity: 0.5;
+          background-color: #999;
+        }
+
+        .bgc_img {
+          position: absolute;
+          width: 95%;
+          height: 150px;
+          background-size: cover;
+          border-radius: 20rpx;
+          z-index: 0;
+        }
+
+        .zhezhao1 {
+          width: 100%;
+          height: 150px;
+          border-radius: 20rpx;
+          z-index: 1;
+
+          .title {
+            display: flex;
+            height: 50px;
+            align-items: center;
+            margin-left: 20px;
+            z-index: 1;
+
+            span {
+              background-color: #F84221;
+              color: white;
+              font-size: 12px;
+              padding: 3px;
+              border-radius: 5px;
+              margin-left: 5px;
+            }
+          }
+
+          .coent {
+            display: flex;
+            margin-left: 20px;
+
+            .avater {
+              width: 60px;
+              height: 80px;
+
+              image {
+                width: 60px;
+                height: 80px;
+              }
+            }
+
+            .text {
+              .text_one {
+                display: flex;
+                height: 30px;
+                line-height: 30px;
+                padding-left: 10px;
+
+                image {
+                  width: 20px;
+                  height: 20px;
+                  margin-right: 10px;
+                }
+
+                .text_one_r {
+                  margin-left: 10px;
+                }
+              }
+
+              .text_two {
+                width: 270px;
+                height: 30px;
+                line-height: 30px;
+                padding-left: 10px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+
+                image {
+                  width: 20px;
+                  height: 20px;
+                  margin-right: 10px;
+                }
+              }
+
+              .text_three {
+                width: 270px;
+                height: 30px;
+                line-height: 30px;
+                padding-left: 10px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+
+                image {
+                  width: 20px;
+                  height: 20px;
+                  margin-right: 10px;
+                }
+              }
+            }
+
+          }
+        }
+
+
+      }
+
+      .pro-box {
+        white-space: nowrap;
+        display: flex;
+        align-items: center;
+        padding: 20rpx 20rpx 30rpx;
+
+        .pro-item {
+          display: inline-block;
+          width: 218rpx;
+          margin-right: 14rpx;
+
+          .picture,
+          /deep/image,
+          uni-image {
+            width: 100%;
+            height: 214rpx;
+            border-radius: 8rpx;
+            position: relative;
+          }
+
+          .price {
+            margin-top: 5rpx;
+            font-size: 28rpx;
+            color: var(--view-priceColor);
+            font-weight: bold;
+
+            text {
+              font-size: 28rpx;
+            }
+          }
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+
+        &.styleType3 {
+          padding: 20rpx;
+
+          .pro-item {
+            display: inline-block;
+            background-color: #fff;
+            border-radius: 16rpx;
+            text-align: center;
+            padding: 10rpx 0 20rpx;
+
+            .picture,
+            /deep/image,
+            uni-image {
+              width: 194rpx;
+              height: 194rpx;
+              text-align: center;
+              border-radius: 8rpx;
+              position: relative;
+              margin: 0 auto;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .mer-item2 {
+    padding: 20rpx;
+    background: #fff;
+    margin-bottom: 20rpx;
+    border-radius: 16rpx;
+
+    .mer-shop-count {
+      display: flex;
+
+      .mer-avatar {
+        width: 100rpx;
+        height: 100rpx;
+      }
+
+      .mer-top {
+        color: #282828;
+      }
+
+      .mer-shop-right {
+        margin-left: 20rpx;
+
+        .mer-btn {
+          color: #666666;
+        }
+
+      }
+
+      .pro-box {
+        white-space: nowrap;
+        display: flex;
+        align-items: center;
+        margin-top: 20rpx;
+
+        .pro-item {
+          display: inline-block;
+          width: 170rpx;
+          margin-right: 20rpx;
+
+          .picture,
+          /deep/image,
+          uni-image,
+          /deep/.easy-loadimage {
+            width: 100%;
+            height: 170rpx;
+            border-radius: 8rpx;
+            position: relative;
+          }
+
+          .price {
+            margin-top: 5rpx;
+            font-size: 28rpx;
+            color: var(--view-priceColor);
+            font-weight: bold;
+
+            text {
+              font-size: 28rpx;
+            }
+          }
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+      }
+    }
+
+  }
+
+  .no-shop {
+    background-color: #fff;
+    // padding-bottom: calc(100% - 176rpx);
+
+    .pictrue {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      color: $uni-nothing-text;
+
+      image {
+        width: 414rpx;
+        height: 380rpx;
+      }
+    }
+  }
+
+  .img_cls {
+    position: absolute;
+    top: 50%;
+    right: 5rpx;
+    transform: translateY(-50%);
+
+  }
+
   .goodslist {
     margin: 0 auto;
     width: 725rpx;
-  
+
     .no-more {
       text-align: center;
       padding-top: 18rpx;
     }
-  
+
     .pictrue_tips {
       color: $uni-nothing-text;
     }
-  
+
     .common-hd {
       display: flex;
       align-items: center;
       justify-content: center;
       height: 118rpx;
-  
+
       .title {
         padding: 0 80rpx;
         font-size: 34rpx;
@@ -1258,783 +1293,786 @@
       }
     }
   }
-  	.b-color {
-  		background-color: var(--view-theme) !important;
-  		border: 1px solid var(--view-theme) !important;
-  	}
-  
-  	.productList .search {
-  		width: 100%;
-  		height: 170rpx;
-  		padding: 0 20rpx;
-  		// box-sizing: border-box;
-  		position: fixed;
-  		left: 0;
-  		top: 0rpx;
-  		padding-top: 60rpx;
-  		z-index: 9;
-  		background-color: var(--view-theme);
-  
-  		.icon-dingwei {
-  			color: #fff;
-  			font-weight: 0;
-  			font-size: 40rpx;
-  			line-height: 86rpx;
-  			width: 62rpx;
-  		}
-  	}
-  
-  	.productList .search .back {
-  		display: flex;
-  		align-items: center;
-  		width: 40rpx;
-  		height: 60rpx;
-  
-  		.iconfont {
-  			color: #fff;
-  			font-size: 36rpx;
-  		}
-  	}
-  
-  	.productList .search .input {
-  		flex: 1;
-  		height: 60rpx;
-  		background-color: #fff;
-  		border-radius: 50rpx;
-  		padding: 0 20rpx;
-  		box-sizing: border-box;
-  	}
-  
-  	.productList .search .input input {
-  		flex: 1;
-  		height: 100%;
-  		font-size: 26rpx;
-  		margin-left: 10rpx;
-  	}
-  
-  	.productList .search .input .placeholder {
-  		color: #999;
-  	}
-  
-  	.productList .search .input .iconfont {
-  		font-size: 35rpx;
-  		color: #555;
-  	}
-  
-  	.productList .search .icon-pailie,
-  	.productList .search .icon-tupianpailie,
-  	.productList .search .iconempty {
-  		color: #fff;
-  		width: 62rpx;
-  		font-size: 40rpx;
-  		height: 86rpx;
-  		line-height: 86rpx;
-  	}
-  
-  	.productList .nav-wrapper {
-  		z-index: 9;
-  		position: fixed;
-  		left: 0;
-  		top: 70rpx;
-  		width: 100%;
-  		margin-top: 86rpx;
-  		background-color: var(--view-theme);
-  
-  		.tab-bar {
-  			display: flex;
-  			align-items: center;
-  
-  			.tab-item {
-  				position: relative;
-  				flex: 1;
-  				display: flex;
-  				justify-content: center;
-  				align-items: center;
-  				padding: 8rpx 0 20rpx;
-  				color: #fff;
-  				font-size: 28rpx;
-  				font-weight: bold;
-  
-  				&::after {
-  					content: ' ';
-  					position: absolute;
-  					left: 50%;
-  					bottom: 18rpx;
-  					width: 30rpx;
-  					height: 3rpx;
-  					background: transparent;
-  					transform: translateX(-50%);
-  				}
-  
-  				&.on {
-  					&::after {
-  						background: #fff;
-  					}
-  				}
-  			}
-  		}
-  	}
-  
-  	.productList .nav {
-  		height: 86rpx;
-  		color: #454545;
-  		font-size: 28rpx;
-  		background-color: #fff;
-  		display: flex;
-  		justify-content: space-between;
-  		padding: 0 28rpx;
-  	}
-  
-  	.productList .nav .item {
-  		display: flex;
-  		align-items: center;
-  		justify-content: center;
-  		flex: 1;
-  	}
-  
-  	.t-color {
-  		color: var(--view-theme);
-  	}
-  
-  	.productList .nav .item.t-color {
-  		font-weight: bold;
-  		color: #454545;
-  	}
-  
-  	.productList .nav .item image {
-  		width: 15rpx;
-  		height: 19rpx;
-  		margin-left: 10rpx;
-  	}
-  
-  	.productList .list {
-  		padding: 0 20rpx;
-  
-  	}
-  
-  	.productList .list.on {
-  		background-color: #fff;
-  		border-top: 1px solid #f6f6f6;
-  	}
-  
-  	.productList .list .item {
-  		position: relative;
-  		width: 345rpx;
-  		margin-top: 20rpx;
-  		background-color: #fff;
-  		border-radius: 20rpx;
-  
-  		.name {
-  			display: flex;
-  			align-items: center;
-  
-  			.name_text {
-  				// max-width: 420rpx;
-  			}
-  		}
-  	}
-  
-  	.productList .list .item.on {
-  		width: 100%;
-  		display: flex;
-  		padding: 30rpx 0;
-  		margin: 0;
-  	}
-  
-  	.productList .list .item .pictrue {
-  		position: relative;
-  		width: 100%;
-  		height: 345rpx;
-  
-  	}
-  
-  	.productList .list .item .pictrue.on {
-  		width: 220rpx;
-  		height: 220rpx;
-  
-  		.sell_out {
-  			display: flex;
-  			width: 110rpx;
-  			height: 110rpx;
-  			align-items: center;
-  			justify-content: center;
-  			border-radius: 100%;
-  			background: rgba(0, 0, 0, .6);
-  			color: #fff;
-  			font-size: 24rpx;
-  			position: absolute;
-  			top: 50%;
-  			left: 50%;
-  			margin: -55rpx 0 0 -55rpx;
-  
-  			&::before {
-  				content: "";
-  				display: block;
-  				width: 100rpx;
-  				height: 100rpx;
-  				border-radius: 100%;
-  				border: 1px dashed #fff;
-  				position: absolute;
-  				top: 5rpx;
-  				left: 5rpx;
-  			}
-  		}
-  
-  		.border-picture {
-  			position: absolute;
-  			top: 0;
-  			left: 0;
-  			width: 100%;
-  			height: 100%;
-  			border-radius: 16rpx;
-  			background: center/cover no-repeat;
-  		}
-  	}
-  
-  	.productList .list .item .pictrue image {
-  		width: 100%;
-  		height: 100%;
-  		border-radius: 20rpx 20rpx 0 0;
-  	}
-  
-  	.productList .list .item .pictrue image.on {
-  		border-radius: 16rpx;
-  		width: 220rpx;
-  		height: 220rpx;
-  	}
-  
-  	.productList .list .item .text {
-  		padding: 20rpx 17rpx 26rpx 17rpx;
-  		font-size: 30rpx;
-  		color: #222;
-  	}
-  
-  	.productList .list .item .text.on {
-  		width: 508rpx;
-  		padding: 0 0 0 22rpx;
-  		justify-content: space-between;
-  
-  		.font-bg-red {
-  			max-width: 120rpx;
-  		}
-  
-  		.bt-color {
-  			background-color: var(--view-theme);
-  			border: 1px solid var(--view-theme);
-  
-  			&.type2 {
-  				background-color: #FD6523;
-  				border: 1px solid #FD6523;
-  			}
-  		}
-  
-  		.name,
-  		.item_bot {
-  			width: 100%;
-  		}
-  
-  		.vip-money {
-  			color: #282828;
-  			font-size: 22rpx;
-  			margin-left: 6rpx;
-  			font-weight: bold;
-  		}
-  
-  		.vipImg {
-  			width: 65rpx;
-  			height: 28rpx;
-  			margin-left: 4rpx;
-  
-  			image {
-  				width: 100%;
-  				height: 100%;
-  				display: block;
-  			}
-  		}
-  
-  		.item_bot {
-  			position: relative;
-  
-  			&::after {
-  				content: '';
-  				display: block;
-  				width: 100%;
-  				border-bottom: 1px solid #f6f6f6;
-  				position: absolute;
-  				right: 20rpx;
-  				bottom: -30rpx;
-  			}
-  
-  		}
-  	}
-  
-      
-    .text_flex{
+
+  .b-color {
+    background-color: var(--view-theme) !important;
+    border: 1px solid var(--view-theme) !important;
+  }
+
+  .productList .search {
+    width: 100%;
+    height: 170rpx;
+    padding: 0 20rpx;
+    // box-sizing: border-box;
+    position: fixed;
+    left: 0;
+    top: 0rpx;
+    padding-top: 60rpx;
+    z-index: 9;
+    background-color: var(--view-theme);
+
+    .icon-dingwei {
+      color: #fff;
+      font-weight: 0;
+      font-size: 40rpx;
+      line-height: 86rpx;
+      width: 62rpx;
+    }
+  }
+
+  .productList .search .back {
+    display: flex;
+    align-items: center;
+    width: 40rpx;
+    height: 60rpx;
+
+    .iconfont {
+      color: #fff;
+      font-size: 36rpx;
+    }
+  }
+
+  .productList .search .input {
+    flex: 1;
+    height: 60rpx;
+    background-color: #fff;
+    border-radius: 50rpx;
+    padding: 0 20rpx;
+    box-sizing: border-box;
+  }
+
+  .productList .search .input input {
+    flex: 1;
+    height: 100%;
+    font-size: 26rpx;
+    margin-left: 10rpx;
+  }
+
+  .productList .search .input .placeholder {
+    color: #999;
+  }
+
+  .productList .search .input .iconfont {
+    font-size: 35rpx;
+    color: #555;
+  }
+
+  .productList .search .icon-pailie,
+  .productList .search .icon-tupianpailie,
+  .productList .search .iconempty {
+    color: #fff;
+    width: 62rpx;
+    font-size: 40rpx;
+    height: 86rpx;
+    line-height: 86rpx;
+  }
+
+  .productList .nav-wrapper {
+    z-index: 9;
+    position: fixed;
+    left: 0;
+    top: 70rpx;
+    width: 100%;
+    margin-top: 86rpx;
+    background-color: var(--view-theme);
+
+    .tab-bar {
       display: flex;
       align-items: center;
+
+      .tab-item {
+        position: relative;
+        flex: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 8rpx 0 20rpx;
+        color: #fff;
+        font-size: 28rpx;
+        font-weight: bold;
+
+        &::after {
+          content: ' ';
+          position: absolute;
+          left: 50%;
+          bottom: 18rpx;
+          width: 30rpx;
+          height: 3rpx;
+          background: transparent;
+          transform: translateX(-50%);
+        }
+
+        &.on {
+          &::after {
+            background: #fff;
+          }
+        }
+      }
     }
-    
-  	.productList .list .item .text .money {
-  		display: flex;
-  		align-items: center;
-  		font-size: 26rpx;
-  		font-weight: bold;
-  		color: var(--view-priceColor);
-  	}
-  
-  	.productList .list .item .text .money .num {
-  		font-size: 34rpx;
-  	}
-  
-  	.productList .distance {
-  		display: flex;
-  		align-items: center;
-  		font-size: 24rpx;
-  		color: #999999;
-  
-  		.icon-xiangyou {
-  			font-size: 24rpx;
-  			line-height: 24rpx;
-  		}
-  	}
-  
-  	.productList .list .item .text .money .ticket {
-  		margin-left: 10rpx;
-  		padding: 0 5rpx;
-  		font-weight: initial;
-  		font-size: 20rpx;
-  		border: 1px solid var(--view-theme);
-  		border-radius: 4rpx;
-  	}
-  
-  	.productList .list .item .text .money .ticket-big {
-  		display: flex;
-  		align-items: center;
-  		justify-content: center;
-  		min-width: 163rpx;
-  		height: 28rpx;
-  		margin-left: 10rpx;
-  		background-image: url(~static/images/yh.png);
-  		background-size: 100% 100%;
-  		font-size: 20rpx;
-  		font-weight: normal;
-  		padding: 0 10rpx;
-  	}
-  
-  	.productList .list .item .item_tags {
-  		margin-top: 8rpx;
-  	}
-  
-  	.productList .list .item .item_tags .tags_item {
-  		display: inline-block;
-  		font-size: 20rpx;
-  		text-align: center;
-  		border-radius: 5rpx;
-  		padding: 0 4rpx;
-  		line-height: 28rpx;
-  		margin-right: 8rpx;
-  	}
-  
-  	.productList .list .item .item_tags .tags_item.ticket {
-  		color: var(--view-theme);
-  		border: 1px solid var(--view-theme);
-  	}
-  
-  	.item_tags .tags_item.delivery {
-  		color: #FF9000;
-  		border: 1px solid #FF9000;
-  	}
-  
-  	.productList .list .item .text .score {
-  		margin-top: 10rpx;
-  		color: #737373;
-  		font-size: 20rpx;
-  	}
-  
-  	.productList .list .item .text .company {
-  		display: flex;
-  		align-items: center;
-  		color: #737373;
-  		font-size: 20rpx;
-  		margin-top: 10rpx;
-  
-  		// width: 300rpx;
-  		.name {
-  			display: inline-block;
-  			width: auto;
-  			// max-width: 200rpx;
-  			overflow: hidden;
-  			white-space: nowrap;
-  			text-overflow: ellipsis;
-  
-  		}
-  
-  		.flex {
-  			display: flex;
-  			align-items: center;
-  			margin-left: 10rpx;
-  			color: #282828;
-  			width: 100rpx;
-  
-  			.iconfont {
-  				font-size: 16rpx;
-  				margin-top: 4rpx;
-  			}
-  		}
-  	}
-  
-  	.productList .list .item .foot-bar {
-  		width: 100%;
-  		height: 52rpx;
-  		display: flex;
-  		align-items: center;
-  		justify-content: center;
-  		background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
-  		border-radius: 0px 0px 16rpx 16rpx;
-  		color: #fff;
-  		font-size: 24rpx;
-  
-  		.icon-fenxiang {
-  			font-size: 24rpx;
-  			margin-right: 10rpx;
-  		}
-  
-  		&.on {
-  			position: absolute;
-  			right: 0;
-  			bottom: 30rpx;
-  			width: 200rpx;
-  			height: 44rpx;
-  			border-radius: 22rpx;
-  		}
-  	}
-  
-  	.noCommodity {
-  		background-color: #fff;
-  
-  		.pictrue {
-  			height: 420rpx;
-  			color: $uni-nothing-text;
-  
-  			image {
-  				width: 414rpx;
-  				height: 336rpx;
-  			}
-  		}
-  	}
-  
-  	.no-shop {
-  		margin-top: 240rpx;
-  		background-color: #fff;
-  		padding-bottom: calc(100% - 109rpx);
-  
-  		.pictrue {
-  			display: flex;
-  			flex-direction: column;
-  			align-items: center;
-  			color: $uni-nothing-text;
-  
-  			image {
-  				width: 414rpx;
-  				height: 336rpx;
-  			}
-  		}
-  	}
-  
-  	.spin {
-  		display: block;
-  		transform: rotate(180deg);
-  		font-size: 36rpx;
-  	}
-  
-  	.icon-xiala1 {
-  		margin-top: 6rpx;
-  	}
-  
-  	.icon-shaixuan {
-  		font-size: 30rpx;
-  		margin-left: 10rpx;
-  	}
-  
-  	.down-wrapper {
-  		.bg {
-  			z-index: 8;
-  			position: fixed;
-  			left: 0;
-  			top: 0;
-  			width: 100%;
-  			height: 100%;
-  			background: rgba(0, 0, 0, .5);
-  		}
-  
-  		.down-box {
-  			z-index: 8;
-  			position: fixed;
-  			left: 0;
-  			top: 238rpx;
-  			width: 100%;
-  			padding: 0 40rpx 28rpx 74rpx;
-  			background-color: #F8F8F8;
-  			border-radius: 0 0 24rpx 24rpx;
-  
-  			.down-item {
-  				margin-top: 28rpx;
-  				font-size: 24rpx;
-  				color: #454545;
-  
-  				&.on {
-  					color: var(--view-theme);
-  				}
-  
-  				.iconfont {
-  					float: right;
-  				}
-  			}
-  		}
-  	}
-  
-  	.store-wrapper {
-  		margin-top: 310rpx;
-  
-  		border-top: 1px solid #F6F6F6;
-  
-  		.star-box {
-  			display: flex;
-  			align-items: center;
-  
-  			.line {
-  				width: 2rpx;
-  				height: 20rpx;
-  				background: #BFBFBF;
-  				margin: 0 12rpx;
-  			}
-  
-  			.star {
-  				position: relative;
-  				width: 111rpx;
-  				height: 19rpx;
-  				background: url(~pages/columnGoods/images/star.png);
-  				background-size: 111rpx 19rpx;
-  			}
-  
-  			.star-active {
-  				position: absolute;
-  				left: 0;
-  				top: 0;
-  				width: 111rpx;
-  				height: 19rpx;
-  				overflow: hidden;
-  				background: url(~pages/columnGoods/images/star_active.png);
-  				background-size: 111rpx 19rpx;
-  			}
-  
-  			.num {
-  				color: var(--view-theme);
-  				font-size: 24rpx;
-  				margin-left: 10rpx;
-  			}
-  		}
-  
-  		.store-item {
-  			margin: 20rpx auto;
-  
-  			.head {
-  				display: flex;
-  				align-items: center;
-  				justify-content: center;
-  				color: #fff;
-  
-  				.zhezhao {
-  					position: absolute;
-  					width: 95%;
-  					height: 150px;
-  					border-radius: 20rpx;
-  					z-index: 0;
-  					opacity: 0.5;
-  					background-color: #999;
-  				}
-  
-  				.bgc_img {
-  					position: absolute;
-  					width: 95%;
-  					height: 150px;
-  					background-size: cover;
-  					border-radius: 20rpx;
-  					z-index: 0;
-  				}
-  
-  				.zhezhao1 {
-  					width: 100%;
-  					height: 150px;
-  					border-radius: 20rpx;
-  					z-index: 1;
-  
-  					.title {
-  						display: flex;
-  						height: 50px;
-  						align-items: center;
-  						margin-left: 20px;
-  						z-index: 1;
-  
-  						span {
-  							background-color: #F84221;
-  							color: white;
-  							font-size: 12px;
-  							padding: 3px;
-  							border-radius: 5px;
-  							margin-left: 5px;
-  						}
-  					}
-  
-  					.coent {
-  						display: flex;
-  						margin-left: 20px;
-  
-  						.avater {
-  							width: 80px;
-  							height: 80px;
-                flex-shrink: 0;
-  
-  							image {
-  								width: 80px;
-  								height: 80px;
-  							}
-  						}
-  
-  						.text {
-  							.text_one {
-  								display: flex;
-  								height: 30px;
-  								line-height: 30px;
-  								padding-left: 10px;
-  
-  								image {
-  									width: 20px;
-  									height: 20px;
-  									margin-right: 10px;
-                    flex-shrink: 0;
-  								}
-  
-  								.text_one_r {
-                    flex: 1;
-  									margin-left: 10px;
-                    
-  								}
-  							}
-  
-  							.text_two {
-  								width: 270px;
-  								height: 30px;
-  								line-height: 30px;
-  								padding-left: 10px;
-                  .text_tip{
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;          
-                  }
-  
-  								image {
-  									width: 20px;
-  									height: 20px;
-  									margin-right: 10px;
-                    flex-shrink: 0;
-  								}
-  							}
-  
-  							.text_three {
-  								width: 270px;
-  								height: 30px;
-  								line-height: 30px;
-  								padding-left: 10px;
-                  .text_tip{
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;          
-                  }
-  
-  								image {
-  									width: 20px;
-  									height: 20px;
-  									margin-right: 10px;
-  								}
-  							}
-  						}
-  
-  					}
-  				}
-  
-  
-  			}
-  
-  			.pro-box {
-  				white-space: nowrap;
-  				display: flex;
-  				align-items: center;
-  				padding: 20rpx 20rpx 30rpx;
-  
-  				.pro-item {
-  					display: inline-block;
-  					width: 218rpx;
-  					margin-right: 14rpx;
-  
-  					.picture,
-  					/deep/image,
-  					uni-image {
-  						width: 100%;
-  						height: 214rpx;
-  						border-radius: 8rpx;
-  						position: relative;
-  					}
-  
-  					.price {
-  						margin-top: 5rpx;
-  						font-size: 28rpx;
-  						color: var(--view-priceColor);
-  						font-weight: bold;
-  
-  						text {
-  							font-size: 28rpx;
-  						}
-  					}
-  
-  					&:last-child {
-  						margin-right: 0;
-  					}
-  				}
-  
-  				&.styleType3 {
-  					padding: 20rpx;
-  
-  					.pro-item {
-  						display: inline-block;
-  						background-color: #fff;
-  						border-radius: 16rpx;
-  						text-align: center;
-  						padding: 10rpx 0 20rpx;
-  
-  						.picture,
-  						/deep/image,
-  						uni-image {
-  							width: 194rpx;
-  							height: 194rpx;
-  							text-align: center;
-  							border-radius: 8rpx;
-  							position: relative;
-  							margin: 0 auto;
-  						}
-  					}
-  				}
-  			}
-  		}
-  	}
-  
-  	.guanbi {
-  		width: 20px;
-  		height: 20px;
-  		margin: 30px auto;
-  	}
-  
-  	.pop {
-  		z-index: 1;
-  	}
+  }
+
+  .productList .nav {
+    height: 86rpx;
+    color: #454545;
+    font-size: 28rpx;
+    background-color: #fff;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 28rpx;
+  }
+
+  .productList .nav .item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+  }
+
+  .t-color {
+    color: var(--view-theme);
+  }
+
+  .productList .nav .item.t-color {
+    font-weight: bold;
+    color: #454545;
+  }
+
+  .productList .nav .item image {
+    width: 15rpx;
+    height: 19rpx;
+    margin-left: 10rpx;
+  }
+
+  .productList .list {
+    padding: 0 20rpx;
+
+  }
+
+  .productList .list.on {
+    background-color: #fff;
+    border-top: 1px solid #f6f6f6;
+  }
+
+  .productList .list .item {
+    position: relative;
+    width: 345rpx;
+    margin-top: 20rpx;
+    background-color: #fff;
+    border-radius: 20rpx;
+
+    .name {
+      display: flex;
+      align-items: center;
+
+      .name_text {
+        // max-width: 420rpx;
+      }
+    }
+  }
+
+  .productList .list .item.on {
+    width: 100%;
+    display: flex;
+    padding: 30rpx 0;
+    margin: 0;
+  }
+
+  .productList .list .item .pictrue {
+    position: relative;
+    width: 100%;
+    height: 345rpx;
+
+  }
+
+  .productList .list .item .pictrue.on {
+    width: 220rpx;
+    height: 220rpx;
+
+    .sell_out {
+      display: flex;
+      width: 110rpx;
+      height: 110rpx;
+      align-items: center;
+      justify-content: center;
+      border-radius: 100%;
+      background: rgba(0, 0, 0, .6);
+      color: #fff;
+      font-size: 24rpx;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin: -55rpx 0 0 -55rpx;
+
+      &::before {
+        content: "";
+        display: block;
+        width: 100rpx;
+        height: 100rpx;
+        border-radius: 100%;
+        border: 1px dashed #fff;
+        position: absolute;
+        top: 5rpx;
+        left: 5rpx;
+      }
+    }
+
+    .border-picture {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 16rpx;
+      background: center/cover no-repeat;
+    }
+  }
+
+  .productList .list .item .pictrue image {
+    width: 100%;
+    height: 100%;
+    border-radius: 20rpx 20rpx 0 0;
+  }
+
+  .productList .list .item .pictrue image.on {
+    border-radius: 16rpx;
+    width: 220rpx;
+    height: 220rpx;
+  }
+
+  .productList .list .item .text {
+    padding: 20rpx 17rpx 26rpx 17rpx;
+    font-size: 30rpx;
+    color: #222;
+  }
+
+  .productList .list .item .text.on {
+    width: 508rpx;
+    padding: 0 0 0 22rpx;
+    justify-content: space-between;
+
+    .font-bg-red {
+      max-width: 120rpx;
+    }
+
+    .bt-color {
+      background-color: var(--view-theme);
+      border: 1px solid var(--view-theme);
+
+      &.type2 {
+        background-color: #FD6523;
+        border: 1px solid #FD6523;
+      }
+    }
+
+    .name,
+    .item_bot {
+      width: 100%;
+    }
+
+    .vip-money {
+      color: #282828;
+      font-size: 22rpx;
+      margin-left: 6rpx;
+      font-weight: bold;
+    }
+
+    .vipImg {
+      width: 65rpx;
+      height: 28rpx;
+      margin-left: 4rpx;
+
+      image {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+    }
+
+    .item_bot {
+      position: relative;
+
+      &::after {
+        content: '';
+        display: block;
+        width: 100%;
+        border-bottom: 1px solid #f6f6f6;
+        position: absolute;
+        right: 20rpx;
+        bottom: -30rpx;
+      }
+
+    }
+  }
+
+
+  .text_flex {
+    display: flex;
+    align-items: center;
+  }
+
+  .productList .list .item .text .money {
+    display: flex;
+    align-items: center;
+    font-size: 26rpx;
+    font-weight: bold;
+    color: var(--view-priceColor);
+  }
+
+  .productList .list .item .text .money .num {
+    font-size: 34rpx;
+  }
+
+  .productList .distance {
+    display: flex;
+    align-items: center;
+    font-size: 24rpx;
+    color: #999999;
+
+    .icon-xiangyou {
+      font-size: 24rpx;
+      line-height: 24rpx;
+    }
+  }
+
+  .productList .list .item .text .money .ticket {
+    margin-left: 10rpx;
+    padding: 0 5rpx;
+    font-weight: initial;
+    font-size: 20rpx;
+    border: 1px solid var(--view-theme);
+    border-radius: 4rpx;
+  }
+
+  .productList .list .item .text .money .ticket-big {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 163rpx;
+    height: 28rpx;
+    margin-left: 10rpx;
+    background-image: url(~static/images/yh.png);
+    background-size: 100% 100%;
+    font-size: 20rpx;
+    font-weight: normal;
+    padding: 0 10rpx;
+  }
+
+  .productList .list .item .item_tags {
+    margin-top: 8rpx;
+  }
+
+  .productList .list .item .item_tags .tags_item {
+    display: inline-block;
+    font-size: 20rpx;
+    text-align: center;
+    border-radius: 5rpx;
+    padding: 0 4rpx;
+    line-height: 28rpx;
+    margin-right: 8rpx;
+  }
+
+  .productList .list .item .item_tags .tags_item.ticket {
+    color: var(--view-theme);
+    border: 1px solid var(--view-theme);
+  }
+
+  .item_tags .tags_item.delivery {
+    color: #FF9000;
+    border: 1px solid #FF9000;
+  }
+
+  .productList .list .item .text .score {
+    margin-top: 10rpx;
+    color: #737373;
+    font-size: 20rpx;
+  }
+
+  .productList .list .item .text .company {
+    display: flex;
+    align-items: center;
+    color: #737373;
+    font-size: 20rpx;
+    margin-top: 10rpx;
+
+    // width: 300rpx;
+    .name {
+      display: inline-block;
+      width: auto;
+      // max-width: 200rpx;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+    }
+
+    .flex {
+      display: flex;
+      align-items: center;
+      margin-left: 10rpx;
+      color: #282828;
+      width: 100rpx;
+
+      .iconfont {
+        font-size: 16rpx;
+        margin-top: 4rpx;
+      }
+    }
+  }
+
+  .productList .list .item .foot-bar {
+    width: 100%;
+    height: 52rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
+    border-radius: 0px 0px 16rpx 16rpx;
+    color: #fff;
+    font-size: 24rpx;
+
+    .icon-fenxiang {
+      font-size: 24rpx;
+      margin-right: 10rpx;
+    }
+
+    &.on {
+      position: absolute;
+      right: 0;
+      bottom: 30rpx;
+      width: 200rpx;
+      height: 44rpx;
+      border-radius: 22rpx;
+    }
+  }
+
+  .noCommodity {
+    background-color: #fff;
+
+    .pictrue {
+      height: 420rpx;
+      color: $uni-nothing-text;
+
+      image {
+        width: 414rpx;
+        height: 336rpx;
+      }
+    }
+  }
+
+  .no-shop {
+    margin-top: 240rpx;
+    background-color: #fff;
+    padding-bottom: calc(100% - 109rpx);
+
+    .pictrue {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      color: $uni-nothing-text;
+
+      image {
+        width: 414rpx;
+        height: 336rpx;
+      }
+    }
+  }
+
+  .spin {
+    display: block;
+    transform: rotate(180deg);
+    font-size: 36rpx;
+  }
+
+  .icon-xiala1 {
+    margin-top: 6rpx;
+  }
+
+  .icon-shaixuan {
+    font-size: 30rpx;
+    margin-left: 10rpx;
+  }
+
+  .down-wrapper {
+    .bg {
+      z-index: 8;
+      position: fixed;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, .5);
+    }
+
+    .down-box {
+      z-index: 8;
+      position: fixed;
+      left: 0;
+      top: 238rpx;
+      width: 100%;
+      padding: 0 40rpx 28rpx 74rpx;
+      background-color: #F8F8F8;
+      border-radius: 0 0 24rpx 24rpx;
+
+      .down-item {
+        margin-top: 28rpx;
+        font-size: 24rpx;
+        color: #454545;
+
+        &.on {
+          color: var(--view-theme);
+        }
+
+        .iconfont {
+          float: right;
+        }
+      }
+    }
+  }
+
+  .store-wrapper {
+    margin-top: 310rpx;
+
+    border-top: 1px solid #F6F6F6;
+
+    .star-box {
+      display: flex;
+      align-items: center;
+
+      .line {
+        width: 2rpx;
+        height: 20rpx;
+        background: #BFBFBF;
+        margin: 0 12rpx;
+      }
+
+      .star {
+        position: relative;
+        width: 111rpx;
+        height: 19rpx;
+        background: url(~pages/columnGoods/images/star.png);
+        background-size: 111rpx 19rpx;
+      }
+
+      .star-active {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 111rpx;
+        height: 19rpx;
+        overflow: hidden;
+        background: url(~pages/columnGoods/images/star_active.png);
+        background-size: 111rpx 19rpx;
+      }
+
+      .num {
+        color: var(--view-theme);
+        font-size: 24rpx;
+        margin-left: 10rpx;
+      }
+    }
+
+    .store-item {
+      margin: 20rpx auto;
+
+      .head {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+
+        .zhezhao {
+          position: absolute;
+          width: 95%;
+          height: 150px;
+          border-radius: 20rpx;
+          z-index: 0;
+          opacity: 0.5;
+          background-color: #999;
+        }
+
+        .bgc_img {
+          position: absolute;
+          width: 95%;
+          height: 150px;
+          background-size: cover;
+          border-radius: 20rpx;
+          z-index: 0;
+        }
+
+        .zhezhao1 {
+          width: 100%;
+          height: 150px;
+          border-radius: 20rpx;
+          z-index: 1;
+
+          .title {
+            display: flex;
+            height: 50px;
+            align-items: center;
+            margin-left: 20px;
+            z-index: 1;
+
+            span {
+              background-color: #F84221;
+              color: white;
+              font-size: 12px;
+              padding: 3px;
+              border-radius: 5px;
+              margin-left: 5px;
+            }
+          }
+
+          .coent {
+            display: flex;
+            margin-left: 20px;
+
+            .avater {
+              width: 80px;
+              height: 80px;
+              flex-shrink: 0;
+
+              image {
+                width: 80px;
+                height: 80px;
+              }
+            }
+
+            .text {
+              .text_one {
+                display: flex;
+                height: 30px;
+                line-height: 30px;
+                padding-left: 10px;
+
+                image {
+                  width: 20px;
+                  height: 20px;
+                  margin-right: 10px;
+                  flex-shrink: 0;
+                }
+
+                .text_one_r {
+                  flex: 1;
+                  margin-left: 10px;
+
+                }
+              }
+
+              .text_two {
+                width: 270px;
+                height: 30px;
+                line-height: 30px;
+                padding-left: 10px;
+
+                .text_tip {
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                }
+
+                image {
+                  width: 20px;
+                  height: 20px;
+                  margin-right: 10px;
+                  flex-shrink: 0;
+                }
+              }
+
+              .text_three {
+                width: 270px;
+                height: 30px;
+                line-height: 30px;
+                padding-left: 10px;
+
+                .text_tip {
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                }
+
+                image {
+                  width: 20px;
+                  height: 20px;
+                  margin-right: 10px;
+                }
+              }
+            }
+
+          }
+        }
+
+
+      }
+
+      .pro-box {
+        white-space: nowrap;
+        display: flex;
+        align-items: center;
+        padding: 20rpx 20rpx 30rpx;
+
+        .pro-item {
+          display: inline-block;
+          width: 218rpx;
+          margin-right: 14rpx;
+
+          .picture,
+          /deep/image,
+          uni-image {
+            width: 100%;
+            height: 214rpx;
+            border-radius: 8rpx;
+            position: relative;
+          }
+
+          .price {
+            margin-top: 5rpx;
+            font-size: 28rpx;
+            color: var(--view-priceColor);
+            font-weight: bold;
+
+            text {
+              font-size: 28rpx;
+            }
+          }
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+
+        &.styleType3 {
+          padding: 20rpx;
+
+          .pro-item {
+            display: inline-block;
+            background-color: #fff;
+            border-radius: 16rpx;
+            text-align: center;
+            padding: 10rpx 0 20rpx;
+
+            .picture,
+            /deep/image,
+            uni-image {
+              width: 194rpx;
+              height: 194rpx;
+              text-align: center;
+              border-radius: 8rpx;
+              position: relative;
+              margin: 0 auto;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .guanbi {
+    width: 20px;
+    height: 20px;
+    margin: 30px auto;
+  }
+
+  .pop {
+    z-index: 1;
+  }
 </style>
\ No newline at end of file