diff --git a/pages.json b/pages.json
index 7e7562f..9e96688 100644
--- a/pages.json
+++ b/pages.json
@@ -86,6 +86,28 @@
 				}
 			}
 		},
+		{
+			"path": "pages/my/joinUs/myJoinUs",
+			"style": {
+				"navigationBarTitleText": "我是代理商",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom",
+				"app-plus": {
+					"titleNView": false
+				}
+			}
+		},
+		{
+			"path": "pages/my/joinUs/index",
+			"style": {
+				"navigationBarTitleText": "招商加盟",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom",
+				"app-plus": {
+					"titleNView": false
+				}
+			}
+		},
 		{
 			"path": "pages/my/channelMerchants/myMerchants",
 			"style": {
diff --git a/pages/my/cikarDrtail.vue b/pages/my/cikarDrtail.vue
index 167cd12..555656d 100644
--- a/pages/my/cikarDrtail.vue
+++ b/pages/my/cikarDrtail.vue
@@ -975,17 +975,18 @@
 		border-bottom-right-radius: 20px;
 		color: #fff;
 	}
-	.detail-btn{
-		width:95%;
-		height: 90rpx;
-		line-height: 90rpx;
+	.detail-btn {
+		display: flex;
+		width: 92%;
 		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
-		border-radius: 46rpx;
-		margin: 0 auto;
-		text-align: center;
-		font-weight: 400;
-		font-size: 36rpx;
-		color: #FFFFFF;
+		height: 40px;
+		border-radius: 28px;
+		color: #ffffff;
+		margin-top: 4px;
+		font-size: 17px;
+		padding-top: 2px;
+		justify-content: center;
+		align-items: center;
 	}
 	.detail-foot-mian-txet span:nth-child(1){
 		color: #777777;
diff --git a/pages/my/cureOderDrtail.vue b/pages/my/cureOderDrtail.vue
index f001350..c76338a 100644
--- a/pages/my/cureOderDrtail.vue
+++ b/pages/my/cureOderDrtail.vue
@@ -108,11 +108,6 @@
 			</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-btn" v-if="dataList.name=='my'&&dataList.status=='0'" @click="goumai(getList)">
@@ -256,7 +251,7 @@
 		margin: 0 auto;
 		text-align: center;
 		font-weight: 400;
-		font-size: 36rpx;
+		font-size: 17px;
 		color: #FFFFFF;
 		position: fixed;
 		bottom: 0px;
@@ -471,6 +466,7 @@
 		font-weight: 400;
 		font-size: 11px;
 		color: #029c88;
+		word-break: keep-all;
 	}
 	.header-bottom-foot-view2-img1{
 		width: 35rpx;
diff --git a/pages/my/fuwuliaochengDetail.vue b/pages/my/fuwuliaochengDetail.vue
index b09c88a..e2506e4 100644
--- a/pages/my/fuwuliaochengDetail.vue
+++ b/pages/my/fuwuliaochengDetail.vue
@@ -982,17 +982,18 @@
 		border-bottom-right-radius: 20px;
 		color: #fff;
 	}
-	.detail-btn{
-		display: inline-block;
+	.detail-btn {
+		display: flex;
 		width: 92%;
-		text-align: center;
 		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
 		height: 40px;
 		border-radius: 28px;
 		color: #ffffff;
-		line-height: 40px;
 		margin-top: 4px;
-		font-size: 34rpx;
+		font-size: 17px;
+		padding-top: 2px;
+		justify-content: center;
+		align-items: center;
 	}
 	.detail-foot-mian-txet span:nth-child(1){
 		color: #777777;
diff --git a/pages/my/index.vue b/pages/my/index.vue
index d29fb2f..b64612e 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -185,6 +185,14 @@
 					<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
 					<span class="my-use-list-text">我是渠道商</span>
 				</view> -->
+				<view class="my-use-list" @click="useToUrl('/pages/my/joinUs/index')">
+					<image style="padding: 3rpx;" src="../../static/my-gong-11.png" mode=""></image>
+					<span class="my-use-list-text">招商加盟</span>
+				</view>
+				<view class="my-use-list" @click="useToUrl('/pages/my/joinUs/myJoinUs')">
+					<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
+					<span class="my-use-list-text">我是代理商</span>
+				</view> 
 				<view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image>
 					<span class="my-use-list-text">我的团队</span>
diff --git a/pages/my/joinUs/index.vue b/pages/my/joinUs/index.vue
new file mode 100644
index 0000000..ace3ed6
--- /dev/null
+++ b/pages/my/joinUs/index.vue
@@ -0,0 +1,475 @@
+<template>
+	<view class="hehuo_view">
+		<view class="advantage-title">
+			<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>招商加盟</view>
+		<view class="advantage-bor" style="margin-right: 10rpx;"></view>
+		<view class="text_view">
+			<view class="item_view">
+				<view class="item_title">姓名</view>
+				<u-input type="text" v-model="userName" placeholder="请输入姓名" />
+				<view class="xian"></view>
+			</view>
+			<view class="item_view">
+				<view class="item_title">联系电话</view>
+				<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
+				<view class="xian"></view>
+			</view>
+			<view class="item_view">
+				<view class="item_title">联系电话</view>
+				<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
+				<view class="xian"></view>
+			</view>
+			<view class="item_view" v-if="applyContent">
+				<uni-forms ref="baseForm" :disabled="true">
+					<uni-forms-item label="申请加入的区域" :disabled="true">
+						<picker class="addRess" :disabled="true" range-key="AreaName" mode="multiSelector">
+							<view class="uni-input">
+								<text>{{applyContent}}</text>
+							</view>
+						</picker>
+					</uni-forms-item>
+				</uni-forms>
+			</view>
+			<view class="item_view" v-else>
+				<uni-forms ref="baseForm" >
+					<uni-forms-item label="申请加入的区域">
+						<picker class="addRess" @change="bindPickerChange" @columnchange="pluginclass" :value="pickVal" :range="cityArr"
+							range-key="AreaName" mode="multiSelector">
+							<view class="qing" v-if="pickVal2.length==0">请输入您想代理得区域</view>
+							<view v-else class="uni-input">
+								<text>{{cityData}}</text>
+							</view>
+						</picker>
+					</uni-forms-item>
+				</uni-forms>
+			</view>
+		</view>
+		<view class="text_view" style="margin-bottom: 20px;">
+			<view class="jibie">
+				<view class="d-title title-font">代理类型</view>
+				<view class="jibie-list" v-for="(item,index) in jbList" :key="index">
+					<view class="jibie-title">
+						<span class="item_title">{{item.title}}</span>
+					</view>
+					<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
+						<label class="tui-radio">
+							<radio color="#019c88" :checked="openWay === item.id ? true : false" />
+						</label>
+					</radio-group>
+				</view>
+			</view>
+		</view>
+		<view  class="push-button">
+			<view class="que-btn" @tap="pay()">提交申请</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				userName: '',
+				phone: '',
+				textareaData:'',
+				jbList:[
+					{'title':'省代理','id':1},
+					{'title':'城市代理','id':2},
+					{'title':'区县代理','id':3},
+				],
+				openWay:'1',
+				money:'',
+				oneFee:'',
+				twoFee:'',
+				pickVal: [0, 0, 0], // 选择器默认值
+				pickVal2:[],   // 辅助城市名字线索
+				cityArr: [],   // 所有城市
+				applyContent: '',
+			}
+		},
+		onLoad() {
+			this.getChannel();
+			this.loadProvinces()
+		},
+		methods: {
+			loadProvinces() { // 加载省份
+				uni.request({
+					url: 'http://test-api.tiananhub.com/api/province/GetListProvince',
+					method: 'get',
+					success: async (res) => {
+						let {
+							data
+						} = res.data
+						console.log(data)
+						this.cityArr[0] = data
+						this.loadCities(data[0].AreaId)
+						this.$forceUpdate()
+					},
+					fail: async (res) => {}
+				})
+			},
+			// 请求地级市
+			loadCities(AreaId) {
+				uni.request({
+					url: 'http://test-api.tiananhub.com/api/province/GetListCity',
+					data: {
+						AreaId
+					},
+					method: 'get',
+					success: async (res) => {
+						let {
+							data
+						} = res.data
+						this.cityArr[1] = data
+						this.loadAreas(data[0].AreaId)
+			
+						this.$forceUpdate()
+					},
+					fail: async (res) => {}
+				})
+			},
+			// 请求县区市
+			loadAreas(AreaId) {
+				uni.request({
+					url: 'http://test-api.tiananhub.com/api/province/GetListCity',
+					data: {
+						AreaId
+					},
+					method: 'get',
+					success: async (res) => {
+						let {
+							data
+						} = res.data
+						this.cityArr[2] = data
+			
+						this.$forceUpdate()
+					},
+					fail: async (res) => {}
+				})
+			},
+			// 确定其他选择的值
+			bindPickerChange(data) {
+				this.pickVal=data.target.value;
+				this.pickVal2=data.target.value;
+				this.cityData=this.cityArr[0][this.pickVal2[0]].AreaName+'-'+this.cityArr[1][this.pickVal2[1]].AreaName+'-'+this.cityArr[2][this.pickVal2[2]].AreaName
+				
+			},
+			// 选择时且未点击确定是的值
+			pluginclass(e) {
+				if (e.detail.column == 0) {
+					this.loadCities(this.cityArr[0][e.detail.value].AreaId);
+				}
+				if (e.detail.column == 1) {
+					this.loadAreas(this.cityArr[1][e.detail.value].AreaId);
+				}
+			},
+			// 支付订单
+			pay() {
+				let that = this
+				this.showpay = false;
+				if (this.userName === '') {
+					this.$queue.showToast('请输入姓名')
+					return;
+				}
+				if (this.phone === '' || this.phone.length != 11) {
+					this.$queue.showToast('请输入正确的手机号！')
+					return;
+				}
+				uni.showModal({
+					title: '付款提示',
+					content: '是否确定提交申请！',
+					success: function(re) {
+						if (re.confirm) {
+								
+								that.$queue.showLoading('支付中...')
+								let data = {
+									level:that.openWay,
+									money:that.money,
+									name:that.userName,
+									phone:that.phone,
+									remarks:that.textareaData,
+									type: 2
+								}
+								that.$Request.post('/app/wxPay/payFxyMoney', data).then(rea => {
+									uni.hideLoading();
+									if (rea.code == 0) {
+										uni.showToast({
+											title: '支付成功'
+										})
+										that.callPay(rea.data);
+		
+									} else {
+										uni.showToast({
+											title: rea.msg,
+											icon: 'none'
+										})
+									}
+								});
+						} else if (re.cancel) {
+							uni.hideLoading();
+							console.log('用户点击取消');
+						}
+					}
+			
+				})
+			
+			},
+			
+			selectWay: function(item) {
+				this.openWay = item.id;
+				this.money=item.money
+			},
+			textareaChange(e){//备注
+				this.textareaData=e.detail.value
+			},
+			getChannel() {
+				this.$Request.getT('/app/commission/fxy/fxyConfig').then(res => {
+					if (res.code == 0) {
+						var data=[]
+						// for(var i=0;i<this.jbList.length;i++){
+						// 	if(this.jbList[i].id==1){
+						// 		data.push({
+						// 			'title':'一级分销员',
+						// 			'money':'',
+						// 			'id':1,
+						// 			'money':res.data.oneFee
+						// 		})
+						// 	}else{
+						// 		data.push({
+						// 			'title':'二级分销员',
+						// 			'money':'',
+						// 			'id':2,
+						// 			'money':res.data.twoFee
+						// 		})
+						// 	}
+							
+						// }
+						this.openWay=data[0].id;
+						this.money=data[0].money;
+						this.jbList=data;
+					}
+				});
+			},
+		
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	@import '../../../static/less/index.less';
+	@import '../../../static/css/index.css';
+	.qing{
+		color: rgb(192, 196, 204);
+		font-size: 13px;
+	}
+	/deep/.uni-forms-item__label{
+		font-size: 15px;
+		font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
+		color: #333333;
+		width: 100% !important;
+	}
+	/deep/.is-direction-left{
+		flex-direction: column !important;
+	}
+	.weixin{
+		margin-left: 5px;
+	}
+	.foot-beizhu{
+		border: 1px dashed #fe912e;
+		border-radius: 5px;
+		padding: 7px;
+		color: #fe912e;
+		margin-top: 10px;
+	}
+	.item_title_money{
+		font-size: 32rpx;
+		font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
+		color: #fb672b;
+		font-weight: bold;
+	}
+	.jibie-title-w{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+	.jibie-title{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-top: 10px;
+	}
+	.jibie-list{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.jibie{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+	/deep/uni-radio .uni-radio-input{
+		width: 38.86rpx; 
+		height: 38.86rpx;
+		margin: -1px 2px 0px -8px;
+	}
+	.chong-list-radio{
+		width: 29.86rpx;
+		height: 29.86rpx;
+		border-radius: 50%;
+	}
+	/deep/.uni-textarea-textarea{
+		font-weight: 400;
+		font-size: 26rpx;
+	}
+	/deep/.uni-textarea-placeholder{
+		font-weight: 400;
+		font-size: 28rpx;
+		color: rgb(192, 196, 204);
+	}
+	.textarea-pay-list{
+		width: 100%;
+		height: 120px;
+		margin-top: 10px;
+	}
+	.textarea-pay{
+		background-color: #f3f3f3;
+		width: 100%;
+		height: 100%;
+		background: #F3F3F3;
+		border-radius: 14rpx;
+		padding: 7px;
+	}
+	.list-pay{
+		width: 100%;
+	}
+	.title-font{
+		font-size:30rpx;
+		color: #333333;
+	}
+	.d-title{
+		font-size: 15px;
+		font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
+		color: #333333;
+	}
+	.header-view{
+		background-color: #fff;
+		border-radius: 11px;
+	}
+	.header-padd{
+		padding:30rpx;
+	}
+	.header-margin{
+		margin:20rpx;
+	}
+	.push-button{
+		width: 100%;
+		height: 48px;
+		// position: fixed;
+		// bottom: 0px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin: 0 auto;
+	}
+	.que-btn{
+		display: inline-block;
+		width: 90%;
+		text-align: center;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		height: 40px;
+		border-radius: 28px;
+		color: #ffffff;
+		line-height: 40px;
+		margin-top: 4px;
+		font-size: 34rpx;
+	}
+	
+	.margin-top-view{
+		width: 150upx;
+		height: 150upx;
+		background: #f7f7f7;
+	}
+	.advantage-title{
+		font-size: 32rpx;
+		font-weight: bold;
+		margin-top: 60rpx;
+		margin-left: 35rpx;
+	}
+	.advantage-bor{
+		width: 96px;
+		height: 6px;
+		border-radius: 3px;
+		bottom: 0;
+		background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
+		margin-bottom: 80rpx;
+		margin-left: 35rpx;
+		
+	}
+	.hehuo_view {
+		width: 100%;
+		padding-top: 10px;
+		height: 100vh;
+		background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
+		background-size: 100%;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		//align-items: center;
+		
+		.text_view {
+			width: 95%;
+			margin: 0 auto;
+			background-color: #fff;
+			border-radius: 10px;
+			padding: 20px;
+			margin-top: 20px;
+			.audit_message {
+				color: red;
+				width: 650rpx;
+				height: 50rpx;
+				margin-top: 50rpx;
+			}
+
+			
+
+			.save_btn1 {
+				width: 650rpx;
+				height: 88rpx;
+				background: #FFFFFF;
+				border-radius: 10rpx;
+				margin-top: 100rpx;
+				text-align: center;
+				line-height: 88rpx;
+			}
+
+			.item_view {
+				margin-top: 30rpx;
+
+				.item_title {
+					font-size: 32rpx;
+					font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
+					color: #333333;
+				}
+
+				input {
+					margin-top: 20rpx;
+					height: 40rpx;
+					font-size: 24rpx;
+					font-family: PingFang SC Regular, PingFang SC Regular-Regular;
+					font-weight: 400;
+					color: #333333;
+				}
+
+				.xian {
+					width: 100%;
+					border-bottom: 1rpx solid #f7f7f7;
+					margin-top: 10rpx;
+				}
+			}
+		}
+	}
+</style>
diff --git a/pages/my/joinUs/myJoinUs.vue b/pages/my/joinUs/myJoinUs.vue
new file mode 100644
index 0000000..7fdefd1
--- /dev/null
+++ b/pages/my/joinUs/myJoinUs.vue
@@ -0,0 +1,460 @@
+<template>
+	<view class="content">
+		<view class="content-top">
+			<view class="bgimg">
+				<view class="bgimg-top">
+					<view class="bgimg-top-tou">
+						<u-avatar :src="avatar" size="120" style=" border: 2px solid #F2F2F2;"></u-avatar>
+					</view>
+					<view class="bgimg-top-view">
+						<view class="bgimg-top-money">
+							<span>{{listData.name}}</span>
+							<!-- <span>平台</span>
+							<span style="color: #fff;">当前身份：一级分销员</span> -->
+						</view>
+					</view>
+				</view>
+				<view class="mian">
+					<view class="mian-title" style="position: relative;">
+						<view class="mian-title-top">
+							<span class="money">{{listData.withdrawableAmount}}</span>
+							<span class="list-title">可提现(元)</span>
+						</view>
+						<view class="mian-title-top">
+							<view class="detail-btn" @click="goNav('/pages/my/applyBroker/withdrawal')">
+								我要提现</view>
+						</view>
+						<!-- <image class="bangzhu" src="../../../static/bangzhu.png" mode=""></image> -->
+					</view>
+					<view class="mian-list">
+						<view class="list-view">
+							<view class="money">{{listData.income}}</view>
+							<view class="list-title">总金额(不含手续费)</view>
+						</view>
+						<view class="list-view">
+							<view class="money">{{listData.notCredited}}</view>
+							<view class="list-title">未入账(元)</view>
+						</view>
+					</view>
+					
+				</view>
+			</view>
+			<view class="mian-bottom">
+				<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/mymoneydetail')">
+					<image class="mian-bottom-img" src="../../../static/my-gong-17.png" mode=""></image>
+					<span>我的收益</span>
+				</view>
+				<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/myInvitation')">
+					<image class="mian-bottom-img" src="../../../static/my-gong-19.png" mode=""></image>
+					<span>我的邀请</span>
+				</view>
+				<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/withdrawalRecord')">
+					<image class="mian-bottom-img" src="../../../static/my-gong-20.png" mode=""></image>
+					<span>提现记录</span>
+				</view>
+			</view>
+			<view class="mian-foot">
+				<view class="mian-foot-top">
+					<view class="mian-foot-top-list">
+						<span class="list-title">今日成交订单</span>
+						<span class="money">{{listData.curOrdersCount}}</span>
+					</view>
+					<view class="mian-foot-top-list">
+						<span class="list-title">累计成交订单</span>
+						<span class="money">{{listData.ordersCount}}</span>
+					</view>
+				</view>
+				<view class="mian-foot-top" style="margin-top: 10px;">
+					<view class="mian-foot-top-list">
+						<span class="list-title">今日新增技师</span>
+						<span class="money">{{listData.curArtificerCount}}</span>
+					</view>
+					<view class="mian-foot-top-list">
+						<span class="list-title">累计入驻技师</span>
+						<span class="money">{{listData.artificerCount}}</span>
+					</view>
+				</view>
+			</view>
+			<view class="foot-img-list" @click="showModal">
+				<image  class="foot-img" src="../../../static/suggest-banner.png" mode=""></image>
+			</view>
+			<tki-qrcode ref="qrcode" :val="url" :size="200" background="#fff" foreground="#000" pdground="#000"
+				:onval="true" :loadMake="true" @result="qrR" :show="false"></tki-qrcode>
+			<view class="cu-modal" :class="modalName == 'Image' ? 'show' : ''" @tap="hideModal">
+				<view class="cu-dialog" v-if="backgroundImage && erweimapath && haibaoShow" @tap="hideModal">
+					<view class="bg-img">
+						<wm-poster @success="posterSuccess" :imgSrc="backgroundImage" :Referrer="'我的邀请码:'+invitationCode"
+							:QrSrc="erweimapath" :Title="tuiguang" :LineType="false"></wm-poster>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
+	import wmPoster from '@/components/wm-poster/wm-posterorders.vue';
+	export default {
+		components: {
+			wmPoster,
+			tkiQrcode
+		},
+		data() {
+			return {
+				url: '',
+				avatar: '',
+				listData:[],
+				haibaoImg: null,
+				haibaoShow: false,
+				modalName: '',
+				backgroundImage:'',
+				invitationCode: '',
+				erweimapath: '',
+				tuiguang: '',
+			}
+		},
+		onLoad() {			
+			this.avatar = uni.getStorageSync('avatar')
+			this.getData();
+			this.getBackImageList();
+			this.getUserInfo();
+			this.$Request.getT('/app/common/type/116').then(res => {
+				if (res.code === 0) {
+					if (res.data && res.data.value) {
+						this.tuiguang = res.data.value;
+						this.tuiguang1 = res.data.value;
+					}
+				}
+			});
+			//检测书否开启APP微信分享
+			this.$Request.getT('/app/common/type/136').then(res => {
+				if (res.code === 0) {
+					if (res.data && res.data.value) {
+						this.isShowWxAPPShare = res.data.value;
+					}
+				}
+			});
+			// #ifndef H5
+			this.$Request.getT('/app/common/type/25').then(res => {
+				if (res.code === 0) {
+					if (res.data && res.data.value) {
+						this.url = res.data.value;
+					}
+				}
+			});
+			//#endif
+		},
+		onShareAppMessage(res) {
+			return {
+				path: '/pages/index/index?invitation=' + this.invitationCode, //这是为了传参   onload(data){let id=data.id;} 
+				title: this.tuiguang,
+				imageUrl: this.bgImg
+			}
+		},
+		methods:{
+			getUserInfo() {
+				this.$Request.get("/app/user/selectUserById").then(res => {
+					if (res.code == 0) {
+						this.nickName = res.data.userName
+						this.invitationCode = res.data.invitationCode
+						this.userImageUrl = res.data.avatar ? res.data.avatar : '../../static/logo.png'
+						// #ifdef H5
+						this.$Request.getT('/app/common/type/141').then(res => {
+							if (res.code === 0) {
+								if (res.data && res.data.value && res.data.value == '是') {
+									this.$Request.getT('/app/common/type/25').then(ress => {
+										if (ress.code === 0) {
+											if (ress.data && ress.data.value) {
+												this.url = ress.data.value;
+											}
+										}
+									});
+								} else {
+									this.url = this.$queue.publicYuMingApp() + '/?invitation=' + this
+										.invitationCode+"&flag=3";
+								}
+							}
+						});
+			
+						//#endif
+					}
+				});
+			},
+			getBackImageList() {
+				this.$Request.get("/app/commission/jjr/poster").then(res => {
+					uni.hideLoading();
+					if (res.code == 0) {
+							this.backgroundImage = res.data.artificerImage;
+					}
+					console.log("res.data--->", this.backgroundImage);
+				});
+				// this.make();
+			},
+			make() {
+				uQRCode.make({
+					canvasId: 'default_PosterCanvasId',
+					componentInstance: this,
+					text: this.url,
+					size: 68,
+					margin: 4,
+					backgroundColor: '#ffffff',
+					foregroundColor: '#000000',
+					fileType: 'jpg',
+					correctLevel: uQRCode.errorCorrectLevel.H,
+					success: res => {
+						console.log(res)
+					}
+				})
+			},
+			hideModal() {
+				this.modalName = null;
+			},
+			qrR(path) {
+				this.erweimapath = path;
+			},
+			posterSuccess(haibaoImg) {
+				this.haibaoImg = haibaoImg;
+				this.modalName = 'Image';
+			},
+			showModal() {
+				if (!this.haibaoImg) {
+					this.haibaoShow = true;
+					this.$queue.showLoading('海报生成中...');
+				} else {
+					this.modalName = 'Image';
+				}
+			},
+			goNav(link){
+				uni.navigateTo({
+					url:link+'?navName='+'经纪人'
+				})
+			},
+			getData(){
+				this.$Request.get("/app/commission/jjr/myJjr").then(res => {
+					console.log("res.data--->", res.data);
+					if (res.code == 0) {
+							this.listData=res.data
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.mian-foot-top-list span:nth-child(1){
+		margin-bottom: 5px;
+	}
+	.mian-foot-top-list{
+		display: flex;
+		flex-direction: column;
+	}
+	.mian-foot-top{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.mian-foot{
+		width: 93%;
+		margin: 0 auto;
+		background-color: #fff;
+		border-radius: 10px;
+		padding: 10px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin-top: 20px;
+	}
+	.bangzhu{
+		width: 15px;
+		height: 15px;
+		position: absolute;
+		right: 0;
+		margin-right: -20px;
+		top: 0;
+		margin-top: -10px;
+	}
+	.mian-title-top{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.foot-img-list{
+		width: 92%;
+		margin: 0 auto;
+	}
+	.foot-img image{
+		width:100%;
+		height: 100%;
+	}
+	.foot-img{
+		width: 100%;
+		height:180rpx;
+		margin: 0 auto;
+		margin-top:20rpx;
+	}
+	.mian-bottom-list span{
+		color: #333;
+		font-size: 14px;
+		font-weight: bold;
+		margin-top: 5px;
+	}
+	.mian-bottom-list{
+		width:30%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.mian-bottom-img{
+		height: 40px;
+		width: 40px;
+		flex: 0 0 40px;
+		background-color: transparent;
+		border-radius: 500px;
+	}
+	.mian-bottom{
+		width: 93%;
+		margin: 0 auto;
+		background-color: #fff;
+		border-radius: 10px;
+		padding: 10px;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 155px;
+	}
+	.mian-top-title{
+		color: #333;
+		font-size: 16px;
+		font-weight: bold;
+	}
+	.money{
+		color: #333;
+		font-size: 15px;
+		font-weight: bold;
+	}
+	.list-title{
+		margin-top: 5px;
+		font-size: 12px;
+		color: #B8B8B8;
+		font-weight: 400;
+	}
+	.list-view{
+		width:30%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.mian-list{
+		width:100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		margin-bottom: 20px;
+	}
+	.mian-title{
+		width:100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		padding-bottom: 15px;
+		border-bottom: 1px solid #ccc;
+		margin-bottom: 15px;
+	}
+	.mian{
+		width: 100%;
+		margin: 0 auto;
+		background-color: #fff;
+		border-radius: 10px;
+		padding: 15px 26px;
+		display: flex;
+		flex-direction: column;
+		margin-top: 15px;
+	}
+	.detail-btn{
+		display: inline-block;
+		width: 100px;
+		text-align: center;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		height: 40px;
+		border-radius: 28px;
+		color: #ffffff;
+		line-height: 40px;
+		margin: 0 auto;
+		margin-top: 4px;
+		font-size: 34rpx;
+		}
+	.content-top{
+		width: 100%;
+		height: 100%;
+	}
+	.content{
+		width: 100%;
+		height: 100vh;
+		padding-bottom: 10rpx;
+		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../../static/background-img.png');
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+	}
+	page {
+		background-color: #F7F7F7;
+	}
+	.bgimg-top-money span:nth-child(1){
+		font-weight: bold;
+		font-size: 43rpx;
+		color: #FFFFFF;
+	}
+	.bgimg-top-money span:nth-child(2){
+		font-weight: 400;
+		font-size: 25rpx;
+		color: #FFFFFF;
+		margin-top:4px;
+	}
+	.bgimg-top-money{
+		display: flex;
+		flex-direction: column;
+		margin-left: 10px;
+	}
+	.bgimg-top-view{
+		width: 80%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+	}
+	.bgimg-top{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 15rpx;
+	}
+	.bgimg {
+		background: url(../../../static/wallet/reduce.png);
+		background-size: cover;
+		width: 100%;
+		height: 150px;
+		position: relative;
+		margin: 0px auto 10px auto;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		padding: 15px;
+	}
+	.mingxi{
+		width: 140rpx;
+		height: 42rpx;
+		line-height: 42rpx;
+		text-align: center;
+		background: #F5F7FB;
+		border-radius: 21rpx;
+		font-weight: bold;
+		font-size: 22rpx;
+		color: #333333;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/my/serviceOderDrtail.vue b/pages/my/serviceOderDrtail.vue
index 4dfca4c..76542e6 100644
--- a/pages/my/serviceOderDrtail.vue
+++ b/pages/my/serviceOderDrtail.vue
@@ -58,18 +58,21 @@
 					<view class="header-bottom-foot-cont">
 						<!-- <view class="header-fubz">保障</view> -->
 						<view class="header-bottom-foot-view">
-							<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
+							<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>
+							<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>
+							<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png"
+								mode=""></image>
 							<span>最快30分钟上门</span>
 						</view>
-					</view>	
+					</view>
 				</view>
 			</view>
 		</view>
@@ -83,7 +86,9 @@
 					<view class="detail-foot-list-top">
 						<span style="margin-right: 5px;">{{item.title}}</span>
 						<!-- <span style="margin-left: 5px;">{{mainData.levelName}}</span> -->
-						<image style="width:80rpx; height:30rpx;" :src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
+						<image style="width:80rpx; height:30rpx;"
+							:src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"
+							mode=""></image>
 					</view>
 					<view class="detail-view" style="position: relative;">
 						<image class="detail-view-img" :src="item.massageImg" mode=""></image>
@@ -95,12 +100,13 @@
 										<span>￥</span>
 										<span>{{item.price}}</span>
 									</view>
-									<view class="header-bottom-money-jia" >
+									<view class="header-bottom-money-jia">
 										￥{{item.oldPrice}}
 									</view>
 								</view>
 								<view v-if="serviData.name!='index'">
-									<view class="service-more" @click.stop="xiangqing(item)">{{item.status=='1'?'订单':'预约'}}</view>
+									<view class="service-more" @click.stop="xiangqing(item)">
+										{{item.status=='1'?'订单':'预约'}}</view>
 								</view>
 							</view>
 							<view style="color: #019c88; font-size: 26rpx;">服务时长:{{item.duration}}分钟</view>
@@ -125,7 +131,8 @@
 				<span class="detail-foot-nav-bor"></span>
 			</view>
 			<view class="detail-foot-mian detail-pad">
-				<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
+				<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>
@@ -142,7 +149,8 @@
 		<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="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'>
@@ -165,12 +173,12 @@
 	</view>
 </template>
 <script>
-	export default{
-		data(){
-			return{
-				checkbox:false,
-				couponData:[],
-				couponId:'',
+	export default {
+		data() {
+			return {
+				checkbox: false,
+				couponData: [],
+				couponId: '',
 				tordersId: '',
 				tpayMoney: '',
 				paySel: 0,
@@ -178,32 +186,32 @@
 				openLists: [],
 				closeable: true,
 				showpay: false,
-				serviData:[],
-				isVip:false,
-				mainData:[],
-				detailData:[],
+				serviData: [],
+				isVip: false,
+				mainData: [],
+				detailData: [],
 				// 背景图片的URL可以是动态的，比如从API获取或根据条件生成
 				backgroundImageUrl: '',
-				nameText:'',
-				zong:'',
-				contentShow:'0',
-				contentImg:''
+				nameText: '',
+				zong: '',
+				contentShow: '0',
+				contentImg: ''
 			}
 		},
 		computed: {
-		    backgroundStyle() {
-		      return {
-		        backgroundImage: `url(${this.backgroundImageUrl})`,
-		        backgroundSize: 'cover', // 根据需要调整
-		      };
-		    }
-		  },
-		onLoad(e){
-			var that=this;
-			that.serviData=e;
+			backgroundStyle() {
+				return {
+					backgroundImage: `url(${this.backgroundImageUrl})`,
+					backgroundSize: 'cover', // 根据需要调整
+				};
+			}
+		},
+		onLoad(e) {
+			var that = this;
+			that.serviData = e;
 			that.getData();
 			that.youhui()
-			that.isVip=this.$queue.getData('isVIP');
+			that.isVip = this.$queue.getData('isVIP');
 		},
 		onShow() {
 			// #ifndef MP-WEIXIN
@@ -236,13 +244,13 @@
 				this.openWay = 2;
 			// #endif
 		},
-		methods:{
-			contentClick(){
-				var num=this.contentShow
-				if(num=='0'){
-					this.contentShow='1'
-				}else{
-					this.contentShow='0'
+		methods: {
+			contentClick() {
+				var num = this.contentShow
+				if (num == '0') {
+					this.contentShow = '1'
+				} else {
+					this.contentShow = '0'
 				}
 			},
 			goNav(e) {
@@ -250,40 +258,41 @@
 					url: e
 				})
 			},
-			checkboxChange(e){
-				this.couponId=e.detail.value.join(",")
+			checkboxChange(e) {
+				this.couponId = e.detail.value.join(",")
 			},
-			youhui(){//获取优惠卷
+			youhui() { //获取优惠卷
 				let that = this
 				let data = {
-							  status: 0,
-							  page: 1,
-							  limit: 10
-							}
+					status: 0,
+					page: 1,
+					limit: 10
+				}
 				that.$Request.get("/app/coupon/selectCouponUserList", data).then(res => {
 					if (res.code == 0) {
-						that.couponData=res.data.list
+						that.couponData = res.data.list
 					} else {
 						that.$queue.showToast(res.msg)
 					}
 
 				});
 			},
-			goOrder() {//生成orderId
+			goOrder() { //生成orderId
 				let that = this
-				console.log('asdasd',that.couponId)
+				console.log('asdasd', that.couponId)
 				// let payMoney =item.price;
 				// let payMoney = that.isVip ? item.memberPrice : item.price;
 				let data = {
-				  userId: uni.getStorageSync('userId'),
-				  couponId: that.couponId,
-				  oldSumMoney: that.mainData.oldPrice,
-				  sumMoney: that.mainData.price,
-				  // oldSumMoney: that.mainData.oldPrice*that.detailData.length,
-				  // sumMoney: that.mainData.price*that.detailData.length,
-				  ordersPackageList:[
-				    {packageId: that.mainData.id,num: 1},
-				  ]
+					userId: uni.getStorageSync('userId'),
+					couponId: that.couponId,
+					oldSumMoney: that.mainData.oldPrice,
+					sumMoney: that.mainData.price,
+					// 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
@@ -299,12 +308,12 @@
 				});
 			},
 			openpay(item) {
-				this.$queue.setData('mainData',item)
-				this.$queue.setData('detailData',this.detailData)
-				this.$queue.setData('xiangmu',item)
-				this.$queue.setData('youhui','');
+				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/payModifyTc?ordersId='+item.id
+					url: '/my/order/payModifyTc?ordersId=' + item.id
 				})
 				// this.goOrder()
 				// this.showpay = true
@@ -341,8 +350,7 @@
 										})
 									}
 								});
-							} else if (re.cancel) {
-							}
+							} else if (re.cancel) {}
 						}
 					})
 				} else if (that.openWay == 2) { //微信支付
@@ -652,81 +660,82 @@
 					// #endif
 				}
 			},
-			xiangqing(item){
-				if(item.status=='1'){
+			xiangqing(item) {
+				if (item.status == '1') {
 					uni.navigateTo({
-						url:'/pages/my/orderDetailsList?id='+this.mainData.id+'&mainId='+this.mainId+'&name='+'套餐'
+						url: '/pages/my/orderDetailsList?id=' + this.mainData.id + '&mainId=' + this.mainId +
+							'&name=' + '套餐'
 					})
-				}else{
+				} else {
 					uni.navigateTo({
-						url:'/pages/my/cureOderDrtail?mainId='+item.mainId+'&id='+item.id+
-							'&massageTypeId='+item.massageTypeId+
-							'&status='+item.status+
-							'&name='+this.nameText
+						url: '/pages/my/cureOderDrtail?mainId=' + item.mainId + '&id=' + item.id +
+							'&massageTypeId=' + item.massageTypeId +
+							'&status=' + item.status +
+							'&name=' + this.nameText
 					})
 				}
 			},
-			detail(item){
+			detail(item) {
 				// if(item.status=='1'&&this.serviData.name!='index'){
 				// 	uni.showToast({
 				// 		title:'该项目已使用！'
 				// 	})
 				// }else{
-					uni.navigateTo({
-						url:'/pages/my/cureOderDrtail?mainId='+item.mainId+'&id='+item.id+
-							'&massageTypeId='+item.massageTypeId+
-							'&status='+item.status+
-							'&name='+this.nameText
-					})
+				uni.navigateTo({
+					url: '/pages/my/cureOderDrtail?mainId=' + item.mainId + '&id=' + item.id +
+						'&massageTypeId=' + item.massageTypeId +
+						'&status=' + item.status +
+						'&name=' + this.nameText
+				})
 				// }
 			},
-			getData(){
-				var that=this;
-				if(that.serviData.name!='index'){
+			getData() {
+				var that = this;
+				if (that.serviData.name != 'index') {
 					let data = {
-							  mainId: that.serviData.id,
-							  page: that.serviData.page,
-							  limit:  that.serviData.limit,
-							}
-					that.$Request.get('/app/user/package/detail/findMyPackageDetailList',data).then(res => {
+						mainId: that.serviData.id,
+						page: that.serviData.page,
+						limit: that.serviData.limit,
+					}
+					that.$Request.get('/app/user/package/detail/findMyPackageDetailList', data).then(res => {
 						if (res.code == 0) {
-							if(res.data.mainData.level == 3){
+							if (res.data.mainData.level == 3) {
 								res.data.mainData.levelName = "资深"
 							}
-							if(res.data.mainData.level == 4){
+							if (res.data.mainData.level == 4) {
 								res.data.mainData.levelName = "金牌"
 							}
-							if(res.data.mainData.level == 5){
+							if (res.data.mainData.level == 5) {
 								res.data.mainData.levelName = "专家"
 							}
-							that.mainData=res.data.mainData;
-							that.detailData=res.data.detailData;
-							that.backgroundImageUrl=that.mainData.packageImg;
-							that.nameText="my"
+							that.mainData = res.data.mainData;
+							that.detailData = res.data.detailData;
+							that.backgroundImageUrl = that.mainData.packageImg;
+							that.nameText = "my"
 						}
 					})
-				}else{//从首页 推荐进入 请求的接口
+				} else { //从首页 推荐进入 请求的接口
 					let data = {
-							  mainId: that.serviData.id,
-							  page: that.serviData.page,
-							  limit:  that.serviData.limit,
-							}
-					that.$Request.get('/app/massage/packageDetail/findAppPage',data).then(res => {
+						mainId: that.serviData.id,
+						page: that.serviData.page,
+						limit: that.serviData.limit,
+					}
+					that.$Request.get('/app/massage/packageDetail/findAppPage', data).then(res => {
 						if (res.code == 0) {
-							if(res.mainData.level == 3){
+							if (res.mainData.level == 3) {
 								res.mainData.levelName = "资深"
 							}
-							if(res.mainData.level == 4){
+							if (res.mainData.level == 4) {
 								res.mainData.levelName = "金牌"
 							}
-							if(res.mainData.level == 5){
+							if (res.mainData.level == 5) {
 								res.mainData.levelName = "专家"
 							}
-							that.mainData=res.mainData;
-							that.detailData=res.detailData.list;
-							that.contentImg=that.mainData.contentImg.split(",");
-							that.backgroundImageUrl=that.mainData.packageImg;
-							that.nameText="index"
+							that.mainData = res.mainData;
+							that.detailData = res.detailData.list;
+							that.contentImg = that.mainData.contentImg.split(",");
+							that.backgroundImageUrl = that.mainData.packageImg;
+							that.nameText = "index"
 						}
 					})
 				}
@@ -736,49 +745,55 @@
 	}
 </script>
 <style scoped>
-	.img-span{
-		    padding: 2px 5px;
-		    font-weight: 400;
-		    font-size: 8px;
-		    color: #FFFFFF;
-		    background: linear-gradient(-90deg, #FF6F48, #FF9E69);
-		    border-radius: 7px 0px 7px 0px;
-		    position: absolute;
-		    bottom: 0px;
-		    left: 0;
-		    margin-bottom: 14px;
-			margin-left: 27px;
+	.img-span {
+		padding: 2px 5px;
+		font-weight: 400;
+		font-size: 8px;
+		color: #FFFFFF;
+		background: linear-gradient(-90deg, #FF6F48, #FF9E69);
+		border-radius: 7px 0px 7px 0px;
+		position: absolute;
+		bottom: 0px;
+		left: 0;
+		margin-bottom: 14px;
+		margin-left: 27px;
 	}
-	.detail-view-mina{
-		width:74%;
+
+	.detail-view-mina {
+		width: 74%;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
 	}
-	.detail-view-img{
-		width:74px;
-		height:74px;
+
+	.detail-view-img {
+		width: 74px;
+		height: 74px;
 		border-radius: 9px;
 	}
-	.detail-view{
+
+	.detail-view {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-    margin-top: 5px;
-    height: 100px;
+		margin-top: 5px;
+		height: 100px;
 	}
-	/deep/uni-checkbox .uni-checkbox-input{
+
+	/deep/uni-checkbox .uni-checkbox-input {
 		width: 26px;
 		height: 26px;
 		border-radius: 50%;
 	}
-	.youhui-img{
+
+	.youhui-img {
 		width: 111.81rpx;
 		height: 111.81rpx;
 	}
-	.youhui-view-right-btn{
+
+	.youhui-view-right-btn {
 		width: 158rpx;
 		height: 64rpx;
 		background: linear-gradient(-90deg, #019C88, #2DC48E);
@@ -788,26 +803,30 @@
 		font-weight: 400;
 		font-size: 28rpx;
 		color: #FFFFFF;
-		text-shadow: 0rpx 2rpx 4rpx rgba(0,119,104,0.44);
+		text-shadow: 0rpx 2rpx 4rpx rgba(0, 119, 104, 0.44);
 		margin-left: 10px;
 	}
-	.youhui-view-right-time{
+
+	.youhui-view-right-time {
 		font-weight: 400;
 		font-size: 22rpx;
 		color: #999999;
 	}
-	.youhui-view-right-title{
+
+	.youhui-view-right-title {
 		width: 105px;
 		font-weight: 400;
 		font-size: 32rpx;
 		color: #333333;
 	}
-	.youhui-view-right-top{
+
+	.youhui-view-right-top {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 	}
-	.youhui-view-right{
+
+	.youhui-view-right {
 		width: 502.08rpx;
 		height: 100%;
 		display: flex;
@@ -815,40 +834,48 @@
 		align-items: center;
 		justify-content: space-around;
 	}
-	.youhui-view-left-bottom{
+
+	.youhui-view-left-bottom {
 		font-weight: 400;
 		font-size: 22rpx;
 		color: #FFFFFF;
 	}
-	.youhui-view-left-yuan{
+
+	.youhui-view-left-yuan {
 		display: flex;
 		flex-direction: row;
 		align-items: baseline;
 		color: #FFFFFF;
 	}
-	.youhui-view-left-num{
+
+	.youhui-view-left-num {
 		font-weight: bold;
 		font-size: 89rpx;
 	}
-	.youhui-view-left-text{
+
+	.youhui-view-left-text {
 		font-weight: bold;
-		font-size:24.31rpx;
+		font-size: 24.31rpx;
 	}
-	.youhui-view-left{
+
+	.youhui-view-left {
 		width: 199rpx;
 		height: 242rpx;
 		display: flex;
-		flex-direction:column;
+		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 	}
-	.youhui-yiyong{
+
+	.youhui-yiyong {
 		background-image: url('../../static/youhuijuan/coupons7.png');
 	}
-	.youhui-weiyong{
+
+	.youhui-weiyong {
 		background-image: url('../../static/youhuijuan/coupons1.png');
 	}
-	.youhui-list{
+
+	.youhui-list {
 		width: 95%;
 		display: flex;
 		flex-direction: row;
@@ -858,6 +885,7 @@
 		margin: 20px auto;
 		justify-content: space-between;
 	}
+
 	.popup_pay {
 		width: 100%;
 		position: relative;
@@ -869,6 +897,7 @@
 		/* #endif */
 
 	}
+
 	.pay_btn {
 		width: 90%;
 		margin: 0 auto;
@@ -879,34 +908,38 @@
 		color: #ffffff;
 		line-height: 80rpx;
 	}
-	.push-button{
-	width: 100%;
-	height: 48px;
-	position: fixed;
-	bottom: 0px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	margin: 0 auto;
+
+	.push-button {
+		width: 100%;
+		height: 48px;
+		position: fixed;
+		bottom: 0px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin: 0 auto;
 	}
-	.detail-btn{
-	display: inline-block;
-	width: 92%;
-	text-align: center;
-	background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
-	height: 40px;
-	border-radius: 28px;
-	color: #ffffff;
-	line-height: 40px;
-	margin-top: 4px;
-	font-size: 30rpx;
-	padding-top: 2px;
+
+	.detail-btn {
+		display: flex;
+		width: 92%;
+		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
+		height: 40px;
+		border-radius: 28px;
+		color: #ffffff;
+		margin-top: 4px;
+		font-size: 17px;
+		padding-top: 2px;
+		justify-content: center;
+		align-items: center;
 	}
-	.header-top image{
+
+	.header-top image {
 		width: 706.25rpx;
 		height: 105.07rpx;
 	}
-	.header-top{
+
+	.header-top {
 		width: 100%;
 		height: 745.83rpx;
 		background-image: url('../../static/servicePackage/display.png');
@@ -916,40 +949,45 @@
 		align-items: flex-end;
 		justify-content: center;
 	}
-	.shouc image{
+
+	.shouc image {
 		width: 34.03rpx;
 		height: 32.64rpx;
 	}
 
-	.shouc{
+	.shouc {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}
-	.detail-foot-nav-bor{
+
+	.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));
+		background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
 	}
-	.detail-foot-nav-text{
+
+	.detail-foot-nav-text {
 		font-weight: bold;
 		font-size: 34rpx;
 		color: #000000;
 	}
-	.detail-foot-nav{
+
+	.detail-foot-nav {
 		width: 90%;
 		display: flex;
 		flex-direction: column;
 		position: relative;
 	}
-	.detail-foot-title{
+
+	.detail-foot-title {
 		width: 100px;
-		height:24px;
+		height: 24px;
 		background: linear-gradient(90deg, #eefaf8, #daf5f1);
-		border-radius: 0 15rpx 0  30rpx;
+		border-radius: 0 15rpx 0 30rpx;
 		font-weight: 400;
 		font-size: 12px;
 		color: #01b899;
@@ -960,13 +998,15 @@
 		right: 0;
 		top: 0;
 	}
-	.detail-foot-list-top{
+
+	.detail-foot-list-top {
 		width: 95%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.detail-foot-list{
+
+	.detail-foot-list {
 		width: 95%;
 		border-radius: 21rpx;
 		position: relative;
@@ -976,7 +1016,8 @@
 		flex-direction: column;
 		background-color: #fff;
 	}
-	.detail-foot{
+
+	.detail-foot {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
@@ -984,31 +1025,36 @@
 		padding: 15px 0px;
 	}
 
-	.tese span:nth-child(1){
+	.tese span:nth-child(1) {
 		font-weight: bold;
 		font-size: 24rpx;
 		color: #666;
 	}
-	.tese span:nth-child(2){
+
+	.tese span:nth-child(2) {
 		font-size: 24rpx;
 		color: #8D9194;
 	}
-	.tese{
+
+	.tese {
 		width: 100%;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		-webkit-line-clamp: 2;
+		/* 显示的行数，可以根据需要修改 */
 		overflow: hidden;
 		text-overflow: ellipsis;
 		margin-top: 4rpx;
 	}
-	.detail-foot-list-top span:nth-child(1){
+
+	.detail-foot-list-top span:nth-child(1) {
 		font-weight: bold;
 		font-size: 31rpx;
 		color: #333333;
 	}
-	.detail-foot-list-top span:nth-child(2){
-/* 		width: 76rpx;
+
+	.detail-foot-list-top span:nth-child(2) {
+		/* 		width: 76rpx;
 		height: 33rpx;
 		line-height: 33rpx;
 		text-align: center;
@@ -1025,12 +1071,13 @@
 		background-color: #f1f8d7;
 		color: #58b314;
 	}
-	.detail-foot-list-top span:nth-child(3){
+
+	.detail-foot-list-top span:nth-child(3) {
 		font-size: 30rpx;
 		color: #029d88;
 	}
 
-	.detail-foot-mian{
+	.detail-foot-mian {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
@@ -1039,123 +1086,147 @@
 		margin-top: 8px;
 		margin-bottom: 100px;
 	}
-	.jianjie-contnet{
+
+	.jianjie-contnet {
 		font-weight: 400;
 		font-size: 24rpx;
 		color: #8D9194;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		-webkit-line-clamp: 2;
+		/* 显示的行数，可以根据需要修改 */
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}
-	.jianjie{
+
+	.jianjie {
 		font-weight: 400;
 		font-size: 24rpx;
 		color: #8D9194;
 	}
-	.jianjie-more{
-	color: #029d88;
-	font-size: 24rpx;
+
+	.jianjie-more {
+		color: #029d88;
+		font-size: 24rpx;
 	}
-	.header-bottom-mian{
+
+	.header-bottom-mian {
 		margin: 3px 0px;
 	}
-	.header-bottom-mian-title{
+
+	.header-bottom-mian-title {
 		width: 100%;
 		display: flex;
 		align-items: center;
 	}
-	.header-bottom-mian-title span{
+
+	.header-bottom-mian-title span {
 		font-weight: 400;
 		font-size: 28rpx;
 		color: #20AB95;
 		margin-left: 5px;
 		padding: 10rpx 0;
 	}
-	.header-bottom-mian-title image{
+
+	.header-bottom-mian-title image {
 		width: 30.56rpx;
 		height: 29.86rpx;
 	}
-	.header-bottom-foot-title{
+
+	.header-bottom-foot-title {
 		width: 65px;
 		height: 17px;
 		margin-right: 8rpx;
 		margin-top: 4rpx;
 	}
-	.header-bottom-money-jia{
+
+	.header-bottom-money-jia {
 		font-size: 28rpx;
 		color: #848484;
 		line-height: 37rpx;
 		text-decoration-line: line-through;
 		margin-left: 5px;
 	}
-	.header-bottom-money-zhen span{
+
+	.header-bottom-money-zhen span {
 		color: #FF1200;
 	}
-	.header-bottom-money-zhen span:nth-child(1){
+
+	.header-bottom-money-zhen span:nth-child(1) {
 		font-weight: 400;
 		font-size: 26rpx;
 		color: #FF6000;
 	}
-	.header-bottom-money-zhen span:nth-child(2){
-		font-size:38rpx;
+
+	.header-bottom-money-zhen span:nth-child(2) {
+		font-size: 38rpx;
 		font-weight: bold;
 		color: #FF6000;
-		line-height:32rpx;
+		line-height: 32rpx;
 	}
-	.header-bottom-money-zhen span:nth-child(3){
+
+	.header-bottom-money-zhen span:nth-child(3) {
 		font-size: 26rpx;
 		color: #FF6000;
 	}
-	.header-bottom-money-zhen{
+
+	.header-bottom-money-zhen {
 		display: flex;
 		flex-direction: row;
 		/*align-items: baseline;*/
-		align-items: center; 
+		align-items: center;
 	}
-	.header-bottom-money-view{
+
+	.header-bottom-money-view {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
-		margin-top:8px;
+		margin-top: 8px;
 	}
-	.header-bottom-money{
+
+	.header-bottom-money {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
-		align-items: center; 
+		align-items: center;
 	}
-	.header-bottom-title-num span{
+
+	.header-bottom-title-num span {
 		font-size: 28rpx;
 	}
-	.header-bottom-title-num span:nth-child(1){
+
+	.header-bottom-title-num span:nth-child(1) {
 		font-weight: bold;
 		color: #08A28A;
 	}
-	.header-bottom-title-num span:nth-child(2){
+
+	.header-bottom-title-num span:nth-child(2) {
 		color: #848485;
 		margin-left: 5px;
 	}
-	.header-bottom-title-text{
+
+	.header-bottom-title-text {
 		font-weight: bold;
 		font-size: 35rpx;
 		color: #13141A;
 	}
-	.header-bottom-title{
+
+	.header-bottom-title {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
-	.header-bottom-top{
+
+	.header-bottom-top {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 	}
-	.header-bottom{
+
+	.header-bottom {
 		width: 100%;
 		background-color: #fff;
 		padding: 15px 20px;
@@ -1163,12 +1234,13 @@
 		flex-direction: column;
 	}
 
-	.header{
+	.header {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 	}
-	.content{
+
+	.content {
 		width: 100%;
 		height: 100vh;
 		position: relative;
@@ -1177,58 +1249,67 @@
 		flex-direction: column;
 		align-items: center;
 	}
-	.service-more{
-		    width: 50px;
-		    height: 26px;
-		    font-size: 13px;
-		    border-radius: 15px;
-		    line-height: 26px;
-			border: 1px #2dbe93 solid ;
-		    color: #019c88;
-		    text-align: center;
-		    justify-content: fex-end;
-			background: #eefffa;
+
+	.service-more {
+		width: 50px;
+		height: 26px;
+		font-size: 13px;
+		border-radius: 15px;
+		line-height: 26px;
+		border: 1px #2dbe93 solid;
+		color: #019c88;
+		text-align: center;
+		justify-content: fex-end;
+		background: #eefffa;
 	}
-	.header-bottom-top-list{
+
+	.header-bottom-top-list {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		background-color: rgba(230, 246, 243, 0.6);
 	}
-	.header-bottom-foot{
+
+	.header-bottom-foot {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		margin-top: 20rpx;
 		border-top: 1px solid #f7f7f7;
-		padding: 20rpx  0rpx 0rpx 0rpx;
+		padding: 20rpx 0rpx 0rpx 0rpx;
 	}
-	.header-bottom-foot-cont{
-		width:100%;
+
+	.header-bottom-foot-cont {
+		width: 100%;
 		margin: 0 auto;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
-	.header-bottom-foot-view-img1{
+
+	.header-bottom-foot-view-img1 {
 		width: 30rpx;
 		height: 30rpx;
 	}
-	.header-bottom-foot-view-img2{
+
+	.header-bottom-foot-view-img2 {
 		width: 23rpx;
 		height: 23rpx;
 	}
-	.header-bottom-foot-view-img3{
+
+	.header-bottom-foot-view-img3 {
 		width: 26rpx;
 		height: 26rpx;
 	}
-	.header-bottom-foot-view image{
+
+	.header-bottom-foot-view image {
 		margin-right: 1px;
 	}
-	.header-bottom-foot-view{
+
+	.header-bottom-foot-view {
 		width: 33%;
 		display: flex;
 		flex-direction: row;
@@ -1240,5 +1321,6 @@
 		font-weight: 400;
 		font-size: 11px;
 		color: #029c88;
+		word-break: keep-all;
 	}
-</style>
+</style>
\ No newline at end of file