diff --git a/App.vue b/App.vue
index eebadb1..8baccb7 100644
--- a/App.vue
+++ b/App.vue
@@ -222,4 +222,19 @@ button.hide {
 .uni-tabbar__icon {
   height: 50px !important;
 }
+
+@keyframes m-zoom {
+	0% {
+		transform: scale(1);
+	}
+
+	50% {
+		transform: scale(0.9);
+	}
+
+	100% {
+		transform: scale(1);
+	}
+}
+
 </style>
diff --git a/common/request.js b/common/request.js
index 63a7bc3..26e256f 100644
--- a/common/request.js
+++ b/common/request.js
@@ -25,6 +25,14 @@ class RequestManager {
     return whitelistUrls.some(whiteItem => url.indexOf(whiteItem) > -1)
   }
 
+  /**
+   * 生成唯一的nonce值
+   * @returns {String} nonce值
+   */
+  static generateNonce() {
+    return md5(Date.now() + Math.random().toString(36).substring(2, 15));
+  }
+
   /**
    * 发送网络请求
    * @param {Object} param 请求参数
@@ -43,7 +51,7 @@ class RequestManager {
     return new Promise((resolve, reject) => {
       // 参数检查
       if (!param || typeof param !== 'object') {
-        reject(new Error('请求参数错误11'))
+        reject(new Error('请求参数错误'))
         return
       }
 
@@ -90,9 +98,48 @@ class RequestManager {
 
       console.log('请求URL:', requestUrl)
 
+      // 使用正则表达式从URL中提取主机名
+      const hostRegex = /^(?:https?:\/\/)?([^\/]+)/i
+      const matches = requestUrl.match(hostRegex)
+      const host = matches && matches[1] ? matches[1] : 'localhost'
+      
       let header = {}
 
+      // 添加签名和防重放攻击参数
+      // 1. 添加时间戳
+      data.timestamp = Math.floor(Date.now() / 1000)
+      // 2. 添加nonce随机字符串
+      data.nonce = RequestManager.generateNonce()
+
       if (method.toUpperCase() == 'POST') {
+        // 按照键名对参数进行排序
+        const sortedParams = {}
+        Object.keys(data).sort().forEach(key => {
+          sortedParams[key] = data[key]
+        })
+
+        // 组合参数为字符串
+        let signStr = ''
+        for (const key in sortedParams) {
+          if (typeof sortedParams[key] === 'object') {
+            signStr += key + '=' + JSON.stringify(sortedParams[key]) + '&'
+          } else {
+            signStr += key + '=' + sortedParams[key] + '&'
+          }
+        }
+
+        // 获取时间戳，组合为密钥
+        const timestamp = data.timestamp
+        const appSecret = host + timestamp
+
+        // 添加密钥并去除最后的&
+        signStr = signStr.substring(0, signStr.length - 1) + appSecret
+        console.log('签名字符串:', signStr)
+
+        // 使用MD5生成签名
+        const sign = md5(signStr)
+        data.sign = sign
+
         header = {
           'content-type': 'application/x-www-form-urlencoded',
           client: client,
@@ -102,41 +149,32 @@ class RequestManager {
         }
       } else {
         // GET请求，添加签名
-        if (data) {
-          // 添加时间戳参数
-          data.timestamp = Math.floor(Date.now() / 1000);
+        // 按照键名对参数进行排序
+        const sortedParams = {}
+        Object.keys(data).sort().forEach(key => {
+          sortedParams[key] = data[key]
+        })
 
-          // 按照键名对参数进行排序
-          const sortedParams = {};
-          Object.keys(data).sort().forEach(key => {
-            sortedParams[key] = data[key];
-          });
-
-          // 组合参数为字符串
-          let signStr = '';
-          for (const key in sortedParams) {
-            signStr += key + '=' + sortedParams[key] + '&';
-          }
-
-          // 获取当前请求的域名和时间戳，组合为密钥
-          // 使用正则表达式从URL中提取主机名
-          const hostRegex = /^(?:https?:\/\/)?([^\/]+)/i;
-          const matches = requestUrl.match(hostRegex);
-          const host = matches && matches[1] ? matches[1] : 'localhost';
-          const timestamp = data.timestamp;
-          const appSecret = host + timestamp;
-
-          // 添加密钥并去除最后的&
-          signStr = signStr.substring(0, signStr.length - 1) + appSecret;
-          console.log(signStr);
-
-          // 使用MD5生成签名
-          const sign = md5(signStr);
-
-          // 添加签名到请求参数
-          data.sign = sign;
+        // 组合参数为字符串
+        let signStr = ''
+        for (const key in sortedParams) {
+          signStr += key + '=' + sortedParams[key] + '&'
         }
 
+        // 获取时间戳，组合为密钥
+        const timestamp = data.timestamp
+        const appSecret = host + timestamp
+
+        // 添加密钥并去除最后的&
+        signStr = signStr.substring(0, signStr.length - 1) + appSecret
+        console.log('签名字符串:', signStr)
+
+        // 使用MD5生成签名
+        const sign = md5(signStr)
+
+        // 添加签名到请求参数
+        data.sign = sign
+
         header = {
           'content-type': 'application/json',
           token: token,
diff --git a/components/banner/banner.vue b/components/banner/banner.vue
index 0cc54f1..0a27dfd 100644
--- a/components/banner/banner.vue
+++ b/components/banner/banner.vue
@@ -4,17 +4,17 @@
     <view class="banner-slot-container" v-if="$slots.default">
       <slot></slot>
     </view>
-    
-    <swiper class="swiper-box" :style="{ height: height + 'rpx' }" :autoplay="true" :indicator-dots="false" :circular="true" :interval="3000"
-      @change="swChange">
+
+    <swiper class="swiper-box" :style="{ height: height + 'rpx' }" :autoplay="true" :indicator-dots="false"
+      :circular="true" :interval="3000" @change="swChange">
       <swiper-item v-for="(v, i) in advert" :key="i" @click="navTo(v)">
-        <image class="yh_bg" :src="v.imgurl"></image>
+        <image class="yh_bg" :src="v.imgurl" :style="{ width: imgWidth + '%' }"></image>
       </swiper-item>
     </swiper>
-    
+
     <!-- 指示器 (可选) -->
     <view class="sw-dot relative" v-if="showIndicator">
-      <view class="sw-dot-item" v-for="(item, i) in advert" :key="i" :class="{act: swCur == i}"></view>
+      <view class="sw-dot-item" v-for="(item, i) in advert" :key="i" :class="{ act: swCur == i }"></view>
     </view>
   </view>
 </template>
@@ -37,7 +37,12 @@ export default {
     height: {
       type: [Number, String],
       default: 465
-    }
+    },
+    // 图片自定义样式
+    imgWidth: {
+      type: Number,
+      default: 92
+    },
   },
   data() {
     return {
@@ -63,55 +68,17 @@ export default {
         }
       });
     },
-    
+
     // 轮播切换事件
     swChange(e) {
       this.swCur = e.detail.current;
     },
-    
+
     // 点击轮播图跳转
     navTo(item) {
-      /* 领券中心 */
-      if (item.ttype == 1) {
-        this.$c.to({
-          url: '/package/index/coupon-center',
-          query: {
-            coupon_id: item.coupon_id
-          }
-        })
-      }
+      this.$c.navTo(item);
 
-      if (item.goods_id > 0) {
-        if (item.ttype == 2) {
-          /* 一番赏 */
-          this.$c.to({
-            url: '/pages/shouye/detail',
-            query: {
-              goods_id: item.goods_id
-            }
-          })
-        }
 
-        /* 无限赏 */
-        if (item.ttype == 3) {
-          this.$c.to({
-            url: '/pages/shouye/detail_wuxian',
-            query: {
-              goods_id: item.goods_id
-            }
-          })
-        }
-
-        /* 连击赏 */
-        if (item.ttype == 4) {
-          this.$c.to({
-            url: '/package/index/lian-ji',
-            query: {
-              goods_id: item.goods_id
-            }
-          })
-        }
-      }
     }
   }
 }
@@ -133,7 +100,7 @@ export default {
 }
 
 /* 允许插槽内的元素可以被点击 */
