diff --git a/App.vue b/App.vue
index 70df386..013f263 100644
--- a/App.vue
+++ b/App.vue
@@ -62,12 +62,12 @@ export default {
   },
   onShow: function () {
     console.log("App Show");
-    // 如果不是首次启动才调用登录记录接口，避免与onLaunch重复调用
-    if (!this.isFirstLaunch) {
-      this.callLoginRecordApi();
-    } else {
-      this.isFirstLaunch = false; // 重置标志
-    }
+    // // 如果不是首次启动才调用登录记录接口，避免与onLaunch重复调用，有问题，当用户分享的时候，会频繁触发
+    // if (!this.isFirstLaunch) {
+    //   this.callLoginRecordApi();
+    // } else {
+    //   this.isFirstLaunch = false; // 重置标志
+    // }
   },
   onHide: function () {
     console.log("App Hide");
diff --git a/components/empty-state/empty-state.vue b/components/empty-state/empty-state.vue
new file mode 100644
index 0000000..f73744c
--- /dev/null
+++ b/components/empty-state/empty-state.vue
@@ -0,0 +1,58 @@
+<template>
+	<view class="empty-state">
+		<image class="empty-image" :src="imageSrc" mode="aspectFit"></image>
+		<text class="empty-text">{{ message }}</text>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'EmptyState',
+	props: {
+		// 空状态显示的图片，默认使用kong.png
+		imageSrc: {
+			type: String,
+			default: '/static/common/kong.png'
+		},
+		// 空状态显示的文本
+		message: {
+			type: String,
+			default: '暂无数据'
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.empty-state {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	animation: emptyFadeIn 0.5s ease-out;
+}
+
+.empty-image {
+	width: 200rpx;
+	height: 200rpx;
+	margin-bottom: 20rpx;
+}
+
+.empty-text {
+	font-size: 28rpx;
+	color: #999999;
+}
+
+@keyframes emptyFadeIn {
+	from {
+		opacity: 0;
+		transform: translateY(20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+</style> 
\ No newline at end of file
diff --git a/pages.json b/pages.json
index c9a053e..e5eb9b2 100644
--- a/pages.json
+++ b/pages.json
@@ -466,6 +466,13 @@
 			{
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path" : "pages/shouye/danye",
+			"style" : 
+			{
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"subPackages": [{
diff --git a/pages/infinite/bonus_house.vue b/pages/infinite/bonus_house.vue
index 528832f..c681916 100644
--- a/pages/infinite/bonus_house.vue
+++ b/pages/infinite/bonus_house.vue
@@ -17,78 +17,83 @@
 
 		<!-- 内容列表区域 -->
 		<view class="benefits-container">
-			<!-- 进行中列表 -->
-			<template v-if="tabCur == 1">
-				<scroll-view scroll-y="true" class="benefits-scroll">
+			<swiper class="benefits-swiper" :current="tabCur - 1" @change="handleSwiperChange">
+				<!-- 进行中列表 -->
+				<swiper-item>
+					<scroll-view scroll-y="true" class="benefits-scroll">
+						<template v-if="ongoingData.length > 0">
+							<view v-for="(item, index) in ongoingData" :key="index" class="benefit-item relative"
+								@click="$c.to({ url: '/pages/infinite/bonus_house_details?goods_id=' + item.id })">
+								<text class="benefit-title">{{ item.title }}</text>
+								<text class="benefit-tips">{{ item.tips }}</text>
 
-					<!-- 已结束列表 -->
-					<view v-for="(item, index) in ongoingData" :key="index" class="benefit-item relative"
-						@click="$c.to({ url: '/pages/infinite/bonus_house_details?goods_id=' + item.id })">
-						<text class="benefit-title">{{ item.title }}</text>
-						<text class="benefit-tips">{{ item.tips }}</text>
-
-						<view class="action-btn center">
-							<text>马上参与</text>
-						</view>
-						<scroll-view scroll-x="true" class="goods-scroll">
-							<view v-for="(item1, index1) in item.GoodsList" :key="index1" class="goods-item relative">
-								<image class="goods-img" :src="item1.imgUrl">
-								</image>
-								<view class="goods-num center">
-									<text>x{{ item1.num }}</text>
+								<view class="action-btn center">
+									<text>马上参与</text>
 								</view>
-							</view>
-						</scroll-view>
-						<view class="divider"></view>
-						<view class="popularity center">
-							<image class="fire-icon" :src="$img1('checkin/Fire.png')"></image>
-							<text class="popularity-text">{{ item.Popularity }}</text>
-						</view>
-
-						<text class="time-text">{{ item.Time }}</text>
-					</view>
-
-				</scroll-view>
-
-			</template>
-
-			<template v-else>
-				<scroll-view scroll-y="true" class="benefits-scroll">
-
-					<view v-for="(item, index) in endedData" :key="index" class="benefit-item relative"
-						@click="$c.to({ url: '/pages/infinite/bonus_house_details?goods_id=' + item.id })">
-						<text class="benefit-title">{{ item.title }}</text>
-						<text class="benefit-tips">{{ item.tips }}</text>
-
-						<view class="action-btn center ended">
-							<text>已结束</text>
-						</view>
-						<scroll-view scroll-x="true" class="goods-scroll">
-							<view v-for="(item1, index1) in item.GoodsList" :key="index1" class="goods-item relative">
-								<image class="goods-img" :src="item1.imgUrl">
-								</image>
-								<view class="goods-num center">
-									<text>x{{ item1.num }}</text>
+								<scroll-view scroll-x="true" class="goods-scroll">
+									<view v-for="(item1, index1) in item.GoodsList" :key="index1" class="goods-item relative">
+										<image class="goods-img" :src="item1.imgUrl">
+										</image>
+										<view class="goods-num center">
+											<text>x{{ item1.num }}</text>
+										</view>
+									</view>
+								</scroll-view>
+								<view class="divider"></view>
+								<view class="popularity center">
+									<image class="fire-icon" :src="$img1('checkin/Fire.png')"></image>
+									<text class="popularity-text">{{ item.Popularity }}</text>
 								</view>
-							</view>
-						</scroll-view>
-						<view class="divider"></view>
-						<view class="popularity center">
-							<image class="fire-icon" :src="$img1('checkin/Fire.png')"></image>
-							<text class="popularity-text">{{ item.Popularity }}</text>
-						</view>
 
-						<text class="time-text">{{ item.Time }}</text>
-					</view>
-				</scroll-view>
-			</template>
+								<text class="time-text">{{ item.Time }}</text>
+							</view>
+						</template>
+						<template v-else>
+							<empty-state message="暂无进行中的活动"></empty-state>
+						</template>
+					</scroll-view>
+				</swiper-item>
+
+				<!-- 已结束列表 -->
+				<swiper-item>
+					<scroll-view scroll-y="true" class="benefits-scroll">
+						<template v-if="endedData.length > 0">
+							<view v-for="(item, index) in endedData" :key="index" class="benefit-item relative"
+								@click="$c.to({ url: '/pages/infinite/bonus_house_details?goods_id=' + item.id })">
+								<text class="benefit-title">{{ item.title }}</text>
+								<text class="benefit-tips">{{ item.tips }}</text>
+
+								<view class="action-btn center ended">
+									<text>已结束</text>
+								</view>
+								<scroll-view scroll-x="true" class="goods-scroll">
+									<view v-for="(item1, index1) in item.GoodsList" :key="index1" class="goods-item relative">
+										<image class="goods-img" :src="item1.imgUrl">
+										</image>
+										<view class="goods-num center">
+											<text>x{{ item1.num }}</text>
+										</view>
+									</view>
+								</scroll-view>
+								<view class="divider"></view>
+								<view class="popularity center">
+									<image class="fire-icon" :src="$img1('checkin/Fire.png')"></image>
+									<text class="popularity-text">{{ item.Popularity }}</text>
+								</view>
+
+								<text class="time-text">{{ item.Time }}</text>
+							</view>
+						</template>
+						<template v-else>
+							<empty-state message="暂无已结束的活动"></empty-state>
+						</template>
+					</scroll-view>
+				</swiper-item>
+			</swiper>
 		</view>
 
 		<view class="btn-group row center">
-			<!-- <view class="my-coupon center" @click="$c.to({ url: '/pages/infinite/my_coupons' })">
-				<text>我的卡券</text>
-
-			</view> -->
+ 
 			<view class="reward-record center" @click="$c.to({ url: '/pages/infinite/reward_records' })">
 				<text>赏品记录</text>
 			</view>
@@ -99,17 +104,21 @@
 
 <script>
 import PageContainer from '@/components/page-container/page-container.vue'
+import EmptyState from '@/components/empty-state/empty-state.vue'
 
 export default {
 	components: {
-		PageContainer
+		PageContainer,
+		EmptyState
 	},
 	data() {
 		return {
 			tabCur: 1,
 			ongoingData: [], // 进行中数据
 			endedData: [], // 已结束数据
-			loading: false
+			loading: false,
+			ongoingLoaded: false, // 进行中数据是否已加载
+			endedLoaded: false,   // 已结束数据是否已加载
 		}
 	},
 
@@ -120,7 +129,7 @@ export default {
 	methods: {
 		// 加载进行中的福利屋数据
 		async loadOngoingData() {
-			if (this.loading) return;
+			if (this.loading || this.ongoingLoaded) return;
 			this.loading = true;
 
 			try {
@@ -133,6 +142,7 @@ export default {
 
 				if (res?.data?.data) {
 					this.ongoingData = this.formatBenefitsData(res.data.data);
+					this.ongoingLoaded = true;
 				}
 			} catch (error) {
 				console.error('加载进行中福利屋数据失败:', error);
@@ -143,7 +153,7 @@ export default {
 
 		// 加载已结束的福利屋数据
 		async loadEndedData() {
-			if (this.loading) return;
+			if (this.loading || this.endedLoaded) return;
 			this.loading = true;
 
 			try {
@@ -156,6 +166,7 @@ export default {
 
 				if (res?.data?.data) {
 					this.endedData = this.formatBenefitsData(res.data.data);
+					this.endedLoaded = true;
 				}
 			} catch (error) {
 				console.error('加载已结束福利屋数据失败:', error);
@@ -193,19 +204,23 @@ export default {
 			});
 		},
 
-		// 切换标签
+		// 处理滑动切换
+		handleSwiperChange(e) {
+			const index = e.detail.current;
+			this.tabChange(index + 1);
+		},
+		
+		// 修改标签切换方法
 		tabChange(i) {
-			if (this.tabCur === i) return; // 避免重复加载
+			if (this.tabCur === i) return;
 			this.tabCur = i;
 
 			if (i === 1) {
-				// 切换到进行中，加载进行中数据
-				if (this.ongoingData.length === 0) {
+				if (!this.ongoingLoaded) {
 					this.loadOngoingData();
 				}
 			} else {
-				// 切换到已结束，加载已结束数据
-				if (this.endedData.length === 0) {
+				if (!this.endedLoaded) {
 					this.loadEndedData();
 				}
 			}
@@ -225,74 +240,94 @@ export default {
 	align-items: center;
 	justify-content: center;
 
-	.tab-item1 {
+	.tab-item1, .tab-item2, .tab-item3 {
 		width: 160rpx;
 		height: 92rpx;
 		font-weight: 400;
 		margin-right: 30rpx;
-		background: url($imgurl + "index/uncheckTab1.png") no-repeat 0 0 / 100% 100%;
+		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+		position: relative;
+		overflow: hidden;
+		
+		&:active {
+			transform: scale(0.95);
+			
+			&::after {
+				content: '';
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				width: 100%;
+				height: 100%;
+				background: rgba(255, 255, 255, 0.2);
+				border-radius: 50%;
+				transform: translate(-50%, -50%) scale(0);
+				animation: ripple 0.6s ease-out;
+			}
+		}
 
 		>text {
 			font-weight: 600;
 			font-size: 24rpx;
 			color: #333333;
+			transition: all 0.3s ease;
+		}
+	}
+
+	.tab-item1 {
+		background: url($imgurl + "index/uncheckTab1.png") no-repeat 0 0 / 100% 100%;
+		
+		&:active {
+			background: url($imgurl + "index/checkTab1.png") no-repeat 0 0 / 100% 100%;
 		}
 	}
 
 	.tab-item2 {
-		width: 160rpx;
-		height: 92rpx;
-		font-weight: 400;
-		margin-right: 30rpx;
-
 		&.act {
 			background: url($imgurl + "index/checkTab2.png") no-repeat 0 0 / 100% 100%;
-
-			>text {
-				font-weight: 600;
-				font-size: 24rpx;
-				color: #333333;
-			}
+			animation: tabActivate 0.3s ease-out;
 		}
 
 		&.unact {
 			background: url($imgurl + "index/uncheckTab2.png") no-repeat 0 0 / 100% 100%;
-
-			>text {
-				font-weight: 600;
-				font-size: 24rpx;
-				color: #333333;
-			}
 		}
 	}
 
 	.tab-item3 {
-		width: 160rpx;
-		height: 92rpx;
-		font-weight: 400;
-
 		&.act {
 			background: url($imgurl + "index/checkTab3.png") no-repeat 0 0 / 100% 100%;
-
-			>text {
-				font-weight: 600;
-				font-size: 24rpx;
-				color: #333333;
-			}
+			animation: tabActivate 0.3s ease-out;
 		}
 
 		&.unact {
 			background: url($imgurl + "index/uncheckTab3.png") no-repeat 0 0 / 100% 100%;
-
-			>text {
-				font-weight: 600;
-				font-size: 24rpx;
-				color: #333333;
-			}
 		}
 	}
 }
 
+@keyframes ripple {
+	0% {
+		transform: translate(-50%, -50%) scale(0);
+		opacity: 0.5;
+	}
+	100% {
+		transform: translate(-50%, -50%) scale(2);
+		opacity: 0;
+	}
+}
+
+@keyframes tabActivate {
+	0% {
+		transform: scale(0.95);
+	}
+	50% {
+		transform: scale(1.05);
+	}
+	100% {
+		transform: scale(1);
+	}
+}
+
 .benefits-container {
 	width: 672rpx;
 	height: 760rpx;
@@ -300,6 +335,11 @@ export default {
 	overflow: hidden;
 }
 
+.benefits-swiper {
+	width: 100%;
+	height: 100%;
+}
+
 .benefits-scroll {
 	height: 760rpx;
 }
@@ -310,6 +350,24 @@ export default {
 	background-color: #F8F8F8;
 	margin-bottom: 36rpx;
 	border-radius: 16rpx;
+	animation: slideIn 0.5s ease-out;
+	transition: transform 0.3s ease, box-shadow 0.3s ease;
+	
+	&:active {
+		transform: scale(0.98);
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+	}
+}
+
+@keyframes slideIn {
+	from {
+		opacity: 0;
+		transform: translateX(30rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0);
+	}
 }
 
 .benefit-title {
@@ -336,9 +394,21 @@ export default {
 	position: absolute;
 	top: 20rpx;
 	right: 24rpx;
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+	&:active {
+		transform: scale(0.9);
+		background-color: darken(#D8FD24, 5%);
+	}
 
 	&.ended {
 		background-color: #333333;
+		transition: all 0.3s ease;
+
+		&:active {
+			transform: scale(0.9);
+			background-color: lighten(#333333, 5%);
+		}
 
 		text {
 			color: #D8FD24;
@@ -358,6 +428,7 @@ export default {
 	position: absolute;
 	left: 24rpx;
 	top: 112rpx;
+	transition: all 0.3s ease;
 }
 
 .goods-item {
@@ -365,6 +436,23 @@ export default {
 	height: 80rpx;
 	display: inline-block;
 	margin-right: 36rpx;
+	transition: transform 0.3s ease;
+	animation: scaleIn 0.5s ease-out;
+	
+	&:active {
+		transform: scale(1.1);
+	}
+}
+
+@keyframes scaleIn {
+	from {
+		opacity: 0;
+		transform: scale(0.8);
+	}
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
 }
 
 .goods-img {
@@ -402,6 +490,18 @@ export default {
 	position: absolute;
 	left: 24rpx;
 	bottom: 16rpx;
+	animation: slideInLeft 0.5s ease-out;
+}
+
+@keyframes slideInLeft {
+	from {
+		opacity: 0;
+		transform: translateX(-20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0);
+	}
 }
 
 .fire-icon {
@@ -421,6 +521,18 @@ export default {
 	position: absolute;
 	right: 24rpx;
 	bottom: 18rpx;
+	animation: slideInRight 0.5s ease-out;
+}
+
+@keyframes slideInRight {
+	from {
+		opacity: 0;
+		transform: translateX(20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0);
+	}
 }
 
 .btn-group {
@@ -444,6 +556,13 @@ export default {
 	height: 72rpx;
 	background-color: #D8FD24;
 	border-radius: 16rpx;
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	animation: fadeIn 0.5s ease-out;
+
+	&:active {
+		transform: scale(0.95);
+		background-color: darken(#D8FD24, 5%);
+	}
 
 	text {
 		font-weight: 600;
@@ -451,4 +570,15 @@ export default {
 		color: #333333;
 	}
 }
+
+@keyframes fadeIn {
+	from {
+		opacity: 0;
+		transform: translateY(20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/infinite/bonus_house_details.vue b/pages/infinite/bonus_house_details.vue
index 912a3a0..19639e3 100644
--- a/pages/infinite/bonus_house_details.vue
+++ b/pages/infinite/bonus_house_details.vue
@@ -1,6 +1,6 @@
 <template>
 	<page-container title="福利屋详情" :showBack="true">
-		<view class="relative"
+		<view class="relative header-info" :class="{ 'show': headerShow }"
 			style="width: 686rpx; height: 152rpx; background-color: #FFFFFF; border-radius: 16rpx; margin: 0 auto;">
 
 			<image style="width: 108rpx; height: 108rpx;position: absolute; left: 24rpx; top: 22rpx;"
@@ -20,19 +20,18 @@
 				<text style="font-size: 16rpx; color: #999999; margin-left: 8rpx;">{{ bonusData.popularity }}</text>
 			</view>
 			<button open-type="share" class="button"
-				style="position: absolute; top: 50rpx; right: 24rpx;width: 50rpx; height: 50rpx;">
-
+				style="position: absolute; top: 50rpx; right: 24rpx; width: 50rpx; height: 50rpx; border: none; padding: 0; margin: 0; line-height: 1; ">
 			</button>
 
 		</view>
 
 
-		<view class=""
+		<view class="content-area" :class="{ 'show': contentShow }"
 			style="width: 686rpx; height: 1010rpx; background-color: #FFFFFF; border-radius: 16rpx; margin: 24rpx auto 0;">
 
 			<view class="tab">
 				<view class="tab-item center relative" v-for="(item, i) in tabList" :key="i"
-					:class="currentTab == i ? 'act' : 'unact'" @click="handleTabChange(i)">
+					:class="[currentTab == i ? 'act' : 'unact', { 'show': tabsShow[i] }]" @click="handleTabChange(i)">
 					<text>{{ item }}</text>
 				</view>
 			</view>
@@ -75,7 +74,9 @@
 
 
 			<scroll-view v-if="currentTab == 1" scroll-y="true" style="width: 100%; height: 890rpx; padding: 24rpx;">
-				<view class="row align-center" v-for="(item, index) in participantList" :key="index"
+				<view class="row align-center participant-row" 
+					:class="{ 'show': participantRowsShow[index] }"
+					v-for="(item, index) in participantList" :key="index"
 					style="height: 76rpx; margin-bottom: 24rpx;">
 
 					<view class="center" style="width: 30rpx;">
@@ -95,7 +96,9 @@
 				</view>
 			</scroll-view>
 			<scroll-view v-if="currentTab == 2" scroll-y="true" style="width: 100%; height: 890rpx; padding: 24rpx;">
-				<view class="row align-center relative" v-for="(item, index) in awardRecordList" :key="index"
+				<view class="row align-center award-row" 
+					:class="{ 'show': awardRowsShow[index] }"
+					v-for="(item, index) in awardRecordList" :key="index"
 					style="height: 76rpx; margin-bottom: 24rpx;">
 
 					<view class="center" style="width: 30rpx;">
@@ -119,8 +122,9 @@
 		<view class="column align-center"
 			style="width: 100%; height: 198rpx; background-color: #fff; margin-top: 8rpx;">
 
-			<view class="participation-button"
-				@click="handleButtonClick">
+			<view class="participation-button" 
+				:class="{ 'show': buttonShow, 'pulse': buttonPulse }"
+				@click="handleButtonPulse">
 				<text class="button-text">{{ buttonText }}</text>
 			</view>
 			<text style="color: #8A8A8A; font-size: 20rpx; font-weight: 400; margin-top: 12rpx;">{{ remainingTime
@@ -135,28 +139,25 @@
 
 
 		<!-- 条件不足弹窗 -->
-		<uni-popup ref="condition" type="center">
+		<uni-popup ref="condition" type="center" :animation="true" :mask-click="true">
 
-			<view style="width: 636rpx; height: 422rpx; background-color: #FFFFFF; border-radius: 16rpx;">
-				<view
-					style="width: 100%;height: 80rpx;border-radius:24rpx;display: flex;justify-content: center;align-items: center;font-size: 35rpx;">
+			<view class="popup-container">
+				<view class="popup-title">
 					参与提示
 				</view>
-				<view style="padding: 0rpx 24rpx;">
+				<view class="popup-content">
 					提示：需在指定时间{{ bonusData.start_time }}-{{ bonusData.end_time }}消耗达到{{ bonusData.choujiang_xianzhi
 					}}钻石，即可加入房间，还需{{ remainingDiamond }}钻石.
 				</view>
 			</view>
 
-			<view class="flex row" style="width: 636rpx; justify-content: space-around; margin-top: 32rpx;">
-				<view class="center" @click="$refs.condition.close()"
-					style="width: 200rpx; height: 68rpx; background-color: #FFFFFF; border-radius: 16rpx;">
-					<text style="font-size: 24rpx; color: #333333; font-weight: 600;">取消</text>
+			<view class="popup-buttons">
+				<view class="popup-button cancel-button" @click="$refs.condition.close()">
+					<text>取消</text>
 				</view>
 
-				<view class="center" @click="toHome()"
-					style="width: 200rpx; height: 68rpx; background-color: #CDEF27;border-radius: 16rpx;">
-					<text style="font-size: 24rpx; color: #333333; font-weight: 600;">去抽赏</text>
+				<view class="popup-button confirm-button" @click="toHome()">
+					<text>去抽赏</text>
 				</view>
 			</view>
 		</uni-popup>
@@ -222,7 +223,18 @@ export default {
 			useMoney2: false,
 			isAgree: true,
 			loading: false,
-			user_count: 0 //用户已经购买的次数
+			user_count: 0, //用户已经购买的次数
+			
+			// 动画状态控制变量
+			headerShow: false,
+			contentShow: false,
+			buttonShow: false,
+			tabsShow: [false, false, false],
+			participantRowsShow: [],
+			awardRowsShow: [],
+			
+			// 按钮脉冲动画
+			buttonPulse: false
 		}
 	},
 	computed: {
@@ -241,6 +253,11 @@ export default {
 		console.log(options)
 		this.goods_id = options.goods_id
 		await this.load(options.goods_id)
+		
+		// 添加页面加载动画
+		setTimeout(() => {
+			this.applyPageTransitions();
+		}, 100);
 	},
 	methods: {
 		handleSwiperChange(e) {
@@ -493,6 +510,12 @@ export default {
 			} catch (error) {
 				console.error("加载参与人数列表失败", error);
 			}
+			
+			if (this.currentTab === 1) {
+				setTimeout(() => {
+					this.animateListItems('participant-row');
+				}, 100);
+			}
 		},
 
 		async loadAwardRecords(goods_id) {
@@ -518,12 +541,51 @@ export default {
 			} catch (error) {
 				console.error("加载赏品记录失败", error);
 			}
+			
+			if (this.currentTab === 2) {
+				setTimeout(() => {
+					this.animateListItems('award-row');
+				}, 100);
+			}
 		},
 
 		handleTabChange(index) {
-			this.currentTab = index
+			this.currentTab = index;
+			// 添加延迟加载动画
+			if (index === 1 && this.participantList.length > 0) {
+				this.animateListItems('participant-row');
+			} else if (index === 2 && this.awardRecordList.length > 0) {
+				this.animateListItems('award-row');
+			}
 		},
 
+		// 添加列表项动画方法
+		animateListItems(className) {
+			// 根据列表类型初始化动画状态数组
+			if (className === 'participant-row') {
+				this.participantRowsShow = Array(this.participantList.length).fill(false);
+				
+				// 逐个显示列表项
+				for (let i = 0; i < this.participantList.length; i++) {
+					((index) => {
+						setTimeout(() => {
+							this.$set(this.participantRowsShow, index, true);
+						}, index * 50);
+					})(i);
+				}
+			} else if (className === 'award-row') {
+				this.awardRowsShow = Array(this.awardRecordList.length).fill(false);
+				
+				// 逐个显示列表项
+				for (let i = 0; i < this.awardRecordList.length; i++) {
+					((index) => {
+						setTimeout(() => {
+							this.$set(this.awardRowsShow, index, true);
+						}, index * 50);
+					})(i);
+				}
+			}
+		},
 
 		updateButtonState() {
 			const currentDate = new Date(this.currentServerTime);
@@ -546,6 +608,17 @@ export default {
 			}
 		},
 
+		handleButtonPulse() {
+			// 添加动画类
+			this.buttonPulse = true;
+			setTimeout(() => {
+				this.buttonPulse = false;
+			}, 400); // 动画时长结束后移除类
+			
+			// 调用原始点击处理程序
+			this.handleButtonClick();
+		},
+
 		handleButtonClick() {
 			if (this.buttonText === "未开始") {
 				uni.showToast({
@@ -623,8 +696,23 @@ export default {
 			uni.reLaunch({
 				url: '/pages/shouye/index'
 			});
+		},
+		
+		applyPageTransitions() {
+			// 头部信息
+			this.headerShow = true;
+			
+			// 标签
+			setTimeout(() => { this.tabsShow[0] = true; }, 100);
+			setTimeout(() => { this.tabsShow[1] = true; }, 200);
+			setTimeout(() => { this.tabsShow[2] = true; }, 300);
+			
+			// 内容区
+			setTimeout(() => { this.contentShow = true; }, 200);
+			
+			// 按钮
+			setTimeout(() => { this.buttonShow = true; }, 300);
 		}
-
 	}
 }
 </script>
@@ -635,6 +723,8 @@ export default {
 	justify-content: space-between;
 	align-items: center;
 	padding: 10rpx 60rpx;
+	position: relative;
+	z-index: 1;
 
 
 	.tab-item {
@@ -642,6 +732,11 @@ export default {
 		height: 68rpx;
 		position: relative;
 		margin-right: 25rpx;
+		transition: all 0.3s ease;
+		
+		&:active {
+			transform: scale(0.95);
+		}
 
 		&.act {
 			font-weight: 400;
@@ -657,6 +752,8 @@ export default {
 				width: 48rpx;
 				height: 4rpx;
 				background: #333333;
+				transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+				animation: fadeInWidth 0.3s forwards;
 			}
 		}
 
@@ -664,10 +761,31 @@ export default {
 			font-weight: 400;
 			font-size: 28rpx;
 			color: #CCCCCC;
+			
+			&::after {
+				content: '';
+				position: absolute;
+				bottom: 0;
+				left: 50%;
+				transform: translateX(-50%);
+				width: 0;
+				height: 4rpx;
+				background: #333333;
+				transition: all 0.3s ease;
+			}
 		}
 	}
 }
 
+@keyframes fadeInWidth {
+	from {
+		width: 0;
+	}
+	to {
+		width: 48rpx;
+	}
+}
+
 .grid-container {
 	display: grid;
 	grid-template-columns: repeat(4, 124rpx);
@@ -682,11 +800,69 @@ export default {
 .grid-item {
 	width: 142rpx;
 	height: 150rpx;
+	transition: all 0.3s ease;
+	padding: 8rpx;
+	border-radius: 12rpx;
+	position: relative;
+	
+	&:active {
+		transform: translateY(-6rpx) scale(1.05);
+		background-color: rgba(0, 0, 0, 0.02);
+	}
+	
+	image {
+		transition: all 0.25s ease;
+		box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+	}
+	
+	&:active image {
+		box-shadow: 0 8rpx 12rpx rgba(0, 0, 0, 0.15);
+	}
+	
+	text {
+		transition: color 0.25s ease;
+	}
+	
+	&:active text {
+		color: #666 !important;
+	}
 }
 
 .button {
 	background-image: url($imgurl + 'checkin/ic_share.png');
 	background-size: 100% 100%;
+	transition: all 0.3s ease;
+	position: relative;
+	overflow: visible;
+	border: none !important;
+	outline: none !important;
+	
+	&::after {
+		border: none !important;
+	}
+	
+	&::before {
+		content: '';
+		position: absolute;
+		top: -5rpx;
+		right: -5rpx;
+		bottom: -5rpx;
+		left: -5rpx;
+		border-radius: 50%;
+		background-color: rgba(0, 0, 0, 0.05);
+		transform: scale(0);
+		opacity: 0;
+		transition: all 0.2s ease;
+	}
+	
+	&:active {
+		transform: scale(0.9) rotate(15deg);
+	}
+	
+	&:active::before {
+		transform: scale(1);
+		opacity: 1;
+	}
 }
 
 .swiper-container {
@@ -743,14 +919,98 @@ export default {
 	border-radius: 16rpx;
 	margin-top: 32rpx;
 	box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
-	transition: all 0.2s ease;
+	position: relative;
+	overflow: hidden;
+	
+	// 页面加载动画
+	opacity: 0;
+	transform: translateY(20rpx);
+	transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.2s ease, box-shadow 0.2s ease;
+	transition-delay: 0.3s;
+	
+	&.show {
+		opacity: 1;
+		transform: translateY(0);
+	}
+	
+	&.pulse {
+		animation: buttonPulse 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+	}
+}
+
+.button-text {
+	color: #333333;
+	font-size: 32rpx;
+	font-weight: 600;
+	z-index: 2;
+	position: relative;
+}
+
+.popup-container {
+	width: 636rpx;
+	background-color: #FFFFFF;
+	border-radius: 16rpx;
+	overflow: hidden;
+	transform: scale(0.9);
+	opacity: 0;
+	animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
+}
+
+.popup-title {
+	width: 100%;
+	height: 80rpx;
+	border-radius: 24rpx 24rpx 0 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 35rpx;
+	background-color: #f9f9f9;
+	position: relative;
+	
+	&::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 10%;
+		width: 80%;
+		height: 1px;
+		background-color: #eee;
+	}
+}
+
+.popup-content {
+	padding: 24rpx;
+	font-size: 28rpx;
+	color: #666;
+	line-height: 1.5;
+}
+
+.popup-buttons {
+	display: flex;
+	width: 636rpx;
+	justify-content: space-around;
+	margin-top: 32rpx;
+	animation: slideUp 0.4s ease-out forwards;
+	animation-delay: 0.1s;
+	opacity: 0;
+	transform: translateY(20rpx);
+}
+
+.popup-button {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 200rpx;
+	height: 68rpx;
+	border-radius: 16rpx;
+	font-size: 24rpx;
+	font-weight: 600;
+	transition: all 0.25s ease;
 	position: relative;
 	overflow: hidden;
 	
 	&:active {
 		transform: scale(0.95);
-		background-color: #c5e822;
-		box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
 	}
 	
 	&::after {
@@ -760,7 +1020,7 @@ export default {
 		left: 50%;
 		width: 100rpx;
 		height: 100rpx;
-		background-color: rgba(255, 255, 255, 0.4);
+		background-color: rgba(255, 255, 255, 0.3);
 		border-radius: 50%;
 		transform: translate(-50%, -50%) scale(0);
 		opacity: 0;
@@ -768,14 +1028,140 @@ export default {
 	}
 	
 	&:active::after {
-		transform: translate(-50%, -50%) scale(5);
+		transform: translate(-50%, -50%) scale(3);
 		opacity: 0;
 	}
+	
+	text {
+		position: relative;
+		z-index: 1;
+		font-size: 24rpx;
+		font-weight: 600;
+	}
 }
 
-.button-text {
-	color: #333333;
-	font-size: 32rpx;
-	font-weight: 600;
+.cancel-button {
+	background-color: #FFFFFF;
+	border: 1px solid #eee;
+	
+	text {
+		color: #333333;
+	}
+	
+	&:active {
+		background-color: #f5f5f5;
+	}
+}
+
+.confirm-button {
+	background-color: #CDEF27;
+	box-shadow: 0 4rpx 8rpx rgba(205, 239, 39, 0.3);
+	
+	text {
+		color: #333333;
+	}
+	
+	&:active {
+		background-color: #b9d721;
+		box-shadow: 0 2rpx 4rpx rgba(205, 239, 39, 0.2);
+	}
+}
+
+@keyframes popIn {
+	from {
+		transform: scale(0.9);
+		opacity: 0;
+	}
+	to {
+		transform: scale(1);
+		opacity: 1;
+	}
+}
+
+@keyframes slideUp {
+	from {
+		opacity: 0;
+		transform: translateY(20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+.participant-row {
+	opacity: 0;
+	transform: translateX(-20rpx);
+	transition: all 0.4s ease;
+	
+	&.show {
+		opacity: 1;
+		transform: translateX(0);
+	}
+}
+
+.award-row {
+	opacity: 0;
+	transform: translateX(-20rpx);
+	transition: all 0.4s ease;
+	
+	&.show {
+		opacity: 1;
+		transform: translateX(0);
+	}
+}
+
+.header-info {
+	opacity: 0;
+	transform: translateY(-20rpx);
+	transition: all 0.5s ease;
+	
+	&.show {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+.tab-item {
+	opacity: 0;
+	transform: translateY(10rpx);
+	transition: all 0.4s ease;
+	
+	&.show {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+.content-area {
+	opacity: 0;
+	transform: translateY(20rpx);
+	transition: all 0.5s ease;
+	transition-delay: 0.2s;
+	
+	&.show {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@keyframes buttonPulse {
+	0% {
+		transform: scale(1);
+		box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
+	}
+	40% {
+		transform: scale(0.92);
+		box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05);
+	}
+	80% {
+		transform: scale(1.05);
+		box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, 0.15);
+		background-color: #e0ff3a;
+	}
+	100% {
+		transform: scale(1);
+		box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
+	}
 }
 </style>
\ No newline at end of file
diff --git a/pages/infinite/daily_check_in.vue b/pages/infinite/daily_check_in.vue
index fb7926b..f571d35 100644
--- a/pages/infinite/daily_check_in.vue
+++ b/pages/infinite/daily_check_in.vue
@@ -2,7 +2,7 @@
 <template>
 	<page-container title="签到" :showBack="true" >
 		<banner :type-id="7" :height="328"></banner>
-		<view class=""
+		<view class="checkin-container"
 			style="width: 686rpx; height: 838rpx; background-color: #fff; margin: 40rpx auto 0; border-radius: 16rpx;">
 
 			<view class="center" style="padding-top: 24rpx;">
@@ -14,14 +14,13 @@
 			<view style="width: 100%; overflow: hidden;">
 				<scroll-view class="relative" scroll-x="true"
 					style="white-space: nowrap;  margin-left: 58rpx; margin-top: 24rpx;">
-					<view class=""
+					<view class="progress-line"
 						style="width: 100%; height: 4rpx; background-color: #F3F3F3;position: absolute;  top: 42rpx; left: 10rpx;">
 					</view>
 					<view class="relative total-checkin-item"
 						style="width: 71.7rpx; height: 102rpx;display: inline-block; margin-right: 94rpx;"
 						v-for="(item, index) in checkinData.TotalCheckinList" :key="index"
 						@tap="showTips(item, $event, index)">
-
 						<image :src="item.icon"
 							style="width: 71.7rpx; height: 72rpx; position: absolute;" mode=""></image>
 
@@ -69,7 +68,7 @@
 		<!-- 签到按钮 -->
 		<view class="justify-center" style="width: 100%; height: 198rpx; background-color: #fff; margin-top: -10rpx;">
 			<view class="align-center column">
-				<view class="center" @click="sign"
+				<view class="sign-btn center" @click="sign"
 					style="width: 340rpx; height: 84rpx; background-color: #D8FD24; margin-top: 32rpx;">
 					<text style="color: #333333; font-size: 32rpx; font-weight: 600;">{{ !is_sign ? "今日已签到" : "每日签到"
 						}}</text>
@@ -179,7 +178,7 @@ export default {
 			data.continuous_configs.forEach(item => {
 				let t = {
 					Days: item.day,
-					isClaim: item.is_sign === 2 ? true : false,
+					isClaim: item.is_sign === 1 ? true : false,
 					tips: item.description || '',
 					icon:item.icon
 				};
@@ -224,6 +223,21 @@ export default {
 </script>
 
 <style lang="scss">
+.checkin-container {
+	animation: fadeIn 0.5s ease-out;
+}
+
+@keyframes fadeIn {
+	from {
+		opacity: 0;
+		transform: translateY(20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
 .grid-container {
 	display: grid;
 	grid-template-columns: repeat(4, 140rpx);
@@ -234,11 +248,20 @@ export default {
 	width: 140rpx;
 	height: 172rpx;
 	position: relative;
+	animation: scaleIn 0.5s ease-out;
+	animation-fill-mode: both;
+	transition: transform 0.3s ease, box-shadow 0.3s ease;
+	
+	&:active {
+		transform: scale(0.95);
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+	}
 
 	>image {
 		width: 100%;
 		height: 100%;
 		position: absolute;
+		transition: all 0.3s ease;
 	}
 
 	.day {
@@ -248,6 +271,7 @@ export default {
 		top: 12rpx;
 		left: 50%;
 		transform: translateX(-50%);
+		transition: all 0.3s ease;
 	}
 
 	.reward {
@@ -258,6 +282,74 @@ export default {
 		bottom: 10rpx;
 		left: 50%;
 		transform: translateX(-50%);
+		transition: all 0.3s ease;
+	}
+}
+
+@keyframes scaleIn {
+	from {
+		opacity: 0;
+		transform: scale(0.8);
+	}
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+.total-checkin-item {
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	animation: slideIn 0.5s ease-out;
+	animation-fill-mode: both;
+	
+	&:active {
+		transform: scale(1.1);
+	}
+}
+
+@keyframes slideIn {
+	from {
+		opacity: 0;
+		transform: translateX(-20rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0);
+	}
+}
+
+.sign-btn {
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	position: relative;
+	overflow: hidden;
+	
+	&:active {
+		transform: scale(0.95);
+		background-color: darken(#D8FD24, 5%);
+		
+		&::after {
+			content: '';
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			width: 100%;
+			height: 100%;
+			background: rgba(255, 255, 255, 0.2);
+			border-radius: 50%;
+			transform: translate(-50%, -50%) scale(0);
+			animation: ripple 0.6s ease-out;
+		}
+	}
+}
+
+@keyframes ripple {
+	0% {
+		transform: translate(-50%, -50%) scale(0);
+		opacity: 0.5;
+	}
+	100% {
+		transform: translate(-50%, -50%) scale(2);
+		opacity: 0;
 	}
 }
 
@@ -265,6 +357,7 @@ export default {
 	position: fixed;
 	z-index: 999;
 	transform: translateX(-50%);
+	animation: tooltipFadeIn 0.3s ease-out;
 
 	.tooltip-content {
 		min-width: 80rpx;
@@ -286,4 +379,33 @@ export default {
 		margin: 0 auto;
 	}
 }
+
+@keyframes tooltipFadeIn {
+	from {
+		opacity: 0;
+		transform: translateX(-50%) translateY(10rpx);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(-50%) translateY(0);
+	}
+}
+
+// 为每个签到项添加延迟动画
+.grid-item {
+	@for $i from 1 through 30 {
+		&:nth-child(#{$i}) {
+			animation-delay: #{$i * 0.05}s;
+		}
+	}
+}
+
+// 为累计签到项添加延迟动画
+.total-checkin-item {
+	@for $i from 1 through 10 {
+		&:nth-child(#{$i}) {
+			animation-delay: #{$i * 0.1}s;
+		}
+	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/infinite/index.vue b/pages/infinite/index.vue
index e2cda8c..dcc37f7 100644
--- a/pages/infinite/index.vue
+++ b/pages/infinite/index.vue
@@ -4,7 +4,7 @@
 	<page-container title="福利">
 		<banner :type-id="6" :height="326"></banner>
 		<view class="grid-container" style="width: 100%; padding: 0 32rpx; margin-top: 40rpx;">
-			<view class="grid-item" v-for="(item) in list" :key="item.id" @click="toPage(item)" style="height: 184rpx;">
+			<view class="grid-item" v-for="(item, index) in list" :key="item.id" @click="toPage(item)" style="height: 184rpx;">
 				<image v-if="item.image" :src="item.image" mode="aspectFill" class="grid-item-bg"></image>
 				<text v-if="!item.image">{{ item.name }}</text>
 			</view>
@@ -51,6 +51,8 @@
 			//跳转页面
 			toPage(item) {
 				if (item.url) {
+					console.log(item);
+					uni.setStorageSync('fuliwu_title', item.name)
 					this.$c.to({
 						url: item.url
 					});
@@ -79,17 +81,67 @@
 		/* 三列，每列宽度相等 */
 		gap: 40rpx 42rpx;
 		/* 网格之间的间隔 */
+		animation: fadeIn 0.5s ease-out;
+	}
+
+	@keyframes fadeIn {
+		from {
+			opacity: 0;
+			transform: translateY(20rpx);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
 	}
 
 	.grid-item {
 		position: relative;
-		background-color: #D8D8D8;
+		
 		text-align: center;
 		border-radius: 16rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		overflow: hidden;
+		animation: scaleIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+		animation-fill-mode: both;
+		transition: all 0.3s ease;
+		
+		&:active {
+			transform: scale(0.95);
+			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+		}
+
+		&::after {
+			content: '';
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			width: 100%;
+			height: 100%;
+			background: rgba(255, 255, 255, 0.2);
+			border-radius: 50%;
+			transform: translate(-50%, -50%) scale(0);
+			opacity: 0;
+			transition: transform 0.6s ease-out, opacity 0.6s ease-out;
+		}
+
+		&:active::after {
+			transform: translate(-50%, -50%) scale(2);
+			opacity: 0;
+		}
+	}
+
+	@keyframes scaleIn {
+		from {
+			opacity: 0;
+			transform: scale(0.8);
+		}
+		to {
+			opacity: 1;
+			transform: scale(1);
+		}
 	}
 
 	.grid-item-bg {
@@ -99,11 +151,23 @@
 		top: 0;
 		left: 0;
 		z-index: 1;
+		transition: transform 0.3s ease;
 	}
 
 	.grid-item text {
 		z-index: 2;
 		color: #333;
 		font-size: 28rpx;
+		transition: all 0.3s ease;
+		text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+	}
+
+	// 为每个网格项添加延迟动画
+	.grid-item {
+		@for $i from 1 through 10 {
+			&:nth-child(#{$i}) {
+				animation-delay: #{$i * 0.1}s;
+			}
+		}
 	}
 </style>
\ No newline at end of file
diff --git a/pages/shouye/danye.vue b/pages/shouye/danye.vue
new file mode 100644
index 0000000..0995dac
--- /dev/null
+++ b/pages/shouye/danye.vue
@@ -0,0 +1,46 @@
+<template>
+	<page-container :title="title" :showBack="true">
+		<view v-html="content">
+
+		</view>
+	</page-container>
+</template>
+
+<script>
+import PageContainer from '@/components/page-container/page-container.vue'
+
+export default {
+	components: {
+		PageContainer
+	},
+	onLoad(options) {
+		console.log(options)
+		if (options.advert) {
+			this.load(options.advert)
+		}
+	},
+	data() {
+		let title = '';
+		// uni.getStorageSync('title')
+		title = uni.getStorageSync('fuliwu_title')
+		return {
+			title,
+			content: []
+		};
+	},
+	methods: {
+		async load(advert) {
+			const { status, data, msg } = await this.$request.get('getDanye', { type: advert });
+			if (status == 1) {
+				// this.list = data;
+				if (this.title == '') {
+					this.title = data.title;
+				}
+				this.content = data.content
+			}
+		},
+	}
+}
+</script>
+
+<style lang="scss"></style>
diff --git a/pages/shouye/detail copy.vue b/pages/shouye/detail copy.vue
deleted file mode 100644
index 2700ba4..0000000
--- a/pages/shouye/detail copy.vue	
+++ /dev/null
@@ -1,3310 +0,0 @@
-<!--
-
--->
-<template>
-  <view
-    class="content"
-    :style="{
-      'padding-top': `calc(600rpx)`
-    }"
-  >
-    <!-- 购买说明 -->
-
-    <view
-      class="header common_bg"
-      v-if="goods"
-      :style="{
-        'background-image': `url(${goods.imgurl_detail})`
-      }"
-    >
-      <uni-nav-bar
-        left-icon="left"
-        :title="goods.title"
-        color="#fff"
-        backgroundColor="transparent"
-        :fixed="true"
-        :statusBar="true"
-        :border="false"
-        @clickLeft="back"
-      ></uni-nav-bar>
-      <!-- <view class="head">
-        <view
-          class="status_bar"
-          :style="'height:' + statusBarHeight + 'px;'"
-        ></view>
-        <view class="header_title">
-          <view @click="back()">
-            <image :src="z_imgPath + 'back.png'"></image>
-            返回
-          </view>
-          <view class="hang1">{{ goods.title }}</view>
-        </view>
-      </view> -->
-
-      <view
-        @click="$refs.shuoming.open()"
-        class="info-btn"
-        :style="{
-          top: `calc(${$sys().statusBarHeight}px + 130rpx)`
-        }"
-      >
-        <image :src="$img('/static/icon/info.png')" mode="scaleToFill" />
-        购买说明
-      </view>
-
-      <view
-        @click="sc_collect()"
-        class="like-btn"
-        :style="{
-          top: `calc(${$sys().statusBarHeight}px + 130rpx)`
-        }"
-      >
-        <image
-          v-if="goods.collection_is == 1"
-          :src="$img('/static/icon/like_act.png')"
-          mode="scaleToFill"
-        />
-
-        <image v-else :src="$img('/static/icon/like.png')" mode="scaleToFill" />
-        {{ goods.collection_is == 1 ? '已收藏' : '收藏' }}
-      </view>
-
-      <view
-        class="pic-bt common_bg"
-        :style="{
-          'background-image': `url(${$img('/static/img/yf_banner_bg.png')})`
-        }"
-      >
-        <view class="pic-bt-hd">
-          <view class="left">
-            当前第{{ goods.num || 0 }}/{{ goods.stock || 0 }}箱
-          </view>
-
-          <view class="center">
-            赏品余量
-            <text>{{ goods.goodslist_surplus_stock || 0 }}</text>
-            /{{ goods.goodslist_stock || 0 }}张
-          </view>
-
-          <view class="right">
-            <text>{{ goods.price }}</text>
-            {{ goods.type == 5 ? '积分' : '元' }}
-            /张明信片
-          </view>
-        </view>
-
-        <view class="pic-bt-ft">
-          <view @click="before()" class="prev">
-            <image :src="$img('/static/icon/left.png')" mode="scaleToFill" />
-            上一箱
-          </view>
-
-          <view
-            @click="gotoPage('/pages/shouye/huanxiang?id=' + goods_id)"
-            class="change-box common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_cbb.png')})`
-            }"
-          >
-            换箱
-          </view>
-
-          <view @click="after()" class="next">
-            下一箱
-            <image :src="$img('/static/icon/right.png')" mode="scaleToFill" />
-          </view>
-        </view>
-      </view>
-
-      <!-- <view class="header_center">
-        <image
-          :src="z_imgPath + 'detail/ysc.png'"
-          v-if="goods.collection_is == 1"
-          @click="sc_collect()"
-        ></image>
-        <image
-          :src="z_imgPath + 'detail/wsc.png'"
-          v-else
-          @click="sc_collect()"
-        ></image>
-        <image
-          :src="z_imgPath + 'detail/gmsm.png'"
-          @click="$refs.shuoming.open()"
-        ></image>
-        <image :src=" z_imgPath + 'detail/hegui.png'" @click="tosangdai()"></image> 暂时隐藏
-      </view> -->
-      <!-- <view class="header_news">
-        <view
-          class="header_news_t"
-          :style="
-            'background: url(' +
-            z_imgPath +
-            'detail/news_t_bg.png' +
-            ') no-repeat 0 0 / 100% auto;'
-          "
-        >
-          <view class="header_news_t_price">
-            <view>{{ goods.price }}{{ goods.type == 5 ? '积分' : '元' }}</view>
-            <view>1张明信片</view>
-          </view>
-          <view class="riqi">
-            <view v-if="goods.addtime">发售日</view>
-            <view>{{ goods.addtime }}</view>
-          </view>
-          <image :src="z_imgPath + 'detail/jiaoliu.png?11'" @click="toNewMp()"></image>
-          @click="tohuanxiang()" 换箱弹窗操作
-          <image
-            :src="z_imgPath + 'detail/huanxiang1.png'"
-            style="width: 120rpx; height: 50rpx; margin-top: 30rpx"
-            @click="gotoPage('/pages/shouye/huanxiang?id=' + goods_id)"
-          ></image>
-          <image
-            :src="z_imgPath + 'detail/jilv.png'"
-            @click="getjilv()"
-            style="width: 180rpx; height: 50rpx; margin: 30rpx 45rpx 0"
-          ></image>
-          <image
-            :src="z_imgPath + 'detail/shuaxin.png'"
-            @click="getlist(goods.num)"
-            style="width: 120rpx; height: 50rpx; margin: 30rpx 30rpx 0 0"
-          ></image>
-        </view>
-      </view> -->
-    </view>
-    <view class="header_news_c">
-      <view class="redu">
-        <image
-          :src="item"
-          v-for="(item, index) in join_user"
-          :key="index"
-          v-if="index < 5"
-          :style="'transform:translateX(' + -index * 20 + 'rpx' + ')'"
-        ></image>
-        {{ join_count }}次参与
-      </view>
-      <view class="flex_center" v-if="lock_info.goods_lock_surplus_time > 0">
-        <image
-          :src="lock_info.goods_lock_user_headimg"
-          style="
-            width: 44rpx;
-            height: 44rpx;
-            border-radius: 50%;
-            margin-right: 10rpx;
-          "
-        ></image>
-        <view class="hang1" style="max-width: 150rpx; color: #85dfff">
-          {{ lock_info.goods_lock_user_nickname || '' }}
-        </view>
-        锁箱
-        <xwCountDown2
-          @change="change_time"
-          style="color: #85dfff"
-          v-if="lock_info.goods_lock_surplus_time > 0"
-          :datatime="lock_info.goods_lock_surplus_time"
-        ></xwCountDown2>
-        秒
-      </view>
-      <view v-else>未锁箱</view>
-    </view>
-    <!-- <view class="header_news_b">
-      <image :src="z_imgPath + 'detail/before.png'" @click="before()"></image>
-      <view
-        class="flex_center"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/news_b_bg.png' +
-          ') no-repeat 0 0 / 100% auto;'
-        "
-      >
-        第
-        <text>{{ goods.num }}</text>
-        /{{ goods.stock }}箱，商品余量
-        <text>{{ goods.goodslist_surplus_stock }}</text>
-        /{{ goods.goodslist_stock }}张
-      </view>
-      <image :src="z_imgPath + 'detail/after.png'" @click="after()"></image>
-    </view> -->
-    <!-- style="min-height: 400rpx;" -->
-
-    <view class="tab-list">
-      <view
-        @click="tabChange(i)"
-        v-for="(item, i) in tabList"
-        :key="i"
-        class="tab-list-item"
-        :class="{
-          active: tabCur == i
-        }"
-      >
-        {{ item.title }}
-
-        <image
-          class="arrow"
-          v-if="tabCur == i"
-          :src="$img('/static/img/tab_arrow.png')"
-          mode="scaleToFill"
-        />
-      </view>
-    </view>
-
-    <!-- 赏池预览 -->
-    <view v-if="tabList[tabCur].id == 1" class="shop">
-      <view
-        v-for="(item, index) in goodslist"
-        :key="index"
-        class="shop_item common_bg"
-        @click="yulan(item, index)"
-        :style="{
-          'background-image': `url(${$img('/static/img/yf_ib.png')})`
-        }"
-      >
-        <view class="item_head">
-          <image :src="item.imgurl"></image>
-          <view class="item_num">
-            <view>{{ item.shang_title }}</view>
-            <view>{{ item.surplus_stock }}/{{ item.stock }}</view>
-          </view>
-        </view>
-        <view class="shop_con">
-          <view class="hang1" style="color: #ffffff">{{ item.title }}</view>
-          <view class="hang1">{{ item.pro }}</view>
-          <view class="hang1" v-if="item.shang_id > 5">
-            参考价:{{ goods.type == 5 ? '' : '¥' }}{{ item.price
-            }}{{ goods.type == 5 ? '积分' : '' }}
-          </view>
-        </view>
-        <view class="qiangguang" v-if="item.surplus_stock == 0">
-          <image :src="$img('/static/img/yf_sold_out.png')"></image>
-        </view>
-      </view>
-    </view>
-
-    <mescroll-body
-      v-if="tabList[tabCur].id == 2"
-      ref="mescrollRef"
-      @init="mescrollInit"
-      :down="downOption"
-      :up="upOption"
-      @down="downCallback"
-      @up="getjilv"
-    >
-      <scroll-view scroll-x class="log-tab">
-        <view
-          @click="logTabChange(i)"
-          v-for="(item, i) in shang_cate"
-          :key="i"
-          class="log-tab-item common_bg"
-          :style="{
-            'background-image': `url(${$img(
-              logTabCur == i
-                ? '/static/img/yf_tab_act.png'
-                : '/static/img/yf_tab.png'
-            )})`
-          }"
-        >
-          {{ item.shang_title }}
-        </view>
-      </scroll-view>
-
-      <view class="log-list">
-        <view
-          v-for="(item, i) in jl_Arr"
-          :key="i"
-          class="log-list-item common_bg"
-          :style="{
-            'background-image': `url(${$img('/static/img/yf_log_ib.png')})`
-          }"
-        >
-          <view class="log-l">
-            <image
-              class="avatar"
-              :src="item.user_info.headimg"
-              mode="scaleToFill"
-            />
-
-            <view class="log-l-info">
-              <view class="info-name hang1">{{ item.user_info.nickname }}</view>
-
-              <view class="info-time">
-                {{ item.addtime }}
-              </view>
-            </view>
-          </view>
-
-          <view class="log-r">
-            <view class="log-r-hd">{{ item.shang_title }}</view>
-
-            <view class="log-r-ft">
-              <image
-                class="ft-pic"
-                :src="item.goodslist_imgurl"
-                mode="scaleToFill"
-              />
-
-              <view class="ft-title hang1">{{ item.goodslist_title }}</view>
-
-              ×1
-            </view>
-          </view>
-        </view>
-      </view>
-    </mescroll-body>
-    <!-- 抽奖按钮 -->
-    <view class="ft-fixed">
-      <template v-if="goods.type != 3">
-        <view class="ft-fixed-hd">
-          <view
-            @click="choujiang(1)"
-            class="btn common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_1fa.png')})`
-            }"
-          >
-            冲一发
-          </view>
-
-          <view
-            @click="choujiang(3)"
-            class="btn center common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_3fa.png')})`
-            }"
-          >
-            冲三发
-          </view>
-
-          <view
-            @click="choujiang(5)"
-            class="btn common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_5fa.png')})`
-            }"
-          >
-            冲五发
-          </view>
-        </view>
-
-        <view class="ft-fixed-ft">
-          <view
-            @click="gotoPage('/pages/shouye/huanxiang?id=' + goods_id)"
-            class="change-box common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_cbb1.png')})`
-            }"
-          >
-            换箱
-          </view>
-
-          <view
-            class="lock-btn common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_lbb.png')})`
-            }"
-          >
-            <xwCountDown2
-              class="lock-count"
-              v-if="lock_info.goods_lock_surplus_time > 0"
-              :datatime="lock_info.goods_lock_surplus_time"
-            ></xwCountDown2>
-
-            {{
-              lock_info.lock_is == 1 && lock_info.goods_lock_surplus_time !== 0
-                ? '锁箱中'
-                : '自由模式'
-            }}
-          </view>
-
-          <view
-            @click="choujiang(goods.goodslist_surplus_stock)"
-            class="all-btn common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_all.png')})`
-            }"
-          >
-            抱箱
-          </view>
-        </view>
-      </template>
-    </view>
-
-    <!-- <view class="bar_box" v-if="goods.type != 3">
-      <view
-        @click="choujiang(1)"
-        class="bar_box_1"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/fa_1.png' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      ></view>
-      <view
-        @click="choujiang(3)"
-        class="bar_box_2"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/fa_3.png?1' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      >
-        <text v-if="goods.type == 1 || goods.type == 5">
-          +{{ goods.three_time }}秒
-        </text>
-      </view>
-      <view
-        @click="choujiang(5)"
-        class="bar_box_3"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/fa_5.png?1' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      >
-        <text v-if="goods.type == 1 || goods.type == 5">
-          +{{ goods.five_time }}秒
-        </text>
-      </view>
-      <view
-        @click="gotoPage('/pages/shouye/huanxiang?id=' + goods_id)"
-        class="bar_box_5"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/huanxiang.png' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      ></view>
-      <view
-        class="bar_box_4"
-        v-if="lock_info.lock_is == 1 && lock_info.goods_lock_surplus_time !== 0"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/suoxiang_sel.png' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      >
-        <xwCountDown2
-          v-if="
-            lock_info.lock_is == 1 && lock_info.goods_lock_surplus_time !== 0
-          "
-          :datatime="lock_info.goods_lock_surplus_time"
-          @change="change_time"
-          class="daoji"
-        ></xwCountDown2>
-      </view>
-      <view
-        class="bar_box_7"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/suoxiang.png' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      >
-        {{
-          lock_info.lock_is == 1 && lock_info.goods_lock_surplus_time !== 0
-            ? '锁箱中'
-            : '自由模式'
-        }}
-      </view>
-      <view
-        @click="choujiang(goods.goodslist_surplus_stock)"
-        class="bar_box_6"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/baoxiang.png' +
-          ') no-repeat 0 0 / 100% 100%;'
-        "
-      ></view>
-    </view> -->
-    <!-- 抽奖按钮 -->
-    <view class="bar_box" v-if="goods.type == 3">
-      <!-- <view @click="tohuanxiang()" class="bar_box_5"
-				:style="'background: url('+ z_imgPath + 'detail/huanxiang.png'+ ') no-repeat 0 0 / 100% 100%;'">
-			</view> -->
-      <view
-        @click="choujiang(1)"
-        class="btns common_bg"
-        :style="{
-          'background-image': `url(${$img('/static/img/yf_1fa1.png')})`
-        }"
-      >
-        一发入魂
-      </view>
-    </view>
-    <!-- 刷新浮框 -->
-    <view class="xuanfu">
-      <image
-        :src="$img('/static/img/yf_rb.png')"
-        @click="loadData(true)"
-      ></image>
-
-      <button open-type="share" hover-class="">
-        <image :src="$img('/static/img/yf_sb.png')"></image>
-      </button>
-
-      <!-- <image :src="z_imgPath + 'detail/shuaxin.png'" @click="getlist(goods.num)"></image> -->
-
-      <image :src="$img('/static/img/yf_bb.png')" @click="toBag"></image>
-    </view>
-
-    <!-- 购买说明 -->
-    <uni-popup ref="shuoming" type="center">
-      <view
-        class="popGm common_bg"
-        :style="{
-          'background-image': `url(${$img('/static/img/yf_rule_pop_bg.png')})`
-        }"
-      >
-        <view class="pop_title">购买说明</view>
-        <view class="pop_con">
-          <scroll-view scroll-y="true" style="height: 600rpx">
-            <view v-html="news"></view>
-          </scroll-view>
-        </view>
-
-        <image
-          @click="$refs.shuoming.close()"
-          class="close"
-          :src="$img('/static/icon/close.png')"
-        ></image>
-      </view>
-    </uni-popup>
-
-    <!-- 确认订单 -->
-    <uni-popup ref="dingdan" type="bottom">
-      <view class="order animated fadeInUp">
-        <view class="order_title">
-          <view class="ca">确认订单</view>
-          <image
-            :src="$img('/static/icon/close1.png')"
-            @click="$refs.dingdan.close()"
-          ></image>
-          <!-- <image :src="z_imgPath + 'detail/order_p.png'"></image>
-					<view class="ca" @click="$refs.dingdan.close()">×</view> -->
-        </view>
-        <view class="order_title_con1">
-          <view class="order_pic" v-if="pay_news.goods">
-            <view class="order_pic_img">
-              <image :src="pay_news.goods.imgurl_detail"></image>
-            </view>
-            <view>
-              <view style="font-size: 35rpx">{{ pay_news.goods.title }}</view>
-              <view style="margin-top: 40rpx">类型：明信片</view>
-              <view style="margin-top: 10rpx">
-                <text>
-                  <text style="font-family: zihun152hao-jijiachaojihei">
-                    {{ pay_news.goods.price }}元
-                  </text>
-                </text>
-                <text>×{{ pay_news.goods.prize_num }}</text>
-              </view>
-            </view>
-          </view>
-          <view class="order_num">
-            <view style="font-size: 28rpx" v-if="pay_news.goods">
-              明信片×{{ pay_news.goods.prize_num }}
-            </view>
-            <view>
-              小计:{{ goods.box_type == 5 ? '' : '￥' }}
-              <text>
-                {{ pay_news.order_total
-                }}{{ goods.box_type == 5 ? '积分' : '' }}
-              </text>
-            </view>
-          </view>
-        </view>
-        <view class="order_title_con1" v-if="goods.box_type != 1">
-          <view style="font-size: 28rpx; margin-bottom: 10rpx">支付方式</view>
-          <!-- 积分赏 -->
-          <view class="fangshi" v-if="goods.type == 5">
-            <view class="flex_center">
-              <image
-                :src="$img('/static/icon/coin.png')"
-                style="width: 40rpx; height: 40rpx"
-              ></image>
-              <view>
-                使用积分抵扣￥
-                <text>{{ pay_news.use_score }}</text>
-                （剩余：
-                <text>{{ pay_news.score }}</text>
-                ）
-              </view>
-            </view>
-            <image :src="z_imgPath + 'yuan_sel.png'"></image>
-          </view>
-          <!-- 一番赏 -->
-          <template v-else>
-            <view
-              class="fangshi"
-              @click="toCoupon"
-              style="padding-bottom: 15rpx"
-            >
-              <view class="flex_center">
-                <image
-                  :src="$img('/static/icon/coupon.png')"
-                  style="width: 40rpx; height: 40rpx"
-                ></image>
-                <view>优惠券</view>
-              </view>
-
-              <view class="fangshi-right">
-                {{ couponData ? `-${couponData.price}` : '未选择' }}
-
-                <image
-                  class="icon"
-                  :src="$img('/static/icon/right2.png')"
-                ></image>
-              </view>
-            </view>
-
-            <view
-              class="fangshi"
-              @click="change_yuan_index(1)"
-              style="padding-bottom: 15rpx"
-            >
-              <view class="flex_center">
-                <image
-                  :src="$img('/static/icon/coin.png')"
-                  style="width: 40rpx; height: 40rpx"
-                ></image>
-                <view>
-                  使用星钻抵扣￥
-                  <text>{{ pay_news.use_integral }}</text>
-                  （剩余：
-                  <text>{{ pay_news.integral }}</text>
-                  ）
-                </view>
-              </view>
-              <image
-                v-if="bi"
-                :src="$img('/static/icon/check_act.png')"
-                style="width: 40rpx; height: 40rpx"
-              ></image>
-              <image
-                v-else
-                :src="$img('/static/icon/check.png')"
-                style="width: 40rpx; height: 40rpx"
-              ></image>
-            </view>
-            <view
-              class="fangshi"
-              @click="change_yuan_index(2)"
-              style="
-                border-top: 1px solid rgba(255, 255, 255, 0.2);
-                padding-top: 15rpx;
-              "
-            >
-              <view class="flex_center">
-                <image
-                  :src="$img('/static/icon/balance.png')"
-                  style="width: 40rpx; height: 40rpx"
-                ></image>
-                <view>
-                  使用星钻抵扣￥
-                  <text>{{ pay_news.use_money }}</text>
-                  （剩余：
-                  <text>{{ pay_news.money }}</text>
-                  ）
-                </view>
-              </view>
-              <image
-                v-if="yue"
-                :src="$img('/static/icon/check_act.png')"
-                style="width: 40rpx; height: 40rpx"
-              ></image>
-              <image
-                v-else
-                :src="$img('/static/icon/check.png')"
-                style="width: 40rpx; height: 40rpx"
-              ></image>
-            </view>
-          </template>
-        </view>
-        <view style="color: #999; font-size: 24rpx; margin: 20rpx 10rpx">
-          下单购买即表示同意
-          <text
-            style="color: #fff"
-            @click="gotoPage('/pages/guize/guize?type=2')"
-          >
-            《用户服务协议条款》
-          </text>
-        </view>
-        <view class="order_title_btn">
-          <view class="total-price">
-            共{{ pay_news.goods && pay_news.goods.prize_num }}抽总计:{{
-              goods.box_type == 5 ? '' : '￥'
-            }}
-            <text>
-              {{ pay_news.price }}{{ goods.box_type == 5 ? '积分' : '' }}
-            </text>
-          </view>
-          <view
-            class="zhifu common_bg"
-            @click="pay()"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_ljzf.png')})`
-            }"
-          >
-            <!-- 支付 -->
-          </view>
-        </view>
-      </view>
-    </uni-popup>
-
-    <!-- 奖品弹窗 -->
-    <uni-popup
-      ref="jp_show"
-      type="center"
-      mask-background-color="rgba(0,0,0,0.8)"
-    >
-      <view class="pop_jp">
-        <!-- <image class="pop_gongxi" :src="z_imgPath + 'detail/jp_img.png'"></image> -->
-        <!-- 	<view class="jp_headimg">
-					<image :src="jp_news.headimg"></image>
-				</view> -->
-        <!-- <view class="jp_name">{{jp_news.nickname}}</view> -->
-        <view
-          class="suc-pop-hd common_bg"
-          :style="{
-            'background-image': `url(${$img('/static/img/yf_gxhd.png')})`
-          }"
-        ></view>
-
-        <view
-          :style="{
-            'background-image': `url(${$img('/static/img/yf_res_pop_bg.png')})`
-          }"
-          class="jp_bg common_bg"
-        >
-          <view class="jp_title animated zoomIn">
-            <view class="jp_title_1">
-              <view
-                class="jp_list common_bg"
-                v-for="(v, i) in jp_arr"
-                :key="i"
-                :style="{
-                  'background-image': `url(${$img(
-                    '/static/img/yf_item_bg.png'
-                  )})`
-                }"
-              >
-                <view class="list_img">
-                  <image :src="v.goodslist_imgurl"></image>
-                  <view class="type-num">
-                    <view class="type">{{ v.shang_title }}</view>
-
-                    <view class="num">×1</view>
-                  </view>
-                </view>
-                <view class="shang-title hang1">{{ v.goodslist_title }}</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <!-- <image class="dhbtmbox" :src="z_imgPath + 'detail/dong_bottom.png'" style="margin-top: 35rpx;"></image> -->
-        <view class="jp_btn">
-          <view
-            @click="tosangdai()"
-            class="animated fadeInLeft common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_qhg.png')})`
-            }"
-          >
-            <!-- 去赏袋 -->
-          </view>
-          <view
-            @click="$refs.jp_show.close()"
-            class="animated fadeInRight common_bg"
-            :style="{
-              'background-image': `url(${$img('/static/img/yf_qd.png')})`
-            }"
-          >
-            <!-- 确定 -->
-          </view>
-          <!-- <view class="animated fadeInLeft" @click="tosangdai()">去赏袋</view>
-					<view class="animated fadeInRight" @click="$refs.jp_show.close()">继续抽</view> -->
-        </view>
-      </view>
-    </uni-popup>
-
-    <!-- 详情弹窗 -->
-    <uni-popup
-      ref="yulanPop"
-      type="center"
-      mask-background-color="rgba(0,0,0,.95)"
-    >
-      <swiper
-        :indicator-dots="false"
-        :autoplay="false"
-        :duration="300"
-        :current="current_index"
-        style="width: 600rpx; height: 830rpx"
-      >
-        <swiper-item v-for="(v, i) in goodslist" :key="i">
-          <view>
-            <view class="yulanStyle">
-              <view style="font-size: 36rpx; flex: 1; text-align: left">
-                {{ v.shang_title }}
-              </view>
-              <image :src="v.imgurl" mode="" class="shang_img"></image>
-              <image
-                class="img_bg"
-                :src="$img('/static/img/yf_detail_pop_bg.png')"
-              ></image>
-
-              <view
-                class="detail-title common_bg"
-                :style="{
-                  'background-image': `url(${$img(
-                    '/static/img/yf_detail_pop_title_bg.png'
-                  )})`
-                }"
-              >
-                <view class="hang1">{{ v.title }}</view>
-              </view>
-
-              <view class="detail-type">
-                产品类型:
-                <text>{{ $config.getAppSetting("app_name")}}</text>
-              </view>
-
-              <view class="detail-price">
-                市场参考价:
-                <text>{{ v.sc_money }}</text>
-              </view>
-
-              <image
-                @click="$refs.yulanPop.close()"
-                class="close"
-                :src="$img('/static/icon/close.png')"
-              ></image>
-            </view>
-
-            <!-- <view
-              class=" hang1"
-              style="
-                color: #fff;
-                font-size: 28rpx;
-                padding: 10rpx 0;
-                text-align: center;
-              "
-            >
-              {{ v.title }}
-            </view>
-            <view
-              style="
-                color: #fff;
-                font-size: 28rpx;
-                padding: 10rpx 0;
-                text-align: center;
-              "
-            >
-              市场参考价：{{ v.sc_money }}
-            </view> -->
-          </view>
-        </swiper-item>
-      </swiper>
-    </uni-popup>
-
-    <!-- 中赏记录 -->
-    <uni-popup ref="jilv" type="bottom" :isMaskClick="false">
-      <view
-        class="order animated fadeInUp"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/zsjl_bg.png' +
-          ') no-repeat 0 0 / 100% auto;'
-        "
-      >
-        <view class="order_title">
-          <view class="ca">中赏记录</view>
-          <image
-            :src="z_imgPath + 'detail/guanbi_bg.png'"
-            @click="$refs.jilv.close(), (page_num = 1), (mixTotal = 0)"
-          ></image>
-        </view>
-        <view class="jilv_title">
-          <view
-            v-for="(item, index) in shang_cate"
-            :key="index"
-            @click="change_shang_id(item.shang_id)"
-            :style="
-              shang_id == item.shang_id
-                ? 'background: url(' +
-                  z_imgPath +
-                  'detail/tabSel_bg.png' +
-                  ') no-repeat 0 0 / 100% 100%;'
-                : 'background: url(' +
-                  z_imgPath +
-                  'detail/tab_bg.png' +
-                  ') no-repeat 0 0 / 100% 100%;'
-            "
-          >
-            <text>{{ item.shang_title }}</text>
-          </view>
-        </view>
-        <!-- -->
-        <scroll-view
-          scroll-y="true"
-          @scrolltolower="getjilv"
-          style="height: 900rpx"
-        >
-          <view
-            v-for="(item, index) in jl_Arr"
-            :key="index"
-            class="jilv_list"
-            :style="
-              'background: url(' +
-              z_imgPath +
-              'detail/jilv_list_bg.png' +
-              ') no-repeat 0 0 / 100% auto;'
-            "
-          >
-            <view>
-              <view class="flex_center">
-                <image :src="item.user_info.headimg"></image>
-                <view class="hang1" style="max-width: 260rpx">
-                  {{ item.user_info.nickname }}
-                </view>
-              </view>
-              <view style="font-size: 24rpx">{{ item.addtime }}</view>
-            </view>
-            <view>
-              <view class="flex_center">
-                <image
-                  :src="item.goodslist_imgurl"
-                  style="border-radius: 8rpx"
-                ></image>
-                <view class="hang1" style="max-width: 300rpx">
-                  {{ item.goodslist_title }}
-                </view>
-              </view>
-              <view>X{{ item.prize_num }}</view>
-            </view>
-          </view>
-        </scroll-view>
-      </view>
-    </uni-popup>
-    <!-- 换箱 -->
-    <!-- <uni-popup ref="huanxiang" type="bottom">
-			<view class="order animated fadeInUp">
-				<view class="order_title">
-					<image :src="z_imgPath + 'detail/huanxiang_p.png'" style="width: 173rpx;height: 87rpx;"></image>
-					<view class="ca" @click="$refs.huanxiang.close()">×</view>
-				</view>
-				<view class="huanxiang_header">
-					<view v-for="(v,i) in huanxiang_arr" :key="i" @click="huanxiang_click(saixuan_index,v.page_no)"
-						:class="page_no==v.page_no?'header_view_sel':'header_view'">{{v.title}}</view>
-				</view>
-				商品展示
-				<view class="goods_v">
-					<view class="flex_center" @click="huanxiang_click(1,page_no)">
-						<text :style="'color:'+(saixuan_index==1?'#FF7514':'')">箱号</text>
-						<image :src="z_imgPath+'saixuan' +(saixuan_index==1?'_sel':'')+ '.png'" class="goods_v_1">
-						</image>
-					</view>
-					<view class="flex_center" @click="huanxiang_click(2,page_no)" style="margin-left: 40rpx;">
-						<text :style="'color:'+(saixuan_index==2?'#FF7514':'')">余量</text>
-						<image :src="z_imgPath+'saixuan' +(saixuan_index==2?'_sel':'')+ '.png'" class="goods_v_1">
-						</image>
-					</view>
-				</view>
-				赏品余量
-				<scroll-view scroll-y="true" class="yuliang">
-					<view class="yuliang_list" v-for="(v,i) in huanxiang_Detail" :key='i' @click="getlist(v.num)">
-						<view class="list_l"
-							:style="'background: url('+ z_imgPath + 'kong_box.png'+ ') no-repeat 0 0 / 100% 100%;'">
-							<view style="margin-top:65rpx;">第{{v.num}}箱</view>
-							<view style="margin-top: 10rpx;">剩
-								<text style="color: #96FFFE;">{{v.surplus_all_stock}}</text> 张
-							</view>
-						</view>
-						<view class="list_r">
-							<view v-for="(a,b) in v.goodslist" :key='b'>
-								<text>{{a.shang_title}}</text>
-								<text>{{a.surplus_stock}}/{{a.stock}}</text>
-							</view>
-						</view>
-						<view class="qiangguang" v-if="v.surplus_stock==0">
-							<image :src="z_imgPath + 'qiangguangle1.png'"></image>
-						</view>
-					</view>
-
-				</scroll-view>
-
-			</view>
-		</uni-popup> -->
-
-    <!-- 抽奖动画 -->
-    <uni-popup
-      ref="popup"
-      type="center"
-      :maskClick="false"
-      mask-background-color="rgba(0,0,0,.8)"
-    >
-      <view
-        class="dhboxs"
-        v-if="jp_arr.length && jp_arr.length > 0"
-        :style="
-          'background: url(' +
-          z_imgPath +
-          'detail/jp_bg' +
-          jp_arr.length +
-          '.png' +
-          ') no-repeat 0 0 / 100% 100%;height:' +
-          (jp_arr.length == 1 ? '330' : jp_arr.length == 3 ? '660' : '909') +
-          'rpx;'
-        "
-      >
-        <view class="choubox" v-for="(b, v) in jp_arr.length" :key="v">
-          <view class="choulist">
-            <view class="choulists" :style="moveCss[v]">
-              <view class="cj_title" v-for="(a, c) in items[v]" :key="c">
-                <image :src="a.imgurl"></image>
-                <view>{{ a.shang_title }}</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="dhxian"></view>
-      </view>
-      <view class="tiaobox" @click="tiaofun()">跳过</view>
-      <!-- <image class="tiaobox"  :src="z_imgPath + 'tiaoguo.png'"></image> -->
-    </uni-popup>
-    <view class="zzz" ref="refDivName"></view>
-    <!-- <bangding></bangding> -->
-  </view>
-</template>
-
-<script>
-import xwCountDown2 from '@/components/xw-CountDown2'
-// import bangding from '@/components/bangding'
-export default {
-  components: {
-    xwCountDown2
-    // bangding
-  },
-  data() {
-    return {
-      z_imgPath: this.$z_img2 + 'shouye/',
-      statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
-      goods_id: '', //商品id
-      goods_num: '', //箱数
-      goods: {},
-      goodslist: [],
-      join_count: '',
-      join_user: [], // 参与人数
-      // 锁箱
-      lock_info: {},
-      // 中赏记录
-      jl_Arr: [],
-      page_num: 1, // 页码
-      mixTotal: 0, // 统计信息总页数
-      // 换箱头部
-      huanxiang_arr: [],
-      page_no: 0,
-      saixuan_index: 1,
-      huanxiang_Detail: [],
-
-      bi: true, // 1:是否币支付,
-      yue: true, // 2:星钻支付
-      prize_num: 1, // 抽奖次数即购买次数
-      pay_news: {}, // 订单信息
-      // 奖品
-      jp_news: '', //用户头像
-      jp_arr: [],
-      news: '',
-
-      // 支付失效
-      pay_status: false,
-      downOption: {
-        auto: false
-      },
-      // 上拉加载的配置(可选, 绝大部分情况无需配置)
-      upOption: {
-        auto: false,
-        page: {
-          size: 10 // 每页数据的数量,默认10
-        }
-      },
-      // 动画
-      rollTimer: null, //动画定时器句柄
-      moveCss: [], //奖励滚动组件的滑动的动画效果css
-      luckyNums: 0, //中奖位置
-      luckydata: [], //中奖位置数组
-      lnStart: 50, //中奖位置区间开始
-      lnEnd: 60, //中奖位置区间结束
-      items: [], //滚动的卡片列表
-      awardItem: [], //中奖道具
-      left_px: '',
-      tiaotype: 1,
-      current_index: 0,
-      // 中赏记录
-      shang_cate: [],
-      shang_id: 0,
-      show: 1,
-      tabList: [
-        {
-          id: 1,
-          title: '包含以下赏品'
-        },
-        {
-          id: 2,
-          title: '中赏记录'
-        }
-      ],
-      tabCur: 0,
-      logTabCur: 0,
-      couponData: ''
-    }
-  },
-
-  onLoad(v) {
-    this.goods_id = v.goods_id
-    this.goods_num = v.goods_num ? v.goods_num : ''
-    this.getDanye(3)
-    this.getgoodslist_count()
-    if (v.pid) {
-      uni.setStorageSync('pid', v.pid)
-    }
-    this.loadData()
-
-    uni.$on('chooseCoupon', data => {
-      // console.log('data', data)
-
-      this.couponData = data
-      this.order_money()
-    })
-  },
-
-  onUnload() {
-    uni.$off('chooseCoupon')
-  },
-
-  onShareAppMessage() {
-    let that = this
-     
-    return {
-      title:
-        this.$config.getAppSetting("app_name") +
-        that.goods.title +
-        '系列' +
-        ' 第' +
-        that.goods.num +
-        '套',
-      imageUrl: that.goods.imgurl,
-      path:
-        '/pages/shouye/detail?goods_id=' +
-        that.goods_id +
-        '&goods_num=' +
-        that.goods.num +
-        '&pid=' +
-        uni.getStorageSync('userinfo').ID
-    }
-  },
-
-  methods: {
-    toCoupon() {
-      uni.navigateTo({
-        url: `/pages/user/coupon?type=2&total_price=${this.pay_news.order_total}`
-      })
-    },
-
-    toBag() {
-      uni.switchTab({ url: '/pages/sangdai/sangdai' })
-    },
-
-    logTabChange(i) {
-      this.logTabCur = i
-      this.jl_Arr = []
-
-      this.mescroll.resetUpScroll()
-      this.mescroll.scrollTo(0, 0)
-    },
-
-    change_time(e) {
-      // console.log(e)
-      if (e.s == 0) {
-        this.lock_info.lock_is = 0
-        this.lock_info.goods_lock_surplus_time = 0
-      }
-    },
-    tokefu() {
-      // #ifdef  MP-WEIXIN
-      wx.openCustomerServiceChat({
-        extInfo: {
-          url: uni.getStorageSync('wx_link') //客服地址链接
-        },
-        corpId: uni.getStorageSync('corpid'), //必须和你小程序上的一致
-        success(res) {
-          console.log(res, 1)
-        },
-        fail(res) {
-          console.log(res, 2)
-        }
-      })
-      // #endif
-    },
-    getlist(a) {
-      this.goods_num = a
-      this.loadData()
-      // this.$refs.huanxiang.close()
-    },
-    after() {
-      if (this.goods.num < this.goods.stock) {
-        this.goods_num = this.goods.num + 1
-        this.getlist(this.goods_num)
-      } else {
-        uni.showToast({
-          title: '没有更多箱啦~',
-          icon: 'error'
-        })
-      }
-    },
-    before() {
-      if (this.goods.num > 1) {
-        this.goods_num = this.goods.num - 1
-        this.getlist(this.goods_num)
-      } else {
-        uni.showToast({
-          title: '当前已是第一箱~',
-          icon: 'error'
-        })
-      }
-    },
-    huanxiang_click(a, b) {
-      let that = this
-      this.saixuan_index = a
-      this.page_no = b
-      that.req({
-        url: 'goodslist_content',
-        data: {
-          sort: that.saixuan_index,
-          goods_id: that.goods_id,
-          page_no: that.page_no
-        },
-        success(res) {
-          if (res.status == 1) {
-            that.huanxiang_Detail = res.data
-          }
-        }
-      })
-    },
-    tohuanxiang() {
-      //隐藏之前弹出窗换箱
-      // this.huanxiang_click(this.saixuan_index, this.page_no)
-      // this.$refs.huanxiang.open()
-      console.log('点击')
-      // uni.redirectTo({
-      // 	url: '/pages/shouye/huanxiang?id=' + this.goods_id
-      // })
-    },
-    // 换箱头部
-    getgoodslist_count() {
-      let that = this
-      that.req({
-        url: 'goodslist_count',
-        data: {
-          goods_id: that.goods_id
-        },
-        success(res) {
-          if (res.status == 1) {
-            that.huanxiang_arr = res.data
-          }
-        }
-      })
-    },
-    getDanye(e) {
-      let that = this
-      that.req({
-        url: 'danye',
-        data: {
-          type: e
-        },
-        success(res) {
-          if (res.status == 1) {
-            that.news = res.data
-          }
-        }
-      })
-    },
-    // 中赏记录
-    change_shang_id(e) {
-      this.shang_id = e
-      this.page_num = 1
-      this.jl_Arr = []
-      this.getjilv()
-    },
-    getjilv({ num, size }) {
-      let that = this
-
-      that.req({
-        url: 'shang_log',
-        Loading: true,
-        data: {
-          page: num,
-          goods_id: that.goods_id,
-          goods_num: that.goods.num,
-          shang_id:
-            that.shang_cate.length > 0
-              ? that.shang_cate[that.logTabCur].shang_id
-              : ''
-        },
-        success(res) {
-          if (res.status == 1) {
-            that.shang_cate = res.data.category
-
-            if (num == 1) {
-              that.jl_Arr = []
-            }
-            that.jl_Arr = that.jl_Arr.concat(res.data.data)
-            that.mescroll.endByPage(res.data.data.length, res.data.last_page)
-          }
-        }
-      })
-    },
-    back() {
-      var pages = getCurrentPages()
-      console.log(pages)
-
-      if (pages.length == 1 && pages[0].route == 'pages/shouye/detail') {
-        uni.redirectTo({
-          url: '/pages/shouye/index'
-        })
-      } else {
-        uni.navigateBack()
-      }
-    },
-
-    openBox(v) {
-      // #ifdef H5
-      this.left_px = this.$refs.refDivName.$el.offsetWidth
-      // #endif
-      // #ifndef H5
-      uni
-        .createSelectorQuery()
-        .in(this)
-        .select('.zzz')
-        .boundingClientRect(data => {
-          this.left_px = data.width //表示元素宽度
-        })
-        .exec()
-      // #endif
-      //初始化数据
-      this.tiaotype = 1
-      this.InitPageModel(v)
-      //500ms 之后开始奖励列表滑动
-      setTimeout(() => {
-        this.rollTimer = setTimeout(() => this.startScroll(v), 100)
-      }, 150)
-    },
-    //随机数
-    getRand(start, end) {
-      return Math.floor(Math.random() * (end - start + 1) + start)
-    },
-    getItem() {
-      let r = this.getRand(0, this.goodslist.length - 1)
-      let item
-      item = this.goodslist[r]
-      return item
-    },
-    //初始化列表
-    InitPageModel(v) {
-      var that = this
-      //随机一个总数
-      that.items = []
-      //中间号码的列队
-      that.luckydata = []
-      //中奖卡片的位置
-      for (var a = 0; a < v; a++) {
-        var jldata = []
-        that.luckyNums = that.getRand(that.lnStart, that.lnEnd)
-        that.luckydata.push(that.luckyNums)
-
-        let loopNum =
-          that.lnEnd - that.luckyNums < 4 ? that.luckyNums + 4 : that.lnEnd
-        for (let i = 0; i < loopNum; i++) {
-          let item = {}
-          if (i == that.luckyNums) {
-            item = that.goodslist.filter(
-              item => item.id == that.jp_arr[a].goodslist_id
-            )[0] //把奖励加到列表里
-            that.awardItem.push(item) //拿到奖励的各个参数
-          } else item = that.getItem()
-          jldata.push(item)
-        }
-        that.items[a] = jldata
-      }
-      that.$nextTick(function () {
-        that.$refs.popup.open()
-      })
-    },
-
-    //滑动效果
-    startScroll() {
-      let that = this
-      that.$nextTick(function () {
-        setTimeout(() => {
-          for (let a = 0; a < that.luckydata.length; a++) {
-            let yanzi =
-              'left:-' +
-              (that.luckydata[a] - 1.95) * that.left_px +
-              'px;transition:all 8s cubic-bezier(.1,.59,.1,.9)'
-            that.moveCss.push(yanzi)
-            //6s 动画结束后 开始弹出奖励图片，6500ms后执行
-          }
-        }, 500)
-        that.rollTimer = setTimeout(() => {
-          that.tiaofun()
-        }, 9000)
-      })
-    },
-    tiaofun() {
-      let that = this
-      that.moveCss = []
-      // 清除CSS动画属性
-      for (var a = 0; a < that.luckydata.length; a++) {
-        let left = 'left:0;'
-        that.moveCss.push(left)
-      }
-      clearTimeout(that.rollTimer)
-      that.$refs.popup.close()
-      setTimeout(() => {
-        that.$refs.jp_show.open()
-        that.moveCss = []
-        that.items = []
-        that.luckydata = []
-      }, 500)
-    },
-
-    yulan(e, a) {
-      this.current_index = a
-      setTimeout(() => {
-        this.$refs.yulanPop.open()
-      }, 300)
-    },
-    tosangdai() {
-      uni.setStorageSync('page', this.$mp.page.route)
-      uni.switchTab({ url: '/pages/sangdai/sangdai' })
-      // uni.redirectTo({
-      //   url: '../sangdai/sangdai'
-      // })
-    },
-    change_yuan_index(e) {
-      if (e == 1) {
-        this.bi = !this.bi
-      }
-      if (e == 2) {
-        this.yue = !this.yue
-      }
-      this.order_money()
-    },
-    sc_collect() {
-      let that = this
-      that.req({
-        url: 'addCollect',
-        data: {
-          goods_id: that.goods.id,
-          goods_num: that.goods.num
-        },
-        success(res) {
-          if (res.status == 1) {
-            if (that.goods.collection_is == 1) {
-              that.goods.collection_is = 0
-            } else {
-              that.goods.collection_is = 1
-            }
-          }
-        }
-      })
-    },
-
-    pay() {
-      let that = this
-      // that.$refs.jp_show.open()
-      // return;
-      let info = {
-        prize_num: that.prize_num,
-        goods_id: that.goods_id,
-        goods_num: that.goods.num,
-        use_money_is: that.yue ? 1 : 2,
-        use_integral_is: that.bi ? 1 : 2,
-        coupon_id: (that.couponData && that.couponData.id) || ''
-      }
-      if (that.pay_status) {
-        return
-      }
-      if (info) {
-        that.pay_status = true
-        that.req({
-          url: 'orderbuy',
-          data: info,
-          success(res) {
-            if (res.status == 1) {
-              that.jp_arr = []
-              if (res.data.status == 1) {
-                that.info = {}
-                uni.requestPayment({
-                  provider: 'wxpay',
-                  timeStamp: res.data.res.timeStamp,
-                  nonceStr: res.data.res.nonceStr,
-                  package: res.data.res.package,
-                  signType: 'MD5',
-                  paySign: res.data.res.paySign,
-                  complete(ress) {
-                    if (ress.errMsg == 'requestPayment:fail cancel') {
-                      uni.showToast({
-                        title: '取消支付',
-                        icon: 'loading',
-                        duration: 1000
-                      })
-                    }
-                    if (ress.errMsg == 'requestPayment:ok') {
-                      uni.showToast({
-                        title: '支付成功',
-                        icon: 'success',
-                        duration: 1000
-                      })
-                      setTimeout(() => {
-                        that.$refs.dingdan.close()
-                        that.req({
-                          url: 'prizeorderlog',
-                          data: {
-                            order_num: res.data.order_num
-                          },
-                          success(aa) {
-                            if (aa.status == 1) {
-                              that.jp_news = aa.data.user_info
-                              that.jp_arr = aa.data.data
-                              that.$refs.jp_show.open()
-                              // if (that.jp_arr.length ==
-                              // 	1 || that.jp_arr
-                              // 	.length == 3 || that
-                              // 	.jp_arr.length == 5) {
-                              // 	that.openBox(that
-                              // 		.jp_arr
-                              // 		.length)
-                              // } else {
-                              // 	that.$refs.jp_show
-                              // 		.open()
-                              // }
-                              that.loadData()
-                            }
-                          }
-                        })
-                      }, 1500)
-                    }
-                  }
-                })
-              } else {
-                that.info = {}
-                uni.showToast({
-                  title: '支付成功',
-                  icon: 'success',
-                  duration: 1000
-                })
-                that.$refs.dingdan.close()
-                that.req({
-                  url: 'prizeorderlog',
-                  data: {
-                    order_num: res.data.order_num
-                  },
-                  success(aa) {
-                    if (aa.status == 1) {
-                      that.jp_news = aa.data.user_info
-                      that.jp_arr = aa.data.data
-                      that.$refs.jp_show.open()
-                      // if (that.jp_arr.length == 1 || that.jp_arr.length == 3 ||
-                      // 	that.jp_arr.length == 5) {
-                      // 	that.openBox(that.jp_arr.length)
-                      // } else {
-                      // 	that.$refs.jp_show.open()
-                      // }
-                      that.loadData()
-                    }
-                  }
-                })
-              }
-            }
-            if (res.status == 0) {
-            }
-          },
-          complete() {
-            that.pay_status = false
-          }
-        })
-      }
-    },
-    choujiang(e) {
-      this.prize_num = e
-      this.couponData = ''
-      this.order_money()
-    },
-    order_money() {
-      let that = this
-      console.log(234)
-      for (var a = 0; a < that.luckydata.length; a++) {
-        let yanzi = 'left:0;transition:all 8s cubic-bezier(.1,.59,.1,.9)'
-        // that.$set(that.moveCss, a, yanzi)
-        that.moveCss.push(yanzi)
-        console.log('moveCss:', that.moveCss[a])
-      }
-      that.req({
-        url: 'ordermoney',
-        data: {
-          prize_num: that.prize_num,
-          goods_id: that.goods_id,
-          goods_num: that.goods.num,
-          use_money_is: that.yue ? 1 : 2,
-          use_integral_is: that.bi ? 1 : 2,
-          coupon_id: (that.couponData && that.couponData.id) || ''
-        },
-        success(res) {
-          if (res.status == 1) {
-            that.pay_news = res.data
-            if (res.data.coupon_id) {
-              that.couponData = {
-                id: res.data.coupon_id,
-                price: res.data.coupon_price
-              }
-            }
-
-            that.$refs.dingdan.open()
-          }
-        }
-      })
-    },
-
-    tabChange(i) {
-      this.tabCur = i
-      this.goodslist = []
-
-      if (this.tabCur == 0) {
-        this.loadData()
-      }
-
-      if (this.tabCur == 1) {
-        this.$nextTick(() => {
-          setTimeout(() => {
-            this.mescroll.resetUpScroll()
-            this.mescroll.scrollTo(0, 0)
-          }, 200)
-        })
-      }
-    },
-
-    loadData(showToast = false) {
-      // 模拟接口
-      let url = 'goodsdetail'
-
-      let that = this
-      that.req({
-        url,
-        data: {
-          goods_id: that.goods_id,
-          goods_num: that.goods_num
-        },
-        success(res) {
-          if (res.status == 1) {
-            if (showToast) {
-              setTimeout(() => {
-                uni.showToast({
-                  title: '刷新成功',
-                  icon: 'success'
-                })
-              }, 100)
-            }
-
-            if (res.status == 0) {
-              setTimeout(() => {
-                uni.navigateBack()
-              }, 1500)
-            }
-            if (res.status == 1) {
-              that.goods = res.data.goods
-              // that.goods_num = res.data.goods.num
-              that.join_count = res.data.join_count
-              that.join_user = res.data.join_user
-              that.$nextTick(() => {
-                that.lock_info = res.data.lock_info
-              })
-              that.goodslist = res.data.goodslist
-            }
-          }
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.daoji .time {
-  /* margin-left: 160rpx; */
-  margin-top: 18rpx;
-}
-.daoji .time text {
-  -webkit-text-stroke: 4rpx #0d0d0d;
-}
-.popGm {
-  width: 607rpx;
-  // height: 904rpx;
-  padding-top: 70rpx;
-  box-sizing: border-box;
-  position: relative;
-
-  .pop_title {
-    font-size: 36rpx;
-    font-family: zihun152hao-jijiachaojihei;
-    font-weight: 400;
-    color: #ffffff;
-    text-align: center;
-  }
-
-  .pop_con {
-    padding: 30rpx 40rpx 50rpx;
-    box-sizing: border-box;
-
-    font-size: 28rpx;
-    font-family: PingFang SC;
-    font-weight: 500;
-    color: #ffffff;
-    line-height: 42rpx;
-  }
-
-  .close {
-    position: absolute;
-    left: 50%;
-    bottom: 0;
-    transform: translate(-50%, 100%);
-    width: 50rpx;
-    height: 50rpx;
-  }
-}
-.zzz {
-  width: 140rpx;
-  height: 1rpx;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.dhboxs {
-  position: relative;
-  width: 750rpx;
-  /* height: 909rpx; */
-  padding: 80rpx 25rpx;
-  box-sizing: border-box;
-}
-
-.dhxian {
-  width: 3rpx;
-  height: calc(100% - 100rpx);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 52rpx;
-  margin: auto;
-  background: #ff7514;
-  box-shadow: 0 2rpx 10rpx 4rpx #ff7514;
-}
-
-.tiaobox {
-  width: 160rpx;
-  height: 60rpx;
-  border: 2rpx solid #ff7315;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #ff7315;
-  border-radius: 10rpx;
-  margin: 100rpx auto 0;
-  position: relative;
-  z-index: 20;
-}
-
-.choubox {
-  width: 670rpx;
-  height: 120rpx;
-  position: relative;
-  margin: 30rpx auto;
-  overflow: hidden;
-}
-
-.choulist {
-  position: absolute;
-  display: flex;
-  width: 670rpx;
-}
-
-.choulists {
-  position: relative;
-  left: 0;
-  display: flex;
-}
-
-.cj_title > view {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  padding: 0 20rpx 0 12rpx;
-  box-sizing: border-box;
-  background: #ff7514;
-  border-radius: 0 10rpx 0 0;
-}
-
-.cj_title > image {
-  width: 120rpx;
-  height: 120rpx;
-}
-
-.cj_title {
-  width: 140rpx;
-  height: 120rpx;
-  font-size: 20rpx;
-  color: #ffffff;
-  text-align: left;
-  position: relative;
-}
-
-/* 动画 */
-.list_r text:nth-of-type(2) {
-  /* color: #F96026; */
-}
-
-.list_r > view {
-  width: 30%;
-  display: flex;
-  justify-content: space-between;
-  line-height: 44rpx;
-}
-
-.list_r > view:nth-child(3n-1) {
-  margin: 0 5%;
-}
-
-.list_r {
-  margin-left: 40rpx;
-  width: 500rpx;
-  display: flex;
-  /* justify-content: space-around; */
-  flex-wrap: wrap;
-}
-
-.list_l {
-  width: 97rpx;
-  height: 100rpx;
-  text-align: center;
-}
-
-.yuliang_list {
-  display: flex;
-  align-items: center;
-  width: 690rpx;
-  font-size: 24rpx;
-  margin-top: 20rpx;
-  border: 1px solid #fff;
-  padding: 37rpx 20rpx 60rpx;
-  box-sizing: border-box;
-  position: relative;
-  color: #ffffff;
-}
-
-.yuliang {
-  width: 690rpx;
-  max-height: 900rpx;
-  border-radius: 20rpx;
-  margin: 15rpx auto;
-  box-sizing: border-box;
-}
-
-.goods_v_1 {
-  width: 40rpx;
-  height: 40rpx;
-  /* margin-left: 10rpx; */
-}
-
-.goods_v {
-  display: flex;
-  align-items: center;
-  font-size: 28rpx;
-  color: #999999;
-  margin: 10rpx;
-}
-
-.header_view_sel {
-  background: rgba(255, 115, 21, 0.2);
-  border: 1px solid #ff7514;
-  color: #ff7514;
-  border-radius: 10rpx;
-}
-
-.header_view {
-  background: rgba(242, 19, 55, 0.08);
-  border: 1px solid #999999;
-  color: #999999;
-}
-
-.huanxiang_header > view {
-  width: 180rpx;
-  height: 58rpx;
-  border-radius: 29rpx;
-  margin-right: 20rpx;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.huanxiang_header {
-  display: flex;
-  width: 100%;
-  overflow-x: scroll;
-}
-
-/* 换箱 */
-
-.yulanStyle > .shang_img {
-  width: 540rpx;
-  height: 460rpx;
-  position: absolute;
-  top: 30rpx;
-  left: 28rpx;
-  margin: 0 auto;
-}
-.yulanStyle > .img_bg {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: -1;
-}
-.yulanStyle > view:nth-of-type(1) {
-  position: absolute;
-  top: 54rpx;
-  left: 45rpx;
-  font-size: 34rpx;
-  font-family: PingFang SC;
-  font-weight: bold;
-  color: #ffffff;
-  background: rgba(1, 14, 14, 0.83);
-  opacity: 0.83;
-  border-radius: 29rpx;
-  padding: 10rpx 30rpx;
-}
-
-.yulanStyle {
-  font-size: 47rpx;
-  font-family: Source Han Sans CN;
-  font-weight: bold;
-  color: #ffffff;
-  text-align: center;
-  position: relative;
-  width: 600rpx;
-  height: 794rpx;
-
-  .detail-title {
-    position: absolute;
-    top: 500rpx;
-    left: 130rpx;
-    width: 346rpx;
-    height: 84rpx;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    box-sizing: border-box;
-    padding: 0 30rpx;
-
-    font-size: 28rpx;
-    font-family: zihun152hao-jijiachaojihei;
-    font-weight: 400;
-    color: #ffffff;
-  }
-
-  .detail-type {
-    position: absolute;
-    top: 618rpx;
-    left: 50%;
-    transform: translateX(-50%);
-
-    font-size: 22rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #cccccc;
-
-    text {
-      color: #fff;
-    }
-  }
-
-  .detail-price {
-    position: absolute;
-    top: 674rpx;
-    left: 50%;
-    transform: translateX(-50%);
-
-    font-size: 22rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #cccccc;
-
-    text {
-      color: #fff;
-    }
-  }
-
-  .close {
-    position: absolute;
-    left: 50%;
-    bottom: 0;
-    transform: translate(-50%, 70%);
-    width: 50rpx;
-    height: 50rpx;
-  }
-}
-/* .jp_btn>image{
-		width: 292rpx;
-		height: 70rpx;
-	}
-	.jp_btn>view:nth-of-type(2) {
-		background: #FF7514;
-		border-radius: 10rpx;
-	}
-
-	.jp_btn>view:nth-of-type(1) {
-		border: 2rpx solid #FF7514;
-		border-radius: 10rpx;
-		color: #FF7514;
-	} */
-
-.jp_btn > view {
-  width: 206rpx;
-  height: 84rpx;
-  font-size: 43rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-family: YouSheBiaoTiHei;
-  font-weight: 400;
-  color: #ffffff;
-}
-
-.jp_btn {
-  margin-top: 40rpx;
-  display: flex;
-  justify-content: space-evenly;
-}
-.dhbtmbox {
-  width: 750rpx;
-  height: 32rpx;
-}
-.list_img > .type-num {
-  height: 40rpx;
-  box-sizing: border-box;
-  padding: 0 8rpx;
-  width: 100%;
-  position: absolute;
-  background: rgba(0, 0, 0, 0.8);
-  bottom: 0;
-  left: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  .type {
-    font-size: 22rpx;
-    font-family: zihun147hao-xingyuanhei;
-    font-weight: 400;
-    color: #fff;
-  }
-
-  .num {
-    font-size: 20rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #ffffff;
-  }
-}
-
-.list_img > image {
-  width: 100%;
-  height: 184rpx;
-  border-radius: 10rpx;
-}
-
-.list_img {
-  width: 184rpx;
-  height: 184rpx;
-  margin: 0 auto;
-  /* border-radius: 10rpx; */
-  position: relative;
-
-  // border: 1px solid #c5fadc;
-  /* box-shadow: 0px 0px 10rpx 0px #FF7514; */
-}
-
-.jp_list {
-  font-size: 24rpx;
-  width: 210rpx;
-  margin-top: 20rpx;
-  position: relative;
-  padding: 10rpx;
-  box-sizing: border-box;
-}
-
-.pop_gongxi {
-  width: 750rpx;
-  height: 197rpx;
-  display: block;
-  margin-bottom: 30rpx;
-  /* position: absolute;
-		left: 0;
-		right: 0;
-		margin: 0 auto;
-		top: -212rpx; */
-}
-
-// .jp_title_1 > view:nth-child(3n-1) {
-//   margin: 20rpx 30rpx 0 30rpx;
-// }
-
-.jp_title_1 {
-  width: 100%;
-  height: 100%;
-  overflow-y: scroll;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: flex-start;
-  margin: auto;
-  color: #ffffff;
-  // padding-bottom: 15rpx;
-  // box-sizing: border-box;
-}
-
-.jp_title {
-  box-sizing: border-box;
-  padding: 0rpx 50rpx;
-  box-sizing: border-box;
-  height: 100%;
-  /* margin-top: 200rpx; */
-}
-
-.jp_name {
-  /* font-family: 'zcq'; */
-  font-size: 28rpx;
-  color: #ffffff;
-  /* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */
-  position: absolute;
-  top: 104rpx;
-  left: 0;
-  right: 0;
-  margin: auto;
-  z-index: 13;
-}
-
-.jp_headimg > image {
-  width: 114rpx;
-  height: 114rpx;
-  border-radius: 50%;
-}
-
-.jp_headimg {
-  width: 114rpx;
-  height: 114rpx;
-  border-radius: 50%;
-  border: 1px solid #ff7514;
-  position: absolute;
-  top: -26rpx;
-  left: 0;
-  right: 0;
-  margin: auto;
-  z-index: 12;
-}
-
-.pop_jp {
-  /* width: 750rpx;
-		height: 942rpx;
-		margin: auto;
-		text-align: center; */
-  // height: 854rpx;
-
-  .jp_bg {
-    padding-top: 20rpx;
-    margin-top: 20rpx;
-    padding-bottom: 20rpx;
-    width: 750rpx;
-    height: 650rpx;
-    // padding-top: 363rpx;
-    box-sizing: border-box;
-    // background-position: 0 90rpx;
-    // background-size: 100% calc(100% - 90rpx);
-  }
-
-  .suc-pop-hd {
-    width: 346rpx;
-    height: 94rpx;
-    margin: 0 auto;
-  }
-
-  .shang-title {
-    padding: 10rpx;
-    text-align: center;
-
-    font-size: 22rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #ffffff;
-  }
-}
-
-.fangshi text {
-  // color: #70ede8;
-}
-
-.fangshi > view > image {
-  margin-right: 20rpx;
-}
-
-.fangshi image {
-  width: 40rpx;
-  height: 40rpx;
-}
-
-.fangshi {
-  display: flex;
-  justify-content: space-between;
-  font-size: 28rpx;
-  line-height: 60rpx;
-  align-items: center;
-
-  .fangshi-right {
-    display: flex;
-    align-items: center;
-
-    font-size: 28rpx;
-    color: #999;
-
-    .icon {
-      width: 10rpx;
-      height: 18rpx;
-      margin-right: 0;
-      margin-left: 10rpx;
-    }
-  }
-}
-
-.zhifu {
-  width: 206rpx;
-  height: 84rpx;
-  /* background: #FF7514;
-		border-radius: 7rpx; */
-  font-size: 36rpx;
-  font-family: YouSheBiaoTiHei;
-  font-weight: 400;
-  color: #ffffff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.order_title_btn {
-  width: 690rpx;
-  height: 98rpx;
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-  align-items: center;
-  font-size: 24rpx;
-  box-sizing: border-box;
-  margin-top: 50rpx;
-
-  .total-price {
-    font-size: 28rpx;
-    font-family: zihun152hao-jijiachaojihei;
-    font-weight: 400;
-    color: #ffffff;
-  }
-}
-
-.order_num text {
-  font-size: 32rpx;
-  // color: #70ede8;
-}
-
-.order_num > view:nth-of-type(2) {
-  font-size: 24rpx;
-}
-
-.order_num {
-  display: flex;
-  justify-content: space-between;
-  border-top: 1rpx solid #333333;
-  margin-top: 20rpx;
-  padding: 20rpx 0;
-}
-
-.order_pic > view > view:nth-of-type(3) {
-  display: flex;
-  justify-content: space-between;
-  width: 410rpx;
-}
-
-.order_pic > view:nth-of-type(2) {
-  margin-left: 20rpx;
-  font-size: 24rpx;
-  color: #ffffff;
-  padding-top: 14rpx;
-  box-sizing: border-box;
-}
-
-.order_pic_img > image {
-  width: 168rpx;
-  height: 168rpx;
-  border-radius: 10rpx;
-}
-
-.order_pic_img {
-  width: 188rpx;
-  height: 188rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.order_pic {
-  display: flex;
-}
-
-.order_title_con1 {
-  width: 690rpx;
-  background: rgba(34, 34, 34, 0.5);
-  // border: 1px solid #ffffff;
-  // box-shadow: 0px 0px 13rpx 0px rgba(15, 195, 197, 0.69);
-  margin-top: 28rpx;
-  padding: 20rpx 30rpx 10rpx;
-  box-sizing: border-box;
-}
-
-.order_title > image {
-  width: 26rpx;
-  height: 26rpx;
-  position: absolute;
-  right: 14rpx;
-  top: 10rpx;
-}
-
-.order_title {
-  font-size: 36rpx;
-  font-family: zihun152hao-jijiachaojihei;
-  font-weight: 400;
-  color: #ffffff;
-  position: relative;
-  text-align: center;
-}
-
-.order {
-  width: 750rpx;
-  height: 994rpx;
-  background: #000;
-  /* background: rgba(0, 0, 0, 0.9); */
-  /* border-radius: 30rpx 30rpx 0px 0px;
-		border-top: 5rpx solid #35ED85; */
-  position: absolute;
-  bottom: 0;
-  padding: 30rpx 21rpx 50rpx;
-  box-sizing: border-box;
-  color: #ffffff;
-
-  border-radius: 20rpx 20rpx 0rpx 0rpx;
-
-  border-top: 2px solid transparent;
-  background-clip: padding-box, border-box;
-  background-origin: padding-box, border-box;
-  background-image: linear-gradient(to right, #000, #000),
-    linear-gradient(20deg, #ffffff, #a11aff, #85dfff, #ba39ff);
-  // border-bottom: none;
-}
-
-.jilv_list > view {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 28rpx;
-  font-family: Source Han Sans CN;
-  font-weight: 400;
-  color: #f7f7f7;
-}
-
-.jilv_list image:nth-of-type(2) {
-  width: 55rpx;
-  height: 55rpx;
-  border-radius: 5rpx;
-  margin-right: 20rpx;
-}
-
-.jilv_list image:nth-of-type(1) {
-  width: 55rpx;
-  height: 55rpx;
-  border-radius: 50%;
-  margin-right: 20rpx;
-}
-
-.jilv_list {
-  width: 710rpx;
-  height: 180rpx;
-  /* border: 2rpx solid #F7F7F7; */
-  margin: 22rpx auto;
-  padding: 30rpx 40rpx;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.jilv_title > view {
-  /* padding: 4rpx 20rpx;
-		border: 3rpx solid;
-		border-radius: 10rpx; */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 24rpx;
-  flex-shrink: 0;
-  color: #f7f7f7;
-  /* width: 97rpx; */
-  height: 64rpx;
-  line-height: 64rpx;
-  padding: 0 30rpx;
-}
-
-.jilv_title {
-  font-size: 26rpx;
-  color: #f7f7f7;
-  display: flex;
-  align-items: center;
-  /* justify-content: space-between; */
-  width: 100%;
-  margin: 20rpx auto;
-  overflow-x: scroll;
-}
-
-button::after {
-  border: none;
-}
-
-button {
-  background-color: transparent;
-  padding-left: 0;
-  padding-right: 0;
-  line-height: inherit;
-  border-radius: 0;
-}
-
-.xuanfu image {
-  width: 104rpx;
-  height: 104rpx;
-  margin-top: 20rpx;
-}
-
-.xuanfu {
-  position: fixed;
-  bottom: 275rpx;
-  right: 20rpx;
-  width: 104rpx;
-  z-index: 21;
-}
-
-.shop_con {
-  padding: 10rpx;
-  box-sizing: border-box;
-  line-height: 40rpx;
-  /* background: #000000; */
-  border-radius: 0 0 10rpx 10rpx;
-  font-size: 20rpx;
-  color: rgba(255, 255, 255, 0.6);
-}
-
-.qiangguang > image {
-  width: 118rpx;
-  height: 45rpx;
-}
-
-.qiangguang {
-  width: 100%;
-  height: 230rpx;
-  background: rgba(0, 0, 0, 0.7);
-  border-radius: 10rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  top: 0rpx;
-  left: 0rpx;
-}
-.item_num {
-  background: rgba(0, 0, 0, 0.8);
-  bottom: 0rpx;
-  left: 0rpx;
-  position: absolute;
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  height: 39rpx;
-  box-sizing: border-box;
-  padding-right: 6rpx;
-}
-.item_num > view:nth-of-type(2) {
-  font-size: 20rpx;
-  font-family: Source Han Sans CN;
-  font-weight: 500;
-  /* font-style: italic; */
-  color: #ffffff;
-}
-
-.item_num > view:nth-of-type(1) {
-  /* background: linear-gradient(0deg, #1AC762 0%, #35ED85 100%); */
-  border-radius: 0px 10rpx 0px 0px;
-  font-size: 22rpx;
-  font-weight: 400;
-  color: #ffffff;
-  font-family: zihun147hao-xingyuanhei;
-  background: linear-gradient(0deg, #85dfff 0%, #ba39ff 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  padding: 0 14rpx;
-  box-sizing: border-box;
-}
-
-.item_head > image {
-  width: 100%;
-  height: 210rpx;
-  border-radius: 10rpx;
-}
-
-.item_head {
-  width: 100%;
-  height: 210rpx;
-  position: relative;
-}
-.shop > view:nth-child(3n + 3) {
-  margin-right: 0rpx;
-}
-.shop_item {
-  width: 236rpx;
-  margin-top: 10rpx;
-  position: relative;
-  box-sizing: border-box;
-  color: #ffffff;
-  // margin-right: 15rpx;
-  // border: 3rpx solid #c5fadc;
-  border-radius: 10rpx;
-  padding: 12rpx;
-}
-
-.shop {
-  width: 710rpx;
-  margin: 0rpx auto;
-  display: flex;
-  flex-wrap: wrap;
-  font-size: 24rpx;
-}
-.header_news_b > view {
-  width: 436rpx;
-  height: 80rpx;
-  padding-left: 49rpx;
-  box-sizing: border-box;
-  color: #ddd;
-}
-.header_news_b text {
-  font-size: 32rpx;
-  color: #fff;
-}
-
-.header_news_b > image {
-  width: 164rpx;
-  height: 66rpx;
-}
-
-.header_news_b {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 20rpx;
-  box-sizing: border-box;
-  font-size: 24rpx;
-  font-style: italic;
-}
-
-.header_news_c {
-  padding: 9rpx 30rpx 20rpx;
-  box-sizing: border-box;
-  font-size: 26rpx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-direction: row-reverse;
-  // width: 691rpx;
-
-  // height: 67rpx;
-  color: #fff;
-  margin: 10rpx auto 20rpx;
-  position: relative;
-
-  &::after {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    height: 1rpx;
-    background: linear-gradient(
-      90deg,
-      #ffffff 0%,
-      #a11aff 35%,
-      #85dfff 64%,
-      #ba39ff 100%
-    );
-  }
-}
-
-.redu {
-  /* width: 250rpx; */
-  height: 46rpx;
-  display: flex;
-  align-items: center;
-}
-
-.redu > image {
-  width: 46rpx;
-  height: 46rpx;
-  border: 1px solid rgba(255, 255, 255, 0.8);
-  border-radius: 50%;
-}
-
-.header_news_t_price > view:nth-of-type(1) {
-  font-size: 34rpx;
-  margin-top: 10rpx;
-  text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32);
-  font-family: YouSheBiaoTiHei;
-}
-
-.header_news_t_price {
-  width: 200rpx;
-  height: 100rpx;
-  /* border: 1rpx solid red; */
-  font-weight: 400;
-  color: #ffffff;
-  opacity: 0.87;
-  margin-right: 30rpx;
-  text-align: center;
-  font-size: 24rpx;
-}
-
-.riqi {
-  width: 120rpx;
-  /* height: 80rpx; */
-  /* border: 1rpx solid darkblue; */
-  font-size: 20rpx;
-  /* -webkit-text-stroke: 2rpx #1A1A1A; */
-  /* text-stroke: 2rpx #1A1A1A; */
-  font-family: zihun143hao;
-  font-weight: 800;
-  text-align: center;
-}
-
-.header_news_t image:nth-of-type(2) {
-  width: 192rpx;
-  height: 54rpx;
-}
-
-.header_news_t image:nth-of-type(1) {
-  width: 168rpx;
-  height: 54rpx;
-}
-
-.header_news_t {
-  display: flex;
-  /* justify-content: flex-end; */
-  align-items: center;
-  margin-top: 24rpx;
-  width: 750rpx;
-  height: 118rpx;
-}
-
-.header_news {
-  width: 750rpx;
-  /* height: 273rpx; */
-  position: absolute;
-  bottom: -15rpx;
-}
-
-.header_center > image:nth-of-type(3) {
-  width: 153rpx;
-  height: 74rpx;
-  position: absolute;
-  bottom: 300rpx;
-  right: 0;
-}
-
-.header_center > image:nth-of-type(2) {
-  width: 146rpx;
-  height: 50rpx;
-  position: absolute;
-  bottom: 75rpx;
-  right: 20rpx;
-  z-index: 9;
-}
-
-.header_center > image:nth-of-type(1) {
-  width: 146rpx;
-  height: 50rpx;
-  position: absolute;
-  bottom: 75rpx;
-  right: 195rpx;
-  z-index: 9;
-}
-
-.header_center {
-  /* position: relative; */
-  /* margin: 0rpx auto; */
-}
-
-.header_title > view:nth-of-type(2) {
-  width: 520rpx;
-  text-align: center;
-  /* margin: auto; */
-}
-
-.header_title > view:nth-of-type(1) {
-  display: flex;
-  align-items: center;
-}
-
-.header_title image {
-  width: 48rpx;
-  height: 48rpx;
-}
-
-.header_title {
-  height: 70rpx;
-  line-height: 70rpx;
-  width: 100%;
-  box-sizing: border-box;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-  padding-left: 30rpx;
-  box-sizing: border-box;
-}
-
-.status_bar {
-  height: var(--status-bar-height);
-  width: 100%;
-}
-
-.head {
-  position: fixed;
-  top: 0;
-  z-index: 20;
-}
-
-.header {
-  width: 750rpx;
-  height: 530rpx;
-  /* background: #ffffff; */
-  font-size: 32rpx;
-  color: #ffffff;
-  box-sizing: border-box;
-  position: fixed;
-  top: 0;
-  z-index: 15;
-
-  .info-btn {
-    position: fixed;
-    left: 30rpx;
-    display: flex;
-    align-items: center;
-    z-index: 1;
-
-    &::before {
-      content: '';
-      display: block;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      width: 80%;
-      height: 0rpx;
-      box-shadow: 0 0 20rpx 10rpx #000;
-      z-index: -1;
-    }
-
-    image {
-      width: 12rpx;
-      height: 24rpx;
-    }
-
-    font-size: 22rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #ffffff;
-  }
-
-  .like-btn {
-    position: fixed;
-    right: 30rpx;
-    display: flex;
-    align-items: center;
-    z-index: 1;
-
-    &::before {
-      content: '';
-      display: block;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      width: 80%;
-      height: 0rpx;
-      box-shadow: 0 0 20rpx 10rpx #000;
-      z-index: -1;
-    }
-
-    image {
-      width: 24rpx;
-      height: 21rpx;
-      margin-right: 10rpx;
-    }
-
-    font-size: 22rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #ffffff;
-  }
-
-  .pic-bt {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    transform: translateY(50%);
-    width: 100%;
-    height: 122rpx;
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: center;
-
-    .pic-bt-hd {
-      display: flex;
-      justify-content: center;
-
-      .left,
-      .center,
-      .right {
-        width: 33%;
-        box-sizing: border-box;
-      }
-
-      .left {
-        font-size: 22rpx;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #ffffff;
-        padding-left: 20rpx;
-      }
-
-      .center {
-        font-size: 24rpx;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #ffffff;
-        text-shadow: 0 0 10rpx #000;
-        text-align: center;
-
-        text {
-          font-size: 26rpx;
-        }
-      }
-
-      .right {
-        font-size: 22rpx;
-        font-family: Source Han Sans CN;
-        font-weight: 500;
-        color: #ffffff;
-        padding-right: 20rpx;
-        text-align: right;
-
-        text {
-          font-size: 26rpx;
-        }
-      }
-    }
-
-    .pic-bt-ft {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .prev,
-      .next {
-        display: flex;
-        align-items: center;
-
-        image {
-          width: 10rpx;
-          height: 17rpx;
-          margin: 0 10rpx;
-        }
-
-        font-size: 22rpx;
-        font-family: zihun152hao-jijiachaojihei;
-        font-weight: 400;
-        color: #ffffff;
-      }
-
-      .change-box {
-        width: 180rpx;
-        height: 70rpx;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin: 0 20rpx;
-      }
-    }
-  }
-}
-
-.content {
-  padding-bottom: 250rpx;
-  /* background: #FAFAFA; */
-  padding-top: 450rpx;
-}
-
-.bar_box {
-  width: 750rpx;
-  height: 260rpx;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-}
-
-.bar_box_1 {
-  width: 204rpx;
-  height: 96rpx;
-  position: absolute;
-  top: 36rpx;
-  left: 29rpx;
-}
-
-.bar_box_2 {
-  width: 190rpx;
-  height: 68rpx;
-  position: absolute;
-  top: 26rpx;
-  left: 279rpx;
-  color: #ffffff;
-  font-size: 20rpx;
-  text-align: center;
-  -webkit-text-stroke: 2rpx #30fbfd;
-  text-stroke: 2rpx #30fbfd;
-}
-
-.bar_box_3 {
-  width: 204rpx;
-  height: 96rpx;
-  position: absolute;
-  top: 36rpx;
-  right: 31rpx;
-  color: #ffffff;
-  font-size: 20rpx;
-  text-align: center;
-  -webkit-text-stroke: 2rpx #30fbfd;
-  text-stroke: 2rpx #30fbfd;
-}
-
-.bar_box_4 {
-  width: 138rpx;
-  height: 110rpx;
-  position: absolute;
-  bottom: 46rpx;
-  left: 307rpx;
-  font-size: 64rpx;
-  text-align: center;
-  font-weight: bold;
-  color: #fff;
-}
-
-.bar_box_5 {
-  width: 266rpx;
-  height: 95rpx;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-}
-
-.bar_box_6 {
-  width: 265rpx;
-  height: 95rpx;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-}
-.bar_box_7 {
-  width: 316rpx;
-  height: 51rpx;
-  position: absolute;
-  bottom: 0;
-  left: 217rpx;
-  font-size: 24rpx;
-  color: #fff;
-  text-align: center;
-  padding-top: 15rpx;
-  box-sizing: border-box;
-}
-.btns {
-  width: 690rpx;
-  height: 129rpx;
-  position: absolute;
-  bottom: 20rpx;
-  right: 0rpx;
-  left: 0;
-  margin: 0 auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  font-size: 32rpx;
-  font-family: zihun152hao-jijiachaojihei;
-  font-weight: 400;
-  color: #ffffff;
-  -webkit-text-stroke: 1rpx #000000;
-}
-
-.tab-list {
-  display: flex;
-  justify-content: space-around;
-  padding: 10rpx 0 30rpx;
-
-  .tab-list-item {
-    position: relative;
-
-    font-size: 28rpx;
-    font-family: zihun152hao-jijiachaojihei;
-    font-weight: 400;
-    color: #939393;
-
-    .arrow {
-      position: absolute;
-      width: 27rpx;
-      height: 17rpx;
-      left: 50%;
-      bottom: -20rpx;
-      transform: translateX(-50%);
-    }
-
-    &.active {
-      color: #fff;
-    }
-  }
-}
-
-.log-tab {
-  white-space: nowrap;
-
-  .log-tab-item {
-    display: inline-flex;
-    align-items: center;
-    height: 58rpx;
-    padding: 0 30rpx;
-    margin-right: 10rpx;
-
-    font-size: 22rpx;
-    font-family: Source Han Sans CN;
-    font-weight: 400;
-    color: #ffffff;
-
-    &:first-child {
-      margin-left: 30rpx;
-    }
-
-    &:last-child {
-      margin-right: 30rpx;
-    }
-  }
-}
-
-.log-list {
-  padding: 1rpx 20rpx 40rpx;
-
-  .log-list-item {
-    display: flex;
-    align-items: center;
-    padding: 34rpx;
-    margin-top: 4rpx;
-
-    .log-l {
-      width: 50%;
-      display: flex;
-
-      .avatar {
-        width: 62rpx;
-        height: 62rpx;
-        border-radius: 50%;
-        overflow: hidden;
-      }
-
-      .log-l-info {
-        display: flex;
-        flex-flow: column nowrap;
-        justify-content: space-between;
-        width: calc(100% - 62rpx);
-        box-sizing: border-box;
-        padding-left: 10rpx;
-
-        .info-name {
-          font-size: 26rpx;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #ffffff;
-        }
-
-        .info-time {
-          font-size: 22rpx;
-          font-family: Source Han Sans CN;
-          font-weight: 400;
-          color: #dddddd;
-        }
-      }
-    }
-
-    .log-r {
-      width: 50%;
-      display: flex;
-      flex-flow: column nowrap;
-      justify-content: space-between;
-      align-items: flex-end;
-
-      .log-r-hd {
-        font-size: 26rpx;
-        font-family: zihun147hao-xingyuanhei;
-        font-weight: 400;
-        color: #fff;
-      }
-
-      .log-r-ft {
-        display: flex;
-        align-items: center;
-
-        .ft-pic {
-          width: 40rpx;
-          height: 40rpx;
-        }
-
-        .ft-title {
-          max-width: 200rpx;
-          margin-left: 10rpx;
-        }
-
-        font-size: 22rpx;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #ffffff;
-      }
-    }
-  }
-}
-
-.ft-fixed {
-  position: fixed;
-  z-index: 10;
-  left: 0;
-  bottom: 0;
-  width: 100vw;
-
-  .ft-fixed-hd {
-    display: flex;
-    justify-content: space-around;
-
-    .btn {
-      width: 210rpx;
-      height: 86rpx;
-      display: flex;
-      justify-content: center;
-      box-sizing: border-box;
-      padding-top: 12rpx;
-
-      font-size: 36rpx;
-      font-family: zihun147hao-xingyuanhei;
-      font-weight: 400;
-      color: #ffffff;
-
-      &.center {
-        height: 75rpx;
-      }
-    }
-  }
-
-  .ft-fixed-ft {
-    position: relative;
-    height: 150rpx;
-
-    .change-box,
-    .lock-btn,
-    .all-btn {
-      position: absolute;
-      display: flex;
-      justify-content: center;
-      // align-items: center;
-      box-sizing: border-box;
-      padding-top: 34rpx;
-
-      font-size: 36rpx;
-      font-family: zihun152hao-jijiachaojihei;
-      font-weight: 400;
-      color: #eeeeee;
-      -webkit-text-stroke: 1rpx #000000;
-    }
-
-    .change-box {
-      left: 0;
-      top: 30rpx;
-      width: 305rpx;
-      height: 118rpx;
-      z-index: 1;
-    }
-
-    .lock-btn {
-      width: 292rpx;
-      height: 136rpx;
-      left: 50%;
-      top: 0;
-      padding: 0;
-      transform: translateX(-50%);
-      flex-flow: column nowrap;
-      justify-content: center;
-      align-items: center;
-      padding-bottom: 10rpx;
-    }
-
-    .all-btn {
-      right: 0;
-      top: 30rpx;
-      width: 305rpx;
-      height: 118rpx;
-      z-index: 1;
-    }
-  }
-}
-</style>