diff --git a/pages/my/fuwuliaochenggroup.vue b/pages/my/fuwuliaochenggroup.vue
new file mode 100644
index 0000000..bd35b6a
--- /dev/null
+++ b/pages/my/fuwuliaochenggroup.vue
@@ -0,0 +1,1442 @@
+<template>
+	<view class="content">
+		<view class="header">
+			<view class="header-top" :style="backgroundStyle" @click="goNav('/my/vip/index')">
+				<image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVIP"></image>
+				<image src="../../static/activate2.png" mode="widthFix" v-if="isVIP"></image>
+			</view>
+			<view class="group-buy">
+				<view class="group-buy-left">
+					<view class="group_amount">
+						<span>￥</span>
+						<span>234.00</span>
+					</view>
+					<view class="group-rule">
+						<span>￥688.00</span>
+						<span>2人团</span>
+					</view>
+				</view>
+				<view class="group-buy-right">
+					<view class="group-text">距结束仅剩</view>
+					<view><span>08</span>:<span>08</span>:<span>08</span></view>
+				</view>
+			</view>
+			<view class="teamwork-plate">
+				<view>1人在拼团，可直接参与</view>
+				<view class=" flex teamwork-line">
+					<view><image src="../../static/my-gong-2.png"></image></view>
+					<view class="flex">
+						<view>
+							<view>还差<span class="team-text">1人</span>拼成</view>
+							<view>剩余<span>11</span><span>49</span><span>58</span></view>
+						</view>
+						<view class="teamwork-button">去拼团</view>
+					</view>
+				</view>
+			</view>
+			<view class="header-bottom">
+				<view class="header-bottom-top">
+					<view class="header-bottom-title">
+						<view class="header-bottom-title-text">
+							<span>{{mainData.title}}</span>
+							<span class="header-bottom-title-liao">
+								疗程
+							</span>
+						</view>
+						<view class="header-bottom-title-num">
+							<span>{{mainData.sales}}</span>
+							<span> 人选择</span>
+						</view>
+						
+					</view>
+					<view class="header-bottom-money-view">
+						<view class="header-bottom-money1">
+							<view class="header-bottom-money-zhen">
+								<span>￥</span>
+								<span>{{mainData.price}}</span>
+								<span v-if="dataList.name=='index'">/{{serviceCount}}次</span>
+								<span v-else>/{{mainData.serviceCount}}次</span>
+							</view>
+							<view v-if="dataList.name=='index'" class="header-bottom-money-jia" style="text-decoration: line-through;">
+								￥{{mainData.oldPrice}}/{{serviceCount}}次
+							</view>
+							<view v-else class="header-bottom-money-jia" style="text-decoration: line-through;">
+								￥{{mainData.oldPrice}}/{{mainData.serviceCount}}次
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="header-bottom-title-bottom">
+					<image src="../../static/cure.png" mode=""></image>
+					<span>{{liaoTime}}</span>
+				</view>
+				<view class="header-bottom-foot">
+					
+					<view class="header-bottom-foot-cont">
+						<!--<view class="header-bottom-foot-title">保障</view>-->
+						<view class="header-bottom-foot-view">
+							<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
+							<span>未服务全额退款</span>
+						</view>
+						<view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
+							<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
+							<span>不满意重做</span>
+						</view>
+						<view class="header-bottom-foot-view">
+							<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
+							<span>最快30分钟上门</span>
+						</view>
+					</view>	
+				</view>
+			</view>
+		</view>
+		<!-- <view class="detail-foot">
+			<view class="detail-foot-nav">
+				<span class="detail-foot-nav-text">适用说明</span>
+				<span class="detail-foot-nav-bor"></span>
+			</view>
+			<view class="detail-foot-mian">
+				<view class="detail-foot-mian-top">
+					<span class="detail-foot-mian-top-title">性别限制: </span>
+					<span class="detail-foot-mian-top-text">不限性别</span>
+				</view>	
+				<view class="detail-foot-mian-top-bottom">
+					<span class="detail-foot-mian-top-title">适应人群: </span>
+					<span class="detail-foot-mian-top-text">
+						{{mainData.applyPeople}}
+					</span>
+				</view>
+			</view>
+		</view> -->
+		<view class="detail-foot">
+			<view class="detail-foot-nav">
+				<span class="detail-foot-nav-text">项目详情</span>
+				<span class="detail-foot-nav-bor"></span>
+			</view>
+			<view class="detail-foot-mian">
+				<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>	
+				<!-- <view class="lab-view">
+					<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
+						<span class="detail-foot-mian-txetList">{{item}}</span>
+					</view>
+				</view> -->
+			</view>
+		</view>
+		<view class="detail-foot" v-if="dataList.name!='index'">
+			<view class="detail-foot-nav">
+				<span class="detail-foot-nav-text">疗程详情</span>
+				<span class="detail-foot-nav-bor"></span>
+			</view>
+			<view class="detail-foot-mian">
+				<view class="detail-foot-list" v-for="(item,index) in detailData" :key="index">
+					<view class="detail-foot-list-top">
+						<span style="margin-right: 5px;">{{item.title}}</span>
+						<span style="display: none;">详情</span>
+						<span v-if="item.maxTime">上次预约:{{item.maxTime}}</span>
+					</view>
+					<view class="header-bottom-money">
+						<view class="header-bottom-money-zhen">
+							已使用{{item.usedQuantity}}次
+						</view>
+						<view class="dingdan-btn" @click="details(item)" :class="[item.usedQuantity=='0'?'dingdan-btn-h':'dingdan-btn-l']">
+							订单详情
+						</view>
+					</view>
+					<view class="header-bottom-money" style="margin-top: 5px;">
+						<view class="header-bottom-money-zhen">
+							未使用{{item.unUsedQuantity}}次
+						</view>
+						<view class="dingdan-btn" @click="goumai(item)" :class="[item.unUsedQuantity=='0'?'dingdan-btn-h':'dingdan-btn-l']">
+							立即预约
+						</view>
+					</view>
+					<view class="detail-foot-title">
+						服务疗程
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="detail-btn btn"  v-if="dataList.name=='index'" @click="openpay(mainData)">
+			立即购买
+		</view>
+		<!-- 支付方式 -->
+		<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
+			<view class="popup_pay">
+				<view style="background-color: #fff;">
+					<view style="padding: 0 20upx;margin-top: 60rpx;margin-bottom: 20rpx;display: flex;flex-direction: column;justify-content: center;">
+						<view
+							style="width:92%;display: flex;height: 100upx;align-items: center;padding: 20upx 0;justify-content: center;"
+							v-for="(item,index) in openLists" :key='item.id'>
+							<image :src="item.image" style="width: 55upx;height: 55upx;border-radius: 50upx;">
+							</image>
+							<view style="font-size: 30upx;margin-left: 20upx;width: 70%;">
+								{{item.text}}
+							</view>
+							<radio-group name="openWay" style="margin-left: 45upx;" @tap='selectWay(item)'>
+								<label class="tui-radio">
+									<radio color="#096f4b" :checked="openWay === item.id ? true : false" />
+								</label>
+							</radio-group>
+						</view>
+					</view>
+				</view>
+				<view class="pay_btn" @click="pay()">确认支付</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+<script>
+	export default{
+		data(){
+			return{
+				detailData:[],
+				dataList:[],
+				mainData:[],
+				isVIP:false,
+				// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
+				backgroundImageUrl: '',
+				liaoTime:'',
+				contentImg:[],
+				couponId:'',
+				couponData:[],
+				checkbox:false,
+				showpay:false,
+				closeable: true,
+				openWay: 1,
+				paySel: 0,
+				tpayMoney: '',
+				page:1,
+				limit:10,
+				mainId:'',
+				serviceCount:'',
+				labels:[]
+			}
+		},
+		computed: {
+		    backgroundStyle() {
+		      return {
+		        backgroundImage: `url(${this.backgroundImageUrl})`,
+		        backgroundSize: 'cover', // 根据需要调整
+		      };
+		    }
+		  },
+		onLoad(e) {
+			var that=this;
+			that.dataList=e;
+			that.isVIP=this.$queue.getData('isVIP');
+			that.youhui()
+			that.getData()
+		},
+		onShow() {
+			
+			// #ifndef MP-WEIXIN
+			this.openLists = [{
+					image: '../../static/images/icon_weixin.png',
+					text: '微信支付',
+					id: 2
+				}, {
+					image: '../../static/images/zhifubao.png',
+					text: '支付宝支付',
+					id: 3
+				}, {
+					image: '../../static/images/lingqian.png',
+					text: '零钱支付',
+					id: 1
+				}],
+				this.openWay = 2;
+			// #endif
+		
+			// #ifdef MP-WEIXIN
+			this.openLists = [{
+					image: '../../static/images/icon_weixin.png',
+					text: '微信支付',
+					id: 2
+				}, {
+					image: '../../static/images/lingqian.png',
+					text: '零钱支付',
+					id: 1
+				}],
+				this.openWay = 2;
+			// #endif
+		},
+		methods:{
+			details(item){//详情
+				if(item.usedQuantity){
+					item.id=this.mainData.id
+					uni.navigateTo({
+						url:'/pages/my/orderDetailsList?id='+item.id+'&mainId='+this.mainId+'&name='+'疗程'
+					})
+				}else{
+					uni.showToast({
+						icon:'error',
+						title:'服务疗程尚未使用，无订单信息！'
+					})
+				}
+			},
+			goumai(item){//立即购买
+				if(item.unUsedQuantity>'0'){
+					uni.navigateTo({
+						url:'/pages/my/myCiLiaoDetail?id='+item.massageTypeId+'&mainId='+this.mainId+'&name='+'疗程'
+					})
+				}else{
+					uni.showToast({
+						icon:'error',
+						title:'服务疗程已使用完成，无订单信息！'
+					})
+				}
+			},
+			goNav(e) {
+				uni.navigateTo({
+					url: e
+				})
+			},
+			payJZ() {
+				let that = this;
+				if (that.openWay == 1) { //零钱支付
+					uni.showModal({
+						title: '付款提示',
+						content: '确认支付' + that.tpayMoney + '元吗?',
+						success: function(re) {
+							if (re.confirm) {
+								that.$queue.showLoading('支付中...')
+								// console.log('用户点击确定');
+								that.$Request.post("/app/user/package/order/payOrder", {
+									ordersId: that.tordersId,
+								}).then(ret => {
+									uni.hideLoading();
+									if (ret.code == 0) {
+										uni.showToast({
+											title: '支付成功',
+											icon: 'none'
+										})
+										that.getData()
+									} else {
+										uni.showToast({
+											title: ret.msg,
+											icon: 'none'
+										})
+									}
+								});
+							} else if (re.cancel) {
+							}
+						}
+					})
+				} else if (that.openWay == 2) { //微信支付
+					// #ifdef MP-WEIXIN
+					let data = {
+						ordersId: that.tordersId,
+						type: 3
+					}
+					that.$Request.post('/app/wxPay/payOrder', data).then(ret => {
+						console.log(ret)
+						if (ret.code == 0) {
+							uni.hideLoading();
+							uni.requestPayment({
+								provider: 'wxpay',
+								timeStamp: ret.data.timestamp,
+								nonceStr: ret.data.noncestr,
+								package: ret.data.package,
+								signType: ret.data.signType,
+								paySign: ret.data.sign,
+								success: function(ret) {
+									console.log(ret)
+									uni.showToast({
+										title: '支付成功',
+										icon: 'none'
+									})
+									that.getData()
+									// this.$queue.showToast('支付成功');
+			
+									// uni.switchTab({
+									// 	url: '/pages/my/index'
+									// })
+								},
+								fail: function(err) {
+									// this.$queue.showToast('支付失败');
+									uni.showToast({
+										title: '支付失败',
+										icon: 'nones'
+									});
+								}
+							});
+						}
+					});
+					// #endif
+			
+					// #ifdef H5
+					let ua = navigator.userAgent.toLowerCase();
+					if (ua.indexOf('micromessenger') != -1) {
+						let data = {
+							ordersId: that.tordersId,
+							type: 2
+						}
+						that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
+							that.showpay = false
+							if (rea.code == 0) {
+								that.callPay(rea.data);
+								that.getData()
+							} else {
+								uni.showToast({
+									title: rea.msg,
+									icon: 'none'
+								})
+							}
+						});
+					} else {
+						let data = {
+							ordersId: that.tordersId,
+							type: 4
+						}
+						that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
+							that.showpay = false
+							if (rea.code == 0) {
+								const urlArr = window.location.href;
+								const hostUrl = urlArr.split("/");
+								const callBack = hostUrl[0] + "//" + hostUrl[2] + "/";
+								const url = '&redirect_url=' + callBack + 'my/order/pay';
+								window.location = rea.data.mweb_url + url
+								that.getData()
+							} else {
+								uni.showToast({
+									title: rea.msg,
+									icon: 'none'
+								})
+							}
+						});
+					}
+			
+					// #endif
+			
+					// #ifdef APP
+					let data = {
+						ordersId: that.order.ordersId,
+						type: 1
+					}
+					that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
+						console.log(rea)
+						that.showpay = false
+						if (rea.code == 0) {
+							that.isCheckPay(rea.code, 'wxpay', JSON.stringify(rea.data));
+						}
+					});
+					// #endif
+				} else if (that.openWay == 3) { //支付宝支付
+					// #ifdef H5
+					let data = {
+						ordersId: that.tordersId,
+						type: 2
+					}
+					that.$Request.post('/app/aliPay/payOrder', data).then(
+						rea => {
+							that.showpay = false
+							const div = document.createElement('div')
+							div.innerHTML = rea.data //此处form就是后台返回接收到的数据
+							document.body.appendChild(div)
+							document.forms[0].submit()
+							that.getData()
+						});
+					// #endif
+			
+					// #ifdef APP-PLUS
+					let data = {
+						ordersId: that.tordersId,
+						type: 1
+					}
+					that.$Request.post('/app/aliPay/payOrder', data).then(
+						rea => {
+							that.showpay = false
+							that.setPayment('alipay', rea.data);
+							that.getData()
+						});
+					// #endif
+				}
+			
+			},
+			// 支付订单
+			pay() {
+				let that = this
+				this.showpay = false
+				if (this.paySel != 0) {
+					this.payJZ();
+					return;
+				}
+				if (that.openWay == 1) { //零钱支付
+					uni.showModal({
+						title: '付款提示',
+						content: '确认支付' + that.order.payMoney + '元吗?',
+						success: function(re) {
+							if (re.confirm) {
+								that.$queue.showLoading('支付中...')
+								console.log('用户点击确定');
+								that.$Request.post("/app/user/package/order/payOrder", {
+									ordersId: that.order.ordersId,
+								}).then(res => {
+									uni.hideLoading();
+									if (res.code == 0) {
+										uni.showToast({
+											title: '支付成功'
+										})
+										that.getData()
+									} else {
+										uni.showToast({
+											title: res.msg,
+											icon: 'none'
+										})
+									}
+								});
+							} else if (re.cancel) {
+								uni.hideLoading();
+								console.log('用户点击取消');
+							}
+						}
+			
+					})
+				} else if (that.openWay == 2) { //微信支付
+					that.$queue.showLoading('支付中...')
+					// #ifdef MP-WEIXIN
+					let data = {
+						ordersId: that.order.ordersId,
+						type: 3
+					}
+					that.$Request.post('/app/wxPay/payOrder', data).then(ret => {
+						console.log(ret)
+						if (ret.code == 0) {
+							uni.hideLoading();
+							uni.requestPayment({
+								provider: 'wxpay',
+								timeStamp: ret.data.timestamp,
+								nonceStr: ret.data.noncestr,
+								package: ret.data.package,
+								signType: ret.data.signType,
+								paySign: ret.data.sign,
+								success: function(ret) {
+									console.log(ret)
+									uni.showToast({
+										title: '支付成功',
+										icon: 'none'
+									})
+									that.getData()
+									// this.$queue.showToast('支付成功');
+			
+									// uni.switchTab({
+									// 	url: '/pages/my/index'
+									// })
+								},
+								fail: function(err) {
+									// this.$queue.showToast('支付失败');
+									uni.showToast({
+										title: '支付失败',
+										icon: 'nones'
+									});
+								}
+							});
+						}
+					});
+					// #endif
+			
+					// #ifdef H5
+					let ua = navigator.userAgent.toLowerCase();
+					if (ua.indexOf('micromessenger') != -1) {
+						let data = {
+							ordersId: that.order.ordersId,
+							type: 2
+						}
+						that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
+							that.showpay = false
+							if (rea.code == 0) {
+								that.callPay(rea.data);
+								that.getData()
+							} else {
+								uni.showToast({
+									title: rea.msg,
+									icon: 'none'
+								})
+							}
+						});
+					} else {
+						let data = {
+							ordersId: that.order.ordersId,
+							type: 4
+						}
+						// debugger;
+						that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
+							// const urlArr = window.location.href;
+							// const hostUrl = urlArr.split("/");
+							// const callBack = hostUrl[0] + "//" + hostUrl[2] + "/";
+							// const url = '&redirect_url=' + callBack + 'my/order/pay';
+							// window.location = rea.mweb_url + url
+							that.showpay = false
+							if (rea.code == 0) {
+								const urlArr = window.location.href;
+								const hostUrl = urlArr.split("/");
+								const callBack = hostUrl[0] + "//" + hostUrl[2] + "/";
+								const url = '&redirect_url=' + callBack + 'my/order/pay';
+								window.location = rea.data.mweb_url + url
+								that.getData()
+							} else {
+								uni.showToast({
+									title: rea.msg,
+									icon: 'none'
+								})
+							}
+						});
+					}
+			
+					// #endif
+			
+					// #ifdef APP
+					let data = {
+						ordersId: that.order.ordersId,
+						type: 1
+					}
+					that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
+						console.log(rea)
+						that.showpay = false
+						if (rea.code == 0) {
+							that.getData()
+							that.isCheckPay(rea.code, 'wxpay', JSON.stringify(rea.data));
+						}
+					});
+					// #endif
+				} else if (that.openWay == 3) { //支付宝支付
+					that.$queue.showLoading('支付中...')
+					// #ifdef H5
+					let data = {
+						ordersId: that.order.ordersId,
+						type: 2
+					}
+					that.$Request.post('/app/aliPay/payOrder', data).then(
+						rea => {
+							const div = document.createElement('div')
+							div.innerHTML = rea.data //此处form就是后台返回接收到的数据
+							document.body.appendChild(div)
+							document.forms[0].submit()
+							that.getData()
+						});
+					// #endif
+			
+					// #ifdef APP-PLUS
+					let data = {
+						ordersId: that.order.ordersId,
+						type: 1
+					}
+					that.$Request.post('/app/aliPay/payOrder', data).then(
+						rea => {
+							that.setPayment('alipay', rea.data);
+							that.getData()
+						});
+					// #endif
+				}
+			},
+			openpay(item) {//立即预约
+				item.packagePrice=this.detailData[0].packagePrice;
+				item.massageImg=this.detailData[0].massageImg;
+				item.serviceCount=this.detailData[0].serviceCount;
+				this.$queue.setData('mainData',item)
+				this.$queue.setData('detailData',this.detailData)
+				this.$queue.setData('xiangmu',item)
+				this.$queue.setData('youhui','');
+				uni.navigateTo({
+					url:'/my/order/payModifyLiao?ordersId='+item.id
+				})
+				// this.goOrder()
+				// this.showpay = true
+			},
+			//支付选择
+			selectWay: function(item) {
+				this.openWay = item.id;
+			},
+			goOrder() {//生成orderId
+				let that = this
+				let data = {
+				  userId: uni.getStorageSync('userId'),
+				  couponId: that.couponId,
+				  oldSumMoney: that.mainData.oldPrice*that.detailData.length,
+				  sumMoney: that.mainData.price*that.detailData.length,
+				  ordersPackageList:[
+				    {packageId: that.mainData.id,num: 1},
+				  ]
+				}
+				that.$Request.postJson("/app/user/package/order/insertOrders", data).then(res => {
+					that.showorder = false
+					if (res.code == 0) {
+						that.tordersId = res.data.ordersId;
+						that.tpayMoney = res.data.payMoney;
+						that.showpay = true;
+						that.paySel = 1;
+					} else {
+						that.$queue.showToast(res.msg)
+					}
+			
+				});
+			},
+			checkboxChange(e){
+				this.couponId=e.detail.value.join(",")
+			},
+			youhui(){//获取优惠卷
+				let that = this
+				let data = {
+							  status: 0,
+							  page: 1,
+							  limit: 10
+							}
+				that.$Request.get("/app/coupon/selectCouponUserList", data).then(res => {
+					if (res.code == 0) {
+						that.couponData=res.data.list
+					} else {
+						that.$queue.showToast(res.msg)
+					}
+							
+				});
+			},
+			
+			
+			getData(){
+				var that=this;
+				if(that.dataList.name=='index'){
+					let data = {
+							  mainId: that.dataList.id,
+							  page: that.page,
+							  limit:  that.limit,
+							}
+					that.$Request.get('/app/massage/packageDetail/findAppPage', data).then(res => {
+						if (res.code == 0) {
+							that.mainData=res.mainData;
+							that.detailData=res.detailData.list;
+							that.backgroundImageUrl=res.mainData.packageImg
+							that.contentImg=res.mainData.contentImg.split(",");
+							that.liaoTime=that.detailData[0].intervalDaysStr;
+							that.serviceCount=that.detailData[0].serviceCount;
+							that.labels=that.mainData.labels.split(',')
+						}
+					})
+				}else{
+					let data = {
+							  mainId: that.dataList.id,
+							  page: that.page,
+							  limit:  that.limit,
+							}
+					that.$Request.get('/app/user/package/detail/findMyPackageDetailList', data).then(res => {
+						if (res.code == 0) {
+							that.mainData=res.data.mainData;
+							that.detailData=res.data.detailData;
+							that.contentImg=that.mainData.contentImg.split(",");
+							that.mainId=that.mainData.id
+							that.liaoTime=res.data.detailData[0].intervalDaysStr;
+							that.backgroundImageUrl=that.mainData.packageImg;
+							that.labels=that.mainData.labels.split(',')
+						}
+					})
+				}
+			},
+		}
+	}
+</script>
+<style scoped>
+	.lab-view{
+		width:100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.detail-foot-mian-txet{
+		width: 50%;
+		margin-top: 20px;
+		text-align: center;
+	}
+	/deep/uni-checkbox .uni-checkbox-input{
+		width: 26px;
+		height: 26px;
+		border-radius: 50%;
+	}
+	.youhui-img{
+		width: 111.81rpx;
+		height: 111.81rpx;
+	}
+	.youhui-view-right-btn{
+		width: 158rpx;
+		height: 64rpx;
+		background: linear-gradient(-90deg, #019C88, #2DC48E);
+		border-radius: 32rpx;
+		text-align: center;
+		line-height: 64rpx;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #FFFFFF;
+		text-shadow: 0rpx 2rpx 4rpx rgba(0,119,104,0.44);
+		margin-left: 10px;
+	}
+	.youhui-view-right-time{
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #999999;
+	}
+	.youhui-view-right-title{
+		width: 105px;
+		font-weight: 400;
+		font-size: 32rpx;
+		color: #333333;
+	}
+	.youhui-view-right-top{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.youhui-view-right{
+		width: 502.08rpx;
+		height: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-around;
+	}
+	.youhui-view-left-bottom{
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #FFFFFF;
+	}
+	.youhui-view-left-yuan{
+		display: flex;
+		flex-direction: row;
+		align-items: baseline;
+		color: #FFFFFF;
+	}
+	.youhui-view-left-num{
+		font-weight: bold;
+		font-size: 89rpx;
+	}
+	.youhui-view-left-text{
+		font-weight: bold;
+		font-size:24.31rpx;
+	}
+	.youhui-view-left{
+		width: 199rpx;
+		height: 242rpx;
+		display: flex;
+		flex-direction:column;
+		align-items: center;
+		justify-content: center;
+	}
+	.youhui-yiyong{
+		background-image: url('../../static/youhuijuan/coupons7.png');
+	}
+	.youhui-weiyong{
+		background-image: url('../../static/youhuijuan/coupons1.png');
+	}
+	.youhui-list{
+		width: 95%;
+		display: flex;
+		flex-direction: row;
+		height: 242rpx;
+		border-radius: 21rpx;
+		background-size: 100%;
+		margin: 20px auto;
+		justify-content: space-between;
+	}
+	.popup_pay {
+		width: 100%;
+		position: relative;
+		padding-bottom: 45rpx;
+		/* height: 400px; */
+		/* height: 160px; */
+		/* #ifndef MP-WEIXIN */
+		/* height: 130px; */
+		/* #endif */
+	
+	}
+	.pay_btn {
+		width: 90%;
+		margin: 0 auto;
+		text-align: center;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		height: 80rpx;
+		border-radius: 60rpx;
+		color: #ffffff;
+		line-height: 80rpx;
+	}
+	
+	.dingdan-btn{
+		text-align: center;
+		width: 80px;
+		height: 30px;
+		line-height: 30px;
+		border-radius: 4px;
+		font-weight: bold;
+		font-size: 11px;
+		border-radius: 30rpx;
+	}
+	.dingdan-btn-l{
+		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
+		color: #FFFFFF;
+	}
+	.dingdan-btn-h{
+		background: #666;
+		color: #FFFFFF;
+	}
+	.tese span:nth-child(1){
+		font-weight: bold;
+		font-size: 22rpx;
+		color: #333333;
+	}
+	.tese span:nth-child(2){
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #8D9194;
+	}
+	.tese{
+		width: 100%;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.detail-foot-nav-bor{
+		width: 64px;
+		height: 11rpx;
+		border-radius: 6rpx;
+		position: absolute;
+		bottom: 0;
+		background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
+	}
+	.detail-foot-nav-text{
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #000000;
+	}
+	.detail-foot-nav{
+		width: 90%;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+	}
+	.detail-foot-title{
+		    width: 115px;
+		    height: 32px;
+			background-image: url(../../static/servicePackage/horn.png);
+		    background-repeat: no-repeat;
+		    background-size: 100% 100%;
+		    font-weight: 400;
+		    font-size: 12px;
+		    color: #FFFFFF;
+		    text-align: right;
+		    line-height: 32px;
+		    padding-right: 15px;
+			position: absolute;
+			    right: 0;
+			    top: 0;
+	}
+	.detail-foot-list-top{
+		width: 95%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-bottom: 25px;
+	}
+	.detail-foot-list{
+		width: 95%;
+		border-radius: 21rpx;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		background-color: #fff;
+	}
+	.detail-foot{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.detail-foot-list-top span:nth-child(1){
+		font-weight: bold;
+		font-size: 31rpx;
+		color: #3F3F3F;
+	}
+	.detail-foot-list-top span:nth-child(2){
+		width: 76rpx;
+		height: 33rpx;
+		line-height: 33rpx;
+		text-align: center;
+		border-radius: 16rpx;
+		border: 1px solid #7D7D7D;
+		font-weight: 400;
+		font-size: 20rpx;
+		color: #777777;
+	}
+	.detail-foot-list-top span:nth-child(3){
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #777777;
+	}
+	
+	.detail-foot-mian{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+	
+	.header-bottom-title-liao{
+		padding: 3px 8px;
+		height: 16px;
+		line-height: 16px;
+		text-align: center;
+		background: linear-gradient(-90deg, #FF6F48, #FF9E69);
+		border-radius: 7px;
+		margin-left: 5px;
+		font-size: 10px;
+		border-top-left-radius: 20px;
+		border-bottom-right-radius: 20px;
+		color: #fff;
+	}
+	.detail-btn{
+		width:95%;
+		height: 92rpx;
+		line-height: 92rpx;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		border-radius: 46rpx;
+		margin: 0 auto;
+		text-align: center;
+		font-weight: 400;
+		font-size: 42rpx;
+		color: #FFFFFF;
+	}
+	.detail-foot-mian-txet span:nth-child(1){
+		color: #777777;
+		font-size: 12px;
+		font-weight: bold;
+		margin-bottom: 5px;
+	}
+	.detail-foot-mian-txet span:nth-child(2){
+		color: #333;
+		font-size: 15px;
+		font-weight: bold;
+		margin-bottom:3px;
+	}
+	.detail-foot-mian-txetList{
+		color: #777777;
+		font-size: 14px;
+		font-weight: bold;
+	}
+	
+	.detail-foot-mian-img{
+		width: 100%;
+		height:auto;
+	}
+	.detail-foot-mian-top-bottom{
+		margin-top: 10px;
+	}
+	.detail-foot-mian-top-title{
+		color: #333333;
+	}
+	.detail-foot-mian-top-text{
+		color: #777777;
+		width:80%;
+		margin-left: 5px;
+	}
+	.detail-foot-mian-top,.detail-foot-mian-top-bottom{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		font-size: 26rpx;
+	}
+	.header-bottom-title-bottom span{
+		font-weight: bold;
+		font-size: 24rpx;
+		color: #ff6f48;
+	}
+	.header-bottom-title-bottom image{
+		width: 34.03rpx;
+		height: 30.56rpx;
+		margin-right: 3px;
+	}
+	.header-bottom-title-bottom{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin: 5px 0px;
+		background: linear-gradient(90deg, #feefec, #fef5ec);
+		padding: 8rpx 20rpx;
+		border-radius: 10rpx;
+		border: 1px #efdfda solid ;
+		margin-top: 30rpx;
+	}
+	.shouc image{
+		width: 34.03rpx;
+		height: 32.64rpx;
+	}
+	
+	.shouc{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.detail-foot-nav-bor{
+		width: 64px;
+		height: 11rpx;
+		border-radius: 6rpx;
+		position: absolute;
+		bottom: 0;
+		background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
+	}
+	.detail-foot-nav-text{
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #000000;
+	}
+	.detail-foot-nav{
+		width: 90%;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		margin: 30rpx 0;
+	}
+	.detail-foot{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	
+	.tese span:nth-child(1){
+		font-weight: bold;
+		font-size: 22rpx;
+		color: #333333;
+	}
+	.tese span:nth-child(2){
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #8D9194;
+	}
+	.tese{
+		width: 100%;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.detail-foot-list-top span:nth-child(1){
+		font-weight: bold;
+		font-size: 31rpx;
+		color: #3F3F3F;
+	}
+	.detail-foot-list-top span:nth-child(2){
+		width: 76rpx;
+		height: 33rpx;
+		line-height: 33rpx;
+		text-align: center;
+		border-radius: 16rpx;
+		border: 1px solid #7D7D7D;
+		font-weight: 400;
+		font-size: 20rpx;
+		color: #777777;
+		margin: 0px 25px 0px 5px;
+	}
+	.detail-foot-list-top span:nth-child(3){
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #777777;
+	}
+	
+	.detail-foot-mian{
+		width: 95%;
+		display: flex;
+		flex-direction: column;
+		margin: 0 auto;
+		background-color: #fff;
+		border-radius: 21rpx;
+		padding: 15px;
+	}
+	.jianjie{
+		font-weight: 400;
+		font-size: 22rpx;
+		color: #8D9194;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.header-bottom-mian{
+		margin: 10px 0px;
+	}
+	.header-bottom-mian-title{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-bottom: 6px;
+	}
+	.header-bottom-mian-title span{
+		font-weight: 400;
+		font-size: 26rpx;
+		color: #20AB95;
+		margin-left: 5px;
+	}
+	.header-bottom-mian-title image{
+		width: 30.56rpx;
+		height: 29.86rpx;
+	}
+	.header-bottom-foot-view-img1{
+		width: 30rpx;
+		height: 30rpx;
+	}
+	.header-bottom-foot-view-img2{
+		width: 23rpx;
+		height: 23rpx;
+	}
+	.header-bottom-foot-view-img3{
+		width: 26rpx;
+		height: 26rpx;
+	}
+	.header-bottom-foot-view image{
+		margin-right: 1px;
+	}
+	.header-bottom-foot-view{
+		width: 35%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 2px 5px;
+		height: 22px;
+		line-height: 22px;
+		background-color: rgba(230, 246, 243, 1);
+		border-radius: 15px;
+		font-weight: 400;
+		font-size: 10px;
+		color: #029c88;
+	}
+	.header-bottom-foot-title{
+		height: 22px;
+		line-height: 22px;
+		text-align: left;
+		font-weight: 600;
+		font-size: 30rpx;
+		color: #029d88;
+	}
+	.header-bottom-foot-cont{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		margin-top: 6rpx;
+	}
+	.header-bottom-foot{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.header-bottom-money-jia{
+		font-size: 28rpx;
+		color: #848484;
+		margin-left: 5px;
+		text-decoration: line-through;
+	}
+	.header-bottom-money-zhen span{
+		color: #F95900;
+	}
+	.header-bottom-money-zhen span:nth-child(1){
+		font-size: 25rpx;
+	}
+	.header-bottom-money-zhen span:nth-child(2){
+		font-size:46rpx;
+		font-weight: bold;
+	}
+	.header-bottom-money-zhen span:nth-child(3){
+		font-size: 25rpx;
+	}
+	.header-bottom-money-zhen{
+		display: flex;
+		flex-direction: row;
+		align-items: baseline;
+	}
+	
+	.header-bottom-money-view{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		margin-top:5px;
+	}
+	.header-bottom-money{
+		padding: 5px 0;
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		margin-top: 5rpx;
+	}
+	.header-bottom-money1{
+		padding: 5px 0;
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-top: 5rpx;
+		align-items: baseline;
+	}
+	.header-bottom-title-num span{
+		font-size: 30rpx;
+	}
+	.header-bottom-title-num span:nth-child(1){
+		font-weight: bold;
+		color: #08A28A;
+	}
+	.header-bottom-title-num span:nth-child(2){
+		color: #848485;
+		margin-left: 5px;
+	}
+	.header-bottom-title-text{
+		font-weight: bold;
+		font-size: 35rpx;
+		color: #13141A;
+	}
+	.header-bottom-title{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.header-bottom-top{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+	.header-bottom{
+		width: 100%;
+		background-color: #fff;
+		padding: 15px;
+		display: flex;
+		flex-direction: column;
+	}
+	.header-top image{
+		width: 706.25rpx;
+		height: 105.07rpx;
+	}
+	.header-top{
+		width: 100%;
+		height: 745.83rpx;
+		background-image: url('../../static/servicePackage/display.png');
+		background-size: 100%;
+		background-repeat: no-repeat;
+		display: flex;
+		align-items: flex-end;
+		justify-content: center;
+	}
+	.header{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+	.content{
+		width: 100%;
+		height: auto;
+		background-color: #f7f7f7;
+	}
+	.btn {
+	background: linear-gradient(to right, rgb(1, 156, 136), rgb(49, 193, 148));
+	color: rgb(255, 255, 255);
+	margin: 8px 16px;
+	position: fixed;
+	bottom: 0px;
+	width: 90%;
+	border-radius: 27px;
+	height: 43px;
+	line-height: 43px;
+	font-size: 17px;
+	text-align: center;
+	}
+	.group-buy{
+	display: flex;
+	background: #fef0ed;
+	justify-content: space-between;
+	}
+	.group-buy-left{
+	width:65%;
+	padding: 30rpx 30rpx;
+	background: linear-gradient(to right, rgb(255, 117, 98), rgb(233, 71, 52));
+	display: flex;
+	justify-content: space-between;
+	}
+	.group_amount{
+	color: #fff;
+	}
+	.group_amount span:nth-child(2){
+	font-size: 50rpx;
+	font-weight: bold;
+	}
+	.group-rule{
+	display: flex;
+	flex-direction:column;
+	align-items: center;
+	}
+	.group-rule span:nth-child(1){
+	color: #fff;
+	font-size:22rpx;
+	text-decoration: line-through;
+	}
+	.group-rule span:nth-child(2){
+	text-align: center;
+	padding: 2rpx 15rpx;
+	background:#fff;
+	color: #ed4b3e;
+	font-size: 24rpx;
+	border-radius: 3rpx;
+	}
+	.group-buy-right{
+	width: 34%;
+	display: flex;
+	flex-direction:column;
+	align-items: center;
+	padding: 20rpx 0;
+	}
+	.group-text{
+	 color:#ec4439;
+	 margin-bottom: 10rpx;
+	}
+	.group-buy-right span:nth-child(1){
+	background: #000;
+	border-radius: 30rpx;
+	padding: 8rpx;
+	color: #fff;
+	}
+	.group-buy-right span:nth-child(2){
+	background: #000;
+	border-radius: 30rpx;
+	padding: 8rpx;
+	color: #fff;
+	}
+	.group-buy-right span:nth-child(3){
+	background: #000;
+	border-radius: 30rpx;
+	padding: 8rpx;
+	color: #fff;
+	}
+	.teamwork-plate{
+	background: #fff;
+	margin: 20rpx;
+	}
+	.teamwork-line{
+	display: flex;
+	padding: 15rpx 0;
+	justify-content: space-between;
+	}
+	.teamwork-button{
+	background:#ed4b3e ;
+	padding: 8rpx 13rpx;
+	color:#fff;
+	}
+	.team-text{
+	color: #ed4b3e;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/my/index.vue b/pages/my/index.vue
index bdfac93..912b8b7 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -104,9 +104,9 @@
 					<image src="../../static/my-liaocheng1.png" mode=""></image>
 					<span class="my-serve-list-text">企业预约</span>
 				</view>
-				<view class="my-serve-list" @click="meServe('约到店')">
+				<view class="my-serve-list" @click="meServe('新人拼团')">
 					<image src="../../static/my-liaocheng2.png" mode=""></image>
-					<span class="my-serve-list-text">约到店</span>
+					<span class="my-serve-list-text">新人拼团</span>
 				</view>
 			</view>
 		</view>
diff --git a/static/my-liaocheng2.png b/static/my-liaocheng2.png
index c10262e..b10c2fe 100644
Binary files a/static/my-liaocheng2.png and b/static/my-liaocheng2.png differ