-.banner-slot-container > * {
+.banner-slot-container>* {
   pointer-events: auto;
 }
 
@@ -157,7 +124,7 @@ export default {
   position: absolute;
   bottom: 20rpx;
   width: 100%;
-  
+
   &-item {
     width: 12rpx;
     height: 12rpx;
@@ -165,7 +132,7 @@ export default {
     background-color: rgba(255, 255, 255, 0.5);
     margin: 0 5rpx;
     transition: all 0.3s;
-    
+
     &.act {
       width: 24rpx;
       border-radius: 6rpx;
@@ -173,4 +140,4 @@ export default {
     }
   }
 }
-</style> 
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/components/float-ball/FloatBall.vue b/components/float-ball/FloatBall.vue
new file mode 100644
index 0000000..a2ef2c3
--- /dev/null
+++ b/components/float-ball/FloatBall.vue
@@ -0,0 +1,146 @@
+<template>
+ <view>
+   <!-- 悬浮球 -->
+   <template v-if="floatBall">
+    <view v-for="(item, index) in floatBall" :style="[getBallStyle(item)]" :key="index" class="group-fixed1"
+      @click="BallClick(item)">
+      <image :src="item.image"></image>
+    </view>
+  </template>
+
+  <!-- 悬浮球弹窗 -->
+  <uni-popup ref="floatBall_popup" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
+    <view class="pop-ball"
+      :style="{ backgroundImage: 'url(' + ballItem.image_bj + ')', backgroundSize: '100% 99.5%', backgroundRepeat: 'no-repeat' }">
+      <image show-menu-by-longpress v-if="ballItem != null" :src="ballItem.image_details" mode="aspectFit"
+        :style="[getPopupStyle(ballItem)]">
+      </image>
+    </view>
+    <view class="pop-ball-close flex" @click="$refs.floatBall_popup.close()">
+      <view style="width: 48rpx;height: 48rpx;border-radius: 50%;opacity: 0.5;">
+        <image show-menu-by-longpress :src="$img1('common/close.png')" class="img100" />
+      </view>
+    </view>
+  </uni-popup>
+ </view>
+</template>
+
+<script>
+export default {
+  name: 'FloatBall',
+  data() {
+    return {
+      floatBall: [],
+      ballItem: null
+    }
+  },
+  computed: {
+    getBallStyle() {
+      return (item) => {
+        let s = {
+          width: item.width,
+          height: item.height,
+          top: item.position_y,
+        };
+        if (item.position_x.indexOf('-') > -1) {
+          let position_x = item.position_x.split('-')[1];
+          s.right = position_x;
+        } else {
+          s.left = item.position_x;
+        }
+        if (item.effect == 1) {
+          s.animation = "m-zoom 1.2s ease-in-out infinite";
+        }
+        return s;
+      }
+    },
+    getPopupStyle() {
+      return (item) => {
+        if (item == null) {
+          return {};
+        }
+        let s = {
+          width: item.image_details_w,
+          height: item.image_details_h,
+          position: 'relative',
+        };
+        if (item.image_details_x != "0") {
+          s.left = item.image_details_x;
+        }
+        if (item.image_details_y != "0") {
+          s.top = item.image_details_y;
+        }
+        return s;
+      };
+    }
+  },
+  methods: {
+    BallClick(item) {
+      if (item.type == 2) {
+        this.$c.nav(item.link_url);
+        return;
+      }
+      if (item.type == 1) {
+        this.ballItem = item;
+        this.$refs.floatBall_popup.open();
+      }
+    },
+    async getFloatBall() {
+      const { status, data, msg } = await this.$request.get("getFloatBall");
+      if (status == 1) {
+        this.floatBall = data;
+      }
+    }
+  },
+  mounted() {
+    this.getFloatBall();
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.group-fixed1 {
+  width: 52rpx;
+  height: 120rpx;
+  position: fixed;
+  z-index: 10;
+  right: 0;
+  top: 21vh;
+
+  image {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.pop-ball {
+  width: 506rpx;
+  height: 380px;
+  position: relative;
+  border-radius: 25rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pop-ball-close {
+  margin-top: 20rpx;
+  width: 100%;
+  height: 50rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@keyframes m-zoom {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(0.9);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/components/rule-pop/rule-pop.vue b/components/rule-pop/rule-pop.vue
index 5186e3a..a5828eb 100644
--- a/components/rule-pop/rule-pop.vue
+++ b/components/rule-pop/rule-pop.vue
@@ -6,8 +6,11 @@
 		<view class="_rule_pop common_bg">
 			<view class="_rule_pop_title">{{ ruleData.title }}</view>
 
-			<scroll-view scroll-y class="_rule_pop_bd" :class="{'has-check': noticeCheck}">
-				<view v-html="ruleData.content"></view>
+			<scroll-view scroll-y class="_rule_pop_bd" :class="{ 'has-check': noticeCheck }">
+				<view v-if="is_image_optimizer&&images.length>0" class="image-optimizer">
+					<image show-menu-by-longpress v-for="(image, index) in images" :key="index" :src="image" mode="widthFix" style="width: 100%;"></image>
+				</view>
+				<view v-else v-html="ruleData.content"></view>
 			</scroll-view>
 
 			<view v-if="noticeCheck" class="check-btn" @click="todayHide = !todayHide">
@@ -28,116 +31,137 @@
 </template>
 
 <script>
-	export default {
-		props: {
-			noticeCheck: {
-				type: Boolean,
-				default: false
-			}
-		},
+export default {
+	props: {
+		noticeCheck: {
+			type: Boolean,
+			default: false
+		}
+	},
 
-		data() {
-			return {
-				ruleData: '',
-				todayHide: false
-			}
-		},
+	data() {
+		return {
+			ruleData: '',
+			todayHide: false,
+			is_image_optimizer: false,
+			images: []
+		}
+	},
 
-		mounted() {
-			console.log(this.noticeCheck)
-		},
+	mounted() {
+		console.log(this.noticeCheck)
+	},
 
-		methods: {
-			popChange({
-				show
-			}) {
-				if (!show) {
-					if (this.todayHide) {
-						uni.setStorageSync('_last_notice_date', this.$c.getDateTime())
-					}
+	methods: {
+		popChange({
+			show
+		}) {
+			if (!show) {
+				if (this.todayHide) {
+					uni.setStorageSync('_last_notice_date', this.$c.getDateTime())
 				}
-			},
+			}
+		},
 
-			close() {
-				this.$refs._rule_pop.close()
-			},
+		close() {
+			this.$refs._rule_pop.close()
+		},
 
-			open(opt) {
-				this.ruleData = opt
+		open(opt) {
+			this.ruleData = opt
 
-				this.$refs._rule_pop.open()
-			},
+			this.$refs._rule_pop.open()
+		},
 
-			async getRule(id, title = '') {
-				let res = await this.$c.getRule(id, true)
+		async getRule(id, title = '') {
+			this.is_image_optimizer = false;
+			this.images = [];
+			let { status, data, msg, is_image_optimizer } = await this.$c.getRule(id, true)
+			if (status) {
+				if (is_image_optimizer != null && is_image_optimizer == 1) {
+					console.log('开启图片优化');
+					this.is_image_optimizer = true;
+					// 正则表达式获取所有图片地址
+					const imgRegex = /<img[^>]+src="([^"]+)"[^>]*>/g;
+					let match;
+					while ((match = imgRegex.exec(data)) !== null) {
+						// images.push(match[1]);
+						this.images.push(match[1]);
+					}
+					console.log('提取的图片地址：', this.images);
+					// 这里可以添加图片优化的逻辑
+				}
 				this.open({
 					title: title,
-					content: res.data
+					content: data
 				})
+			} else {
+				this.$c.toast(msg)
 			}
 		}
 	}
+}
 </script>
 
 <style lang="scss">
-	._rule_pop {
-		width: 610rpx;
-		height: 820rpx;
-		box-sizing: border-box;
-		padding: 0 40rpx 0;
-		background: #FFFFFF;
-		border-radius: 30rpx;
+._rule_pop {
+	width: 610rpx;
+	height: 820rpx;
+	box-sizing: border-box;
+	padding: 0 40rpx 0;
+	background: #FFFFFF;
+	border-radius: 30rpx;
 
-		._rule_pop_title {
-			padding: 40rpx 0;
-			text-align: center;
-			font-weight: 500;
-			font-size: 36rpx;
-			color: #333333;
-			// font-family: YouSheBiaoTiHei;
-		}
+	._rule_pop_title {
+		padding: 40rpx 0;
+		text-align: center;
+		font-weight: 500;
+		font-size: 36rpx;
+		color: #333333;
+		// font-family: YouSheBiaoTiHei;
+	}
 
-		._rule_pop_bd {
-			height: 670rpx;
+	._rule_pop_bd {
+		height: 670rpx;
 
-			font-size: 26rpx;
-			font-family: Source Han Sans CN;
-			font-weight: 400;
-			color: #999999;
+		font-size: 26rpx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: #999999;
 
-			&.has-check {
-				height: 620rpx;
-			}
-		}
-
-		.check-btn {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			padding: 20rpx 0 0;
-
-			.icon {
-				width: 32rpx;
-				height: 32rpx;
-				margin-right: 10rpx;
-
-				image {
-					width: 100%;
-					height: 100%;
-				}
-			}
-
-			font-size: 24rpx;
-			color: #888;
-		}
-
-		.close {
-			width: 48rpx;
-			height: 48rpx;
-			position: absolute;
-			left: 50%;
-			bottom: 0;
-			transform: translate(-50%, 150%);
+		&.has-check {
+			height: 620rpx;
 		}
 	}
+
+	.check-btn {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: 20rpx 0 0;
+
+		.icon {
+			width: 32rpx;
+			height: 32rpx;
+			margin-right: 10rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		font-size: 24rpx;
+		color: #888;
+	}
+
+	.close {
+		width: 48rpx;
+		height: 48rpx;
+		position: absolute;
+		left: 50%;
+		bottom: 0;
+		transform: translate(-50%, 150%);
+	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/mall/index.vue b/pages/mall/index.vue
index 586b14b..85aebc8 100644
--- a/pages/mall/index.vue
+++ b/pages/mall/index.vue
@@ -1,87 +1,81 @@
 <template>
-	<view style="padding-bottom: 300rpx; background-color: white;">
-		<view class="" style="display: flex; flex-direction: column;">
-			<view style="position: relative;">
-				<view class="title">
-					商城好物
-				</view>
-				<image v-if="advert != null && advert.length > 0" :src="advert[0].imgurl"
-					style="width: 100%; margin-top:10rpx ;" mode=""></image>
-			</view>
-			<view class="grid-container">
-				<view v-for="(item, index) in datas" :key="index" class="grid-item" @click="order_money(item)">
+	<page-container title="商城好物">
+		<banner :type-id="10" :height="326"></banner>
+		<view style="padding-bottom: 300rpx; background-color: white;">
+			<view class="" style="display: flex; flex-direction: column;">
+				<view class="grid-container">
+					<view v-for="(item, index) in datas" :key="index" class="grid-item" @click="order_money(item)">
 
-					<view class=""
-						style="background-color: #D8D8D8;  height: 324rpx; border-radius: 16rpx  16rpx  0rpx  0rpx;">
-						<image :src="item.imgurl"
-							style=" width: 326.39rpx; height: 324rpx; position: absolute; left: 2rpx; border-radius: 16rpx"
-							mode="">
-						</image>
-					</view>
-					<view class="goods-name hang1" style=" width: 290rpx;">
-						<text style="color: #333333; font-size: 27rpx;">{{ item.title }}</text>
-					</view>
-					<view class="price-box">
-						<view class="price">
-							<text>￥<text style="font-size: 24rpx;">{{ item.price }}</text></text>
-						</view>
-					</view>
-					<view class="num-box">
-						<view class="num ml10"> {{ item.sale_stock }}/{{ item.stock }} </view>
-						<view class="box icon">
-							<image :src="$img1('index/box.png')" lazy-load></image>
-						</view>
-					</view>
-				</view>
-
-			</view>
-
-		</view>
-		<uni-popup ref="pop" type="bottom">
-			<view v-if="orderData" class="buy-pop relative">
-				<view class="buy-pop-hd">
-					<view style="width: 24rpx;">
-					</view>
-					<text class="">确认订单</text>
-					<view class="close icon" @click="close('pop')">
-						<image :src="$img('/static/img/close2.png')" lazy-load></image>
-					</view>
-				</view>
-				<view class="buy-card">
-					<view class="buy-info">
-						<view class="pic">
-							<image :src="orderData.goods.imgurl_detail" style="width: 190rpx; height: 190rpx;"
-								lazy-load>
+						<view class="" style="background-color: #D8D8D8;  height: 324rpx; border-radius: 16rpx  16rpx  0rpx  0rpx;">
+							<image :src="item.imgurl"
+								style=" width: 326.39rpx; height: 324rpx; position: absolute; left: 2rpx; border-radius: 16rpx"
+								mode="">
 							</image>
 						</view>
-						<view class="info-r">
-							<view class="hang1" style="width: 100%;	color: #333333; font-size: 24rpx;">
-								{{ orderData.goods.title }}
+						<view class="goods-name hang1" style=" width: 290rpx;">
+							<text style="color: #333333; font-size: 27rpx;">{{ item.title }}</text>
+						</view>
+						<view class="price-box">
+							<view class="price">
+								<text>￥<text style="font-size: 24rpx;">{{ item.price }}</text></text>
 							</view>
-							<view class="type">类型:明信片</view>
-
-							<view class="price-num">
-								<view class="price" style="font-size: 16rpx;">
-									¥<text style="font-size: 28rpx;">{{ orderData.goods.price }}</text>
-								</view>
-								<view class="num">×{{ orderData.goods.prize_num }}</view>
+						</view>
+						<view class="num-box">
+							<view class="num ml10"> {{ item.sale_stock }}/{{ item.stock }} </view>
+							<view class="box icon">
+								<image :src="$img1('index/box.png')" lazy-load></image>
 							</view>
 						</view>
 					</view>
 
 				</view>
-				<view class="br20 mt20" style="background: #FFFFFF;">
-					<view class="pay-type" @click="changePay(0)">
-						<view class="" style="width: 100%;	color: #333333;">
-							微信支付
-						</view>
-						<view class="icon">
-							<image v-if="zhifu == 0" :src="$img1('common/check_act.png')" lazy-load></image>
 
-							<image v-else :src="$img1('common/check.png')" lazy-load></image>
+			</view>
+			<uni-popup ref="pop" type="bottom">
+				<view v-if="orderData" class="buy-pop relative">
+					<view class="buy-pop-hd">
+						<view style="width: 24rpx;">
+						</view>
+						<text class="">确认订单</text>
+						<view class="close icon" @click="close('pop')">
+							<image :src="$img('/static/img/close2.png')" lazy-load></image>
 						</view>
 					</view>
-					<!-- <view class="pay-type" @click="changePay(1)">
+					<view class="buy-card">
+						<view class="buy-info">
+							<view class="pic">
+								<image :src="orderData.goods.imgurl_detail" style="width: 190rpx; height: 190rpx;"
+									lazy-load>
+								</image>
+							</view>
+							<view class="info-r">
+								<view class="hang1" style="width: 100%;	color: #333333; font-size: 24rpx;">
+									{{ orderData.goods.title }}
+								</view>
+								<view class="type">类型:明信片</view>
+
+								<view class="price-num">
+									<view class="price" style="font-size: 16rpx;">
+										¥<text style="font-size: 28rpx;">{{ orderData.goods.price }}</text>
+									</view>
+									<view class="num">×{{ orderData.goods.prize_num }}</view>
+								</view>
+							</view>
+						</view>
+
+					</view>
+					<view class="br20 mt20" style="background: #FFFFFF;">
+						<view class="pay-type" @click="changePay(0)">
+							<view class="" style="width: 100%;	color: #333333;">
+								微信支付
+							</view>
+							<view class="icon">
+								<image v-if="zhifu == 0" :src="$img1('common/check_act.png')" lazy-load></image>
+
+								<image v-else :src="$img1('common/check.png')" lazy-load></image>
+							</view>
+						</view>
+						<!-- <view class="pay-type" @click="changePay(1)">
 
 						<view class="" style="width: 100%;	color: #333333;">
 							{{ $config.getAppSetting('currency2_name') }}
@@ -94,48 +88,50 @@
 						</view>
 					</view> -->
 
-				</view>
-
-				<view class="rule">
-					<scroll-view class="rule-inner" scroll-y>
-						<view v-html="sendRuleData"></view>
-					</scroll-view>
-				</view>
-				<view class="agree" @click="isAgree = !isAgree">
-					<view class="icon">
-						<image v-if="isAgree" :src="$img1('common/check_act.png')" lazy-load></image>
-
-						<image v-else :src="$img1('common/check.png')" lazy-load></image>
 					</view>
 
-					我已满18岁,阅读并同意
+					<view class="rule">
+						<scroll-view class="rule-inner" scroll-y>
+							<view v-html="sendRuleData"></view>
+						</scroll-view>
+					</view>
+					<view class="agree" @click="isAgree = !isAgree">
+						<view class="icon">
+							<image v-if="isAgree" :src="$img1('common/check_act.png')" lazy-load></image>
 
-					<text @click.stop="$c.to({ url: '/pages/guize/guize?type=4' })">
-						《用户协议》
-					</text>
+							<image v-else :src="$img1('common/check.png')" lazy-load></image>
+						</view>
 
-					<text @click.stop="$c.to({ url: '/pages/guize/guize?type=5' })">
-						《隐私政策》
-					</text>
+						我已满18岁,阅读并同意
+
+						<text @click.stop="$c.to({ url: '/pages/guize/guize?type=4' })">
+							《用户协议》
+						</text>
+
+						<text @click.stop="$c.to({ url: '/pages/guize/guize?type=5' })">
+							《隐私政策》
+						</text>
+					</view>
+
+
+
+					<view class="pay-btn" v-if="zhifu == 0" @click="$c.noDouble(confirmSubmit(1))">
+						<text>
+							{{
+								` ¥${orderData.price}`
+							}}
+						</text>
+					</view>
+					<view class="pay-btn" v-if="zhifu == 1" @click="$c.noDouble(pay(1))">
+						<text>{{ orderData.price * 100 }}{{ $config.getAppSetting('currency2_name') }}</text>
+					</view>
 				</view>
+			</uni-popup>
+		</view>
+	</page-container>
 
 
 
-				<view class="pay-btn" v-if="zhifu == 0" @click="$c.noDouble(confirmSubmit(1))">
-					<text>
-						{{
-							` ¥${orderData.price}`
-						}}
-					</text>
-				</view>
-				<view class="pay-btn" v-if="zhifu == 1" @click="$c.noDouble(pay(1))">
-					<text>{{ orderData.price * 100 }}{{ $config.getAppSetting('currency2_name') }}</text>
-				</view>
-			</view>
-		</uni-popup>
-	</view>
-
-
 
 </template>
 
@@ -252,7 +248,7 @@ export default {
 			if (this.zhifu == 1) {
 
 			}
- 
+
 		},
 
 		confirmSubmit(type) {
diff --git a/pages/shouye/index.vue b/pages/shouye/index.vue
index 83e6267..7a57c26 100644
--- a/pages/shouye/index.vue
+++ b/pages/shouye/index.vue
@@ -7,24 +7,16 @@
 	<view class="content">
 		<view class="navLeft align-center" :style="{ top: $sys().statusBarHeight + 'px' }" @tap="$c.back(1)">
 			<view class="flex" style="width: 100%">
-				<!-- <image class="img100" :src="$img1('common/indexTitle.png')"></image> -->
 				<view class="title1" style="width: 166rpx; height: 64rpx; margin-top: 5rpx;">
-					<!-- {{ $config.getAppSetting("app_name") }} -->
 					<image :src="$img1('common/home_logo.png')" style="width: 166rpx; height: 64rpx;" mode=""></image>
-
 				</view>
-
 			</view>
 		</view>
 		<mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback"
 			@up="loadData">
-			<swiper class="swiper-box" :autoplay="true" :indicator-dots="false" :circular="true" :interval="3000"
-				@change="swChange">
-				<swiper-item v-for="(v, i) in advert" :key="i" @click="$c.navTo(v)">
-					<image class="yh_bg" :src="v.imgurl"></image>
-				</swiper-item>
-			</swiper>
-
+			<view style="width: 100%;" :style="{ height: $sys().statusBarHeight + 'px' }"></view>
+			<view style="width: 100%;height: 70rpx;"></view>
+			<banner :type-id="9" :height="300" :img-width="94"></banner>
 			<!-- 指示器 -->
 			<!-- 	<view class="sw-dot relative">
 				<view class="sw-dot-item" v-for="(item, i) in advert" :key="i" :class="{act: swCur == i}"></view>
@@ -35,7 +27,7 @@
 				<image :src="$img1('common/notice.png')" style="width: 33rpx; height: 26.05rpx; margin-left: 16rpx;"
 					mode=""></image>
 				<view class="news-text">
-					<uni-notice-bar :style="{width: `100%`}" :speed="8" background-color="transparent" color="#333333"
+					<uni-notice-bar :style="{ width: `100%` }" :speed="8" background-color="transparent" color="#333333"
 						scrollable single :text="$c.filterText(gonggao)"></uni-notice-bar>
 				</view>
 			</view>
@@ -72,10 +64,7 @@
 
 			<view class="qbt_con">
 				<view v-for="(item, index) in listdata" :key="index" class="qbt_con_item" @click="todetails(item)">
-					<view class="list_1 center" style="
-              background-color: #d8d8d8;
-              border-radius: 16rpx 16rpx 0rpx 0rpx;
-            ">
+					<view class="list_1 center" style="background-color: #d8d8d8;border-radius: 16rpx 16rpx 0rpx 0rpx;">
 						<image :src="item.imgurl" mode="aspectFill"></image>
 					</view>
 					<view class="list_2">
@@ -100,7 +89,7 @@
 						style="animation: zoom 1.2s ease-in-out infinite" mode="widthFix"
 						v-if="item.new_is == 1 && tabList[tabCur].id != 2"></image>
 					<view class="image3 common_bg" style="padding: 0 10rpx;line-height: 32rpx;"
-						:style="{backgroundImage:tabList[tabCur].id != 2? `url(${$img1('common/label1.png')})`: `url(${$img1('common/label2.png')})`,}">
+						:style="{ backgroundImage: tabList[tabCur].id != 2 ? `url(${$img1('common/label1.png')})` : `url(${$img1('common/label2.png')})`, }">
 						<text>
 							{{ item.type_text }}
 						</text>
@@ -114,22 +103,7 @@
 				</view>
 			</view>
 		</mescroll-body>
-		<!-- 群聊弹窗 -->
-		<uni-popup ref="qunliao_show" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
-			<view class="pop">
-				<view class="flex">
-					<image class="img100" :src="erweima" :show-menu-by-longpress="true" mode="aspectFit"></image>
-				</view>
-				<view class="pop-view column">
-					<text class="ziti">添加客服领优惠</text>
-					<text>识别图中二维码</text>
-				</view>
-				<image class="pop-liwu" :src="$img1('index/liwu.png')"></image>
-				<view @click="$refs.qunliao_show.close()" class="pop-close flex">
-					<image :src="$img1('common/close.png')" class="img100" />
-				</view>
-			</view>
-		</uni-popup>
+
 
 		<!-- 优惠券弹窗 -->
 		<uni-popup ref="couponPop" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
@@ -159,30 +133,12 @@
 
 		</uni-popup>
 		<!-- <tab-bar :index="0"></tab-bar> -->
-
-		<!-- 进福利群 -->
-		<!-- <view class="group-fixed" @click="$refs.qunliao_show.open()">
-			<image :src="$img1('image/fuliqun.png')"></image>
-		</view> -->
-
-		<!-- 邀请好友 -->
-		<!-- 	<view class="group-fixed2" @tap="$c.to({url:'/pages/user/tui-guang'})">
-			<image :src="$img1('image/yaoqing.png')"></image>
-		</view> -->
-
-		<!-- 		排行榜
-		<view class="group-fixed1" @click="toRanking()">
-			<image :src="$img1('image/paihangbang.png')"></image>
-		</view> -->
-		<!-- 排行榜 -->
-		<view class="group-fixed1" @click="toyaoqingRanking()">
-			<image :src="$img1('image/paihangbang.png')"></image>
-		</view>
-
 		<rule-pop ref="rulePop"></rule-pop>
 
 		<rule-pop ref="appNotice" notice-check></rule-pop>
 
+		<float-ball></float-ball>
+
 		<!-- #ifdef MP -->
 		<!-- 隐私政策弹窗 -->
 		<priv-pop></priv-pop>
@@ -191,535 +147,758 @@
 </template>
 
 <script>
-	import lffBarrage from "@/components/lff-barrage/lff-barrage.vue";
-	export default {
-		components: {
-			lffBarrage,
-		},
-		data() {
-			let tabList = this.$config.getGoodType();
-			return {
-				z_imgPath: this.$z_img2 + "shouye/",
-				tabList: tabList,
-				tabCur: 0,
-				keyword: "",
-				listdata: [],
-				// 下拉刷新的配置(可选, 绝大部分情况无需配置)
-				downOption: {
-					auto: false,
+import lffBarrage from "@/components/lff-barrage/lff-barrage.vue";
+import FloatBall from "@/components/float-ball/FloatBall.vue";
+
+export default {
+	components: {
+		lffBarrage,
+		FloatBall
+	},
+	data() {
+		let tabList = this.$config.getGoodType();
+		return {
+			z_imgPath: this.$z_img2 + "shouye/",
+			tabList: tabList,
+			tabCur: 0,
+			keyword: "",
+			listdata: [],
+			// 下拉刷新的配置(可选, 绝大部分情况无需配置)
+			downOption: {
+				auto: false,
+			},
+			// 上拉加载的配置(可选, 绝大部分情况无需配置)
+			upOption: {
+				auto: true,
+				page: {
+					size: 15, // 每页数据的数量,默认10
 				},
-				// 上拉加载的配置(可选, 绝大部分情况无需配置)
-				upOption: {
-					auto: true,
-					page: {
-						size: 15, // 每页数据的数量,默认10
-					},
+			},
+			advert: [], //轮播图
+			tuijian: [], //推荐上新
+			notice_list: [], // 弹幕
+			erweima: "", // 福利群
+			yushou_rili: "", // 预售日历
+			jump_appid: "", // 跳转的小程序id
+			aa: false,
+			gonggao: "",
+			couponData: "",
+			canGetCoupon: false,
+			swCur: 0
+		};
+	},
+
+	onUnload() {
+		this.aa = false;
+	},
+	onHide() {
+		clearInterval(this.timer);
+		this.aa = false;
+		let pages = getCurrentPages();
+		// console.log(11, this.$mp.page.route)
+		uni.setStorageSync("page", this.$mp.page.route);
+	},
+	onLoad(v) {
+		console.log("参数", v);
+
+		if (v.pid) {
+			uni.setStorageSync("pid", v.pid);
+		}
+		if (v.scene) {
+			uni.setStorageSync("pid", v.scene);
+		}
+		if (v.token) {
+			uni.setStorageSync("token", v.token);
+		}
+		/* 获取广告id */
+		if (v.ad_id) {
+			uni.setStorageSync("_ad_id", v.ad_id);
+		}
+		/* 获取click_id */
+		if (v.gdt_vid) {
+			uni.setStorageSync("_click_id", v.gdt_vid);
+		}
+	},
+	onShow() {
+		let that = this;
+		this.aa = true;
+		// setTimeout(() => {
+		//   that.colrdo()
+		// }, 500
+		this.canGetCoupon && this.getCoupon();
+		this.canGetCoupon && this.getnews();
+		this.canGetCoupon = true;
+		const curPages = getCurrentPages()[0]; // 获取当前页面实例
+		if (typeof curPages.getTabBar === "function" && curPages.getTabBar()) {
+			this.$mp.page.getTabBar().setData({
+				selected: 0,
+			});
+		}
+	},
+
+	onReady() {
+		// this.$refs.couponPop.open()
+		this.getCoupon();
+		// this.$refs.rulePop.open()
+		this.getnews();
+
+	},
+
+	onShareAppMessage() {
+		let that = this;
+		return {
+			title: this.$config.getAppSetting("app_name") + "，正版潮玩手办一番赏",
+			imageUrl: that.advert[0].imgurl,
+			path: "/pages/shouye/index?pid=" + uni.getStorageSync("userinfo").ID,
+		};
+	},
+	computed: {
+		// 删除getBallStyle和getPopupStyle方法
+	},
+	methods: {
+		// 删除BallClick和getFloatBall方法
+		/**
+		 * @description: 是否弹公告
+		 * @return {*}
+		 */
+		checkNotice() {
+			/* 上次勾选(今日不再提醒)的日期 */
+			const _last_notice_date = uni.getStorageSync("_last_notice_date");
+			/* 本次打开app是否已经弹过公告弹窗 */
+			const _is_this_show = uni.getStorageSync("_is_this_show");
+			const nowDate = this.$c.getDateTime();
+
+			if (_last_notice_date != nowDate && !_is_this_show) {
+				this.$refs.appNotice.getRule(19, "公告");
+				uni.setStorageSync("_is_this_show", true);
+			}
+		},
+		swChange(e) {
+			this.swCur = e.detail.current;
+		},
+
+		receiveCoupon() {
+			let arr = this.couponData.goods.list.map((item) => item.id);
+
+			if (arr.length <= 0) {
+				return;
+			}
+
+			this.req({
+				url: "receive",
+				data: {
+					coupon_id: arr.join(","),
 				},
-				advert: [], //轮播图
-				tuijian: [], //推荐上新
-				notice_list: [], // 弹幕
-				erweima: "", // 福利群
-				yushou_rili: "", // 预售日历
-				jump_appid: "", // 跳转的小程序id
-				aa: false,
-				gonggao: "",
-				couponData: "",
-				canGetCoupon: false,
-				swCur: 0,
-			};
+				success: (res) => {
+					if (res.status == 1) {
+						setTimeout(() => {
+							uni.showToast({
+								title: "领取成功",
+								icon: "success",
+							});
+						}, 100);
+
+						this.$refs.couponPop.close();
+					}
+				},
+			});
 		},
 
-		onUnload() {
-			this.aa = false;
-		},
-		onHide() {
-			clearInterval(this.timer);
-			this.aa = false;
-			let pages = getCurrentPages();
-			// console.log(11, this.$mp.page.route)
-			uni.setStorageSync("page", this.$mp.page.route);
-		},
-		onLoad(v) {
-			console.log("参数", v);
+		getCoupon() {
 
-			if (v.pid) {
-				uni.setStorageSync("pid", v.pid);
-			}
-			if (v.scene) {
-				uni.setStorageSync("pid", v.scene);
-			}
-			if (v.token) {
-				uni.setStorageSync("token", v.token);
-			}
-			/* 获取广告id */
-			if (v.ad_id) {
-				uni.setStorageSync("_ad_id", v.ad_id);
-			}
-			/* 获取click_id */
-			if (v.gdt_vid) {
-				uni.setStorageSync("_click_id", v.gdt_vid);
-			}
+			this.req({
+				url: "coupon",
+				data: {},
+				success: (res) => {
+					if (res.status == 1 && res.data.status != 2) {
+						res.data.totalMoney = 0;
+
+						if (res.data.goods.list.length > 0) {
+							res.data.totalMoney = res.data.goods.list.reduce((pre, item) => {
+								return pre + Number(item.price);
+							}, 0);
+
+							this.$refs.couponPop.open();
+						}
+
+						this.couponData = res.data;
+					}
+				},
+			});
 		},
-		onShow() {
+
+		// colrdo() {
+		//   //插入一条弹幕
+		//   let that = this
+		//   let a = 0
+		//   that.timer = setInterval(function () {
+		//     // that.$refs.lffBarrage.add({
+		//     // 	item: that.notice_list[a].content,
+		//     // 	// title: that.notice_list[a].title,
+		//     // 	// color: that.notice_list[a].color,
+		//     // 	headimg: that.notice_list[a].headimg
+		//     // });
+		//     if (a < that.notice_list.length - 1) {
+		//       a++
+		//     } else {
+		//       a = 0
+		//     }
+		//   }, 5000)
+		// },
+		torili() {
+			uni.setStorageSync("rili", this.yushou_rili);
+			this.gotoPage("/pages/shouye/rili");
+		},
+		getnews() {
 			let that = this;
-			this.aa = true;
-			// setTimeout(() => {
-			//   that.colrdo()
-			// }, 500
-			this.canGetCoupon && this.getCoupon();
-			this.canGetCoupon && this.getnews();
-			this.canGetCoupon = true;
-			const curPages = getCurrentPages()[0]; // 获取当前页面实例
-			if (typeof curPages.getTabBar === "function" && curPages.getTabBar()) {
-				this.$mp.page.getTabBar().setData({
-					selected: 0,
-				});
-			}
+			that.req({
+				url: "index",
+				success(res) {
+					if (res.status == 1) {
+						that.advert = res.data.advert;
+						that.tuijian = res.data.tuijian;
+						that.notice_list = res.data.new_bulletcha;
+						that.erweima = res.data.other.erweima;
+						that.gonggao = res.data.notice.content;
+						that.yushou_rili = res.data.other.yushou_rili;
+						that.jump_appid = res.data.other.jump_appid;
+						uni.setStorageSync("jump_appid", res.data.other.jump_appid);
+						uni.setStorageSync("wx_link", res.data.other.wx_link);
+						uni.setStorageSync("corpid", res.data.other.corpid);
+
+						if (res.data.other.is_shou_tan == 1) {
+							that.checkNotice();
+						}
+					}
+				},
+			});
 		},
 
-		onReady() {
-			// this.$refs.couponPop.open()
-			this.getCoupon();
-			// this.$refs.rulePop.open()
-			this.getnews();
-		},
-
-		onShareAppMessage() {
+		loadData({
+			num,
+			size
+		}) {
+			// 模拟接口
 			let that = this;
-			return {
-				title: this.$config.getAppSetting("app_name") + "，正版潮玩手办一番赏",
-				imageUrl: that.advert[0].imgurl,
-				path: "/pages/shouye/index?pid=" + uni.getStorageSync("userinfo").ID,
-			};
+			that.req({
+				url: "goods",
+				data: {
+					page: num,
+					type: that.tabList[that.tabCur].id,
+					keyword: that.keyword,
+				},
+				success: function (res) {
+					that.mescroll.endByPage(res.data.data.length, res.data.last_page);
+					if (num == 1) {
+						that.listdata = res.data.data;
+					} else {
+						that.listdata = that.listdata.concat(res.data.data);
+					}
+					console.log(that.listdata);
+				},
+			});
 		},
-		methods: {
-			/**
-			 * @description: 是否弹公告
-			 * @return {*}
-			 */
-			checkNotice() {
-				/* 上次勾选(今日不再提醒)的日期 */
-				const _last_notice_date = uni.getStorageSync("_last_notice_date");
-				/* 本次打开app是否已经弹过公告弹窗 */
-				const _is_this_show = uni.getStorageSync("_is_this_show");
-				const nowDate = this.$c.getDateTime();
+		todetails(e) {
+			// 无限赏
+			let url = "/pages/shouye/detail";
 
-				if (_last_notice_date != nowDate && !_is_this_show) {
-					this.$refs.appNotice.getRule(19, "公告");
-					uni.setStorageSync("_is_this_show", true);
-				}
-			},
+			if (e.type == 2 || e.type == 8 || e.type == 16) {
+				url = "/pages/shouye/detail_wuxian";
+			}
 
-			swChange(e) {
-				this.swCur = e.detail.current;
-			},
+			if (e.type == 9) {
+				url = "/package/index/lian-ji";
+			}
+			if (e.type == 3) {
+				url = "/package/index/leitai";
+			}
 
-			receiveCoupon() {
-				let arr = this.couponData.goods.list.map((item) => item.id);
-
-				if (arr.length <= 0) {
-					return;
-				}
-
-				this.req({
-					url: "receive",
-					data: {
-						coupon_id: arr.join(","),
-					},
-					success: (res) => {
-						if (res.status == 1) {
-							setTimeout(() => {
-								uni.showToast({
-									title: "领取成功",
-									icon: "success",
-								});
-							}, 100);
-
-							this.$refs.couponPop.close();
-						}
-					},
-				});
-			},
-
-			getCoupon() {
-				
-				this.req({
-					url: "coupon",
-					data: {},
-					success: (res) => {
-						if (res.status == 1 && res.data.status != 2) {
-							res.data.totalMoney = 0;
-
-							if (res.data.goods.list.length > 0) {
-								res.data.totalMoney = res.data.goods.list.reduce((pre, item) => {
-									return pre + Number(item.price);
-								}, 0);
-
-								this.$refs.couponPop.open();
-							}
-
-							this.couponData = res.data;
-						}
-					},
-				});
-			},
-
-			// colrdo() {
-			//   //插入一条弹幕
-			//   let that = this
-			//   let a = 0
-			//   that.timer = setInterval(function () {
-			//     // that.$refs.lffBarrage.add({
-			//     // 	item: that.notice_list[a].content,
-			//     // 	// title: that.notice_list[a].title,
-			//     // 	// color: that.notice_list[a].color,
-			//     // 	headimg: that.notice_list[a].headimg
-			//     // });
-			//     if (a < that.notice_list.length - 1) {
-			//       a++
-			//     } else {
-			//       a = 0
-			//     }
-			//   }, 5000)
-			// },
-			torili() {
-				uni.setStorageSync("rili", this.yushou_rili);
-				this.gotoPage("/pages/shouye/rili");
-			},
-			getnews() {
-				let that = this;
-				that.req({
-					url: "index",
-					success(res) {
-						if (res.status == 1) {
-							that.advert = res.data.advert;
-							that.tuijian = res.data.tuijian;
-							that.notice_list = res.data.new_bulletcha;
-							that.erweima = res.data.other.erweima;
-							that.gonggao = res.data.notice.content;
-							that.yushou_rili = res.data.other.yushou_rili;
-							that.jump_appid = res.data.other.jump_appid;
-							uni.setStorageSync("jump_appid", res.data.other.jump_appid);
-							uni.setStorageSync("wx_link", res.data.other.wx_link);
-							uni.setStorageSync("corpid", res.data.other.corpid);
-
-							if (res.data.other.is_shou_tan == 1) {
-								that.checkNotice();
-							}
-						}
-					},
-				});
-			},
-
-			loadData({
-				num,
-				size
-			}) {
-				// 模拟接口
-				let that = this;
-				that.req({
-					url: "goods",
-					data: {
-						page: num,
-						type: that.tabList[that.tabCur].id,
-						keyword: that.keyword,
-					},
-					success: function(res) {
-						that.mescroll.endByPage(res.data.data.length, res.data.last_page);
-						if (num == 1) {
-							that.listdata = res.data.data;
-						} else {
-							that.listdata = that.listdata.concat(res.data.data);
-						}
-						console.log(that.listdata);
-					},
-				});
-			},
-			todetails(e) {
-				// 无限赏
-				let url = "/pages/shouye/detail";
-
-				if (e.type == 2 || e.type == 8 || e.type == 16) {
-					url = "/pages/shouye/detail_wuxian";
-				}
-
-				if (e.type == 9) {
-					url = "/package/index/lian-ji";
-				}
-				if (e.type == 3) {
-					url = "/package/index/leitai";
-				}
-
-				this.$c.to({
-					url,
-					query: {
-						goods_id: e.id,
-						type_text: e.type_text,
-					},
-				});
-			},
-			getlist(v) {
-				this.tabCur = v;
-				this.listdata = [];
-				this.mescroll.resetUpScroll();
-				this.mescroll.scrollTo(0, 0);
-
-				// this.loadData(1)
-			},
-
-			toRanking() {
-				uni.navigateTo({
-					url: "/pages/shouye/ranking",
-				});
-			},
-			toyaoqingRanking() {
-				uni.navigateTo({
-					url: "/pages/shouye/yaoqing_ranking",
-				});
-			},
+			this.$c.to({
+				url,
+				query: {
+					goods_id: e.id,
+					type_text: e.type_text,
+				},
+			});
 		},
-	};
+		getlist(v) {
+			this.tabCur = v;
+			this.listdata = [];
+			this.mescroll.resetUpScroll();
+			this.mescroll.scrollTo(0, 0);
+
+			// this.loadData(1)
+		},
+
+		toRanking() {
+			uni.navigateTo({
+				url: "/pages/shouye/ranking",
+			});
+		},
+		toyaqingRanking() {
+			uni.navigateTo({
+				url: "/pages/shouye/yaoqing_ranking",
+			});
+		},
+	},
+};
 </script>
 
 <style lang="scss">
-	.title1 {
-		width: 100%;
+.title1 {
+	width: 100%;
+	position: absolute;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: white;
+}
+
+.recommend_item {
+	width: 200rpx;
+	height: 200rpx;
+	flex: 0 0 auto;
+	background-color: gray;
+	margin-right: 40rpx;
+	border-radius: 10rpx;
+}
+
+.navLeft {
+	position: fixed;
+	left: 30rpx;
+	z-index: 100;
+
+	>view {
+		width: 200rpx;
+		height: 70rpx;
+	}
+}
+
+.pop {
+	width: 506rpx;
+	height: 380px;
+	position: relative;
+	background: #b198e2;
+
+	box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
+	border-radius: 44rpx;
+
+	>view:nth-child(1) {
+		padding-top: 40rpx;
+
+		>image {
+			width: 430rpx;
+			height: 430rpx;
+			margin: 0 auto 0;
+			background: #ffffff;
+		}
+	}
+
+	&-view {
 		position: absolute;
+		left: 0;
+		bottom: 0;
+		width: 506rpx;
+		height: 276rpx;
+		box-sizing: border-box;
+		padding: 68rpx 0 0 40rpx;
+		background: url($imgurl + "index/hudu.png") no-repeat 0 0 / 100% 100%;
+
+		>text:nth-child(1) {
+			font-weight: 400;
+			font-size: 52rpx;
+			color: #894dd3;
+			text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
+		}
+
+		>text:nth-child(2) {
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #894dd3;
+			margin-top: 10rpx;
+		}
+	}
+
+	&-liwu {
+		position: absolute;
+		right: -160rpx;
+		width: 380rpx;
+		height: 260rpx;
+		bottom: -60rpx;
+		z-index: 10;
+	}
+
+	&-close {
+		width: 94rpx;
+		height: 94rpx;
+		position: absolute;
+		bottom: -140rpx;
+		left: 50%;
+		transform: translateX(-50%);
+		opacity: 0.6;
+	}
+}
+
+.image2 {
+	width: 115rpx;
+	height: 62rpx;
+	position: absolute;
+	top: 10rpx;
+	right: 10rpx;
+}
+
+.gonggao {
+	width: 750rpx;
+	height: 300rpx;
+	border-radius: 39rpx;
+	margin: 0rpx auto;
+	overflow: hidden;
+	display: flex;
+	align-items: center;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+	/* position: relative; */
+	position: absolute;
+	top: 330rpx;
+	z-index: 16;
+	pointer-events: none;
+}
+
+.status_bar {
+	height: var(--status-bar-height);
+	width: 100%;
+}
+
+.header {
+	width: 750rpx;
+}
+
+.header-left-title {
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 10;
+	height: 88rpx;
+	font-weight: bold;
+	color: #ffffff;
+	display: flex;
+	align-items: center;
+	padding-left: 10rpx;
+
+	image {
+		width: 230rpx;
+		height: 70rpx;
+	}
+}
+
+.swiper-box {
+	width: 750rpx;
+	height: 460rpx;
+	margin: 40rpx auto;
+	overflow: hidden;
+}
+
+.sw-dot {
+	display: flex;
+	justify-content: center;
+	margin-top: -40rpx;
+	z-index: 10;
+
+	.sw-dot-item {
+		width: 8rpx;
+		height: 8rpx;
+		border-radius: 8rpx;
+		background: #fff;
+		margin: 0 8rpx;
+		transition: 0.3s;
+
+		&.act {
+			width: 18rpx;
+			background-color: #ff873a;
+		}
+	}
+}
+
+.yh_bg {
+	width: 100%;
+	height: 100%;
+	border-radius: inherit;
+	background-color: #FFFFFF;
+}
+
+.news-box {
+	width: 686rpx;
+	height: 52rpx;
+	margin: 40rpx auto 0;
+	display: flex;
+	background-color: #F8F8F8;
+	align-items: center;
+	border-radius: 16rpx;
+	background-size: 100% 100%;
+
+	.news-text {
+		width: 600rpx;
+		height: 90rpx;
 		display: flex;
 		align-items: center;
-		justify-content: center;
-		color: white;
-	}
+		margin-left: 18rpx;
 
-	.recommend_item {
-		width: 200rpx;
-		height: 200rpx;
-		flex: 0 0 auto;
-		background-color: gray;
-		margin-right: 40rpx;
-		border-radius: 10rpx;
-	}
-
-	.navLeft {
-		position: fixed;
-		left: 30rpx;
-		z-index: 100;
-
-		>view {
-			width: 200rpx;
-			height: 70rpx;
+		/deep/.uni-noticebar__content-text {
+			font-size: 24rpx;
 		}
 	}
+}
 
-	.pop {
-		width: 506rpx;
-		height: 380px;
+.nav1 {
+	width: 710rpx;
+	margin: 30rpx auto 0;
+
+	>view:nth-child(1) {
+		width: 284rpx;
+		height: 349rpx;
+	}
+
+	>view:nth-child(2) {
+		height: 349rpx;
+
+		>image:nth-child(1) {
+			width: 423rpx;
+			height: 183rpx;
+		}
+
+		>image:nth-child(2) {
+			width: 423rpx;
+			height: 170rpx;
+		}
+	}
+}
+
+.yqhy {
+	width: 100%;
+	height: 300rpx;
+	margin-top: 30rpx;
+	margin-left: 32rpx;
+}
+
+.nav2 {
+	width: 710rpx;
+	height: 170rpx;
+	margin: 0 auto;
+
+	image {
+		width: 100%;
+		height: 100%;
+	}
+}
+
+.tab-list {
+	white-space: nowrap;
+	width: 100%;
+	position: relative;
+	margin: 50rpx 0 30rpx;
+	padding-left: 30rpx;
+	box-sizing: border-box;
+
+	.tab-list-item {
+		display: inline-flex;
+		align-items: center;
+		background-size: auto 100%;
+		background-position: center center;
+		padding: 0 30rpx;
+		font-weight: 400;
+		color: #ffffff;
+		font-weight: 400;
+		font-size: 36rpx;
+		color: #cccccc;
+		height: 70rpx;
+		margin-right: 20rpx;
+
+		.active {
+			font-weight: 400;
+			font-size: 36rpx;
+			color: #ffffff;
+		}
+	}
+}
+
+.tab {
+	white-space: nowrap;
+	margin-top: 10rpx;
+	margin-left: 30rpx;
+
+	.tab-item {
 		position: relative;
-		background: #b198e2;
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
-		border-radius: 44rpx;
+		display: inline-flex;
+		margin-right: 50rpx;
+		padding: 20rpx 0;
 
-		>view:nth-child(1) {
-			padding-top: 40rpx;
-
-			>image {
-				width: 430rpx;
-				height: 430rpx;
-				margin: 0 auto 0;
-				background: #ffffff;
-			}
+		&:last-child {
+			margin-right: 30rpx;
 		}
 
-		&-view {
-			position: absolute;
-			left: 0;
-			bottom: 0;
-			width: 506rpx;
-			height: 276rpx;
-			box-sizing: border-box;
-			padding: 68rpx 0 0 40rpx;
-			background: url($imgurl + "index/hudu.png") no-repeat 0 0 / 100% 100%;
+		font-size: 24rpx;
+		color: #999999;
 
-			>text:nth-child(1) {
-				font-weight: 400;
-				font-size: 52rpx;
-				color: #894dd3;
-				text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
+		&.act {
+			color: #333333;
+			font-weight: 600;
+			font-size: 28rpx;
+
+			&::before {
+				content: "";
+				display: block;
+				width: 60rpx;
+				height: 4rpx;
+				background: #333333;
+				border-radius: 30rpx;
+				position: absolute;
+				left: 50%;
+				bottom: 4rpx;
+				transform: translateX(-50%);
 			}
-
-			>text:nth-child(2) {
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #894dd3;
-				margin-top: 10rpx;
-			}
-		}
-
-		&-liwu {
-			position: absolute;
-			right: -160rpx;
-			width: 380rpx;
-			height: 260rpx;
-			bottom: -60rpx;
-			z-index: 10;
-		}
-
-		&-close {
-			width: 94rpx;
-			height: 94rpx;
-			position: absolute;
-			bottom: -140rpx;
-			left: 50%;
-			transform: translateX(-50%);
-			opacity: 0.6;
 		}
 	}
+}
 
-	.image2 {
-		width: 115rpx;
-		height: 62rpx;
+.content {
+	width: 100vw;
+	box-sizing: border-box;
+	position: relative;
+	background-attachment: fixed;
+	position: relative;
+	background-color: #ffffff;
+}
+
+.title_ipt {
+	display: flex;
+	align-items: center;
+	margin: 20rpx auto;
+	border-radius: 30rpx;
+	padding-left: 30rpx;
+	width: 620rpx;
+	height: 58rpx;
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 10rpx;
+	box-sizing: border-box;
+}
+
+.title_ipt>image {
+	width: 33rpx;
+	height: 33rpx;
+}
+
+.title_ipt>input {
+	width: 90%;
+	height: 58rpx;
+	box-sizing: border-box;
+	border-radius: 105rpx;
+	font-size: 28rpx;
+	line-height: 58rpx;
+	font-size: 28rpx;
+	font-weight: 400;
+	color: rgba(255, 255, 255, 0.6);
+	padding-left: 20rpx;
+}
+
+.title_ipt>view {
+	width: 90rpx;
+	height: 40rpx;
+	background: linear-gradient(0deg, #1ac762 0%, #35ed85 100%);
+	border-radius: 18rpx;
+	font-size: 26rpx;
+	color: #111111;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-right: 20rpx;
+}
+
+.qiehuan {
+	display: flex;
+	/* 	justify-content: space-between; */
+	align-items: center;
+	width: 690rpx;
+	margin: 20rpx auto 0;
+	box-sizing: border-box;
+	font-weight: bold;
+}
+
+.qiehuan_line {
+	margin: -10rpx auto;
+	width: 50rpx;
+	height: 20rpx;
+	border-bottom: 4rpx solid #ff7514;
+	border-radius: 2rpx;
+}
+
+.qiehuan>view {
+	margin-right: 10rpx;
+	/* flex: 1;
+		text-align: center; */
+}
+
+.wzs {
+	font-size: 32rpx;
+	color: rgba(255, 255, 255, 0.6);
+}
+
+.xzs {
+	font-size: 34rpx;
+	color: #ff7514;
+}
+
+.qbt_con {
+	padding: 1rpx 30rpx 100rpx;
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+}
+
+.qbt_con_item {
+	width: 330rpx;
+	height: 505rpx;
+	margin-top: 30rpx;
+	// border: 1px solid #4a4951;
+	position: relative;
+	background-color: #f8f8f8;
+	border-radius: 16rpx;
+	// background: url($imgurl+'common/goodsBg.png') no-repeat 0 0 / 100% 100%;
+
+	.image1 {
+		width: 32rpx;
+		height: 32rpx;
 		position: absolute;
+		z-index: 10;
 		top: 10rpx;
 		right: 10rpx;
 	}
 
-	.gonggao {
-		width: 750rpx;
-		height: 300rpx;
-		border-radius: 39rpx;
-		margin: 0rpx auto;
-		overflow: hidden;
-		display: flex;
-		align-items: center;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-		/* position: relative; */
+	.image3 {
 		position: absolute;
-		top: 330rpx;
-		z-index: 16;
-		pointer-events: none;
-	}
-
-	.status_bar {
-		height: var(--status-bar-height);
-		width: 100%;
-	}
-
-	.header {
-		width: 750rpx;
-	}
-
-	.header-left-title {
-		position: fixed;
-		left: 0;
-		top: 0;
-		z-index: 10;
-		height: 88rpx;
-		font-weight: bold;
-		color: #ffffff;
-		display: flex;
-		align-items: center;
-		padding-left: 10rpx;
-
-		image {
-			width: 230rpx;
-			height: 70rpx;
-		}
-	}
-
-	.swiper-box {
-		width: 750rpx;
-		height: 460rpx;
-		margin: 40rpx auto;
-		overflow: hidden;
-	}
-
-	.sw-dot {
-		display: flex;
+		z-index: 1;
+		top: 10rpx;
+		left: 10rpx;
+		min-width: 68rpx;
+		padding: 0 6rpx;
+		height: 32rpx;
 		justify-content: center;
-		margin-top: -40rpx;
-		z-index: 10;
-
-		.sw-dot-item {
-			width: 8rpx;
-			height: 8rpx;
-			border-radius: 8rpx;
-			background: #fff;
-			margin: 0 8rpx;
-			transition: 0.3s;
-
-			&.act {
-				width: 18rpx;
-				background-color: #ff873a;
-			}
-		}
-	}
-
-	.yh_bg {
-		width: 100%;
-		height: 100%;
-		border-radius: inherit;
-		background-color: #FFFFFF;
-	}
-
-	.news-box {
-		width: 686rpx;
-		height: 52rpx;
-		margin: 40rpx auto 0;
 		display: flex;
-		background-color: #F8F8F8;
 		align-items: center;
-		border-radius: 16rpx;
-		background-size: 100% 100%;
 
-		.news-text {
-			width: 600rpx;
-			height: 90rpx;
-			display: flex;
-			align-items: center;
-			margin-left: 18rpx;
-
-			/deep/.uni-noticebar__content-text {
-				font-size: 24rpx;
-			}
+		text {
+			font-size: 16rpx;
+			font-weight: 400;
+			color: #ffffff;
 		}
 	}
 
-	.nav1 {
-		width: 710rpx;
-		margin: 30rpx auto 0;
-
-		>view:nth-child(1) {
-			width: 284rpx;
-			height: 349rpx;
-		}
-
-		>view:nth-child(2) {
-			height: 349rpx;
-
-			>image:nth-child(1) {
-				width: 423rpx;
-				height: 183rpx;
-			}
-
-			>image:nth-child(2) {
-				width: 423rpx;
-				height: 170rpx;
-			}
-		}
-	}
-
-	.yqhy {
-		width: 100%;
-		height: 300rpx;
-		margin-top: 30rpx;
-		margin-left: 32rpx;
-	}
-
-	.nav2 {
-		width: 710rpx;
-		height: 170rpx;
-		margin: 0 auto;
+	.half-tag {
+		width: 160rpx;
+		height: 60rpx;
+		position: absolute;
+		left: 0;
+		top: 250rpx;
+		z-index: 1;
 
 		image {
 			width: 100%;
@@ -727,507 +906,256 @@
 		}
 	}
 
-	.tab-list {
-		white-space: nowrap;
-		width: 100%;
-		position: relative;
-		margin: 50rpx 0 30rpx;
-		padding-left: 30rpx;
-		box-sizing: border-box;
+	.lock-tag {
+		position: absolute;
+		right: 0;
+		top: 294rpx;
+		z-index: 1;
+		padding: 0 14rpx;
+		height: 36rpx;
+		background: linear-gradient(90deg, #6adeff 0%, #7ab5ff 50%, #ff7feb 100%);
+		border-radius: 4rpx;
+		display: flex;
+		align-items: center;
 
-		.tab-list-item {
-			display: inline-flex;
-			align-items: center;
-			background-size: auto 100%;
-			background-position: center center;
-			padding: 0 30rpx;
-			font-weight: 400;
-			color: #ffffff;
-			font-weight: 400;
+		font-size: 22rpx;
+		font-weight: 400;
+		color: #222222;
+
+		&.dis {
+			background: linear-gradient(90deg, #729fdb 0%, #d0dbff 100%);
+		}
+	}
+}
+
+.list_1 {
+	width: 100%;
+	height: 332rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+}
+
+.list_1>image {
+	// width: 290rpx;
+	// height: 290rpx;
+	width: 100%;
+	height: 100%;
+}
+
+.list_2 {
+	padding: 28rpx 20rpx 0;
+	font-size: 20rpx;
+	font-weight: 500;
+	color: #333333;
+}
+
+.redu {
+	margin-top: 24rpx;
+	font-size: 18rpx;
+	font-weight: 500;
+	color: #6C6C6C;
+}
+
+.qbt_con_item_3 {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	color: #fff;
+	// text-shadow: 0px 2px 8px rgba(233, 18, 252, 0.41);
+
+	.item-price {
+		font-size: 16rpx;
+		font-weight: 400;
+		color: #333333;
+
+		text {
 			font-size: 36rpx;
-			color: #cccccc;
-			height: 70rpx;
-			margin-right: 20rpx;
+		}
+	}
+}
 
-			.active {
-				font-weight: 400;
-				font-size: 36rpx;
-				color: #ffffff;
-			}
+.qbt_con_item_price {
+	display: flex;
+	align-items: center;
+	font-size: 18rpx;
+	font-weight: 400;
+	color: #6c6c6c;
+}
+
+.qbt_con_item_price>image {
+	width: 26rpx;
+	height: 26rpx;
+	margin-left: 6rpx;
+}
+
+.redu>image {
+	width: 32rpx;
+	height: 32rpx;
+	border: 2rpx solid rgba(255, 255, 255, 0.8);
+	border-radius: 50%;
+}
+
+/* .redu>text {} */
+
+// .nav-wrap {
+//   width: 720rpx;
+//   height: 268rpx;
+//   display: flex;
+//   justify-content: space-between;
+//   position: relative;
+//   margin: 0 auto;
+
+//   .nav-lg {
+//     width: 365rpx;
+//     height: 268rpx;
+//   }
+
+//   .nav-sm {
+//     position: absolute;
+//     right: 0;
+//     top: 0;
+//     width: 365rpx;
+//     height: 143rpx;
+//   }
+
+//   .nav-sm + .nav-sm {
+//     top: auto;
+//     bottom: 0;
+//   }
+// }
+
+.coupon-pop {
+	width: 604rpx;
+	height: 598rpx;
+	position: relative;
+	background: url($imgurl + "index/couponBg.png") no-repeat 0 0 / 100% 100%;
+	// background: #281C50;
+	// border-radius: 30rpx;
+	// border: 1px solid #7776AD;
+
+	.coupon-pop-title {
+		display: flex;
+		justify-content: center;
+		padding: 40rpx 0 30rpx;
+
+		text {
+			font-weight: 500;
+			font-size: 40rpx;
+			color: #ffffff;
 		}
 	}
 
-	.tab {
-		white-space: nowrap;
-		margin-top: 10rpx;
-		margin-left: 30rpx;
+	.coupon-list {
+		padding-top: 128rpx;
+		height: 400rpx;
 
-		.tab-item {
+		.coupon-item {
+			width: 530rpx;
+			height: 160rpx;
+			margin: 0 auto 20rpx;
+			display: flex;
+			align-items: center;
 			position: relative;
-			display: inline-flex;
-			margin-right: 50rpx;
-			padding: 20rpx 0;
+			background: url($imgurl + "index/couponItem.png") no-repeat 0 0 / 100% 100%;
 
-			&:last-child {
-				margin-right: 30rpx;
+			>view:nth-child(1) {
+				width: 168rpx;
+				height: 168rpx;
+
+
+				>text:nth-child(1) {
+					font-weight: 400;
+					font-size: 24rpx;
+					color: #FDB075;
+					padding-top: 20rpx;
+				}
+
+				>text:nth-child(2) {
+					font-weight: 700;
+					font-size: 64rpx;
+					color: #FDB075;
+				}
 			}
 
-			font-size: 24rpx;
-			color: #999999;
+			>view:nth-child(2) {
+				>text:nth-child(1) {
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #FDB075;
+				}
 
-			&.act {
-				color: #333333;
-				font-weight: 600;
-				font-size: 28rpx;
-
-				&::before {
-					content: "";
-					display: block;
-					width: 60rpx;
-					height: 4rpx;
-					background: #333333;
-					border-radius: 30rpx;
-					position: absolute;
-					left: 50%;
-					bottom: 4rpx;
-					transform: translateX(-50%);
+				>text:nth-child(2) {
+					font-weight: 400;
+					font-size: 24rpx;
+					color: #FDB075;
 				}
 			}
 		}
-	}
 
-	.content {
-		width: 100vw;
-		box-sizing: border-box;
-		position: relative;
-		background-attachment: fixed;
-		position: relative;
-		background-color: #ffffff;
-	}
-
-	.title_ipt {
-		display: flex;
-		align-items: center;
-		margin: 20rpx auto;
-		border-radius: 30rpx;
-		padding-left: 30rpx;
-		width: 620rpx;
-		height: 58rpx;
-		background: rgba(255, 255, 255, 0.2);
-		border-radius: 10rpx;
-		box-sizing: border-box;
-	}
-
-	.title_ipt>image {
-		width: 33rpx;
-		height: 33rpx;
-	}
-
-	.title_ipt>input {
-		width: 90%;
-		height: 58rpx;
-		box-sizing: border-box;
-		border-radius: 105rpx;
-		font-size: 28rpx;
-		line-height: 58rpx;
-		font-size: 28rpx;
-		font-weight: 400;
-		color: rgba(255, 255, 255, 0.6);
-		padding-left: 20rpx;
-	}
-
-	.title_ipt>view {
-		width: 90rpx;
-		height: 40rpx;
-		background: linear-gradient(0deg, #1ac762 0%, #35ed85 100%);
-		border-radius: 18rpx;
-		font-size: 26rpx;
-		color: #111111;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-right: 20rpx;
-	}
-
-	.qiehuan {
-		display: flex;
-		/* 	justify-content: space-between; */
-		align-items: center;
-		width: 690rpx;
-		margin: 20rpx auto 0;
-		box-sizing: border-box;
-		font-weight: bold;
-	}
-
-	.qiehuan_line {
-		margin: -10rpx auto;
-		width: 50rpx;
-		height: 20rpx;
-		border-bottom: 4rpx solid #ff7514;
-		border-radius: 2rpx;
-	}
-
-	.qiehuan>view {
-		margin-right: 10rpx;
-		/* flex: 1;
-		text-align: center; */
-	}
-
-	.wzs {
-		font-size: 32rpx;
-		color: rgba(255, 255, 255, 0.6);
-	}
-
-	.xzs {
-		font-size: 34rpx;
-		color: #ff7514;
-	}
-
-	.qbt_con {
-		padding: 1rpx 30rpx 100rpx;
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-	}
-
-	.qbt_con_item {
-		width: 330rpx;
-		height: 505rpx;
-		margin-top: 30rpx;
-		// border: 1px solid #4a4951;
-		position: relative;
-		background-color: #f8f8f8;
-		border-radius: 16rpx;
-		// background: url($imgurl+'common/goodsBg.png') no-repeat 0 0 / 100% 100%;
-
-		.image1 {
-			width: 32rpx;
-			height: 32rpx;
-			position: absolute;
-			z-index: 10;
-			top: 10rpx;
-			right: 10rpx;
-		}
-
-		.image3 {
-			position: absolute;
-			z-index: 1;
-			top: 10rpx;
-			left: 10rpx;
-			min-width: 68rpx;
-			padding: 0 6rpx;
-			height: 32rpx;
-			justify-content: center;
-			display: flex;
-			align-items: center;
-
-			text {
-				font-size: 16rpx;
-				font-weight: 400;
-				color: #ffffff;
-			}
-		}
-
-		.half-tag {
-			width: 160rpx;
+		.gap-box {
+			width: 100%;
 			height: 60rpx;
-			position: absolute;
-			left: 0;
-			top: 250rpx;
-			z-index: 1;
-
-			image {
-				width: 100%;
-				height: 100%;
-			}
-		}
-
-		.lock-tag {
-			position: absolute;
-			right: 0;
-			top: 294rpx;
-			z-index: 1;
-			padding: 0 14rpx;
-			height: 36rpx;
-			background: linear-gradient(90deg, #6adeff 0%, #7ab5ff 50%, #ff7feb 100%);
-			border-radius: 4rpx;
-			display: flex;
-			align-items: center;
-
-			font-size: 22rpx;
-			font-weight: 400;
-			color: #222222;
-
-			&.dis {
-				background: linear-gradient(90deg, #729fdb 0%, #d0dbff 100%);
-			}
 		}
 	}
 
-	.list_1 {
-		width: 100%;
-		height: 332rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		overflow: hidden;
-	}
-
-	.list_1>image {
-		// width: 290rpx;
-		// height: 290rpx;
-		width: 100%;
-		height: 100%;
-	}
-
-	.list_2 {
-		padding: 28rpx 20rpx 0;
-		font-size: 20rpx;
-		font-weight: 500;
+	.get-btn {
+		margin: 120rpx auto 0;
+		width: 386rpx;
+		height: 102rpx;
+		background: #D8FD24;
+		border-radius: 26rpx;
+		font-weight: 600;
+		font-size: 32rpx;
 		color: #333333;
 	}
 
-	.redu {
-		margin-top: 24rpx;
-		font-size: 18rpx;
-		font-weight: 500;
-		color: #6C6C6C;
-	}
-
-	.qbt_con_item_3 {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		color: #fff;
-		// text-shadow: 0px 2px 8px rgba(233, 18, 252, 0.41);
-
-		.item-price {
-			font-size: 16rpx;
-			font-weight: 400;
-			color: #333333;
-
-			text {
-				font-size: 36rpx;
-			}
-		}
-	}
-
-	.qbt_con_item_price {
-		display: flex;
-		align-items: center;
-		font-size: 18rpx;
+	.bt-tip {
+		white-space: nowrap;
+		position: absolute;
+		bottom: -50rpx;
+		left: 50%;
+		transform: translateX(-50%);
 		font-weight: 400;
-		color: #6c6c6c;
+		font-size: 24rpx;
+		color: #ffffff;
 	}
 
-	.qbt_con_item_price>image {
-		width: 26rpx;
-		height: 26rpx;
-		margin-left: 6rpx;
+	.bt-close {
+		position: absolute;
+		bottom: -230rpx;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 48rpx;
+		height: 48rpx;
+		opacity: 0.6;
+	}
+}
+
+@keyframes zoom {
+	0% {
+		transform: scale(1);
 	}
 
-	.redu>image {
-		width: 32rpx;
-		height: 32rpx;
-		border: 2rpx solid rgba(255, 255, 255, 0.8);
-		border-radius: 50%;
+	50% {
+		transform: scale(0.9);
 	}
 
-	/* .redu>text {} */
-
-	// .nav-wrap {
-	//   width: 720rpx;
-	//   height: 268rpx;
-	//   display: flex;
-	//   justify-content: space-between;
-	//   position: relative;
-	//   margin: 0 auto;
-
-	//   .nav-lg {
-	//     width: 365rpx;
-	//     height: 268rpx;
-	//   }
-
-	//   .nav-sm {
-	//     position: absolute;
-	//     right: 0;
-	//     top: 0;
-	//     width: 365rpx;
-	//     height: 143rpx;
-	//   }
-
-	//   .nav-sm + .nav-sm {
-	//     top: auto;
-	//     bottom: 0;
-	//   }
-	// }
-
-	.coupon-pop {
-		width: 604rpx;
-		height: 598rpx;
-		position: relative;
-		background: url($imgurl + "index/couponBg.png") no-repeat 0 0 / 100% 100%;
-		// background: #281C50;
-		// border-radius: 30rpx;
-		// border: 1px solid #7776AD;
-
-		.coupon-pop-title {
-			display: flex;
-			justify-content: center;
-			padding: 40rpx 0 30rpx;
-
-			text {
-				font-weight: 500;
-				font-size: 40rpx;
-				color: #ffffff;
-			}
-		}
-
-		.coupon-list {
-			padding-top: 128rpx;
-			height: 400rpx;
-
-			.coupon-item {
-				width: 530rpx;
-				height: 160rpx;
-				margin: 0 auto 20rpx;
-				display: flex;
-				align-items: center;
-				position: relative;
-				background: url($imgurl + "index/couponItem.png") no-repeat 0 0 / 100% 100%;
-
-				>view:nth-child(1) {
-					width: 168rpx;
-					height: 168rpx;
-
-
-					>text:nth-child(1) {
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #FDB075;
-						padding-top: 20rpx;
-					}
-
-					>text:nth-child(2) {
-						font-weight: 700;
-						font-size: 64rpx;
-						color: #FDB075;
-					}
-				}
-
-				>view:nth-child(2) {
-					>text:nth-child(1) {
-						font-weight: 400;
-						font-size: 28rpx;
-						color: #FDB075;
-					}
-
-					>text:nth-child(2) {
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #FDB075;
-					}
-				}
-			}
-
-			.gap-box {
-				width: 100%;
-				height: 60rpx;
-			}
-		}
-
-		.get-btn {
-			margin: 120rpx auto 0;
-			width: 386rpx;
-			height: 102rpx;
-			background: #D8FD24;
-			border-radius: 26rpx;
-			font-weight: 600;
-			font-size: 32rpx;
-			color: #333333;
-		}
-
-		.bt-tip {
-			white-space: nowrap;
-			position: absolute;
-			bottom: -50rpx;
-			left: 50%;
-			transform: translateX(-50%);
-			font-weight: 400;
-			font-size: 24rpx;
-			color: #ffffff;
-		}
-
-		.bt-close {
-			position: absolute;
-			bottom: -230rpx;
-			left: 50%;
-			transform: translateX(-50%);
-			width: 48rpx;
-			height: 48rpx;
-			opacity: 0.6;
-		}
+	100% {
+		transform: scale(1);
 	}
+}
 
-	@keyframes zoom {
-		0% {
-			transform: scale(1);
-		}
+.group-fixed1 {
+  // 删除此样式
+}
 
-		50% {
-			transform: scale(0.9);
-		}
+.pop-ball {
+  // 删除此样式
+}
 
-		100% {
-			transform: scale(1);
-		}
-	}
-
-	.group-fixed {
-		width: 187rpx;
-		height: 100rpx;
-		position: fixed;
-		z-index: 10;
-		right: 0;
-		bottom: 20vh;
-
-		animation: zoom 1.2s ease-in-out infinite;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.group-fixed2 {
-		width: 187rpx;
-		height: 100rpx;
-		position: fixed;
-		z-index: 10;
-		right: 0;
-		bottom: 28vh;
-
-		animation: zoom 1.2s ease-in-out infinite;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.group-fixed1 {
-		width: 52rpx;
-		height: 120rpx;
-		position: fixed;
-		z-index: 10;
-		right: 0;
-		top: 21vh;
-
-		// animation: zoom 1.2s ease-in-out infinite;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
+.pop-ball-close {
+  // 删除此样式
+}
 </style>
\ No newline at end of file
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 047be42..46fd4ba 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -4,7 +4,7 @@
 			:fixed="false"></uni-nav-bar>
 
 		<view class="user-card">
-			<view class="user-info" @click="$c.to({ url: '/pages/user/change' })">
+			<view class="user-info" @click="toChange">
 				<view class="avatar">
 					<image :src="userinfo.headimg" mode="scaleToFill" />
 				</view>
@@ -24,10 +24,11 @@
 
 			<view v-if="userinfo" class="lv-box align-center justify-between"
 				@click="$c.to({ url: '/package/mine/equity' })">
-				<text class="lv-box-dengji">LV.{{userinfo.quan_yi_level.level}}</text>
+				<text class="lv-box-dengji">LV.{{ userinfo.quan_yi_level.level }}</text>
 				<view class="lv-box-ouqi column">
 					<text>
-						<template v-if="userinfo.quan_yi_level.cha > 0">还差{{userinfo.quan_yi_level.cha}}欧气值升级</template>
+						<template v-if="userinfo.quan_yi_level.cha > 0">还差{{ userinfo.quan_yi_level.cha
+							}}欧气值升级</template>
 						<template v-if="userinfo.quan_yi_level.cha == -1">已满级</template>
 					</text>
 					<view class="mt10 relative">
@@ -38,7 +39,8 @@
 				</view>
 				<text class="lv-box-detail center" @click="$c.to({ url: '/package/mine/equity' })">查看详情</text>
 				<image style="width: 206rpx; height: 206rpx; position: absolute; top: -40rpx; right: 8rpx;"
-					:src="$img1('my/ou.png')"></image>
+					:src="$img1('my/ou.png')">
+				</image>
 			</view>
 
 			<!-- <view class="rbtn btn1 flex" @click="$c.to({ url: '/package/index/sign' })">
@@ -50,16 +52,16 @@
 		<view class="money-card">
 			<view class="other-num">
 				<view class="other-item" @click="$c.to({ url: '/pages/user/yetx' })">
-					<view class="title">{{$config.getAppSetting('balance_name')}}</view>
+					<view class="title">{{ $config.getAppSetting('balance_name') }}</view>
 					<view class="num">{{ formatNumber(userinfo.money) }}</view>
 				</view>
 				<view class="other-item" @click="$c.to({ url: '/pages/user/bi_jl' })">
-					<view class="title">{{$config.getAppSetting('currency1_name')}}</view>
+					<view class="title">{{ $config.getAppSetting('currency1_name') }}</view>
 					<view class="num" style="color: #333333;">{{ formatNumber(userinfo.integral) }}</view>
 				</view>
 
 				<view class="other-item" @click="$c.to({ url: '/pages/user/jf_jl' })">
-					<view class="title">{{$config.getAppSetting('currency2_name')}}</view>
+					<view class="title">{{ $config.getAppSetting('currency2_name') }}</view>
 					<view class="num" style="color: #333333;">{{ formatNumber(userinfo.money2) }}</view>
 				</view>
 			</view>
@@ -158,19 +160,20 @@
 					<view class="title">星钻充值</view>
 					<view class="ca" @click="$refs.chongzhi_show.close()">
 						<image :src="$img('/static/icon/close1.png')"
-							style="width: 30rpx; height: 30rpx; margin-top: 14rpx"></image>
+							style="width: 30rpx; height: 30rpx; margin-top: 14rpx">
+						</image>
 					</view>
 				</view>
 				<view class="pop_coucent">
 					<view>选择充值金额</view>
 					<view class="pop_box">
 						<view class="common_bg" @click="money_1 = v" v-for="(v, i) in moneyArr" :key="i" :style="{
-                'background-image': `url(${$img(
-                  money_1 == v
-                    ? '/static/img/mine_chong_tab_bg_act.png'
-                    : '/static/img/mine_chong_tab_bg.png'
-                )})`
-              }">
+							'background-image': `url(${$img(
+								money_1 == v
+									? '/static/img/mine_chong_tab_bg_act.png'
+									: '/static/img/mine_chong_tab_bg.png'
+							)})`
+						}">
 							￥
 							<text style="font-size: 32rpx">{{ v }}</text>
 						</view>
@@ -185,8 +188,8 @@
 					<view class="money">需支付:{{ money_1 || 0 }}元</view>
 
 					<view @click="chongzhi_click" class="pay-btn common_bg" :style="{
-              'background-image': `url(${$img('/static/img/mine_qrcz.png')})`
-            }"></view>
+						'background-image': `url(${$img('/static/img/mine_qrcz.png')})`
+					}"></view>
 				</view>
 
 				<!-- <view
@@ -210,7 +213,8 @@
 					<image :src="z_imgPath + 'mine/tx_tips.png'" style="width: 162rpx; height: 47rpx"></image>
 					<view class="ca" @click="tixian_show = false">
 						<image :src="z_imgPath + 'mine/qu_close.png?11'"
-							style="width: 48rpx; height: 48rpx; margin-top: 14rpx"></image>
+							style="width: 48rpx; height: 48rpx; margin-top: 14rpx">
+						</image>
 					</view>
 				</view>
 				<view class="pop_head">
@@ -257,12 +261,11 @@
 						</view>
 					</view>
 				</view>
-				<view class="pop_chongzhi" @click="tixian_click" :style="
-            'background: url(' +
-            z_imgPath +
-            'mine/allBtn_bg.png' +
-            ') no-repeat 0 0 / 100% 100%;'
-          ">
+				<view class="pop_chongzhi" @click="tixian_click" :style="'background: url(' +
+					z_imgPath +
+					'mine/allBtn_bg.png' +
+					') no-repeat 0 0 / 100% 100%;'
+					">
 					确认提现
 				</view>
 				<!-- <image :src="z_imgPath+'mine/qrtx.png'" class="pop_chongzhi" @click="tixian_click()"></image> -->
@@ -273,1467 +276,1476 @@
 </template>
 
 <script>
-	export default {
-		components: {},
-		data() {
-			return {
-				z_imgPath: this.$z_img2,
-				userinfo: '',
-				moneyArr: [100, 200, 500, 1000, 3000],
-				menuList: [{
-						id: 1,
-						show: true,
-						title: '消费记录',
-						icon: 'my/s1.png',
-						path: '/pages/other/order_list'
-					},
-					{
-						id: 2,
-						show: true,
-						title: '兑换记录',
-						icon: 'my/s2.png',
-						path: '/pages/user/hsjl'
-					},
-					{
-						id: 3,
-						show: true,
-						title: '我的收藏',
-						icon: 'my/s3.png',
-						path: '/package/mine/collect'
-					},
-					{
-						id: 4,
-						show: true,
-						title: '优惠券',
-						icon: 'my/s4.png',
-						path: '/pages/user/coupon'
-					},
-					{
-						id: 5,
-						show: true,
-						title: '邀请好友',
-						icon: 'my/s5.png',
-						path: '/pages/user/tui-guang'
-					},
-					{
-						id: 6,
-						show: true,
-						title: '加入福利群',
-						icon: 'my/s6.png',
-						path: ''
-					},
-					{
-						id: 7,
-						show: true,
-						title: '用户协议',
-						icon: 'my/s7.png',
-						path: '/pages/guize/guize?type=4'
-					},
-					// {
-					// 	id: 8,
-					// 	show: true,
-					// 	title: '道具卡',
-					// 	icon: 'my/s8.png',
-					// 	path: '/package/mine/skill-card'
-					// },
-					// {
-					//   id: 9,
-					//   show:true,
-					//   title: '挂售记录',
-					//   icon: '/static/img/2_gsjl.png',
-					//   path: ''
-					// },
-					// {
-					//   id: 10,
-					//   show:true,
-					//   title: '晋升排行榜',
-					//   icon: '/static/img/2_jsphb.png',
-					//   path: '/pages/shouye/bangdan'
-					// },
-				],
-				// 星钻充值金额
-				money_1: '',
-				// 二维码
-				ewm: '',
-				// 1:微信提现 2:支付宝提现
-				tixian_index: 1,
-				// 星钻提现金额
-				money_2: '',
-				// 提现姓名
-				name: '',
-				// 提现账户
-				number: '',
-				// 收藏数组
-				mycollectArr: [],
-
-				list: [{
-						// img: 'mine/img01.png?1',
-						// sel: 'mine/sel01.png?1',
-						name: '一番赏收藏'
-					},
-					{
-						// img: 'mine/img02.png?1',
-						// sel: 'mine/sel02.png?1'
-						name: '无限池收藏'
-					}
-				],
-				show: 1,
-				tixian_show: false,
-				taskList: []
-			}
-		},
-		onLoad(e) {
-			if (e.ou_coupon_id) {
-				uni.setStorageSync('_ou_coupon_id', e.ou_coupon_id)
-			}
-			if (e.pid) {
-				uni.setStorageSync('pid', e.pid)
-			}
-		},
-		onHide() {
-			uni.setStorageSync('page', this.$mp.page.route)
-		},
-		onShareAppMessage() {
-			return {
-				title: "友达赏，正版潮玩手办一番赏",
-				// imageUrl: '',
-				path: '/pages/user/index?pid=' + uni.getStorageSync('userinfo').ID
-			}
-		},
-		onShow() {
-			this.getdata()
-			// this.getmycollect()
-			let that = this
-			const curPages = getCurrentPages()[0]; // 获取当前页面实例
-			if (typeof curPages.getTabBar === 'function' && curPages.getTabBar()) {
-				this.$mp.page.getTabBar().setData({
-					selected: 4
-				});
-			}
-		},
-		methods: {
-			receiveCoupon() {
-				const coupon_id = uni.getStorageSync('_ou_coupon_id')
-
-				this.req({
-					url: 'coupon_ling',
-					data: {
-						coupon_id
-					},
-					success: res => {
-						uni.removeStorageSync('_ou_coupon_id')
-
-						if (res.status == 1) {
-							this.$c.toast({
-								title: res.msg,
-								duration: 500,
-								success: () => {
-									this.$c.to({
-										url: '/package/mine/coupon-detail',
-										query: {
-											id: coupon_id
-										}
-									})
-								}
-							})
-						} else if (res.status == 2222) {
-							this.$c.to({
-								url: '/package/mine/coupon-detail',
-								query: {
-									id: coupon_id
-								}
-							})
-						}
-					}
-				})
+export default {
+	components: {},
+	data() {
+		return {
+			z_imgPath: this.$z_img2,
+			userinfo: '',
+			moneyArr: [100, 200, 500, 1000, 3000],
+			menuList: [{
+				id: 1,
+				show: true,
+				title: '消费记录',
+				icon: 'my/s1.png',
+				path: '/pages/other/order_list'
 			},
-
-			completeTask(item) {
-				this.req({
-					url: 'ling_task',
-					data: {
-						task_list_id: item.id
-					},
-					success: res => {
-						if (res.status == 1) {
-							this.$c.toast({
-								title: res.msg,
-								duration: 500,
-								success: () => {
-									this.getdata()
-								}
-							})
-						}
-					}
-				})
+			{
+				id: 2,
+				show: true,
+				title: '兑换记录',
+				icon: 'my/s2.png',
+				path: '/pages/user/hsjl'
 			},
-
-			menuTo(item) {
-				switch (item.id) {
-					case 6:
-						this.$refs.qunliao_show.open()
-						break
-					default:
-						this.$c.to({
-							url: item.path
-						})
-						break
-				}
+			{
+				id: 3,
+				show: true,
+				title: '我的收藏',
+				icon: 'my/s3.png',
+				path: '/package/mine/collect'
 			},
-
-			copy(e) {
-				uni.setClipboardData({
-					data: `${e}`,
-					success: result => {},
-					fail: error => {}
-				})
+			{
+				id: 4,
+				show: true,
+				title: '优惠券',
+				icon: 'my/s4.png',
+				path: '/pages/user/coupon'
 			},
-
-			tokefu() {
-				// #ifdef  MP-WEIXIN
-				wx.openCustomerServiceChat({
-					extInfo: {
-						url: uni.getStorageSync('wx_link') //客服地址链接
-					},
-					corpId: uni.getStorageSync('corpid'), //必须和你小程序上的一致
-					success(res) {
-						console.log(res, 1)
-					},
-					fail(res) {
-						console.log(res, 2)
-					}
-				})
-				// #endif
+			{
+				id: 5,
+				show: true,
+				title: '邀请好友',
+				icon: 'my/s5.png',
+				path: '/pages/user/tui-guang'
 			},
-			getPhoneNumber(e) {
-				// console.log(e)
-				let that = this
-				uni.login({
-					success(res) {
-						// console.log(res)
-						uni.checkSession({
-							success() {
-								that.req({
-									url: 'login_bind_mobile',
-									data: {
-										code: e.detail.code,
-										encryptedData: e.detail.encryptedData,
-										iv: e.detail.iv
-									},
-									success(res) {
-										if (res.status == 1) {
-											uni.showToast({
-												title: '绑定成功~',
-												success() {
-													that.getdata()
-												}
-											})
-										}
+			{
+				id: 6,
+				show: true,
+				title: '加入福利群',
+				icon: 'my/s6.png',
+				path: ''
+			},
+			{
+				id: 7,
+				show: true,
+				title: '用户协议',
+				icon: 'my/s7.png',
+				path: '/pages/guize/guize?type=4'
+			},
+				// {
+				// 	id: 8,
+				// 	show: true,
+				// 	title: '道具卡',
+				// 	icon: 'my/s8.png',
+				// 	path: '/package/mine/skill-card'
+				// },
+				// {
+				//   id: 9,
+				//   show:true,
+				//   title: '挂售记录',
+				//   icon: '/static/img/2_gsjl.png',
+				//   path: ''
+				// },
+				// {
+				//   id: 10,
+				//   show:true,
+				//   title: '晋升排行榜',
+				//   icon: '/static/img/2_jsphb.png',
+				//   path: '/pages/shouye/bangdan'
+				// },
+			],
+			// 星钻充值金额
+			money_1: '',
+			// 二维码
+			ewm: '',
+			// 1:微信提现 2:支付宝提现
+			tixian_index: 1,
+			// 星钻提现金额
+			money_2: '',
+			// 提现姓名
+			name: '',
+			// 提现账户
+			number: '',
+			// 收藏数组
+			mycollectArr: [],
+
+			list: [{
+				// img: 'mine/img01.png?1',
+				// sel: 'mine/sel01.png?1',
+				name: '一番赏收藏'
+			},
+			{
+				// img: 'mine/img02.png?1',
+				// sel: 'mine/sel02.png?1'
+				name: '无限池收藏'
+			}
+			],
+			show: 1,
+			tixian_show: false,
+			taskList: []
+		}
+	},
+	onLoad(e) {
+		if (e.ou_coupon_id) {
+			uni.setStorageSync('_ou_coupon_id', e.ou_coupon_id)
+		}
+		if (e.pid) {
+			uni.setStorageSync('pid', e.pid)
+		}
+	},
+	onHide() {
+		uni.setStorageSync('page', this.$mp.page.route)
+	},
+	onShareAppMessage() {
+		return {
+			title: "友达赏，正版潮玩手办一番赏",
+			// imageUrl: '',
+			path: '/pages/user/index?pid=' + uni.getStorageSync('userinfo').ID
+		}
+	},
+	onShow() {
+		this.getdata()
+		// this.getmycollect()
+		let that = this
+		const curPages = getCurrentPages()[0]; // 获取当前页面实例
+		if (typeof curPages.getTabBar === 'function' && curPages.getTabBar()) {
+			this.$mp.page.getTabBar().setData({
+				selected: 4
+			});
+		}
+	},
+	methods: {
+		toChange() {
+			var user = uni.getStorageSync('userinfo');
+			if (user == null || user == "") {
+				this.$c.nav("/pages/user/login")
+				return;
+			}
+
+			this.$c.to({ url: '/pages/user/change' })
+		},
+		receiveCoupon() {
+			const coupon_id = uni.getStorageSync('_ou_coupon_id')
+
+			this.req({
+				url: 'coupon_ling',
+				data: {
+					coupon_id
+				},
+				success: res => {
+					uni.removeStorageSync('_ou_coupon_id')
+
+					if (res.status == 1) {
+						this.$c.toast({
+							title: res.msg,
+							duration: 500,
+							success: () => {
+								this.$c.to({
+									url: '/package/mine/coupon-detail',
+									query: {
+										id: coupon_id
 									}
 								})
 							}
 						})
+					} else if (res.status == 2222) {
+						this.$c.to({
+							url: '/package/mine/coupon-detail',
+							query: {
+								id: coupon_id
+							}
+						})
 					}
-				})
-			},
-
-			getlist(index) {
-				this.show = index
-				this.mycollectArr = []
-				this.getmycollect()
-			},
-			todetail(a) {
-				if (a.type == 2) {
-					uni.navigateTo({
-						url: '/pages/shouye/detail_wuxian?goods_id=' + a.goods_id
-					})
-				} else {
-					uni.navigateTo({
-						url: '/pages/shouye/detail?goods_id=' +
-							a.goods_id +
-							'&goods_num=' +
-							a.num
-					})
 				}
-			},
+			})
+		},
 
-			del_soucang(a) {
-				let that = this
-				that.req({
-					url: 'delCollect',
-					data: {
-						id: a
-					},
-					success(res) {
-						if (res.status == 1) {
-							that.getmycollect()
-						}
+		completeTask(item) {
+			this.req({
+				url: 'ling_task',
+				data: {
+					task_list_id: item.id
+				},
+				success: res => {
+					if (res.status == 1) {
+						this.$c.toast({
+							title: res.msg,
+							duration: 500,
+							success: () => {
+								this.getdata()
+							}
+						})
 					}
-				})
-			},
+				}
+			})
+		},
 
-			chongzhi_click() {
-				let that = this
-				that.req({
-					url: 'recharge',
-					data: {
-						money: that.money_1
-					},
-					success(res) {
-						if (res.status == 1) {
-							uni.requestPayment({
-								provider: 'wxpay',
-								timeStamp: res.data.timeStamp,
-								nonceStr: res.data.nonceStr,
-								package: res.data.package,
-								signType: 'MD5',
-								paySign: res.data.paySign,
-								complete(res) {
-									if (res.errMsg == 'requestPayment:fail cancel') {
+		menuTo(item) {
+			switch (item.id) {
+				case 6:
+					this.$refs.qunliao_show.open()
+					break
+				default:
+					this.$c.to({
+						url: item.path
+					})
+					break
+			}
+		},
+
+		copy(e) {
+			uni.setClipboardData({
+				data: `${e}`,
+				success: result => { },
+				fail: error => { }
+			})
+		},
+
+		tokefu() {
+			// #ifdef  MP-WEIXIN
+			wx.openCustomerServiceChat({
+				extInfo: {
+					url: uni.getStorageSync('wx_link') //客服地址链接
+				},
+				corpId: uni.getStorageSync('corpid'), //必须和你小程序上的一致
+				success(res) {
+					console.log(res, 1)
+				},
+				fail(res) {
+					console.log(res, 2)
+				}
+			})
+			// #endif
+		},
+		getPhoneNumber(e) {
+			// console.log(e)
+			let that = this
+			uni.login({
+				success(res) {
+					// console.log(res)
+					uni.checkSession({
+						success() {
+							that.req({
+								url: 'login_bind_mobile',
+								data: {
+									code: e.detail.code,
+									encryptedData: e.detail.encryptedData,
+									iv: e.detail.iv
+								},
+								success(res) {
+									if (res.status == 1) {
 										uni.showToast({
-											title: '取消支付',
-											icon: 'loading',
-											duration: 1000
+											title: '绑定成功~',
+											success() {
+												that.getdata()
+											}
 										})
 									}
-									if (res.errMsg == 'requestPayment:ok') {
-										that.$refs.chongzhi_show.close()
-										that.getdata()
-									}
 								}
 							})
 						}
-					}
-				})
-			},
+					})
+				}
+			})
+		},
 
-			getdata() {
-				let that = this
-				that.req({
-					url: 'user',
-					success(res) {
-						if (res.status == 1) {
-							that.ewm = res.data.other.erweima
-							that.moneyArr = res.data.other.recharge
-							that.userinfo = res.data.userinfo
-							that.taskList = res.data.task_list
-							console.log(that.userinfo.mobile_is);
-							uni.setStorageSync('userinfo', that.userinfo)
-							uni.setStorageSync('jump_appid', res.data.other.jump_appid)
-							uni.setStorageSync('wx_link', res.data.other.wx_link)
-							uni.setStorageSync('corpid', res.data.other.corpid)
-							console.log(res.data.userinfo.js_is_open)
-							if (
-								uni.getStorageSync('_ou_coupon_id') &&
-								uni.getStorageSync('token')
-							) {
-								setTimeout(() => {
-									that.receiveCoupon()
-								}, 100)
-							}
-							that.menuList.map(item => {
-								/* 判断集市是否展示 */
-								if (
-									item.id == 11 &&
-									res.data.userinfo.js_is_open == 1 &&
-									res.data.userinfo.is_show_js == 1
-								) {
-									item.show = true
-								} else {
-									if (item.id == 11) {
-										item.show = false
-									}
-								}
-							})
-						}
-					}
+		getlist(index) {
+			this.show = index
+			this.mycollectArr = []
+			this.getmycollect()
+		},
+		todetail(a) {
+			if (a.type == 2) {
+				uni.navigateTo({
+					url: '/pages/shouye/detail_wuxian?goods_id=' + a.goods_id
 				})
-			},
-			getmycollect() {
-				let that = this
-				that.req({
-					url: 'listCollect',
-					Loading: true,
-					data: {
-						type: that.show
-					},
-					success(res) {
-						if (res.status == 1) {
-							that.mycollectArr = res.data.data
-						}
-					}
+			} else {
+				uni.navigateTo({
+					url: '/pages/shouye/detail?goods_id=' +
+						a.goods_id +
+						'&goods_num=' +
+						a.num
 				})
-			},
-			tixian_click() {
-				let that = this
-				console.log(that.money_2)
-				that.req({
-					url: 'withdraw',
-					data: {
-						type: that.tixian_index,
-						money: that.money_2,
-						name: that.name,
-						number: that.number
-					},
-					success(res) {
-						that.money_2 = ''
-						if (res.status == 0) {
-							that.tixian_show = false
-						}
-					}
-				})
-			},
-			//跳转页面
-			toPage(id) {
-				if (id == 1) {
-					this.$c.to({
-						url: '/pages/user/tui-guang'
-					})
-				} else {
-					this.$c.to({
-						type: 3,
-						url: '/pages/shouye/index'
-					})
-				}
-			},
-			/**
-			 * 格式化数字，如果小数部分是.00则只显示整数部分
-			 * @param {Number|String} num - 要格式化的数字
-			 * @param {String} defaultVal - 默认值，当num为空时返回
-			 * @return {String} - 格式化后的数字字符串
-			 */
-			formatNumber(num, defaultVal = '0') {
-				if (num === undefined || num === null || num === ''||num===0) {
-					return defaultVal;
-				}
-				
-				const numStr = num.toString();
-				if (numStr.endsWith('.00')) {
-					return parseFloat(num).toFixed(0);
-				}
-				
-				return numStr;
 			}
+		},
+
+		del_soucang(a) {
+			let that = this
+			that.req({
+				url: 'delCollect',
+				data: {
+					id: a
+				},
+				success(res) {
+					if (res.status == 1) {
+						that.getmycollect()
+					}
+				}
+			})
+		},
+
+		chongzhi_click() {
+			let that = this
+			that.req({
+				url: 'recharge',
+				data: {
+					money: that.money_1
+				},
+				success(res) {
+					if (res.status == 1) {
+						uni.requestPayment({
+							provider: 'wxpay',
+							timeStamp: res.data.timeStamp,
+							nonceStr: res.data.nonceStr,
+							package: res.data.package,
+							signType: 'MD5',
+							paySign: res.data.paySign,
+							complete(res) {
+								if (res.errMsg == 'requestPayment:fail cancel') {
+									uni.showToast({
+										title: '取消支付',
+										icon: 'loading',
+										duration: 1000
+									})
+								}
+								if (res.errMsg == 'requestPayment:ok') {
+									that.$refs.chongzhi_show.close()
+									that.getdata()
+								}
+							}
+						})
+					}
+				}
+			})
+		},
+
+		getdata() {
+			let that = this
+			that.req({
+				url: 'user',
+				success(res) {
+					if (res.status == 1) {
+						that.ewm = res.data.other.erweima
+						that.moneyArr = res.data.other.recharge
+						that.userinfo = res.data.userinfo
+						that.taskList = res.data.task_list
+						console.log(that.userinfo.mobile_is);
+						uni.setStorageSync('userinfo', that.userinfo)
+						uni.setStorageSync('jump_appid', res.data.other.jump_appid)
+						uni.setStorageSync('wx_link', res.data.other.wx_link)
+						uni.setStorageSync('corpid', res.data.other.corpid)
+						console.log(res.data.userinfo.js_is_open)
+						if (
+							uni.getStorageSync('_ou_coupon_id') &&
+							uni.getStorageSync('token')
+						) {
+							setTimeout(() => {
+								that.receiveCoupon()
+							}, 100)
+						}
+						that.menuList.map(item => {
+							/* 判断集市是否展示 */
+							if (
+								item.id == 11 &&
+								res.data.userinfo.js_is_open == 1 &&
+								res.data.userinfo.is_show_js == 1
+							) {
+								item.show = true
+							} else {
+								if (item.id == 11) {
+									item.show = false
+								}
+							}
+						})
+					}
+				}
+			})
+		},
+		getmycollect() {
+			let that = this
+			that.req({
+				url: 'listCollect',
+				Loading: true,
+				data: {
+					type: that.show
+				},
+				success(res) {
+					if (res.status == 1) {
+						that.mycollectArr = res.data.data
+					}
+				}
+			})
+		},
+		tixian_click() {
+			let that = this
+			console.log(that.money_2)
+			that.req({
+				url: 'withdraw',
+				data: {
+					type: that.tixian_index,
+					money: that.money_2,
+					name: that.name,
+					number: that.number
+				},
+				success(res) {
+					that.money_2 = ''
+					if (res.status == 0) {
+						that.tixian_show = false
+					}
+				}
+			})
+		},
+		//跳转页面
+		toPage(id) {
+			if (id == 1) {
+				this.$c.to({
+					url: '/pages/user/tui-guang'
+				})
+			} else {
+				this.$c.to({
+					type: 3,
+					url: '/pages/shouye/index'
+				})
+			}
+		},
+		/**
+		 * 格式化数字，如果小数部分是.00则只显示整数部分
+		 * @param {Number|String} num - 要格式化的数字
+		 * @param {String} defaultVal - 默认值，当num为空时返回
+		 * @return {String} - 格式化后的数字字符串
+		 */
+		formatNumber(num, defaultVal = '0') {
+			if (num === undefined || num === null || num === '' || num === 0) {
+				return defaultVal;
+			}
+
+			const numStr = num.toString();
+			if (numStr.endsWith('.00')) {
+				return parseFloat(num).toFixed(0);
+			}
+
+			return numStr;
 		}
 	}
+}
 </script>
 
 <style lang="scss">
-	.pop_title {
-		font-size: 48rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #ffffff;
+.pop_title {
+	font-size: 48rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #ffffff;
+	text-align: center;
+	margin-bottom: 30rpx;
+}
+
+.mineInfo {
+	width: 720rpx;
+	/* height: 323rpx; */
+	/* background: url(https://xiongmaomh.languoyun.cn/newindex/mineTop.png) no-repeat; */
+	background-size: 100% 100%;
+	box-sizing: border-box;
+	margin: 0 auto;
+	box-sizing: border-box;
+	padding: 35rpx 36rpx 0;
+}
+
+page {
+	/* background: #000000; */
+}
+
+.selTitle {
+	font-size: 36rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #ffffff;
+	text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32);
+}
+
+.noTitle {
+	font-size: 36rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #666666;
+}
+
+.qiehuan {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 750rpx;
+}
+
+.qiehuan_line {
+	margin: -10rpx auto;
+	width: 30rpx;
+	height: 20rpx;
+	border-bottom: 4rpx solid #1ff7f0;
+	border-radius: 4rpx;
+}
+
+.qiehuan image {
+	width: 169rpx;
+	height: 38rpx;
+}
+
+.qiehuan>view {
+	flex: 1;
+	text-align: center;
+}
+
+.wzs {
+	font-size: 28rpx;
+	color: rgb(255, 255, 255);
+}
+
+.xzs {
+	font-size: 32rpx;
+	color: #ffffff;
+	text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.7);
+}
+
+button::after {
+	border: none;
+}
+
+button {
+	background-color: transparent;
+	padding-left: 0;
+	padding-right: 0;
+	line-height: inherit;
+	border-radius: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 54rpx;
+	height: 54rpx;
+}
+
+.name_phone>input {
+	font-size: 28rpx;
+	margin-left: 40rpx;
+}
+
+.name_phone {
+	padding: 20rpx 0;
+	box-sizing: border-box;
+	border-bottom: 1px solid #eeeeee;
+}
+
+.pop_tixian_input {
+	margin: 20rpx 0;
+	padding-bottom: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	font-size: 24rpx;
+	border-bottom: 1px solid #eeeeee;
+}
+
+.pop_head>view {
+	flex: 1;
+	text-align: center;
+	font-size: 28rpx;
+	margin-top: 20rpx;
+}
+
+.pop_head {
+	display: flex;
+	justify-content: space-between;
+}
+
+.pop_box>view {
+	width: 180rpx;
+	height: 80rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 30rpx;
+	margin-right: 35rpx;
+
+	font-size: 28rpx;
+	font-family: zihun152hao-jijiachaojihei;
+	font-weight: 400;
+	color: #ffffff;
+}
+
+.pop_box>view:nth-child(3n + 3) {
+	margin-right: 0;
+}
+
+.pop_box {
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+}
+
+.pop_coucent>input {
+	width: 630rpx;
+	height: 88rpx;
+	background: #222222;
+	border: none;
+	border-radius: 10rpx;
+	padding-left: 40rpx;
+	font-size: 24rpx;
+	box-sizing: border-box;
+	margin-top: 30rpx;
+}
+
+.pop_coucent {
+	width: 690rpx;
+	// border: 1rpx solid #fff;
+	// box-shadow: 0px 0px 10rpx 0px #1ff7f0;
+	padding: 30rpx;
+	background: rgba(34, 34, 34, 0.5);
+	box-sizing: border-box;
+	margin-top: 20rpx;
+	font-size: 28rpx;
+	color: #ffffff;
+}
+
+.pop_chongzhi {
+	width: 692rpx;
+	height: 88rpx;
+	margin: 48rpx auto 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 36rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #ffffff;
+}
+
+.ca {
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.order_title {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 32rpx;
+	color: #ffffff;
+	position: relative;
+	font-weight: normal;
+	padding: 10rpx 0;
+
+	.title {
 		text-align: center;
-		margin-bottom: 30rpx;
-	}
 
-	.mineInfo {
-		width: 720rpx;
-		/* height: 323rpx; */
-		/* background: url(https://xiongmaomh.languoyun.cn/newindex/mineTop.png) no-repeat; */
-		background-size: 100% 100%;
-		box-sizing: border-box;
-		margin: 0 auto;
-		box-sizing: border-box;
-		padding: 35rpx 36rpx 0;
-	}
-
-	page {
-		/* background: #000000; */
-	}
-
-	.selTitle {
 		font-size: 36rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #ffffff;
-		text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32);
-	}
-
-	.noTitle {
-		font-size: 36rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #666666;
-	}
-
-	.qiehuan {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		width: 750rpx;
-	}
-
-	.qiehuan_line {
-		margin: -10rpx auto;
-		width: 30rpx;
-		height: 20rpx;
-		border-bottom: 4rpx solid #1ff7f0;
-		border-radius: 4rpx;
-	}
-
-	.qiehuan image {
-		width: 169rpx;
-		height: 38rpx;
-	}
-
-	.qiehuan>view {
-		flex: 1;
-		text-align: center;
-	}
-
-	.wzs {
-		font-size: 28rpx;
-		color: rgb(255, 255, 255);
-	}
-
-	.xzs {
-		font-size: 32rpx;
-		color: #ffffff;
-		text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.7);
-	}
-
-	button::after {
-		border: none;
-	}
-
-	button {
-		background-color: transparent;
-		padding-left: 0;
-		padding-right: 0;
-		line-height: inherit;
-		border-radius: 0;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		width: 54rpx;
-		height: 54rpx;
-	}
-
-	.name_phone>input {
-		font-size: 28rpx;
-		margin-left: 40rpx;
-	}
-
-	.name_phone {
-		padding: 20rpx 0;
-		box-sizing: border-box;
-		border-bottom: 1px solid #eeeeee;
-	}
-
-	.pop_tixian_input {
-		margin: 20rpx 0;
-		padding-bottom: 20rpx;
-		display: flex;
-		justify-content: space-between;
-		font-size: 24rpx;
-		border-bottom: 1px solid #eeeeee;
-	}
-
-	.pop_head>view {
-		flex: 1;
-		text-align: center;
-		font-size: 28rpx;
-		margin-top: 20rpx;
-	}
-
-	.pop_head {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.pop_box>view {
-		width: 180rpx;
-		height: 80rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin-top: 30rpx;
-		margin-right: 35rpx;
-
-		font-size: 28rpx;
 		font-family: zihun152hao-jijiachaojihei;
 		font-weight: 400;
 		color: #ffffff;
 	}
+}
 
-	.pop_box>view:nth-child(3n + 3) {
-		margin-right: 0;
-	}
+.order {
+	width: 750rpx;
+	background: #0d0d0d;
+	border-radius: 30rpx 30rpx 0px 0px;
+	padding: 10rpx 30rpx 48rpx;
+	box-sizing: border-box;
+	position: absolute;
+	bottom: var(--window-bottom);
 
-	.pop_box {
+	border-top: 2px solid transparent;
+	background-clip: padding-box, border-box;
+	background-origin: padding-box, border-box;
+	background-image: linear-gradient(to right, #000, #000),
+		linear-gradient(20deg, #ffffff, #a11aff, #85dfff, #ba39ff);
+
+	.chong-bt {
 		display: flex;
-		justify-content: center;
-		flex-wrap: wrap;
-	}
-
-	.pop_coucent>input {
-		width: 630rpx;
-		height: 88rpx;
-		background: #222222;
-		border: none;
-		border-radius: 10rpx;
-		padding-left: 40rpx;
-		font-size: 24rpx;
-		box-sizing: border-box;
-		margin-top: 30rpx;
-	}
-
-	.pop_coucent {
-		width: 690rpx;
-		// border: 1rpx solid #fff;
-		// box-shadow: 0px 0px 10rpx 0px #1ff7f0;
-		padding: 30rpx;
-		background: rgba(34, 34, 34, 0.5);
-		box-sizing: border-box;
-		margin-top: 20rpx;
-		font-size: 28rpx;
-		color: #ffffff;
-	}
-
-	.pop_chongzhi {
-		width: 692rpx;
-		height: 88rpx;
-		margin: 48rpx auto 0;
-		display: flex;
-		justify-content: center;
+		justify-content: space-between;
 		align-items: center;
-		font-size: 36rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #ffffff;
-	}
+		padding: 40rpx 0 0;
 
-	.ca {
-		position: absolute;
-		right: 0;
-		top: 50%;
-		transform: translateY(-50%);
-	}
-
-	.order_title {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		font-size: 32rpx;
-		color: #ffffff;
-		position: relative;
-		font-weight: normal;
-		padding: 10rpx 0;
-
-		.title {
-			text-align: center;
-
-			font-size: 36rpx;
+		.money {
+			font-size: 28rpx;
 			font-family: zihun152hao-jijiachaojihei;
 			font-weight: 400;
 			color: #ffffff;
 		}
+
+		.pay-btn {
+			width: 206rpx;
+			height: 84rpx;
+		}
+	}
+}
+
+.pop {
+	width: 506rpx;
+	height: 380px;
+	position: relative;
+	background: #B198E2;
+	box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
+	border-radius: 44rpx;
+
+	>view:nth-child(1) {
+		padding-top: 40rpx;
+
+		>image {
+			width: 430rpx;
+			height: 430rpx;
+			margin: 0 auto 0;
+			background: #FFFFFF;
+		}
 	}
 
-	.order {
-		width: 750rpx;
-		background: #0d0d0d;
-		border-radius: 30rpx 30rpx 0px 0px;
-		padding: 10rpx 30rpx 48rpx;
-		box-sizing: border-box;
+	&-view {
 		position: absolute;
-		bottom: var(--window-bottom);
-
-		border-top: 2px solid transparent;
-		background-clip: padding-box, border-box;
-		background-origin: padding-box, border-box;
-		background-image: linear-gradient(to right, #000, #000),
-			linear-gradient(20deg, #ffffff, #a11aff, #85dfff, #ba39ff);
-
-		.chong-bt {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 40rpx 0 0;
-
-			.money {
-				font-size: 28rpx;
-				font-family: zihun152hao-jijiachaojihei;
-				font-weight: 400;
-				color: #ffffff;
-			}
-
-			.pay-btn {
-				width: 206rpx;
-				height: 84rpx;
-			}
-		}
-	}
-
-	.pop {
-		width: 506rpx;
-		height: 380px;
-		position: relative;
-		background: #B198E2;
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
-		border-radius: 44rpx;
-
-		>view:nth-child(1) {
-			padding-top: 40rpx;
-
-			>image {
-				width: 430rpx;
-				height: 430rpx;
-				margin: 0 auto 0;
-				background: #FFFFFF;
-			}
-		}
-
-		&-view {
-			position: absolute;
-			left: 0;
-			bottom: 0;
-			width: 506rpx;
-			height: 276rpx;
-			box-sizing: border-box;
-			padding: 68rpx 0 0 40rpx;
-			background: url($imgurl+'index/hudu.png') no-repeat 0 0 / 100% 100%;
-
-			>text:nth-child(1) {
-				font-weight: 400;
-				font-size: 52rpx;
-				color: #894DD3;
-				text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
-			}
-
-			>text:nth-child(2) {
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #894DD3;
-				margin-top: 10rpx;
-			}
-		}
-
-		&-liwu {
-			position: absolute;
-			right: -160rpx;
-			width: 380rpx;
-			height: 260rpx;
-			bottom: -60rpx;
-			z-index: 10;
-		}
-
-		&-close {
-			width: 94rpx;
-			height: 94rpx;
-			position: absolute;
-			bottom: -140rpx;
-			left: 50%;
-			transform: translateX(-50%);
-			opacity: 0.6;
-		}
-	}
-
-	.mengban {
-		width: 100%;
-		height: 100%;
-		position: fixed;
-		top: 0;
 		left: 0;
-		right: 0;
-		z-index: 999;
-		background: rgba(0, 0, 0, 0.45);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.p_t_r {
-		position: absolute;
-		top: -20rpx;
-		right: -10rpx;
-		width: 32rpx !important;
-		height: 32rpx !important;
-	}
-
-	.shop_item>image {
-		width: 216rpx;
-		height: 216rpx;
-		border-radius: 8rpx 8rpx 0 0;
-		margin: 13rpx auto;
-		display: block;
-	}
-
-	.shop_text>.hang1 {
-		margin-bottom: 10rpx;
-	}
-
-	.shop_text {
-		padding: 2rpx 23rpx;
-		box-sizing: border-box;
-	}
-
-	.shop_item {
-		width: 242rpx;
-		height: 343rpx;
-		/* border-radius: 10rpx; */
-		margin-top: 10rpx;
-		position: relative;
-		color: #ffffff;
-		font-size: 24rpx;
-	}
-
-	.shop_coucent>view:nth-child(3n-1) {
-		margin: 10rpx 0rpx 0;
-	}
-
-	.shop_coucent {
-		display: flex;
-		flex-wrap: wrap;
-		font-size: 24rpx;
-	}
-
-	.sc_title {
-		width: 686rpx;
-		height: 22rpx;
-		margin: 0 auto;
-	}
-
-	.tuijian {
-		width: 750rpx;
-		padding: 0 13rpx 100rpx 13rpx;
-		box-sizing: border-box;
-		margin: 30rpx auto;
-		/* background-color: #222; */
-	}
-
-	.list>view>view>image {
-		margin-right: 20rpx;
-	}
-
-	.list image {
-		width: 12rpx;
-		height: 22rpx;
-	}
-
-	.list>view>view>image:nth-of-type(1) {
-		width: 32rpx;
-		height: 32rpx;
-	}
-
-	.list>view>view {
-		display: flex;
-		align-items: center;
-	}
-
-	.list>view {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		/* border-bottom: 1px solid #EEEEEE; */
-		padding: 24rpx 0;
-	}
-
-	.list {
-		width: 710rpx;
-		/* height: 700rpx; */
-		margin: 0 auto;
-		padding: 0rpx 20rpx;
-		box-sizing: border-box;
-		font-size: 28rpx;
-		color: #ffffff;
-
-		/* background: linear-gradient(135deg, transparent 10px, #F07D17 0); */
-		/* 	background: url(https://hdyfs.languowangluo.cn/zcq/mine/cz_bg.png) no-repeat; */
-		/* background-size: 100% 100%; */
-	}
-
-	.hegui image {
-		width: 32rpx;
-		height: 32rpx;
-		margin-right: 20rpx;
-	}
-
-	.hegui>image {
-		width: 40rpx;
-		height: 40rpx;
-		margin: 0;
-	}
-
-	.hegui>view {
-		display: flex;
-		align-items: center;
-		color: #ffffff;
-		font-size: 28rpx;
-	}
-
-	.hegui {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		width: 690rpx;
-		height: 99rpx;
-		background: rgba(15, 31, 67, 0.43);
-		border: 1px solid;
-		border-image: linear-gradient(269deg, #1ed3f9, #a31f9e, #2ad3f3, #c41fc1) 1 1;
-		border-radius: 10rpx;
-		margin: 30rpx auto;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-	}
-
-	.tixian_r>image {
-		width: 143rpx;
-		height: 59rpx;
-	}
-
-	.tixian_r {
-		text-align: right;
-	}
-
-	.tixian_r>view:nth-child(2) {
-		width: 132rpx;
-		height: 48rpx;
-		background: #1ac762;
-		border-radius: 24rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		font-size: 28rpx;
-		color: #ffffff;
-		margin-top: 20rpx;
-	}
-
-	.tixian_r>view:nth-child(1) {
-		width: 132rpx;
-		height: 48rpx;
-		border: 1px solid #1ac762;
-		color: #1ac762;
-		border-radius: 24rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		font-size: 28rpx;
-		/* text-shadow: 0px 0px 14rpx rgba(237, 87, 255, 0.7);
-		font-family: 'zcq'; */
-	}
-
-	.tixian_l image {
-		width: 12rpx;
-		height: 22rpx;
-		margin-left: 10rpx;
-	}
-
-	.tixian_l {
-		font-size: 28rpx;
-		font-family: zihun152hao-jijiachaojihei;
-		font-weight: 400;
-		color: #ffffff;
-	}
-
-	.tixian {
-		width: 720rpx;
-		height: 210rpx;
-		margin: 30rpx auto 0;
-		border-radius: 20rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 0 46rpx;
-		box-sizing: border-box;
-		color: #ffffff;
-	}
-
-	.youhui text {
-		margin-right: 10rpx;
-		font-size: 32rpx;
-		/* font-family: 'zcq'; */
-	}
-
-	.youhui>view>view:nth-of-type(2) {
-		font-size: 24rpx;
-		margin-top: 28rpx;
-	}
-
-	.youhui>view:nth-of-type(1)::after,
-	.youhui>view:nth-of-type(2)::after {
-		content: '';
-		width: 2rpx;
-		height: 40rpx;
-		/* background: #FFFFFF; */
-		position: absolute;
-		right: 0;
-		top: 0;
 		bottom: 0;
-		margin: auto;
-	}
-
-	.youhuiTitle {
-		font-size: 28rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-	}
-
-	.youhui>view {
-		font-size: 24rpx;
-		text-align: center;
-		position: relative;
-		flex: 1;
-	}
-
-	.youhui {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		/* width: 690rpx; */
-		height: 193rpx;
-		margin: 0rpx auto 0;
-		color: #ffffff;
-		padding-bottom: 30rpx;
-	}
-
-	.id_z>image {
-		width: 84rpx;
-		height: 20rpx;
-		margin-left: 20rpx;
-	}
-
-	.id_z {
-		font-size: 24rpx;
-		margin-top: 10rpx;
-		color: #999999;
-	}
-
-	.phone_z {
-		font-size: 32rpx;
-		/* font-weight: bold; */
-	}
-
-	.headimg {
-		width: 105rpx;
-		height: 105rpx;
-		border-radius: 50%;
-		margin-right: 30rpx;
-	}
-
-	.jp_headimg>image {
-		width: 132rpx;
-		height: 132rpx;
-		/* border: 1px solid #FE0032; */
-		border-radius: 50%;
-		/* 	clip-path: polygon(50% 10%, 85% 30%, 85% 70%, 50% 92%, 17% 71%, 16% 30%); */
-		/* polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0) */
-	}
-
-	.jp_headimg {
-		width: 132rpx;
-		height: 132rpx;
-		margin: 25rpx 0 0 12rpx;
-	}
-
-	.head_name {
-		display: flex;
-		justify-content: space-between;
-		position: relative;
-		/* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */
-	}
-
-	.header_title {
-		font-size: 40rpx;
-		font-family: iFontszhounianti;
-		font-weight: bold;
-		font-style: oblique;
-		color: #ffffff;
-	}
-
-	.header {
-		width: 100%;
-		color: #ffffff;
-		position: relative;
+		width: 506rpx;
+		height: 276rpx;
 		box-sizing: border-box;
+		padding: 68rpx 0 0 40rpx;
+		background: url($imgurl+'index/hudu.png') no-repeat 0 0 / 100% 100%;
 
-		padding-top: calc(var(--status-bar-height) + 80rpx);
+		>text:nth-child(1) {
+			font-weight: 400;
+			font-size: 52rpx;
+			color: #894DD3;
+			text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
+		}
+
+		>text:nth-child(2) {
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #894DD3;
+			margin-top: 10rpx;
+		}
 	}
 
-	.mine {
-		width: 750rpx;
+	&-liwu {
+		position: absolute;
+		right: -160rpx;
+		width: 380rpx;
+		height: 260rpx;
+		bottom: -60rpx;
+		z-index: 10;
+	}
+
+	&-close {
+		width: 94rpx;
+		height: 94rpx;
+		position: absolute;
+		bottom: -140rpx;
+		left: 50%;
+		transform: translateX(-50%);
+		opacity: 0.6;
+	}
+}
+
+.mengban {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 999;
+	background: rgba(0, 0, 0, 0.45);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.p_t_r {
+	position: absolute;
+	top: -20rpx;
+	right: -10rpx;
+	width: 32rpx !important;
+	height: 32rpx !important;
+}
+
+.shop_item>image {
+	width: 216rpx;
+	height: 216rpx;
+	border-radius: 8rpx 8rpx 0 0;
+	margin: 13rpx auto;
+	display: block;
+}
+
+.shop_text>.hang1 {
+	margin-bottom: 10rpx;
+}
+
+.shop_text {
+	padding: 2rpx 23rpx;
+	box-sizing: border-box;
+}
+
+.shop_item {
+	width: 242rpx;
+	height: 343rpx;
+	/* border-radius: 10rpx; */
+	margin-top: 10rpx;
+	position: relative;
+	color: #ffffff;
+	font-size: 24rpx;
+}
+
+.shop_coucent>view:nth-child(3n-1) {
+	margin: 10rpx 0rpx 0;
+}
+
+.shop_coucent {
+	display: flex;
+	flex-wrap: wrap;
+	font-size: 24rpx;
+}
+
+.sc_title {
+	width: 686rpx;
+	height: 22rpx;
+	margin: 0 auto;
+}
+
+.tuijian {
+	width: 750rpx;
+	padding: 0 13rpx 100rpx 13rpx;
+	box-sizing: border-box;
+	margin: 30rpx auto;
+	/* background-color: #222; */
+}
+
+.list>view>view>image {
+	margin-right: 20rpx;
+}
+
+.list image {
+	width: 12rpx;
+	height: 22rpx;
+}
+
+.list>view>view>image:nth-of-type(1) {
+	width: 32rpx;
+	height: 32rpx;
+}
+
+.list>view>view {
+	display: flex;
+	align-items: center;
+}
+
+.list>view {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	/* border-bottom: 1px solid #EEEEEE; */
+	padding: 24rpx 0;
+}
+
+.list {
+	width: 710rpx;
+	/* height: 700rpx; */
+	margin: 0 auto;
+	padding: 0rpx 20rpx;
+	box-sizing: border-box;
+	font-size: 28rpx;
+	color: #ffffff;
+
+	/* background: linear-gradient(135deg, transparent 10px, #F07D17 0); */
+	/* 	background: url(https://hdyfs.languowangluo.cn/zcq/mine/cz_bg.png) no-repeat; */
+	/* background-size: 100% 100%; */
+}
+
+.hegui image {
+	width: 32rpx;
+	height: 32rpx;
+	margin-right: 20rpx;
+}
+
+.hegui>image {
+	width: 40rpx;
+	height: 40rpx;
+	margin: 0;
+}
+
+.hegui>view {
+	display: flex;
+	align-items: center;
+	color: #ffffff;
+	font-size: 28rpx;
+}
+
+.hegui {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 690rpx;
+	height: 99rpx;
+	background: rgba(15, 31, 67, 0.43);
+	border: 1px solid;
+	border-image: linear-gradient(269deg, #1ed3f9, #a31f9e, #2ad3f3, #c41fc1) 1 1;
+	border-radius: 10rpx;
+	margin: 30rpx auto;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+}
+
+.tixian_r>image {
+	width: 143rpx;
+	height: 59rpx;
+}
+
+.tixian_r {
+	text-align: right;
+}
+
+.tixian_r>view:nth-child(2) {
+	width: 132rpx;
+	height: 48rpx;
+	background: #1ac762;
+	border-radius: 24rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 28rpx;
+	color: #ffffff;
+	margin-top: 20rpx;
+}
+
+.tixian_r>view:nth-child(1) {
+	width: 132rpx;
+	height: 48rpx;
+	border: 1px solid #1ac762;
+	color: #1ac762;
+	border-radius: 24rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 28rpx;
+	/* text-shadow: 0px 0px 14rpx rgba(237, 87, 255, 0.7);
+		font-family: 'zcq'; */
+}
+
+.tixian_l image {
+	width: 12rpx;
+	height: 22rpx;
+	margin-left: 10rpx;
+}
+
+.tixian_l {
+	font-size: 28rpx;
+	font-family: zihun152hao-jijiachaojihei;
+	font-weight: 400;
+	color: #ffffff;
+}
+
+.tixian {
+	width: 720rpx;
+	height: 210rpx;
+	margin: 30rpx auto 0;
+	border-radius: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 0 46rpx;
+	box-sizing: border-box;
+	color: #ffffff;
+}
+
+.youhui text {
+	margin-right: 10rpx;
+	font-size: 32rpx;
+	/* font-family: 'zcq'; */
+}
+
+.youhui>view>view:nth-of-type(2) {
+	font-size: 24rpx;
+	margin-top: 28rpx;
+}
+
+.youhui>view:nth-of-type(1)::after,
+.youhui>view:nth-of-type(2)::after {
+	content: '';
+	width: 2rpx;
+	height: 40rpx;
+	/* background: #FFFFFF; */
+	position: absolute;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+}
+
+.youhuiTitle {
+	font-size: 28rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+}
+
+.youhui>view {
+	font-size: 24rpx;
+	text-align: center;
+	position: relative;
+	flex: 1;
+}
+
+.youhui {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	/* width: 690rpx; */
+	height: 193rpx;
+	margin: 0rpx auto 0;
+	color: #ffffff;
+	padding-bottom: 30rpx;
+}
+
+.id_z>image {
+	width: 84rpx;
+	height: 20rpx;
+	margin-left: 20rpx;
+}
+
+.id_z {
+	font-size: 24rpx;
+	margin-top: 10rpx;
+	color: #999999;
+}
+
+.phone_z {
+	font-size: 32rpx;
+	/* font-weight: bold; */
+}
+
+.headimg {
+	width: 105rpx;
+	height: 105rpx;
+	border-radius: 50%;
+	margin-right: 30rpx;
+}
+
+.jp_headimg>image {
+	width: 132rpx;
+	height: 132rpx;
+	/* border: 1px solid #FE0032; */
+	border-radius: 50%;
+	/* 	clip-path: polygon(50% 10%, 85% 30%, 85% 70%, 50% 92%, 17% 71%, 16% 30%); */
+	/* polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0) */
+}
+
+.jp_headimg {
+	width: 132rpx;
+	height: 132rpx;
+	margin: 25rpx 0 0 12rpx;
+}
+
+.head_name {
+	display: flex;
+	justify-content: space-between;
+	position: relative;
+	/* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */
+}
+
+.header_title {
+	font-size: 40rpx;
+	font-family: iFontszhounianti;
+	font-weight: bold;
+	font-style: oblique;
+	color: #ffffff;
+}
+
+.header {
+	width: 100%;
+	color: #ffffff;
+	position: relative;
+	box-sizing: border-box;
+
+	padding-top: calc(var(--status-bar-height) + 80rpx);
+}
+
+.mine {
+	width: 750rpx;
+	position: relative;
+	padding-bottom: 100px;
+	min-height: 100vh;
+	box-sizing: border-box;
+	background-color: #F7F7F7;
+	// background: #1C1B20 url($imgurl+'my/myBg.png') no-repeat 0 0 / 750rpx 500rpx;
+
+	.user-card {
 		position: relative;
-		padding-bottom: 100px;
-		min-height: 100vh;
-		box-sizing: border-box;
-		background-color: #F7F7F7;
-		// background: #1C1B20 url($imgurl+'my/myBg.png') no-repeat 0 0 / 750rpx 500rpx;
+		padding: 20rpx 30rpx;
 
-		.user-card {
-			position: relative;
-			padding: 20rpx 30rpx;
+		.user-info {
+			display: flex;
+			align-items: center;
 
-			.user-info {
-				display: flex;
-				align-items: center;
+			.avatar {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 50%;
+				overflow: hidden;
+				background: #D8D8D8;
 
-				.avatar {
-					width: 100rpx;
-					height: 100rpx;
-					border-radius: 50%;
-					overflow: hidden;
-					background: #D8D8D8;
-
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-				.info {
-					width: calc(100% - 100rpx);
-					box-sizing: border-box;
-					padding-left: 30rpx;
-
-					.nick {
-						max-width: 200rpx;
-
-						font-size: 32rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #333333;
-					}
-
-					.user-day {
-						margin-top: 10rpx;
-
-						font-size: 24rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #8A8A8A;
-					}
+				image {
+					width: 100%;
+					height: 100%;
 				}
 			}
 
-			.lv-box {
-				height: 216rpx;
-				margin-top: 80rpx;
+			.info {
+				width: calc(100% - 100rpx);
 				box-sizing: border-box;
-				position: relative;
-				// background-color: #FFFFFF;
-				background: url($imgurl+'my/userVip.png') no-repeat 0 0 / 100% 100%;
-				padding-left: 136rpx;
+				padding-left: 30rpx;
 
-				&-dengji {
-					position: absolute;
-					left: 32rpx;
-					top: 16rpx;
-					font-weight: 500;
-					font-size: 48rpx;
+				.nick {
+					max-width: 200rpx;
+
+					font-size: 32rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
 					color: #333333;
-					width: 100rpx;
-					// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
 				}
 
-				&-ouqi {
+				.user-day {
+					margin-top: 10rpx;
 
-					position: absolute;
-					bottom: 24rpx;
-					left: 32rpx;
-
-					>text {
-						font-weight: 400;
-						font-size: 16rpx;
-						color: #4C4C4C;
-					}
-
-					>view {
-						width: 618rpx;
-						height: 6rpx;
-						border-radius: 6rpx;
-						// border: 1px solid #111111;
-
-						/deep/.cmd-progress-inner {
-							background: #CCCCCC;
-						}
-
-						>text {
-							font-weight: 400;
-							font-size: 20rpx;
-							color: #D2DBFF;
-							position: absolute;
-							left: 50%;
-							top: 0;
-							line-height: 6rpx;
-							transform: translateX(-50%);
-							z-index: 10;
-						}
-					}
+					font-size: 24rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #8A8A8A;
 				}
+			}
+		}
 
-				&-detail {
-					width: 96rpx;
-					height: 36rpx;
-					position: absolute;
-					left: 34rpx;
-					top: 86rpx;
+		.lv-box {
+			height: 216rpx;
+			margin-top: 80rpx;
+			box-sizing: border-box;
+			position: relative;
+			// background-color: #FFFFFF;
+			background: url($imgurl+'my/userVip.png') no-repeat 0 0 / 100% 100%;
+			padding-left: 136rpx;
+
+			&-dengji {
+				position: absolute;
+				left: 32rpx;
+				top: 16rpx;
+				font-weight: 500;
+				font-size: 48rpx;
+				color: #333333;
+				width: 100rpx;
+				// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
+			}
+
+			&-ouqi {
+
+				position: absolute;
+				bottom: 24rpx;
+				left: 32rpx;
+
+				>text {
 					font-weight: 400;
 					font-size: 16rpx;
 					color: #4C4C4C;
+				}
+
+				>view {
+					width: 618rpx;
+					height: 6rpx;
 					border-radius: 6rpx;
-					background-color: #E6F791;
-					// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
+					// border: 1px solid #111111;
+
+					/deep/.cmd-progress-inner {
+						background: #CCCCCC;
+					}
+
+					>text {
+						font-weight: 400;
+						font-size: 20rpx;
+						color: #D2DBFF;
+						position: absolute;
+						left: 50%;
+						top: 0;
+						line-height: 6rpx;
+						transform: translateX(-50%);
+						z-index: 10;
+					}
 				}
 			}
 
-			.rbtn {
+			&-detail {
+				width: 96rpx;
+				height: 36rpx;
 				position: absolute;
-				z-index: 10;
-				right: 10rpx;
-				top: 10rpx;
-				width: 110rpx;
-				height: 50rpx;
-				font-size: 28rpx;
-				font-family: Source Han Sans CN;
+				left: 34rpx;
+				top: 86rpx;
 				font-weight: 400;
-				color: #ffffff;
-
-				&.btn1 {
-					top: 80rpx;
-				}
+				font-size: 16rpx;
+				color: #4C4C4C;
+				border-radius: 6rpx;
+				background-color: #E6F791;
+				// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
 			}
 		}
 
-		.money-card {
-			width: 690rpx;
-			margin: 20rpx auto 0;
+		.rbtn {
+			position: absolute;
+			z-index: 10;
+			right: 10rpx;
+			top: 10rpx;
+			width: 110rpx;
+			height: 50rpx;
+			font-size: 28rpx;
+			font-family: Source Han Sans CN;
+			font-weight: 400;
+			color: #ffffff;
 
-			.other-num {
-				display: flex;
-				padding: 0 36rpx;
-				flex-direction: column;
-				background-color: #FFFFFF;
-				border-radius: 16rpx;
-
-				.other-item {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: space-between;
-					width: 100%;
-					height: 110rpx;
-
-					.title {
-						font-size: 28rpx;
-						font-weight: 540;
-						color: #333333;
-					}
-
-					.num {
-						font-size: 40rpx;
-						font-weight: 500;
-						color: #333333;
-					}
-				}
+			&.btn1 {
+				top: 80rpx;
 			}
+		}
+	}
 
-			.moneyTitle {
-				font-weight: 500;
-				font-size: 32rpx;
-				color: #FFFFFF;
-			}
+	.money-card {
+		width: 690rpx;
+		margin: 20rpx auto 0;
 
-			.money {
+		.other-num {
+			display: flex;
+			padding: 0 36rpx;
+			flex-direction: column;
+			background-color: #FFFFFF;
+			border-radius: 16rpx;
+
+			.other-item {
 				display: flex;
-				align-items: flex-end;
-				padding: 0 10rpx;
-				font-size: 60rpx;
-				font-weight: 500;
-				margin-top: 40rpx;
-				color: #FFFFFF;
-				height: 120rpx;
-				background: #FFFFFF;
+				flex-direction: row;
+				align-items: center;
+				justify-content: space-between;
+				width: 100%;
+				height: 110rpx;
 
-				>view:nth-child(1) {
-					>image {
-						width: 100rpx;
-						height: 80rpx;
-					}
+				.title {
+					font-size: 28rpx;
+					font-weight: 540;
+					color: #333333;
 				}
 
-				.money-detail {
-					display: flex;
-					align-items: center;
-					padding-left: 16rpx;
-					font-size: 24rpx;
-					font-weight: 400;
+				.num {
+					font-size: 40rpx;
+					font-weight: 500;
 					color: #333333;
 				}
 			}
 		}
 
-		.task {
-			margin: 30rpx auto 0;
-			width: 690rpx;
-			box-sizing: border-box;
-			padding: 0 0 20rpx;
-			background-color: #FFFFFF;
-			border-radius: 16rpx;
+		.moneyTitle {
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #FFFFFF;
+		}
 
-			.task-title {
-				position: relative;
-				z-index: 1;
-				margin-left: 32rpx;
-				padding-top: 34rpx;
-				margin-bottom: 30rpx;
-				font-size: 28rpx;
-				font-weight: 400;
-				color: task
+		.money {
+			display: flex;
+			align-items: flex-end;
+			padding: 0 10rpx;
+			font-size: 60rpx;
+			font-weight: 500;
+			margin-top: 40rpx;
+			color: #FFFFFF;
+			height: 120rpx;
+			background: #FFFFFF;
+
+			>view:nth-child(1) {
+				>image {
+					width: 100rpx;
+					height: 80rpx;
+				}
 			}
 
-			.task-list {
-				border-radius: 20rpx;
-				padding: 30rpx;
-			}
-
-			.task-item {
-				padding: 20rpx 0;
+			.money-detail {
 				display: flex;
-				justify-content: space-between;
 				align-items: center;
+				padding-left: 16rpx;
+				font-size: 24rpx;
+				font-weight: 400;
+				color: #333333;
+			}
+		}
+	}
 
-				.task-l {
-					.title {
-						font-size: 32rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #333333;
-					}
+	.task {
+		margin: 30rpx auto 0;
+		width: 690rpx;
+		box-sizing: border-box;
+		padding: 0 0 20rpx;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
 
-					.num {
-						margin: 20rpx 0;
+		.task-title {
+			position: relative;
+			z-index: 1;
+			margin-left: 32rpx;
+			padding-top: 34rpx;
+			margin-bottom: 30rpx;
+			font-size: 28rpx;
+			font-weight: 400;
+			color: task
+		}
 
-						font-size: 26rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #8A8A8A;
-					}
+		.task-list {
+			border-radius: 20rpx;
+			padding: 30rpx;
+		}
 
-					.progress {
-						display: flex;
-						align-items: center;
-						font-size: 24rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #cccccc;
+		.task-item {
+			padding: 20rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-						.progress-inner {
-							width: 300rpx;
-							margin-right: 6rpx;
+			.task-l {
+				.title {
+					font-size: 32rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #333333;
+				}
 
-							/deep/.cmd-progress-inner {
-								background: #5B5B5D;
-							}
+				.num {
+					margin: 20rpx 0;
+
+					font-size: 26rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #8A8A8A;
+				}
+
+				.progress {
+					display: flex;
+					align-items: center;
+					font-size: 24rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #cccccc;
+
+					.progress-inner {
+						width: 300rpx;
+						margin-right: 6rpx;
+
+						/deep/.cmd-progress-inner {
+							background: #5B5B5D;
 						}
 					}
 				}
+			}
 
-				.task-r {
-					flex: 1;
+			.task-r {
+				flex: 1;
+				display: flex;
+				justify-content: flex-end;
+				padding-left: 30rpx;
+
+				.btn {
+					width: 142rpx;
+					height: 60.35rpx;
+					border-radius: 16rpx;
 					display: flex;
-					justify-content: flex-end;
-					padding-left: 30rpx;
+					justify-content: center;
+					align-items: center;
+					background-color: #E6F791;
 
-					.btn {
-						width: 142rpx;
-						height: 60.35rpx;
-						border-radius: 16rpx;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-						background-color: #E6F791;
+					text {
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #333333;
+					}
+
+					&.act {
+						background: #333333;
 
 						text {
 							font-weight: 400;
 							font-size: 24rpx;
-							color: #333333;
+							color: #D8FD24;
 						}
+					}
 
-						&.act {
-							background: #333333;
+					&.dis {
+						background: #F5F5F5;
+						border-radius: 16rpx;
 
-							text {
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #D8FD24;
-							}
-						}
-
-						&.dis {
-							background: #F5F5F5;
-							border-radius: 16rpx;
-
-							text {
-								color: #999999;
-							}
+						text {
+							color: #999999;
 						}
 					}
 				}
 			}
 		}
+	}
 
-		.qita {
+	.qita {
+		margin: 30rpx auto 0;
+		width: 690rpx;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+
+		&-title {
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #333333;
+			padding-top: 36rpx;
+			padding-left: 32rpx;
+		}
+
+		.menu-card {
 			margin: 30rpx auto 0;
 			width: 690rpx;
-			background-color: #FFFFFF;
-			border-radius: 16rpx;
+			padding: 1rpx 0 40rpx;
+			display: flex;
+			flex-flow: row wrap;
 
-			&-title {
-				font-weight: 500;
-				font-size: 28rpx;
-				color: #333333;
-				padding-top: 36rpx;
-				padding-left: 32rpx;
-			}
-
-			.menu-card {
-				margin: 30rpx auto 0;
-				width: 690rpx;
-				padding: 1rpx 0 40rpx;
+			.menu-item {
+				margin-top: 40rpx;
 				display: flex;
-				flex-flow: row wrap;
+				flex-flow: column nowrap;
+				align-items: center;
+				width: 25%;
 
-				.menu-item {
-					margin-top: 40rpx;
-					display: flex;
-					flex-flow: column nowrap;
-					align-items: center;
-					width: 25%;
+				.icon {
+					width: 60rpx;
+					height: 60rpx;
+				}
 
-					.icon {
-						width: 60rpx;
-						height: 60rpx;
-					}
-
-					.title {
-						margin-top: 10rpx;
-						font-size: 20rpx;
-						font-weight: 400;
-						color: #4C4C4C;
-					}
+				.title {
+					margin-top: 10rpx;
+					font-size: 20rpx;
+					font-weight: 400;
+					color: #4C4C4C;
 				}
 			}
 		}
 	}
+}
 
-	.copyright {
-		padding: 30rpx;
-		text-align: center;
-		font-size: 24rpx;
-		color: #888;
-	}
+.copyright {
+	padding: 30rpx;
+	text-align: center;
+	font-size: 24rpx;
+	color: #888;
+}
 
-	.status_bar {
-		height: var(--status-bar-height);
-		width: 100%;
-		font-size: 40rpx;
-		font-family: iFontszhounianti;
-		font-weight: bold;
-		font-style: oblique;
-		color: #ffffff;
-		margin-bottom: 10rpx;
-	}
+.status_bar {
+	height: var(--status-bar-height);
+	width: 100%;
+	font-size: 40rpx;
+	font-family: iFontszhounianti;
+	font-weight: bold;
+	font-style: oblique;
+	color: #ffffff;
+	margin-bottom: 10rpx;
+}
 </style>
\ No newline at end of file
diff --git a/pages/user/tui-guang.vue b/pages/user/tui-guang.vue
index 529f602..9cd099f 100644
--- a/pages/user/tui-guang.vue
+++ b/pages/user/tui-guang.vue
@@ -85,18 +85,17 @@
 		<rule-pop ref="rulePop"></rule-pop>
 		<uni-popup ref="posterPopup" type="center">
 			<view style="width:650rpx;height:950rpx;">
-				<image :src="getHaiBao()" style="width: 100%;"></image>
+				<image  :src="logo_image" style="width: 100%;"></image>
 			</view>
 			<view style="text-align: center; margin-top: 20rpx;">
-				<image style="width: 48px;height: 48px;" @click="saveImageToPhotosAlbum()" :src="getXiaZai()"></image>
+				<image show-menu-by-longpress style="width: 48px;height: 48px;" @click="saveImageToPhotosAlbum()" :src="getXiaZai()"></image>
 			</view>
 		</uni-popup>
 	</view>
 </template>
 
 <script>
-	import UQRCode from 'uqrcodejs'; // npm install uqrcodejs
-
+ 
 	export default {
 		data() {
 			var isH5 = false;
@@ -118,6 +117,7 @@
 		onShareAppMessage() {
 			let that = this
 			return {
+				// imageUrl: this.getHaiBao(),
 				title: "友达赏，正版潮玩手办一番赏",
 				path: '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
 			}
@@ -127,7 +127,7 @@
 		},
 		methods: {
 			saveImageToPhotosAlbum() {
-				const imageUrl = this.getHaiBao(); // 替换为你的网络图片地址
+				const imageUrl = this.logo_image; // 替换为你的网络图片地址
 				// 下载图片到本地
 				wx.downloadFile({
 					url: imageUrl,
@@ -202,7 +202,7 @@
 					success(res) {
 						that.total = res.data.count
 						that.commission = res.data.money
-						// that.logo_image = res.data.share_image
+						that.logo_image = res.data.share_image
 						that.mescroll.endByPage(res.data.data.length, res.data.last_page)
 						if (pageNo == 1) {
 							that.listdata = res.data.data