diff --git a/pages.json b/pages.json
index c37dd0a..6535019 100644
--- a/pages.json
+++ b/pages.json
@@ -1434,9 +1434,14 @@
 		"backgroundColor": "#FFFFFF",
 		"borderStyle": "black",
 		"list": [{
+				//"pagePath": "pages/index/index",
+				//"iconPath": "static/tabbar/tabrNav.png",
+				//"selectedIconPath": "static/tabbar/tabrNav.png",
+				
 				"pagePath": "pages/index/index",
-				"iconPath": "static/tabbar/tabrNav.png",
-				"selectedIconPath": "static/tabbar/tabrNav.png"
+				"iconPath": "static/tabbar/bottom5_1.png",
+				"selectedIconPath": "static/tabbar/bottom5_2.png",
+				"text": "盛安到家"
 			},
 			{
 				"pagePath": "pages/videoCircle/index",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6fc77bf..1bf3e78 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,8 +3,14 @@
 		<view class="index-head">
 			<view class="index-top">
 				<view class="index-top-left font-size-34">盛安到家</view>
+				<view v-if="XCXIsSelect != '否'" class="flex locate-line"
+				 @tap="Cityshow = true">
+					<view class="localName">{{ city }}</view>
+					<image src="../../static/liliao-1.png" class="dingwei-img"></image>
+				</view>
+			</view>
+			<view class="index-line" >
 				<view class="index-top-mian">
-					
 					<view class="index-top-mian-text">
 						<image style="margin-top: 1px;" src="../../static/index-nav-1.png" mode=""></image>
 						<span>实名认证</span>
@@ -18,25 +24,56 @@
 						<span>平台担保</span>
 					</view>
 				</view>
-				<view class="index-top-right">
-					<image  src="../../static/index-nav-4.png" @click="goChat()" mode="widthFix"></image>
+				<view class="index-headset">
+					<image style="width: 26rpx; height: 26rpx;"  src="../../static/index-nav-4.png" @click="goChat()" mode="widthFix"></image>
 					<!-- <image  src="../../static/index-nav-5.png" mode="widthFix"></image> -->
 				</view>
 			</view>
+<<<<<<< .mine
 			<view class="padding-top-sm flex align-center index-mian">
 				<view v-if="XCXIsSelect != '否'" class="flex align-center justify-between margin-right-sm"
 					 style="line-height: 68rpx;">
 					<image src="../../static/liliao-1.png" class="dingwei-img"></image>
 					<view class="localName">{{ city }}</view>
 				</view>
+=======
+			<view class="flex align-center index-mian">
+
+
+
+
+
+>>>>>>> .theirs
+<<<<<<< .mine
 				<uni-search-bar placeholder="请输入项目名称" @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
 				 @clear="clear">
 				</uni-search-bar>
 				<view class="search-btn" @click="searchBtn" >
 					搜索
+=======
+				<view class="flex align-center justify-between">
+					<selectSwitchDitu  @change="switch1Change" :switchList="switchList"/>
+
+
+
+>>>>>>> .theirs
 				</view>
+<<<<<<< .mine
+
+
+
+
+
+
+=======
+					<uni-search-bar style="width: 60%;" @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
+					 @clear="clear">
+					</uni-search-bar>
+					<view class="search-btn" @click="searchBtn">
+						搜索
+					</view>
+>>>>>>> .theirs
 			</view>
-			
 			<view class="index-nav-bottom width">
 				<image src="../../static/index-nav-6.png" mode="widthFix" @click="chaoji"></image>
 				<image src="../../static/index-nav-7.png" mode="widthFix" @click="xinren"></image>
@@ -1137,11 +1174,19 @@
 		
 		height: 32px !important;
 	}
+	.index-line{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 12rpx;
+	}
 	/deep/.uni-searchbar__box-icon-search,.search-btn{
-		width: 150rpx;
 		height: 60rpx;
 		background: #18A689;
 		border-radius: 31rpx;
+		padding: 2rpx 5%;
 		
 	}
 	/deep/.uni-searchbar__box{
@@ -1160,7 +1205,14 @@
 		width:200px;
 		border-radius: 31rpx;
 	}
-	
+	.index-headset{
+		margin-right: 30rpx;
+		
+	}
+	.locate-line{
+		padding-left: 25rpx;
+		margin-top: 3rpx;
+	}
 	.popup-mian-view{
 		width: 100%;
 		display: flex;
@@ -1297,7 +1349,8 @@
 		margin-left: 4rpx;
 		font-weight: bold;		
 		color: #333333;
-		font-size: 30rpx;
+		font-size: 26rpx;
+		margin-top: 3rpx;
 	}
 	.menu-topic-act .menu-topic-bottom-color {
 		background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
@@ -1893,14 +1946,11 @@
 		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
-		margin: 10px 0px;
 		padding: 0px 10px;
 	}
-	
-
 	.index-top-mian{
 		display: flex;
-		flex-direction: row;
+		margin-left: 15rpx;
 	}
 	.index-top-left{
 		color: #019C88;
diff --git a/pages/my/newcika.vue b/pages/my/newcika.vue
new file mode 100644
index 0000000..5d8984c
--- /dev/null
+++ b/pages/my/newcika.vue
@@ -0,0 +1,447 @@
+<!-- 自定义下拉刷新与上拉加载演示(vue) -->
+<template>
+	<view class="content">
+		<z-paging ref="paging" v-model="dataList" @query="queryList" >
+			<!-- 需要固定在顶部不滚动的view放在slot="top"的view中，如果需要跟着滚动，则不要设置slot="top" -->
+			<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
+			<template #top>
+				<view class="service-head-top">
+					<view class="service-head-top-left">
+						<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
+						<image style="width: 136rpx; height:40rpx ;" src="../../static/seckill.png"></image>
+					</view>
+					<view>
+						<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
+						 @clear="clear">
+						</uni-search-bar>
+						<view class="search-btn" @click="searchBtn">
+							搜索
+						</view>
+					</view>
+				</view>
+				<!-- <view class="fenlei">
+					<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
+				</view> -->
+			</template>
+			
+			<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
+
+			<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
+			<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
+			<template #refresher="{refresherStatus}" >
+				<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
+				<custom-refresher :status="refresherStatus" />
+			</template>
+			<!-- 自定义没有更多数据view -->
+			<template #loadingMoreNoMore >
+				<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
+				<custom-nomore />
+			</template>
+			
+			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
+			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" >
+				<!-- <view class="item-title">{{item.title}}</view>
+				<view class="item-detail">{{item.detail}}</view> -->
+				<!-- <view class="item-line"></view> -->
+				<view class="item-img">
+					<image :src="item.packageImg" mode=""></image>
+					<span class="img-span">{{item.status=='1'?'未用完':item.status=='2'?'退款':'已用完'}}</span>
+				</view>
+				<view class="item-view">
+					<view class="view-cata">
+						<view class="item-view-title">【好价】传统中式学位推拿</view>
+					</view>
+					<view>
+						<el-progress :text-inside="true" :stroke-width="22" :percentage="80" status="warning"></el-progress>
+						<view><span>已售</span><span>1万+</span></view>
+					</view>
+					<view>
+						<view>
+							<span>秒杀价</span>
+							<span>27.8</span>
+						</view>
+						<view>
+							<image style="width: 20rpx; height: 20rpx;" src="../../static/fanhui.png"></image>
+							<span>抢</span>
+						</view>
+					</view>
+					<view class="item-view-bottom-qian">
+						<span>￥</span>
+						<span>{{item.price}}</span>
+						<span>/{{item.serviceCount}}次</span>
+						<span>￥</span>
+						<span>{{item.oldPrice}}/{{item.serviceCount}}次</span>
+					</view>
+					<view class="item-view-jianjie">
+						{{item.content}}
+					</view>
+					<view class="item-view-bottom">
+						<view class="item-view-xiangmu">
+							<span>已售</span><span>{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
+						</view>
+						<view class="item-view-bottom-btn">
+							查看
+						</view>
+					</view>
+				</view>	
+			</view>
+		</z-paging>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				myId: '',
+				// v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
+				dataList: [],
+				tabList: [],
+				typeData:'105',
+				tabIndex: 0,
+				searchValue:'',
+				serviceTrue:true,
+				page:1,
+				limit:10,
+				titleNmae:''
+			}
+		},
+		onLoad(){
+			this.myId = uni.getStorageSync('userId')
+			this.getData()
+		},
+		methods: {
+			input(res) {//搜索 输入框
+				this.searchValue=res;
+				console.log('----input:', res)
+			},
+			searchBtn(){//搜索按钮
+				if(this.searchValue!=""){
+					this.getData()
+				}
+			},
+			getData(){
+				let data = {
+						  userId: this.myId,
+						  type: this.typeData,
+						  page: this.page,
+						  limit:  this.limit,
+						  title:this.searchValue,
+						}
+				this.$Request.get('/app/user/package/findMyPackageList', data).then(res => {
+					if (res.code == 0) {
+						this.dataList=res.data.records;
+					}
+				})
+			},
+			tabChange(index) {
+				this.tabIndex = index;
+				//当切换tab或搜索时请调用组件的reload方法，请勿直接调用：queryList方法！！
+				//调用reload时参数传true则代表reload时触发下拉刷新效果，不传或false则代表取消此效果
+				this.$refs.paging.reload(true);
+			},
+			queryList(pageNo, pageSize) {
+				// console.log(pageNo,pageSize,this.tabIndex)
+				// 组件加载时会自动触发此方法，因此默认页面加载时会自动触发，无需手动调用
+				// 这里的pageNo和pageSize会自动计算好，直接传给服务器即可
+				// 模拟请求服务器获取分页数据，请替换成自己的网络请求
+				const params = {
+					userId: this.myId,
+					page: pageNo,
+					limit: pageSize,
+					type: this.typeData,
+					title:''
+				}
+				this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
+					// 将请求的结果数组传递给z-paging
+					this.$refs.paging.complete(res.data.records);
+				}).catch(res => {
+					// 如果请求失败写this.$refs.paging.complete(false);
+					// 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+					// 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+					this.$refs.paging.complete(false);
+				})
+			},
+			
+			backImg(){//返回上一页
+				uni.reLaunch({
+					url:'/pages/my/index'
+				})
+			},	
+			clear(res) {
+				this.getData()
+			},
+			itemClick(item) {
+				uni.navigateTo({
+					url:'/pages/my/cikarDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'my'
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.item-view-bottom-qian{
+		margin-top: 5px;
+	}
+	.item-view-bottom-btn{
+		text-align: center;
+		width: 131rpx;
+		height: 55rpx;
+		line-height: 55rpx;
+		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
+		border-radius: 10rpx;
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #FFFFFF;
+	}
+	.item-view-bottom-qian span:nth-child(5){
+		 font-size: 28rpx;
+		 color: #848484;
+		 text-decoration-line: line-through;
+		}
+	.item-view-bottom-qian span:nth-child(4){
+		 font-size: 28rpx;
+		 color: #848484;
+		 text-decoration-line: line-through;
+		 margin-left: 5px;
+	}
+	.item-view-bottom-qian span:nth-child(1){
+		 font-weight: 400;
+		 font-size: 25rpx;
+		 color: #F95900;
+	}
+	.item-view-bottom-qian span:nth-child(2){
+		 font-weight: bold;
+		 font-size: 36.81rpx;
+		  color: #F95900;
+	}
+	.item-view-bottom-qian span:nth-child(3){
+		 font-weight: 400;
+		 font-size: 25rpx;
+		 color: #F95900;
+	}
+	.item-view-bottom{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.item-view-jianjie{
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #999;
+		margin:5px 0px;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.item-view-biao{
+		padding: 1px 5px;
+		border-radius: 15rpx 3rpx 15rpx 3rpx;
+		}
+	.tuina{
+		background-color:#d1f2df;
+		color: #17984d;
+	}
+	.xiaoer{
+		background-color:#f1f8d7;
+		color: #58b314;
+	}
+	.taishi{
+		background-color:#e5d5c6;
+		color: #805d39;
+	}
+	.kangfu{
+		background-color:#fcf3da;
+		color: #ff8600;
+	}
+	.item-view-xiangmu span:nth-child(2){
+		font-weight: normal;
+		color: #666666;
+	}
+	.item-view-xiangmu span:nth-child(1){
+		font-weight: normal;
+		color: #999;
+		margin-right: 5rpx;
+	}
+	.item-view-xiangmu{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		font-weight: 400;
+		font-size: 25rpx;
+		align-items: flex-end;
+	}
+	.item-view-title{
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #333333;
+		overflow: hidden;
+	}
+	.item-view{
+		width: 55%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+	}
+	.item-img{
+		width: 285rpx;
+		height: 120px;
+		border-radius: 14rpx;
+		position: relative;
+	}
+	.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;
+		right: 0;
+		margin-bottom: 5px;
+		margin-right: 5px;
+	}
+	.item-img image{
+		width: 100%;
+		height: 100%;
+		border-radius: 14rpx;
+	}
+	.item {
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		height: 140px;
+		background: #FFFFFF;
+		border-radius: 21rpx;
+		margin-top:10px;
+		align-items: center;
+		padding: 0px 10px;
+	}
+	
+	.item-detail {
+		padding: 5rpx 15rpx;
+		border-radius: 10rpx;
+		font-size: 28rpx;
+		color: white;
+		background-color: #007AFF;
+	}
+	
+	.item-line {
+		position: absolute;
+		bottom: 0rpx;
+		left: 0rpx;
+		height: 1px;
+		width: 100%;
+		background-color: #eeeeee;
+	}
+	/deep/.zp-paging-container{
+		background-color: #f7f7f7;
+		width:100%;
+	}
+	/deep/.zp-paging-container-content{
+		width: 95%;
+		margin: 50px auto 0px auto;
+	}
+	.fenlei{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.index-fenl-title{
+		width: 81rpx;
+		text-align: center;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		font-weight: bold;
+		font-size: 34rpx;
+		color:#019C88;
+	}
+	.index-fenl-title-bottom{
+		position: absolute;
+		bottom: 0;
+		margin-bottom: 0px;
+		width: 81rpx;
+		height: 14rpx;
+		border-radius: 7rpx;
+		background: linear-gradient(-48deg,rgba(1, 156, 136, 0.35),rgba(45, 196, 142, 0.35));
+	}
+	/deep/.uni-searchbar__cancel{
+		display: none;
+	}
+	.search-btn{
+		text-align: center;
+		line-height: 31px;
+		color: #fff;
+		position: absolute;
+		right: 0;
+		top: 0;
+		margin-top:9.4px;
+		margin-right: 11px;
+		height: 32px !important;
+	}
+	/deep/.uni-searchbar__box-icon-search,.search-btn{
+		width: 150rpx;
+		height: 60rpx;
+		background: #18A689;
+		border-radius: 31rpx;
+		
+	}
+	/deep/.uni-searchbar__box{
+		height: 31px;
+		border-radius: 15px !important;
+		background-color: #fff !important;
+		border: 1px solid #E5E5E5;
+		padding: 0px;
+		display: flex;
+		flex-direction: row;
+		flex-flow: row-reverse;
+		position: relative;
+	}
+	/deep/.uni-searchbar{
+		width: 240px;
+		border-radius: 31rpx;
+	}
+	.service-head-top-left image{
+		width: 25px;
+		height: 30rpx;
+		margin-right: 10px;
+	}
+	.service-head-top-left span{
+		font-weight: bold;
+		font-size: 34rpx;
+		color: #171717;
+	}
+	.service-head-top-left{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.service-head-top{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		background-color: #fff;
+		position: fixed;
+		z-index: 999;
+	}
+	.view-cata{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+</style>
diff --git a/pages/my/newseckill.vue b/pages/my/newseckill.vue
new file mode 100644
index 0000000..fdfb536
--- /dev/null
+++ b/pages/my/newseckill.vue
@@ -0,0 +1,502 @@
+<!-- 自定义下拉刷新与上拉加载演示(vue) -->
+<template>
+	<view class="content">
+		<z-paging ref="paging" v-model="dataList" @query="queryList" >
+			<!-- 需要固定在顶部不滚动的view放在slot="top"的view中，如果需要跟着滚动，则不要设置slot="top" -->
+			<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
+			<template #top>
+				<view class="service-head-top">
+					<view class="service-head-top-left">
+						<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
+						<image style="width: 136rpx; height:40rpx ;" src="../../static/seckill.png"></image>
+					</view>
+					<view>
+						<uni-search-bar @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
+						 @clear="clear">
+						</uni-search-bar>
+						<view class="search-btn" @click="searchBtn">
+							搜索
+						</view>
+					</view>
+				</view>
+				<!-- <view class="fenlei">
+					<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
+				</view> -->
+			</template>
+			
+			<!-- 自定义下拉刷新view(如果use-custom-refresher为true且不设置下面的slot="refresher"，此时不用获取refresherStatus，会自动使用z-paging自带的下拉刷新view) -->
+
+			<!-- 注意注意注意！！字节跳动小程序中自定义下拉刷新不支持slot-scope，将导致custom-refresher无法显示 -->
+			<!-- 如果是字节跳动小程序，请参照sticky-demo.vue中的写法，此处使用slot-scope是为了减少data中无关变量声明，降低依赖 -->
+			<template #refresher="{refresherStatus}" >
+				<!-- 此处的custom-refresh为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，下拉刷新就显示什么view -->
+				<custom-refresher :status="refresherStatus" />
+			</template>
+			<!-- 自定义没有更多数据view -->
+			<template #loadingMoreNoMore >
+				<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
+				<custom-nomore />
+			</template>
+			
+			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
+			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" >
+				<!-- <view class="item-title">{{item.title}}</view>
+				<view class="item-detail">{{item.detail}}</view> -->
+				<!-- <view class="item-line"></view> -->
+				<view class="item-img">
+					<image :src="item.packageImg" mode=""></image>
+					<span class="img-span">{{item.status=='1'?'未用完':item.status=='2'?'退款':'已用完'}}</span>
+				</view>
+				<view class="item-view">
+					<view class="view-cata">
+						<view class="item-view-title">【好价】传统中式学位推拿</view>
+					</view>
+					<view class="pace-plan">
+						<view class="pace">已抢50%</view>
+						<view class="pace-text"><span>已售</span><span>1万+</span></view>
+					</view>
+					<view class="seckill-entry">
+						<view class="seckill-money">
+							<span>秒杀价￥</span>
+							<span>27</span>
+							<span>.8</span>
+						</view>
+						<view class="seckill-rob ">
+							<image class="seckill-img"  src="../../static/seckill3.png"></image>
+							<span class="seckill-text">抢</span>
+						</view>
+					</view>
+				</view>	
+			</view>
+		</z-paging>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				myId: '',
+				// v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
+				dataList: [],
+				tabList: [],
+				typeData:'105',
+				tabIndex: 0,
+				searchValue:'',
+				serviceTrue:true,
+				page:1,
+				limit:10,
+				titleNmae:''
+			}
+		},
+		onLoad(){
+			this.myId = uni.getStorageSync('userId')
+			this.getData()
+		},
+		methods: {
+			input(res) {//搜索 输入框
+				this.searchValue=res;
+				console.log('----input:', res)
+			},
+			searchBtn(){//搜索按钮
+				if(this.searchValue!=""){
+					this.getData()
+				}
+			},
+			getData(){
+				let data = {
+						  userId: this.myId,
+						  type: this.typeData,
+						  page: this.page,
+						  limit:  this.limit,
+						  title:this.searchValue,
+						}
+				this.$Request.get('/app/user/package/findMyPackageList', data).then(res => {
+					if (res.code == 0) {
+						this.dataList=res.data.records;
+					}
+				})
+			},
+			tabChange(index) {
+				this.tabIndex = index;
+				//当切换tab或搜索时请调用组件的reload方法，请勿直接调用：queryList方法！！
+				//调用reload时参数传true则代表reload时触发下拉刷新效果，不传或false则代表取消此效果
+				this.$refs.paging.reload(true);
+			},
+			queryList(pageNo, pageSize) {
+				// console.log(pageNo,pageSize,this.tabIndex)
+				// 组件加载时会自动触发此方法，因此默认页面加载时会自动触发，无需手动调用
+				// 这里的pageNo和pageSize会自动计算好，直接传给服务器即可
+				// 模拟请求服务器获取分页数据，请替换成自己的网络请求
+				const params = {
+					userId: this.myId,
+					page: pageNo,
+					limit: pageSize,
+					type: this.typeData,
+					title:''
+				}
+				this.$Request.get('/app/user/package/findMyPackageList',params).then(res => {
+					// 将请求的结果数组传递给z-paging
+					this.$refs.paging.complete(res.data.records);
+				}).catch(res => {
+					// 如果请求失败写this.$refs.paging.complete(false);
+					// 注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+					// 在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+					this.$refs.paging.complete(false);
+				})
+			},
+			
+			backImg(){//返回上一页
+				uni.reLaunch({
+					url:'/pages/my/index'
+				})
+			},	
+			clear(res) {
+				this.getData()
+			},
+			itemClick(item) {
+				uni.navigateTo({
+					url:'/pages/my/cikarDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'my'
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.pace-plan{
+		display: flex;
+		flex-direction: row;
+		padding: 20rpx 0;
+	}
+	.pace-text{
+		font-size: 24rpx;
+	
+	}
+	.pace-text span:nth-child(1){
+		color: #666;
+	}
+	.pace-text span:nth-child(2){
+		color: #019C88;
+		font-weight: bold;
+		}
+	
+	.pace{
+		width: 60%;
+		height: 30rpx;
+		border-radius: 30rpx;
+		background: #f5f5f5;
+		font-size: 20rpx;
+		line-height: 30rpx;
+		
+	}
+	.seckill-entry{
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+	}
+	.seckill-money{
+		color: #fc2d32;
+		background: #fff8f0;
+		border-radius: 30rpx;	
+		padding: 15rpx 20rpx;
+	}
+	.seckill-money span:nth-child(1){
+		font-size: 24rpx;
+	}
+	.seckill-money span:nth-child(2){
+		font-weight: bold;
+		font-size: 40rpx;
+	}
+	.seckill-money span:nth-child(3){
+		font-size: 24rpx;
+	}
+	.seckill-rob{
+		width: 120rpx;
+		height: 50rpx;
+		background: linear-gradient(90deg, #fb2d30, #fc2e37);
+		border-radius: 5rpx 8rpx 30rpx 8rpx ;
+		position: relative;
+		padding-left: 55rpx;
+		line-height: 50rpx;
+		margin-top: 15rpx;
+		
+	}
+	.seckill-img{
+		width: 70rpx;
+		height: 70rpx;
+		position: absolute;
+		top:-18rpx;
+		left:-22rpx;
+	}
+	.seckill-text{
+		font-size: 40rpx;
+		color: #fff;
+		font-weight: bold;
+		font-style:italic;
+	}
+	.item-view-bottom-qian{
+	
+		margin-top: 5px;
+	}
+	.item-view-bottom-btn{
+		text-align: center;
+		width: 131rpx;
+		height: 55rpx;
+		line-height: 55rpx;
+		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
+		border-radius: 10rpx;
+		font-weight: bold;
+		font-size: 28rpx;
+		color: #FFFFFF;
+	}
+	.item-view-bottom-qian span:nth-child(5){
+		 font-size: 28rpx;
+		 color: #848484;
+		 text-decoration-line: line-through;
+		}
+	.item-view-bottom-qian span:nth-child(4){
+		 font-size: 28rpx;
+		 color: #848484;
+		 text-decoration-line: line-through;
+		 margin-left: 5px;
+	}
+	.item-view-bottom-qian span:nth-child(1){
+		 font-weight: 400;
+		 font-size: 25rpx;
+		 color: #F95900;
+	}
+	.item-view-bottom-qian span:nth-child(2){
+		 font-weight: bold;
+		 font-size: 36.81rpx;
+		  color: #F95900;
+	}
+	.item-view-bottom-qian span:nth-child(3){
+		 font-weight: 400;
+		 font-size: 25rpx;
+		 color: #F95900;
+	}
+	.item-view-bottom{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.item-view-jianjie{
+		font-weight: 400;
+		font-size: 24rpx;
+		color: #999;
+		margin:5px 0px;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.item-view-biao{
+		padding: 1px 5px;
+		border-radius: 15rpx 3rpx 15rpx 3rpx;
+		}
+	.tuina{
+		background-color:#d1f2df;
+		color: #17984d;
+	}
+	.xiaoer{
+		background-color:#f1f8d7;
+		color: #58b314;
+	}
+	.taishi{
+		background-color:#e5d5c6;
+		color: #805d39;
+	}
+	.kangfu{
+		background-color:#fcf3da;
+		color: #ff8600;
+	}
+	.item-view-xiangmu span:nth-child(2){
+		font-weight: normal;
+		color: #666666;
+	}
+	.item-view-xiangmu span:nth-child(1){
+		font-weight: normal;
+		color: #999;
+		margin-right: 5rpx;
+	}
+	.item-view-xiangmu{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		font-weight: 400;
+		font-size: 25rpx;
+		align-items: flex-end;
+	}
+	.item-view-title{
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #333333;
+		overflow: hidden;
+	}
+	.item-view{
+		width: 55%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+	}
+	.item-img{
+		width: 285rpx;
+		height: 120px;
+		border-radius: 14rpx;
+		position: relative;
+	}
+	.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;
+		right: 0;
+		margin-bottom: 5px;
+		margin-right: 5px;
+	}
+	.item-img image{
+		width: 100%;
+		height: 100%;
+		border-radius: 14rpx;
+	}
+	.item {
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		height: 140px;
+		background: #FFFFFF;
+		border-radius: 21rpx;
+		margin-top:10px;
+		align-items: center;
+		padding: 0px 10px;
+	}
+	
+	.item-detail {
+		padding: 5rpx 15rpx;
+		border-radius: 10rpx;
+		font-size: 28rpx;
+		color: white;
+		background-color: #007AFF;
+	}
+	
+	.item-line {
+		position: absolute;
+		bottom: 0rpx;
+		left: 0rpx;
+		height: 1px;
+		width: 100%;
+		background-color: #eeeeee;
+	}
+	/deep/.zp-paging-container{
+		background-color: #f7f7f7;
+		width:100%;
+	}
+	/deep/.zp-paging-container-content{
+		width: 95%;
+		margin: 50px auto 0px auto;
+	}
+	.fenlei{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.index-fenl-title{
+		width: 81rpx;
+		text-align: center;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		font-weight: bold;
+		font-size: 34rpx;
+		color:#019C88;
+	}
+	.index-fenl-title-bottom{
+		position: absolute;
+		bottom: 0;
+		margin-bottom: 0px;
+		width: 81rpx;
+		height: 14rpx;
+		border-radius: 7rpx;
+		background: linear-gradient(-48deg,rgba(1, 156, 136, 0.35),rgba(45, 196, 142, 0.35));
+	}
+	/deep/.uni-searchbar__cancel{
+		display: none;
+	}
+	.search-btn{
+		text-align: center;
+		line-height: 31px;
+		color: #fff;
+		position: absolute;
+		right: 0;
+		top: 0;
+		margin-top:9.4px;
+		margin-right: 11px;
+		height: 32px !important;
+	}
+	/deep/.uni-searchbar__box-icon-search,.search-btn{
+		width: 150rpx;
+		height: 60rpx;
+		background: #18A689;
+		border-radius: 31rpx;
+		
+	}
+	/deep/.uni-searchbar__box{
+		height: 31px;
+		border-radius: 15px !important;
+		background-color: #fff !important;
+		border: 1px solid #E5E5E5;
+		padding: 0px;
+		display: flex;
+		flex-direction: row;
+		flex-flow: row-reverse;
+		position: relative;
+	}
+	/deep/.uni-searchbar{
+		width: 240px;
+		border-radius: 31rpx;
+	}
+	.service-head-top-left image{
+		width: 25px;
+		height: 30rpx;
+		margin-right: 10px;
+	}
+	.service-head-top-left span{
+		font-weight: bold;
+		font-size: 34rpx;
+		color: #171717;
+	}
+	.service-head-top-left{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.service-head-top{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		background-color: #fff;
+		position: fixed;
+		z-index: 999;
+	}
+	.view-cata{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+</style>
diff --git a/pages/my/newseckilldetails.vue b/pages/my/newseckilldetails.vue
new file mode 100644
index 0000000..971cffa
--- /dev/null
+++ b/pages/my/newseckilldetails.vue
@@ -0,0 +1,1477 @@
+<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>优惠前</span>
+						<span>￥688.00</span>
+					</view>
+				</view>
+				<view class="group-buy-right">
+					<view class="group-buy-img"><image style="width:120rpx; height:30rpx;" src="../../static/seckill.png"></image></view>
+					<view><span>正在疯抢</span></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}}至尊级精油SPA</span>
+						</view>
+						<view class="header-bottom-title-num">
+							<span> 已售</span>
+							<span>16</span>
+						</view>
+					</view>
+					<view class="tewmork-key">
+						<span>精油开背</span>
+						<span>增强免疫</span>
+						<span>调节</span>
+					</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>
+			</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="teamwork-plate">
+		<view class="header-bottom-foot-cont">
+			<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 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">
+			<span>￥234.00</span>
+			<span>秒杀</span>
+		</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>
+	.group-buy-img{
+		margin-bottom: 10rpx;
+	}
+	.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: 94%;
+		    height: 40px;
+		    line-height: 40px;
+		    background: linear-gradient(to right, rgb(255, 117, 98), rgb(233, 71, 52));
+		    border-radius: 23px;
+		    margin: 0 auto;
+		    text-align: center;
+		    font-weight: 400;
+		    font-size: 18px;
+		    color: #FFFFFF;
+		    position: fixed;
+		    bottom: 0px;
+		    margin-bottom: 10px;
+			margin-left:3%;
+	}
+	.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){
+		color: #848485;
+	}
+	.header-bottom-title-num span:nth-child(2){
+		font-weight: bold;
+		color: #08A28A;
+	}
+	.header-bottom-title-num span:nth-child(3){
+		color: #848485;
+	}
+	.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;
+	align-items: center;
+	}
+	.group-rule span:nth-child(1){
+	color: #fff;
+	font-size:22rpx;
+	}
+	.group-rule span:nth-child(2){
+	text-align: center;
+	padding: 2rpx 15rpx;
+	color: #fff;
+	font-size: 24rpx;
+	border-radius: 3rpx;
+	text-decoration: line-through;
+	
+	}
+	.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: linear-gradient(90deg, #f76350, #eb4a37);
+	border-radius: 30rpx;
+	padding: 8rpx 15rpx;
+	color: #fff;
+	font-size: 24rpx;
+	}
+	.group-buy-right span:nth-child(2){
+	background: linear-gradient(90deg, #fb2d30, #fc2e37);
+	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 0;
+	align-items: center;
+	padding:15rpx  26rpx;
+	}
+	.teamwork-line{
+	display: flex;
+	padding: 15rpx 0;
+	justify-content: space-between;
+	}
+	.teamwork-button{
+	padding: 2rpx 15rpx;
+	background:#ed4b3e ;
+	color:#fff;
+	height: 50rpx;
+	line-height: 50rpx;
+	margin-top: 15rpx;
+	border-radius: 6rpx;
+	margin-left: 15rpx;
+	}
+	.team-text{
+	color: #ed4b3e;
+	}
+	.teamwork-se{
+	font-size: 24rpx;
+	text-align: center;
+	margin-top: 6rpx;
+	}
+	.tewmwork-prompt{
+		font-size: 24rpx;
+		color: #ed4b3e;
+		margin-top: 12rpx;
+	}
+	.tewmork-key{
+	display: flex;
+	text-align: center;
+	}
+	.tewmork-key span{
+		height: 30rpx;
+		line-height: 30rpx;
+		padding: 0 8rpx;
+		font-size: 20rpx;
+		border: 1px #ed4b3e solid ;
+		color: #ed4b3e;
+		border-radius: 6rpx;
+		margin-right: 6rpx;
+		margin-top: 6rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/static/seckill.png b/static/seckill.png
index c3ca74c..fca7241 100644
Binary files a/static/seckill.png and b/static/seckill.png differ
diff --git a/static/seckill3.png b/static/seckill3.png
new file mode 100644
index 0000000..d096fbf
Binary files /dev/null and b/static/seckill3.png differ
diff --git a/static/tabbar/bottom5_1.png b/static/tabbar/bottom5_1.png
new file mode 100644
index 0000000..fcde943
Binary files /dev/null and b/static/tabbar/bottom5_1.png differ
diff --git a/static/tabbar/bottom5_2.png b/static/tabbar/bottom5_2.png
new file mode 100644
index 0000000..e2af91f
Binary files /dev/null and b/static/tabbar/bottom5_2.png differ