diff --git a/main.js b/main.js
index 62f5d60..70e3a61 100644
--- a/main.js
+++ b/main.js
@@ -29,7 +29,7 @@ export function createApp() {
 	app.config.globalProperties.$system = plus.os.name;
 	// #endif
 	app.config.globalProperties.$systemInfo = systemInfo
-	uni.setStorageSync('version', '1.0.6.sp4')
+	uni.setStorageSync('version', '1.0.6.sp5')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 	app.use(globalMethods);
 	return {
diff --git a/pages/call-log/detail/callDetail.vue b/pages/call-log/detail/callDetail.vue
index b183255..6051078 100644
--- a/pages/call-log/detail/callDetail.vue
+++ b/pages/call-log/detail/callDetail.vue
@@ -12,11 +12,11 @@
 				
 			</view>
 			<view class="rectangle_22292"   style="position: fixed;left:0;top:0;overflow: hidden;"
-				:style="{background:(data.info.avatar?`rgba(0,0,0,0)`:'linear-gradient(180deg, #bdbec3 0%, #a0a2af 100%)')
+				:style="{background:(data.info.avatar&&data.headerHeight!='206'?`rgba(0,0,0,0)`:'linear-gradient(180deg, #bdbec3 0%, #a0a2af 100%)')
 				, height:data.headerHeight+'px'}">
 				<view v-if="data.info.avatar" style="height:400rpx;"></view>
-				<image v-if="data.info.avatar" :src="data.info.avatar" mode="aspectFill" 
-					style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'rpx'}"></image>
+				<image v-if="data.info.avatar&&data.headerHeight!='206'" :src="data.info.avatar" mode="aspectFill" 
+					style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'px'}"></image>
 				<view class="status" :style="{height:$systemInfo.statusBarHeight+'px'}"> </view>
 				<view class="flexcontainer"  @click="openEditModalDetail()">
 					<image @click.stop="back()" class="group_48089" src="/static/image/call/detail/iosBack.png" :style="{position: 'fixed',
@@ -27,7 +27,7 @@
 						{{data.info.name.substring(0,1)}}
 					</view>
 					<image v-else class="group_47577" :src="data.info.avatar||'/static/image/call/iosAvatar.png'"
-						:style="{opacity:data.info.avatar?0:1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}" />
+						:style="{opacity:data.info.avatar?(data.headerHeight=='206'?1:0):1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}" />
 				</view>
 				<text class="text_1" v-if="!data.info.avatar"  :style="{opacity:data.scale}"> {{data.info.address}} </text>
 				<text class="text_2" :style="{transform: `scale(${data.textScale}) translateY(${data.text2Y}px)`}">{{data.info.name||formatString(data.info.phone)}} </text>
@@ -583,8 +583,6 @@
 	import {
 		ref,
 		reactive,
-		watch,
-		nextTick,
 		getCurrentInstance
 	} from "vue";
 	import {
@@ -595,16 +593,8 @@
 		onReachBottom
 	} from "@dcloudio/uni-app";
 	const {
-		appContext,
 		proxy
 	} = getCurrentInstance();
-	import {
-		useStore
-	} from '@/store/index.js'
-	const {
-		getCallDetail,
-		setCallDetail
-	} = useStore()
 	let recordPopup = ref()
 	let timePickerPopup = ref()
 	let editTimePopup = ref()
@@ -768,6 +758,7 @@
 		data.index = Number(option.index)
 		let listArr = uni.getStorageSync('callLog')
 		data.info = listArr[data.index]
+		// data.info.avatar='/static/logo.png'
 		data.list = data.info.list || data.list
 		console.log(data.info)
 		data.headerHeight=data.info.avatar?519:325
@@ -778,24 +769,24 @@
 	onShow(() => {
 
 	})
-	onPageScroll((e) => { 
-		if(data.type=='ios'){
+	onPageScroll((e) => {
+		if (data.type == 'ios') {
 			const y = e.scrollTop;
-			const max = 200; 
+			const max = 200;
 			let p = Math.min(y / max, 1);
-			data.contentY = -p * 90; 
+			data.contentY = -p * (data.info.avatar ? 65 : 90);
 			data.avatarY = -p * 0;
-			data.text2Y = -p * 130; 
+			data.text2Y = -p * (data.info.avatar ? 75 : 130);
 			data.avatarScale = 1 - p * 0.55; // 1 → 0.6 textScale
-			data.textScale = 1 - p * 0.5; // 1 → 0.6 
+			data.textScale = 1 - p * 0.5; // 1 → 0.6
 			
-			data.scale = 1 - p * 1; // 1 → 0.6 
-			console.log(data.avatarScale ) 
-			data.headerHeight=Math.max(206,(data.info.avatar?519:325) - y);
-		}else{ 
-			
-		} 
-	 })
+			data.scale = 1 - p * 1; // 1 → 0.6
+			data.headerHeight = Math.max(206, (data.info.avatar ? 519 : 325) - y);
+			console.log(data.headerHeight)
+		} else {
+			// 其他类型的处理
+		}
+	})
 	onReachBottom(() => {
 
 	})
diff --git a/pages/common/recharge/index.vue b/pages/common/recharge/index.vue
index 72918db..560c75d 100644
--- a/pages/common/recharge/index.vue
+++ b/pages/common/recharge/index.vue
@@ -36,8 +36,7 @@
 			</view>
 			<view class="vipList">
 				<template v-for="(item, index) in data.benefitList" :key="index">
-					<view class="item"
-						v-if="data.goods.features == 'common' || (data.goods.features != 'common' && index < 10)">
+					<view class="item" v-if="data.goods.features == 'common' || (data.goods.features != 'common' && index < 10)">
 						<image :src="item.url"></image>
 						<text>{{ item.name }}</text>
 					</view>
@@ -113,8 +112,8 @@
 
 	<view class="footer-container">
 		<view class="payment-method-box">
-			<view class="wx-pay payment-method" v-for="(item, index) in data.payList"
-				@click="onSelectPayment(item.type)" :key="index">
+			<view class="wx-pay payment-method" v-for="(item, index) in data.payList" @click="onSelectPayment(item.type)"
+				:key="index">
 				<image class="img-select"
 					:src="paymentMethod == item.type ? '/static/image/recharge/selected.png' : '/static/image/recharge/unselected.png'">
 				</image>
@@ -131,8 +130,7 @@
 				<view class="text">
 					合计
 					<text>￥</text>
-					<countUp :num="$toFiexd(data.price, 2)" height="24" style="margin-top: -6px;" color="red"
-						fontSize='24'>
+					<countUp :num="$toFiexd(data.price, 2)" height="24" style="margin-top: -6px;" color="red" fontSize='24'>
 					</countUp>
 					已优惠￥{{ $toFiexd(data.coupon, 0) }}
 				</view>
@@ -183,8 +181,7 @@
 						</scroll-view>
 					</view>
 					<view class="couponButton" @click="submitActivity">
-						<c-lottie ref="cLottieRef" src='/static/lottie/couponButton.json' width="305px"
-							height='86px'></c-lottie>
+						<c-lottie ref="cLottieRef" src='/static/lottie/couponButton.json' width="305px" height='86px'></c-lottie>
 					</view>
 				</view>
 			</transition>
@@ -235,8 +232,7 @@
 				<view>
 					<view class="item" v-for="(item, index) in data.myActivity" :key="index"
 						@click="(data.goods.price < (Number(item.threshold) / 100) && item.threshold != '') || !item.isStatus ? '' : setActiveId(item)">
-						<view class="left"
-							:class="{ left2: data.goods.price < (Number(item.threshold) / 100) || !item.isStatus }">
+						<view class="left" :class="{ left2: data.goods.price < (Number(item.threshold) / 100) || !item.isStatus }">
 							<view class="money">
 								<text v-if="item.coupon_type_name != '折扣券'">￥</text>
 								<text class="moneys">{{ item.coupon_type_name != '折扣券' ? (Number(item.coupon_value) /
@@ -254,8 +250,8 @@
 							<image
 								v-if="(data.goods.price < (Number(item.threshold) / 100) && item.threshold != '') || !item.isStatus"
 								class="checkedImg" src="/static/image/recharge/checked1.png" mode=""></image>
-							<image v-else-if="data.active_ids == item.id" class="checkedImg"
-								src="/static/image/recharge/checked3.png" mode=""></image>
+							<image v-else-if="data.active_ids == item.id" class="checkedImg" src="/static/image/recharge/checked3.png"
+								mode=""></image>
 							<image v-else class="checkedImg" src="/static/image/recharge/checked2.png" mode=""></image>
 						</view>
 						<view class="jjdq" v-if="isToday(item.expire_times)">
@@ -278,301 +274,615 @@
 
 
 <script setup>
-import customTab from "@/components/custom-tab/custom-tab.vue"
-import countUp from "@/components/countUp/countUp.vue"
-import {
-	postJson
-} from "@/utils/requests.js"
-import {
-	ref,
-	reactive,
-	getCurrentInstance,
-	watch,
-	nextTick,
-	toRefs
-} from "vue";
-import {
-	onLoad,
-	onShow,
-	onReady,
-	onPullDownRefresh,
-	onReachBottom,
-	onBackPress,
-	onUnload
-} from "@dcloudio/uni-app";
-const {
-	appContext,
-	proxy
-} = getCurrentInstance();
-const popup = ref();
-const coupon = ref();
-const couponBox = ref();
-const myCoupon = ref();
-const dialogVipBenefits = [{
-	name: "模拟微信",
-	url: "/static/image/recharge/moniweixinDialog.png"
-},
-{
-	name: "无广告",
-	url: "/static/image/recharge/wuguanggaoDialog.png"
-},
-{
-	name: "无水印",
-	url: "/static/image/recharge/wushuiyinDialog.png"
-},
-{
-	name: "专属客服",
-	url: "/static/image/recharge/zhuanshukefuDialog.png"
-}
-]
+	import customTab from "@/components/custom-tab/custom-tab.vue"
+	import countUp from "@/components/countUp/countUp.vue"
+	import {
+		postJson
+	} from "@/utils/requests.js"
+	import {
+		ref,
+		reactive,
+		getCurrentInstance,
+		watch,
+		nextTick,
+		toRefs
+	} from "vue";
+	import {
+		onLoad,
+		onShow,
+		onReady,
+		onPullDownRefresh,
+		onReachBottom,
+		onBackPress,
+		onUnload
+	} from "@dcloudio/uni-app";
+	const {
+		appContext,
+		proxy
+	} = getCurrentInstance();
+	const popup = ref();
+	const coupon = ref();
+	const couponBox = ref();
+	const myCoupon = ref();
+	const dialogVipBenefits = [{
+			name: "模拟微信",
+			url: "/static/image/recharge/moniweixinDialog.png"
+		},
+		{
+			name: "无广告",
+			url: "/static/image/recharge/wuguanggaoDialog.png"
+		},
+		{
+			name: "无水印",
+			url: "/static/image/recharge/wushuiyinDialog.png"
+		},
+		{
+			name: "专属客服",
+			url: "/static/image/recharge/zhuanshukefuDialog.png"
+		}
+	]
 
-// 套餐列表
-const packageList = [{
-	name: "连续包月",
-	delPrice: "89",
-	price: "29",
-	lifespan: "一月"
-},
-{
-	name: "连续包季",
-	delPrice: "189",
-	price: "98",
-	lifespan: "一季"
-},
-{
-	name: "连续包年",
-	delPrice: "365",
-	price: "198",
-	lifespan: "一年"
-}
-]
+	// 套餐列表
+	const packageList = [{
+			name: "连续包月",
+			delPrice: "89",
+			price: "29",
+			lifespan: "一月"
+		},
+		{
+			name: "连续包季",
+			delPrice: "189",
+			price: "98",
+			lifespan: "一季"
+		},
+		{
+			name: "连续包年",
+			delPrice: "365",
+			price: "198",
+			lifespan: "一年"
+		}
+	]
 
-const data = reactive({
-	scrollLeft: 0,
-	active_id: 0,
-	active_ids: 0,
-	activeitems: {},
-	currentUrl: '',
-	background: ['color1', 'color2', 'color3'],
-	indicatorDots: false,
-	autoplay: false,
-	interval: 5000,
-	duration: 500,
-	// 底部按钮文字
-	buttonText: '',
-	// 套餐选择
-	selected: 1,
-	// 支付方式选择
-	paymentMethod: "wxpay",
-	// banner列表
-	bannerList: [{
-		url: "/static/image/recharge/banner1.png"
-	}],
-	// 会员权益列表
-	benefitList: [{
-		name: "无广告",
-		url: "/static/image/recharge/icon1.png"
-	},
-	{
-		name: "无水印",
-		url: "/static/image/recharge/icon2.png"
-	},
-	{
-		name: "微信模拟",
-		url: "/static/image/recharge/icon3.png"
-	},
-	{
-		name: "小宝模拟",
-		url: "/static/image/recharge/icon4.png"
-	},
-	{
-		name: "豪车模拟",
-		url: "/static/image/recharge/icon5.png"
-	},
-	{
-		name: "模拟来电",
-		url: "/static/image/recharge/icon6.png"
-	},
-	{
-		name: "视频群聊",
-		url: "/static/image/recharge/icon7.png"
-	},
-	{
-		name: "工资单",
-		url: "/static/image/recharge/icon8.png"
-	},
-	{
-		name: "身份证",
-		url: "/static/image/recharge/icon9.png"
-	},
-	{
-		name: "发圈素材",
-		url: "/static/image/recharge/icon10.png"
-	},
-	{
-		name: "机票",
-		url: "/static/image/recharge/icon11.png"
-	},
-	{
-		name: "高铁票",
-		url: "/static/image/recharge/icon12.png"
-	},
-	{
-		name: "短信模拟",
-		url: "/static/image/recharge/icon13.png"
-	},
-	{
-		name: "通话模拟",
-		url: "/static/image/recharge/icon14.png"
-	},
-	{
-		name: "多设备",
-		url: "/static/image/recharge/icon15.png"
-	}
-	],
-	goodsList: [],
-	myActivity: [],
-	activeCoupon: {},
-	activeCoupon2: {},
-	uni_recharge_back: [],
-	goods: {},
-	activity: [],
-	appUser: {},
-	countdown: true,
-	isBack: true,
-	payList: [{
-		image: '/static/image/recharge/wxpay.png',
-		name: '微信支付',
-		type: 'wxpay'
-	},
-	{
-		image: '/static/image/recharge/alipay.png',
-		name: '支付宝支付',
-		type: 'alipay',
-	}
-	],
-	open_number: 1,
-	back_number: 1,
-	price: 0,
-	coupon: 0,
-	ishongBao: false,
-	incrementTimer: null,
-	timeout: null,
-	isChristmas: false,
-	// 添加一个标志位来防止快速连续点击导致的价格显示错误
-	isProcessingClick: false,
-	banner: '/static/image/recharge/banner1.png',
-	isCombo: false,
-	source: "uni_alipay_other",
-	tradeCoupon: false
-})
+	const data = reactive({
+		scrollLeft: 0,
+		active_id: 0,
+		active_ids: 0,
+		activeitems: {},
+		currentUrl: '',
+		background: ['color1', 'color2', 'color3'],
+		indicatorDots: false,
+		autoplay: false,
+		interval: 5000,
+		duration: 500,
+		// 底部按钮文字
+		buttonText: '',
+		// 套餐选择
+		selected: 1,
+		// 支付方式选择
+		paymentMethod: "wxpay",
+		// banner列表
+		bannerList: [{
+			url: "/static/image/recharge/banner1.png"
+		}],
+		// 会员权益列表
+		benefitList: [{
+				name: "无广告",
+				url: "/static/image/recharge/icon1.png"
+			},
+			{
+				name: "无水印",
+				url: "/static/image/recharge/icon2.png"
+			},
+			{
+				name: "微信模拟",
+				url: "/static/image/recharge/icon3.png"
+			},
+			{
+				name: "小宝模拟",
+				url: "/static/image/recharge/icon4.png"
+			},
+			{
+				name: "豪车模拟",
+				url: "/static/image/recharge/icon5.png"
+			},
+			{
+				name: "模拟来电",
+				url: "/static/image/recharge/icon6.png"
+			},
+			{
+				name: "视频群聊",
+				url: "/static/image/recharge/icon7.png"
+			},
+			{
+				name: "工资单",
+				url: "/static/image/recharge/icon8.png"
+			},
+			{
+				name: "身份证",
+				url: "/static/image/recharge/icon9.png"
+			},
+			{
+				name: "发圈素材",
+				url: "/static/image/recharge/icon10.png"
+			},
+			{
+				name: "机票",
+				url: "/static/image/recharge/icon11.png"
+			},
+			{
+				name: "高铁票",
+				url: "/static/image/recharge/icon12.png"
+			},
+			{
+				name: "短信模拟",
+				url: "/static/image/recharge/icon13.png"
+			},
+			{
+				name: "通话模拟",
+				url: "/static/image/recharge/icon14.png"
+			},
+			{
+				name: "多设备",
+				url: "/static/image/recharge/icon15.png"
+			}
+		],
+		goodsList: [],
+		myActivity: [],
+		activeCoupon: {},
+		activeCoupon2: {},
+		uni_recharge_back: [],
+		goods: {},
+		activity: [],
+		appUser: {},
+		countdown: true,
+		isBack: true,
+		payList: [{
+				image: '/static/image/recharge/wxpay.png',
+				name: '微信支付',
+				type: 'wxpay'
+			},
+			{
+				image: '/static/image/recharge/alipay.png',
+				name: '支付宝支付',
+				type: 'alipay',
+			}
+		],
+		open_number: 1,
+		back_number: 1,
+		price: 0,
+		coupon: 0,
+		ishongBao: false,
+		incrementTimer: null,
+		timeout: null,
+		isChristmas: false,
+		// 添加一个标志位来防止快速连续点击导致的价格显示错误
+		isProcessingClick: false,
+		banner: '/static/image/recharge/banner1.png',
+		isCombo: false,
+		source: "uni_alipay_other",
+		tradeCoupon: false
+	})
 
-let {
-	buttonText,
-	selected,
-	benefitList,
-	noticeList,
-	commentList,
-	paymentMethod,
-	source
-} = toRefs(data)
+	let {
+		buttonText,
+		selected,
+		benefitList,
+		noticeList,
+		commentList,
+		paymentMethod,
+		source
+	} = toRefs(data)
 
-/**
- * 返回监听
- */
-onBackPress((e) => {
-	if (e.from == 'backbutton' && data.appUser.vip == 1) {
-		open()
-		return true; //阻止返回
-	}
-})
+	/**
+	 * 返回监听
+	 */
+	onBackPress((e) => {
+		if (e.from == 'backbutton' && data.appUser.vip == 1) {
+			open()
+			return true; //阻止返回
+		}
+	})
 
 
-onLoad(async (option) => {
-	if (option.source) {
-		data.source = option.source
-	}
-	const config = uni.getStorageSync('config').config
-	const themeConfig = config?.['client.uniapp.theme']
-	data.tradeCoupon = config?.['client.trade_coupon'] === true ? true : false
-	if (themeConfig?.enable) {
-		if (themeConfig?.theme == '0214') {
-			data.banner = '/static/image/recharge/214/bannar.png'
-			// })
-		} else if (themeConfig?.theme == '0217') {
-			data.banner = '/static/image/recharge/chunjie/bannar.png'
-		} else if (themeConfig?.theme == '0405') {
-			data.banner = '/static/image/recharge/qmj/bannar.png'
-			data.benefitList.forEach(item => {
-				item.url = item.url.replace('/static/image/recharge/',
-					'/static/image/recharge/qmj/')
-			})
-		} else if (themeConfig?.theme == '0401') {
-			data.banner = '/static/image/recharge/yrj/bannar.png'
-		} else if (themeConfig?.theme == '0501') {
-			data.banner = '/static/image/recharge/51/bannar.png'
-			data.benefitList.forEach(item => {
-				item.url = item.url.replace('/static/image/recharge/',
-					'/static/image/recharge/51/')
-			})
-		} else if (themeConfig?.theme == '0520') {
+	onLoad(async (option) => {
+		if (option.source) {
+			data.source = option.source
+		}
+		const config = uni.getStorageSync('config').config
+		const themeConfig = config?.['client.uniapp.theme']
+		data.tradeCoupon = config?.['client.trade_coupon'] === true ? true : false
+		if (themeConfig?.enable) {
+			if (themeConfig?.theme == '0214') {
+				data.banner = '/static/image/recharge/214/bannar.png'
+				// })
+			} else if (themeConfig?.theme == '0217') {
+				data.banner = '/static/image/recharge/chunjie/bannar.png'
+			} else if (themeConfig?.theme == '0405') {
+				data.banner = '/static/image/recharge/qmj/bannar.png'
+				data.benefitList.forEach(item => {
+					item.url = item.url.replace('/static/image/recharge/',
+						'/static/image/recharge/qmj/')
+				})
+			} else if (themeConfig?.theme == '0401') {
+				data.banner = '/static/image/recharge/yrj/bannar.png'
+			} else if (themeConfig?.theme == '0501') {
+				data.banner = '/static/image/recharge/51/bannar.png'
+				data.benefitList.forEach(item => {
+					item.url = item.url.replace('/static/image/recharge/',
+						'/static/image/recharge/51/')
+				})
+			} else if (themeConfig?.theme == '0520') {
 				data.banner = '/static/image/recharge/520/bannar.png'
 				data.benefitList.forEach(item => {
 					item.url = item.url.replace('/static/image/recharge/',
 						'/static/image/recharge/520/')
 				})
 			} else if (themeConfig?.theme == '0601') {
-			data.banner = '/static/image/recharge/61/bannar.png'
-			data.benefitList.forEach(item => {
-				item.url = item.url.replace('/static/image/recharge/',
-					'/static/image/recharge/51/')
-			})
+				data.banner = '/static/image/recharge/61/bannar.png'
+				data.benefitList.forEach(item => {
+					item.url = item.url.replace('/static/image/recharge/',
+						'/static/image/recharge/51/')
+				})
+			} else if (themeConfig?.theme == '0606') {
+				data.banner = '/static/image/recharge/66/bannar.png'
+				// data.benefitList.forEach(item => {
+				// 	item.url = item.url.replace('/static/image/recharge/',
+				// 		'/static/image/recharge/66/')
+				// })
+			}
 		}
-	}
-	let pages = getCurrentPages();
-	let currentPage = pages[pages.length - 1];
-	data.currentUrl = proxy.$pageData[currentPage.route];
-	uni.showLoading({
-		title: '加载中',
-		mask: true // 添加遮罩防止用户操作
-	});
-	let user = await proxy.$requestPromise({
-		url: 'api/user',
-		method: "GET",
-		data: {}
-	})
-	if (user.code == 0) {
-		data.appUser = user.data
-	}
-	let goods = await proxy.$requestPromise({
-		url: 'api/order/goods',
-		method: "GET",
-		data: {
-			type: "member"
-		}
-	})
-	console.log(goods)
-	if (goods.code == 0) {
-		data.goodsList.forEach(item => {
-			item['features'] = item['features'] || ''
+		let pages = getCurrentPages();
+		let currentPage = pages[pages.length - 1];
+		data.currentUrl = proxy.$pageData[currentPage.route];
+		uni.showLoading({
+			title: '加载中',
+			mask: true // 添加遮罩防止用户操作
+		});
+		let user = await proxy.$requestPromise({
+			url: 'api/user',
+			method: "GET",
+			data: {}
 		})
-		data.goodsList = goods.data
-
-		let zsItem = goods.data[0]
-		let zsIndex = 0
-		let checked = true
-		goods.data.forEach((item, index) => {
-			if (item.checked && checked) {
-				checked = false
-				zsItem = item
-				zsIndex = index
+		if (user.code == 0) {
+			data.appUser = user.data
+		}
+		let goods = await proxy.$requestPromise({
+			url: 'api/order/goods',
+			method: "GET",
+			data: {
+				type: "member"
 			}
 		})
-		nextTick(() => {
-			setTimeout(() => {
-				data.scrollLeft = zsIndex * 120
-			}, 100)
+		console.log(goods)
+		if (goods.code == 0) {
+			data.goodsList.forEach(item => {
+				item['features'] = item['features'] || ''
+			})
+			data.goodsList = goods.data
+
+			let zsItem = goods.data[0]
+			let zsIndex = 0
+			let checked = true
+			goods.data.forEach((item, index) => {
+				if (item.checked && checked) {
+					checked = false
+					zsItem = item
+					zsIndex = index
+				}
+			})
+			nextTick(() => {
+				setTimeout(() => {
+					data.scrollLeft = zsIndex * 120
+				}, 100)
+			})
+			let activity = await proxy.$requestPromise({
+				url: 'api/activity/coupon',
+				method: "GET",
+				data: {
+					page: 1,
+					size: 50,
+					status: 1
+				}
+			})
+			if (activity.data.total != 0) {
+				activity.data.items.forEach(item => {
+					if (new Date(item.expire_time) < new Date()) {
+						item['isStatus'] = false
+					} else {
+						item['isStatus'] = true
+					}
+					item['expire_times'] = item.expire_time
+					item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(
+						0, 10)
+				})
+				data.myActivity = [
+					...activity.data.items.filter(item => (item.threshold == '' || zsItem.price >= (Number(
+						item
+						.threshold) / 100)) && item.isStatus),
+					...activity.data.items.filter(item => (zsItem.price < (Number(item.threshold) / 100) &&
+						item
+						.threshold != '') || !item.isStatus)
+				]
+				data.myActivity = deduplicateKeepLast(data.myActivity)
+			}
+			await onSelect(zsItem, zsIndex)
+		}
+		let activity = await proxy.$requestPromise({
+			url: 'api/activity',
+			method: "GET",
+			data: {
+				scene: 'uni_open_recharge'
+			}
 		})
+		data.activity = activity.data
+		if (activity.data.length != 0) {
+			coupon.value.open()
+		}
+		uni.setStorageSync('open_number', data.open_number + 1);
+		let uni_recharge_back = await proxy.$requestPromise({
+			url: 'api/activity',
+			method: "GET",
+			data: {
+				scene: 'uni_recharge_back'
+			}
+		})
+		data.uni_recharge_back = uni_recharge_back.data
+		if (uni_recharge_back.data.length == 0) {
+			data.isBack = false
+		}
+		uni.hideLoading();
+		if (uni.getStorageSync('onNativeEventReceive') != 'ok') {
+			uni.setStorageSync('onNativeEventReceive', 'ok')
+			//监听宿主传递消息
+			uni.onNativeEventReceive((event, data) => {
+				if (event) {
+					if (event == "wx_pay_result") {
+						if (Number(data) == 0) {
+							paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
+						} else {
+							uni.hideLoading();
+							uni.showToast({
+								icon: 'none',
+								title: '支付失败'
+							})
+						}
+					}
+					if (event == "ios_pay_result") {
+						if (Number(data) == 0) {
+							paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
+						} else {
+							uni.hideLoading();
+							uni.showToast({
+								icon: 'none',
+								title: '支付失败'
+							})
+						}
+					}
+					console.log('接收到宿主App消息-' + event + '：' + data);
+				}
+			})
+		}
+
+	})
+
+	onShow(() => {
+		if (data.isCombo) {
+			uni.showModal({
+				title: '提示',
+				content: '是否支付成功？',
+				cancelText: '未支付',
+				confirmText: "已支付",
+				success: function(res) {
+					if (res.confirm) {
+						console.log('用户点击确定');
+						paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
+					} else if (res.cancel) {
+						console.log('用户点击取消');
+					}
+				}
+			});
+			data.isCombo = false
+		}
+	})
+	onUnload(() => {
+		// uni.offNativeEventReceive()
+	})
+	onReady(() => {
+		try {
+			if (plus.os.name === 'Android') {
+				let color = plus.android.newObject("android.graphics.Color");
+				let activity = plus.android.runtimeMainActivity();
+				let colorInt = plus.android.invoke(color, "parseColor", '#fff'); // 设置为橙色    
+				let window = plus.android.invoke(activity, "getWindow");
+				plus.android.invoke(window, "setNavigationBarColor", colorInt);
+				uni.setNavigationBarColor({
+					animation: { // 动画效果
+						duration: 100,
+						timingFunc: 'easeIn'
+					}
+				})
+				console.log("状态栏设置完毕！");
+				setTimeout(function() {
+					uni.setNavigationBarColor({
+						backgroundColor: '#fff',
+						animation: { // 动画效果
+							duration: 100,
+							timingFunc: 'easeIn'
+						}
+					})
+				}, 200);
+				setTimeout(function() {
+					plus.navigator.setStatusBarStyle("light");
+				}, 200);
+			}
+		} catch (error) {
+			//TODO handle the exception
+		}
+	})
+
+
+
+	function isToday(inputTime) {
+		// 获取当前日期的时间戳（去掉时分秒）
+		const today = new Date();
+		today.setHours(0, 0, 0, 0);
+		const todayTimestamp = today.getTime();
+
+		// 处理输入时间
+		const inputDate = new Date(inputTime);
+		inputDate.setHours(0, 0, 0, 0);
+		const inputTimestamp = inputDate.getTime();
+
+		// 比较时间戳
+		return inputTimestamp === todayTimestamp;
+	}
+
+	function calculateTimeRemaining(targetTime) {
+		// 获取目标时间和当前时间的时间戳
+		const target = new Date(targetTime).getTime();
+		const now = new Date().getTime();
+		// 计算时间差（毫秒）
+		const difference = target - now;
+		// 如果目标时间已过，返回0
+		if (difference <= 0) {
+			return {
+				days: 0,
+				hours: 0,
+				minutes: 0,
+				seconds: 0
+			};
+		}
+		// 计算天数
+		const days = Math.floor(difference / (1000 * 60 * 60 * 24));
+		// 计算剩余小时数
+		const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+		// 计算剩余分钟数
+		const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
+		// 计算剩余秒数
+		const seconds = Math.floor((difference % (1000 * 60)) / 1000);
+		console.log({
+			days: days,
+			hours: hours,
+			minutes: minutes,
+			seconds: seconds
+		})
+		return {
+			days: days,
+			hours: hours,
+			minutes: minutes,
+			seconds: seconds
+		};
+	}
+
+	function activeClick(status) {
+		myCoupon.value.close()
+		if (status && data.active_ids > 0) {
+			let item = data.activeitems
+			data.activeCoupon = {
+				...item,
+				...calculateTimeRemaining(item.expire_times)
+			}
+			data.countdown = false
+			setTimeout(() => {
+				data.countdown = true
+			}, 100);
+			data.active_id = item.id
+			setTimeout(() => {
+				setPrice(true)
+			}, 1000);
+		}
+	}
+
+	function setActiveId(item) {
+		data.active_ids = item.id
+		data.activeitems = item
+	}
+
+	function setPrice(status) {
+		console.log("setPrice")
+		if (data.incrementTimer) {
+			clearInterval(data.incrementTimer);
+			data.incrementTimer = null
+		}
+		if (data.timeout) {
+			clearInterval(data.timeout);
+			data.timeout = null
+		}
+		let oldPrice = Number(data.goods.origin_price)
+		data.price = Number(data.goods.origin_price)
+		console.log("开始", data.price)
+		let price = 0
+		let origin_price = 0
+		let coupon = 0
+		if (data.active_id == 0) {
+			price = Number(data.goods.price)
+			origin_price = Number(data.goods.origin_price)
+			coupon = origin_price - price
+		} else {
+			price = data.goods.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon
+					.coupon_value) /
+				100) : ((1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))
+			coupon = (Number(data.goods.origin_price) - Number(data.goods.price)) + (Number(data.goods.price) - (data.goods
+				.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon.coupon_value) /
+					100) : ((
+					1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))))
+		}
+		data.coupon = proxy.$toFiexd(coupon, 0)
+		if (status) {
+			if (data.active_id) {
+				data.ishongBao = true
+				data.timeout = setTimeout(() => {
+					data.ishongBao = false
+				}, 1500);
+			}
+			data.price = proxy.$toFiexd(price, 2)
+			if (false) {
+				// 修复关键点：计算合理的间隔时间
+				const priceDiff = Math.abs(oldPrice - price);
+				// 确保间隔在合理范围内（16ms-100ms）
+				let interval = 1000 / priceDiff;
+				if (interval < 16) interval = 16; // 不低于16ms
+				if (interval > 100) interval = 100; // 不高于100ms
+				if (!isFinite(interval)) interval = 16; // 处理除零
+				console.log(`间隔: ${interval}ms`);
+				data.incrementTimer = setInterval(() => {
+					if (oldPrice > price) {
+						if (Number(data.price) > price) {
+							if ((oldPrice - price) > 500) {
+								data.price -= 4
+							} else {
+								data.price -= 1
+							}
+						} else {
+							data.isProcessingClick = false
+							data.price = proxy.$toFiexd(price, 2)
+							clearInterval(data.incrementTimer);
+							data.incrementTimer = null
+						}
+					} else {
+						if (Number(data.price) < price) {
+							data.price = Number(data.price) + 1
+						} else {
+							data.isProcessingClick = false
+							data.price = proxy.$toFiexd(price, 2)
+							clearInterval(data.incrementTimer);
+							data.incrementTimer = null
+						}
+					}
+					console.log(data.price)
+				}, interval)
+			}
+
+		} else {
+			data.isProcessingClick = false
+			data.price = proxy.$toFiexd(price, 2)
+		}
+		console.log("最后", data.price)
+
+
+	}
+	/* 获取我的优惠券 */
+	async function getActivity() {
 		let activity = await proxy.$requestPromise({
 			url: 'api/activity/coupon',
 			method: "GET",
@@ -589,363 +899,62 @@ onLoad(async (option) => {
 				} else {
 					item['isStatus'] = true
 				}
+			})
+			activity.data.items.forEach(item => {
 				item['expire_times'] = item.expire_time
-				item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(
-					0, 10)
+				item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(0, 10)
 			})
 			data.myActivity = [
-				...activity.data.items.filter(item => (item.threshold == '' || zsItem.price >= (Number(
-					item
-						.threshold) / 100)) && item.isStatus),
-				...activity.data.items.filter(item => (zsItem.price < (Number(item.threshold) / 100) &&
-					item
-						.threshold != '') || !item.isStatus)
+				...activity.data.items.filter(item => (item.threshold == '' || data.goods.price >= (Number(item
+						.threshold) /
+					100) && item.isStatus)),
+				...activity.data.items.filter(item => (data.goods.price < (Number(item.threshold) / 100) && item
+					.threshold !=
+					'') || !item.isStatus)
 			]
 			data.myActivity = deduplicateKeepLast(data.myActivity)
 		}
-		await onSelect(zsItem, zsIndex)
-	}
-	let activity = await proxy.$requestPromise({
-		url: 'api/activity',
-		method: "GET",
-		data: {
-			scene: 'uni_open_recharge'
-		}
-	})
-	data.activity = activity.data
-	if (activity.data.length != 0) {
-		coupon.value.open()
-	}
-	uni.setStorageSync('open_number', data.open_number + 1);
-	let uni_recharge_back = await proxy.$requestPromise({
-		url: 'api/activity',
-		method: "GET",
-		data: {
-			scene: 'uni_recharge_back'
-		}
-	})
-	data.uni_recharge_back = uni_recharge_back.data
-	if (uni_recharge_back.data.length == 0) {
-		data.isBack = false
-	}
-	uni.hideLoading();
-	if (uni.getStorageSync('onNativeEventReceive') != 'ok') {
-		uni.setStorageSync('onNativeEventReceive', 'ok')
-		//监听宿主传递消息
-		uni.onNativeEventReceive((event, data) => {
-			if (event) {
-				if (event == "wx_pay_result") {
-					if (Number(data) == 0) {
-						paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
-					} else {
-						uni.hideLoading();
-						uni.showToast({
-							icon: 'none',
-							title: '支付失败'
-						})
-					}
-				}
-				if (event == "ios_pay_result") {
-					if (Number(data) == 0) {
-						paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
-					} else {
-						uni.hideLoading();
-						uni.showToast({
-							icon: 'none',
-							title: '支付失败'
-						})
-					}
-				}
-				console.log('接收到宿主App消息-' + event + '：' + data);
-			}
-		})
 	}
 
-})
+	function deduplicateKeepLast(arr, idKey = 'id') {
+		const map = new Map();
 
-onShow(() => {
-	if (data.isCombo) {
-		uni.showModal({
-			title: '提示',
-			content: '是否支付成功？',
-			cancelText: '未支付',
-			confirmText: "已支付",
-			success: function (res) {
-				if (res.confirm) {
-					console.log('用户点击确定');
-					paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
-				} else if (res.cancel) {
-					console.log('用户点击取消');
-				}
-			}
+		arr.forEach(item => {
+			const id = item[idKey];
+			map.set(id, item); // 总是设置最新的值
 		});
-		data.isCombo = false
+
+		return Array.from(map.values());
 	}
-})
-onUnload(() => {
-	// uni.offNativeEventReceive()
-})
-onReady(() => {
-	try {
-		if (plus.os.name === 'Android') {
-			let color = plus.android.newObject("android.graphics.Color");
-			let activity = plus.android.runtimeMainActivity();
-			let colorInt = plus.android.invoke(color, "parseColor", '#fff'); // 设置为橙色    
-			let window = plus.android.invoke(activity, "getWindow");
-			plus.android.invoke(window, "setNavigationBarColor", colorInt);
-			uni.setNavigationBarColor({
-				animation: { // 动画效果
-					duration: 100,
-					timingFunc: 'easeIn'
-				}
+
+	/* 领取优惠券 */
+	async function submitActivity() {
+		console.log("activity_id");
+		let activity_id = ''
+		data.activity.forEach(item => {
+			activity_id += ',' + item.id
+		})
+		activity_id = activity_id.replace(',', '')
+		if (activity_id != "") {
+			console.log("activity_id", activity_id);
+			let activityRes = await postJson('q', 'api/activity', {
+				activity_id: activity_id //activity_id+"="
 			})
-			console.log("状态栏设置完毕！");
-			setTimeout(function () {
-				uni.setNavigationBarColor({
-					backgroundColor: '#fff',
-					animation: { // 动画效果
-						duration: 100,
-						timingFunc: 'easeIn'
-					}
+			console.log(activityRes)
+			if (activityRes.code == 0) {
+				coupon.value.close()
+				uni.showToast({
+					icon: 'none',
+					title: '领取成功'
 				})
-			}, 200);
-			setTimeout(function () {
-				plus.navigator.setStatusBarStyle("light");
-			}, 200);
-		}
-	} catch (error) {
-		//TODO handle the exception
-	}
-})
-
-
-
-function isToday(inputTime) {
-	// 获取当前日期的时间戳（去掉时分秒）
-	const today = new Date();
-	today.setHours(0, 0, 0, 0);
-	const todayTimestamp = today.getTime();
-
-	// 处理输入时间
-	const inputDate = new Date(inputTime);
-	inputDate.setHours(0, 0, 0, 0);
-	const inputTimestamp = inputDate.getTime();
-
-	// 比较时间戳
-	return inputTimestamp === todayTimestamp;
-}
-
-function calculateTimeRemaining(targetTime) {
-	// 获取目标时间和当前时间的时间戳
-	const target = new Date(targetTime).getTime();
-	const now = new Date().getTime();
-	// 计算时间差（毫秒）
-	const difference = target - now;
-	// 如果目标时间已过，返回0
-	if (difference <= 0) {
-		return {
-			days: 0,
-			hours: 0,
-			minutes: 0,
-			seconds: 0
-		};
-	}
-	// 计算天数
-	const days = Math.floor(difference / (1000 * 60 * 60 * 24));
-	// 计算剩余小时数
-	const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-	// 计算剩余分钟数
-	const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
-	// 计算剩余秒数
-	const seconds = Math.floor((difference % (1000 * 60)) / 1000);
-	console.log({
-		days: days,
-		hours: hours,
-		minutes: minutes,
-		seconds: seconds
-	})
-	return {
-		days: days,
-		hours: hours,
-		minutes: minutes,
-		seconds: seconds
-	};
-}
-
-function activeClick(status) {
-	myCoupon.value.close()
-	if (status && data.active_ids > 0) {
-		let item = data.activeitems
-		data.activeCoupon = {
-			...item,
-			...calculateTimeRemaining(item.expire_times)
-		}
-		data.countdown = false
-		setTimeout(() => {
-			data.countdown = true
-		}, 100);
-		data.active_id = item.id
-		setTimeout(() => {
-			setPrice(true)
-		}, 1000);
-	}
-}
-
-function setActiveId(item) {
-	data.active_ids = item.id
-	data.activeitems = item
-}
-
-function setPrice(status) {
-	console.log("setPrice")
-	if (data.incrementTimer) {
-		clearInterval(data.incrementTimer);
-		data.incrementTimer = null
-	}
-	if (data.timeout) {
-		clearInterval(data.timeout);
-		data.timeout = null
-	}
-	let oldPrice = Number(data.goods.origin_price)
-	data.price = Number(data.goods.origin_price)
-	console.log("开始", data.price)
-	let price = 0
-	let origin_price = 0
-	let coupon = 0
-	if (data.active_id == 0) {
-		price = Number(data.goods.price)
-		origin_price = Number(data.goods.origin_price)
-		coupon = origin_price - price
-	} else {
-		price = data.goods.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon
-			.coupon_value) /
-			100) : ((1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))
-		coupon = (Number(data.goods.origin_price) - Number(data.goods.price)) + (Number(data.goods.price) - (data.goods
-			.price - (data.activeCoupon.coupon_type_name != '折扣券' ? (Number(data.activeCoupon.coupon_value) /
-				100) : ((
-					1 - Number(data.activeCoupon.coupon_value)) * data.goods.price))))
-	}
-	data.coupon = proxy.$toFiexd(coupon, 0)
-	if (status) {
-		if (data.active_id) {
-			data.ishongBao = true
-			data.timeout = setTimeout(() => {
-				data.ishongBao = false
-			}, 1500);
-		}
-		data.price = proxy.$toFiexd(price, 2)
-		if (false) {
-			// 修复关键点：计算合理的间隔时间
-			const priceDiff = Math.abs(oldPrice - price);
-			// 确保间隔在合理范围内（16ms-100ms）
-			let interval = 1000 / priceDiff;
-			if (interval < 16) interval = 16; // 不低于16ms
-			if (interval > 100) interval = 100; // 不高于100ms
-			if (!isFinite(interval)) interval = 16; // 处理除零
-			console.log(`间隔: ${interval}ms`);
-			data.incrementTimer = setInterval(() => {
-				if (oldPrice > price) {
-					if (Number(data.price) > price) {
-						if ((oldPrice - price) > 500) {
-							data.price -= 4
-						} else {
-							data.price -= 1
-						}
-					} else {
-						data.isProcessingClick = false
-						data.price = proxy.$toFiexd(price, 2)
-						clearInterval(data.incrementTimer);
-						data.incrementTimer = null
-					}
-				} else {
-					if (Number(data.price) < price) {
-						data.price = Number(data.price) + 1
-					} else {
-						data.isProcessingClick = false
-						data.price = proxy.$toFiexd(price, 2)
-						clearInterval(data.incrementTimer);
-						data.incrementTimer = null
-					}
-				}
-				console.log(data.price)
-			}, interval)
-		}
-
-	} else {
-		data.isProcessingClick = false
-		data.price = proxy.$toFiexd(price, 2)
-	}
-	console.log("最后", data.price)
-
-
-}
-/* 获取我的优惠券 */
-async function getActivity() {
-	let activity = await proxy.$requestPromise({
-		url: 'api/activity/coupon',
-		method: "GET",
-		data: {
-			page: 1,
-			size: 50,
-			status: 1
-		}
-	})
-	if (activity.data.total != 0) {
-		activity.data.items.forEach(item => {
-			if (new Date(item.expire_time) < new Date()) {
-				item['isStatus'] = false
+				getActivity()
 			} else {
-				item['isStatus'] = true
+				coupon.value.close()
+				uni.showToast({
+					icon: 'none',
+					title: '领取失败'
+				})
 			}
-		})
-		activity.data.items.forEach(item => {
-			item['expire_times'] = item.expire_time
-			item.expire_time = item.expire_time.replace('-', '.').replace('-', '.').substring(0, 10)
-		})
-		data.myActivity = [
-			...activity.data.items.filter(item => (item.threshold == '' || data.goods.price >= (Number(item
-				.threshold) /
-				100) && item.isStatus)),
-			...activity.data.items.filter(item => (data.goods.price < (Number(item.threshold) / 100) && item
-				.threshold !=
-				'') || !item.isStatus)
-		]
-		data.myActivity = deduplicateKeepLast(data.myActivity)
-	}
-}
-
-function deduplicateKeepLast(arr, idKey = 'id') {
-	const map = new Map();
-
-	arr.forEach(item => {
-		const id = item[idKey];
-		map.set(id, item); // 总是设置最新的值
-	});
-
-	return Array.from(map.values());
-}
-
-/* 领取优惠券 */
-async function submitActivity() {
-	console.log("activity_id");
-	let activity_id = ''
-	data.activity.forEach(item => {
-		activity_id += ',' + item.id
-	})
-	activity_id = activity_id.replace(',', '')
-	if (activity_id != "") {
-		console.log("activity_id", activity_id);
-		let activityRes = await postJson('q', 'api/activity', {
-			activity_id: activity_id //activity_id+"="
-		})
-		console.log(activityRes)
-		if (activityRes.code == 0) {
-			coupon.value.close()
-			uni.showToast({
-				icon: 'none',
-				title: '领取成功'
-			})
-			getActivity()
 		} else {
 			coupon.value.close()
 			uni.showToast({
@@ -953,92 +962,60 @@ async function submitActivity() {
 				title: '领取失败'
 			})
 		}
-	} else {
-		coupon.value.close()
-		uni.showToast({
-			icon: 'none',
-			title: '领取失败'
-		})
+
 	}
-
-}
-/**
- * @param {Object} item
- * @param {Object} index
- * 选择购买套餐
- */
+	/**
+	 * @param {Object} item
+	 * @param {Object} index
+	 * 选择购买套餐
+	 */
 
 
-/* 
-防抖
-*/
-const debouncedOnSelect = debounce((items, index) => {
-	onSelect(items, index);
-}, 200, false);
+	/* 
+	防抖
+	*/
+	const debouncedOnSelect = debounce((items, index) => {
+		onSelect(items, index);
+	}, 200, false);
 
-function debounce(func, wait, immediate = true) {
-	let timeout;
-	return function (...args) {
-		const later = () => {
-			timeout = null;
-			if (!immediate) func(...args);
+	function debounce(func, wait, immediate = true) {
+		let timeout;
+		return function(...args) {
+			const later = () => {
+				timeout = null;
+				if (!immediate) func(...args);
+			};
+
+			const callNow = immediate && !timeout;
+			clearTimeout(timeout);
+			timeout = setTimeout(later, wait);
+
+			if (callNow) func(...args);
 		};
-
-		const callNow = immediate && !timeout;
-		clearTimeout(timeout);
-		timeout = setTimeout(later, wait);
-
-		if (callNow) func(...args);
-	};
-}
-async function onSelect(items, index) {
-	data.active_id = 0
-	data.activeCoupon = {}
-	data.active_ids = 0
-	data.countdown = false
-	data.goods = items
-	console.log("选中商品", data.goods)
-	let id = 0
-	if (data.myActivity.length > 0) {
-		let defaultCoupon = data.myActivity.filter(item => item.activity_id == data.goods.default_activity)
-		if (defaultCoupon.length > 0) {
-			defaultCoupon.forEach(item => {
-				if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') && item
-					.isStatus) {
-					item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item
-						.coupon_value) /
-						100) : ((1 - Number(item.coupon_value)) * data.goods.price))
-				} else {
-					item['price2'] = 10000000
-				}
-			})
-			let maxItem = defaultCoupon.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
-			console.log("默认", maxItem)
-			if (maxItem.price2 != 10000000) {
-				id = maxItem.id
-				data.activeitems = maxItem
-				data.activeCoupon = {
-					...maxItem,
-					...calculateTimeRemaining(maxItem.expire_times)
-				}
-
-				console.log("data.activeCoupon", data.activeCoupon)
-			}
-		}
-		if (id == 0 && data.goods.default_activity != '') {
-			try {
-				data.myActivity.forEach(item => {
-					if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') &&
-						item.isStatus) {
+	}
+	async function onSelect(items, index) {
+		data.active_id = 0
+		data.activeCoupon = {}
+		data.active_ids = 0
+		data.countdown = false
+		data.goods = items
+		console.log("选中商品", data.goods)
+		let id = 0
+		if (data.myActivity.length > 0) {
+			let defaultCoupon = data.myActivity.filter(item => item.activity_id == data.goods.default_activity)
+			if (defaultCoupon.length > 0) {
+				defaultCoupon.forEach(item => {
+					if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') && item
+						.isStatus) {
 						item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item
-							.coupon_value) /
+								.coupon_value) /
 							100) : ((1 - Number(item.coupon_value)) * data.goods.price))
 					} else {
 						item['price2'] = 10000000
 					}
 				})
-				let maxItem = data.myActivity.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
-				console.log("其他", maxItem)
+				let maxItem = defaultCoupon.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
+				console.log("默认", maxItem)
 				if (maxItem.price2 != 10000000) {
 					id = maxItem.id
 					data.activeitems = maxItem
@@ -1046,1044 +1023,1068 @@ async function onSelect(items, index) {
 						...maxItem,
 						...calculateTimeRemaining(maxItem.expire_times)
 					}
+
+					console.log("data.activeCoupon", data.activeCoupon)
+				}
+			}
+			if (id == 0 && data.goods.default_activity != '') {
+				try {
+					data.myActivity.forEach(item => {
+						if ((data.goods.price >= (Number(item.threshold) / 100) || item.threshold == '') &&
+							item.isStatus) {
+							item['price2'] = data.goods.price - (item.coupon_type_name != '折扣券' ? (Number(item
+									.coupon_value) /
+								100) : ((1 - Number(item.coupon_value)) * data.goods.price))
+						} else {
+							item['price2'] = 10000000
+						}
+					})
+					let maxItem = data.myActivity.reduce((min, curr) => curr.price2 < min.price2 ? curr : min)
+					console.log("其他", maxItem)
+					if (maxItem.price2 != 10000000) {
+						id = maxItem.id
+						data.activeitems = maxItem
+						data.activeCoupon = {
+							...maxItem,
+							...calculateTimeRemaining(maxItem.expire_times)
+						}
+					}
+				} catch (error) {
+					console.log(error)
+					//TODO handle the exception
 				}
-			} catch (error) {
-				console.log(error)
-				//TODO handle the exception
 			}
 		}
-	}
-	console.log(data.activeitems)
-	console.log(data.active_id)
-	data.active_id = id
-	data.active_ids = id
-	selected.value = index + 1
-	buttonText.value = `${items.price}元享受${items.goods_name}`
-	if (items.pay_type != '') {
-		let list = items.pay_type.split(',').filter(cell => cell == 'alipay' || cell == 'weixin')
-		if (list.length != 0) {
-			let listData = list.map(cell => {
-				return {
-					image: cell == 'weixin' ? '/static/image/recharge/wxpay.png' :
-						'/static/image/recharge/alipay.png',
-					name: cell == 'weixin' ? '微信支付' : '支付宝支付',
-					type: cell == 'weixin' ? 'wxpay' : 'alipay'
-				}
-			})
-			data.payList = listData
+		console.log(data.activeitems)
+		console.log(data.active_id)
+		data.active_id = id
+		data.active_ids = id
+		selected.value = index + 1
+		buttonText.value = `${items.price}元享受${items.goods_name}`
+		if (items.pay_type != '') {
+			let list = items.pay_type.split(',').filter(cell => cell == 'alipay' || cell == 'weixin')
+			if (list.length != 0) {
+				let listData = list.map(cell => {
+					return {
+						image: cell == 'weixin' ? '/static/image/recharge/wxpay.png' : '/static/image/recharge/alipay.png',
+						name: cell == 'weixin' ? '微信支付' : '支付宝支付',
+						type: cell == 'weixin' ? 'wxpay' : 'alipay'
+					}
+				})
+				data.payList = listData
+			} else {
+				data.payList = [{
+						image: '/static/image/recharge/wxpay.png',
+						name: '微信支付',
+						type: 'wxpay'
+					},
+					{
+						image: '/static/image/recharge/alipay.png',
+						name: '支付宝支付',
+						type: 'alipay',
+					}
+				]
+			}
 		} else {
 			data.payList = [{
-				image: '/static/image/recharge/wxpay.png',
-				name: '微信支付',
-				type: 'wxpay'
-			},
-			{
-				image: '/static/image/recharge/alipay.png',
-				name: '支付宝支付',
-				type: 'alipay',
-			}
+					image: '/static/image/recharge/wxpay.png',
+					name: '微信支付',
+					type: 'wxpay'
+				},
+				{
+					image: '/static/image/recharge/alipay.png',
+					name: '支付宝支付',
+					type: 'alipay',
+				}
 			]
 		}
-	} else {
-		data.payList = [{
-			image: '/static/image/recharge/wxpay.png',
-			name: '微信支付',
-			type: 'wxpay'
-		},
-		{
-			image: '/static/image/recharge/alipay.png',
-			name: '支付宝支付',
-			type: 'alipay',
+		paymentMethod.value = data.payList[0].type
+		setTimeout(function() {
+			data.countdown = true
+		}, 100);
+		await setPrice(true)
+		await getActivity()
+
+	}
+	/**
+	 * @param {Object} value
+	 * 选择支付方式
+	 */
+	function onSelectPayment(value) {
+		paymentMethod.value = value
+	}
+
+	function open() {
+
+		uni.setStorageSync('back_number', data.back_number + 1);
+		// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
+		if (!data.isBack) {
+			proxy.$apiUserEvent('all', {
+				type: "event",
+				key: "recharge_dialog",
+				value: "返回充值页弹窗",
+				extra: {
+					uni_version: proxy.$version
+
+				}
+			}, {
+				type: 'recharge_dialog',
+				data: {
+					uni_version: proxy.$version
+				}
+			})
+			data.activeCoupon2 = calculateTimeRemaining(data.activeCoupon.expire_times)
+			console.log("data.activeCoupon2: " + JSON.stringify(data.activeCoupon2));
+			popup.value.open('center')
+		} else {
+
+			data.isBack = false
+			data.activity = data.uni_recharge_back
+			data.coupon = false
+			coupon.value.open()
+
 		}
-		]
 	}
-	paymentMethod.value = data.payList[0].type
-	setTimeout(function () {
-		data.countdown = true
-	}, 100);
-	await setPrice(true)
-	await getActivity()
-
-}
-/**
- * @param {Object} value
- * 选择支付方式
- */
-function onSelectPayment(value) {
-	paymentMethod.value = value
-}
-
-function open() {
-
-	uni.setStorageSync('back_number', data.back_number + 1);
-	// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
-	if (!data.isBack) {
-		proxy.$apiUserEvent('all', {
-			type: "event",
-			key: "recharge_dialog",
-			value: "返回充值页弹窗",
-			extra: {
-				uni_version: proxy.$version
-
-			}
-		}, {
-			type: 'recharge_dialog',
-			data: {
-				uni_version: proxy.$version
-			}
-		})
-		data.activeCoupon2 = calculateTimeRemaining(data.activeCoupon.expire_times)
-		console.log("data.activeCoupon2: " + JSON.stringify(data.activeCoupon2));
-		popup.value.open('center')
-	} else {
-
-		data.isBack = false
-		data.activity = data.uni_recharge_back
-		data.coupon = false
-		coupon.value.open()
 
+	/**
+	 * 随机生成通知列表
+	 */
+	function generateNoticeList() {
+		noticeList.value = []
+		for (let i = 0; i <= 10; i++) {
+			noticeList.value.push({
+				user: `用户${generateMaskedPhoneNumber()}`,
+				time: generateNaturalTimeAgo(),
+				package: getRandomItem()
+			})
+		}
 	}
-}
-
-/**
- * 随机生成通知列表
- */
-function generateNoticeList() {
-	noticeList.value = []
-	for (let i = 0; i <= 10; i++) {
-		noticeList.value.push({
-			user: `用户${generateMaskedPhoneNumber()}`,
-			time: generateNaturalTimeAgo(),
-			package: getRandomItem()
-		})
-	}
-}
-/**
- * 下单拉取支付
- */
-async function activateVip(type = '') {
-	if (type == 'back') {
-		proxy.$apiUserEvent('all', {
-			type: "click",
-			key: "recharge_dialog_pay",
-			value: "返回弹窗页开通会员按钮",
-			extra: {
-				uni_version: proxy.$version
-			}
-		}, {
-			type: 'recharge_dialog_pay',
-			data: {
-				uni_version: proxy.$version
-			}
-		})
-	}
-	uni.showLoading({
-		title: '支付中',
-		mask: true // 添加遮罩防止用户操作
-	});
-
-	uni.setStorageSync("UserEventOrder", {
-		"订单金额": data.goods.price + '元',
-		"订单名称": data.goods.goods_name,
-		"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-	})
-
-	let isComBo = uni.getStorageSync('isCombo') == 'ok'
-	let paymentRes = await postJson('a', 'api/order', {
-		goods_id: data.goods.goods_id,
-		coupon: data.active_id ? data.active_id : '',
-		pay_type: paymentMethod.value == "wxpay" ? (data.goods.weixinMpOriId && isComBo ? 'combo' :
-			'weixin') : "alipay",
-		"pay_source": "app",
-		// source: "uni_alipay",
-		source: data.source,
-	})
-
-
-
-	if (paymentRes.code == 0) {
-		let payData = {}
-		if (paymentMethod.value == "wxpay") {
-
-			if (data.goods.weixinMpOriId && isComBo) {
-				console.log(paymentRes)
-				let SZappData = {
-					weixinMpOriId: data.goods.weixinMpOriId,
-					outTradeNo: paymentRes.data.outTradeNo
+	/**
+	 * 下单拉取支付
+	 */
+	async function activateVip(type = '') {
+		if (type == 'back') {
+			proxy.$apiUserEvent('all', {
+				type: "click",
+				key: "recharge_dialog_pay",
+				value: "返回弹窗页开通会员按钮",
+				extra: {
+					uni_version: proxy.$version
 				}
-				uni.setStorageSync('orderId', paymentRes.data.orderId)
-				uni.sendNativeEvent('start_combo_pay', SZappData, ret => {
-					console.log('宿主App回传的数据：' + ret);
-				});
-				data.isCombo = true
-				uni.hideLoading();
-				return
-			} else {
-				payData = {
-					"appid": paymentRes.data.appId, // 应用ID
-					"noncestr": paymentRes.data.nonceStr, // 随机字符串
-					"package": "Sign=WXPay", // 固定值
-					"partnerid": paymentRes.data.partnerId, // 商户号
-					"prepayid": paymentRes.data.prepayId, // 预支付交易会话ID
-					"timestamp": Number(paymentRes.data.timeStamp), // 时间戳（秒！）
-					"sign": paymentRes.data.sign // 签名
+			}, {
+				type: 'recharge_dialog_pay',
+				data: {
+					uni_version: proxy.$version
 				}
-				uni.setStorageSync('orderId', paymentRes.data.orderId)
-				//安卓wx支付开始传递开始
-				if (proxy.$system != 'iOS') {
-					uni.sendNativeEvent('wx_pay_start_alipay', paymentRes.data.orderId, ret => {
+			})
+		}
+		uni.showLoading({
+			title: '支付中',
+			mask: true // 添加遮罩防止用户操作
+		});
+
+		uni.setStorageSync("UserEventOrder", {
+			"订单金额": data.goods.price + '元',
+			"订单名称": data.goods.goods_name,
+			"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+		})
+
+		let isComBo = uni.getStorageSync('isCombo') == 'ok'
+		let paymentRes = await postJson('a', 'api/order', {
+			goods_id: data.goods.goods_id,
+			coupon: data.active_id ? data.active_id : '',
+			pay_type: paymentMethod.value == "wxpay" ? (data.goods.weixinMpOriId && isComBo ? 'combo' :
+				'weixin') : "alipay",
+			"pay_source": "app",
+			// source: "uni_alipay",
+			source: data.source,
+		})
+
+
+
+		if (paymentRes.code == 0) {
+			let payData = {}
+			if (paymentMethod.value == "wxpay") {
+
+				if (data.goods.weixinMpOriId && isComBo) {
+					console.log(paymentRes)
+					let SZappData = {
+						weixinMpOriId: data.goods.weixinMpOriId,
+						outTradeNo: paymentRes.data.outTradeNo
+					}
+					uni.setStorageSync('orderId', paymentRes.data.orderId)
+					uni.sendNativeEvent('start_combo_pay', SZappData, ret => {
 						console.log('宿主App回传的数据：' + ret);
 					});
+					data.isCombo = true
+					uni.hideLoading();
+					return
+				} else {
+					payData = {
+						"appid": paymentRes.data.appId, // 应用ID
+						"noncestr": paymentRes.data.nonceStr, // 随机字符串
+						"package": "Sign=WXPay", // 固定值
+						"partnerid": paymentRes.data.partnerId, // 商户号
+						"prepayid": paymentRes.data.prepayId, // 预支付交易会话ID
+						"timestamp": Number(paymentRes.data.timeStamp), // 时间戳（秒！）
+						"sign": paymentRes.data.sign // 签名
+					}
+					uni.setStorageSync('orderId', paymentRes.data.orderId)
+					//安卓wx支付开始传递开始
+					if (proxy.$system != 'iOS') {
+						uni.sendNativeEvent('wx_pay_start_alipay', paymentRes.data.orderId, ret => {
+							console.log('宿主App回传的数据：' + ret);
+						});
+					}
 				}
+			} else {
+				payData = paymentRes.data.payParam
+				uni.setStorageSync('orderId', paymentRes.data.orderId)
 			}
-		} else {
-			payData = paymentRes.data.payParam
-			uni.setStorageSync('orderId', paymentRes.data.orderId)
-		}
-		// ios 支付由宿主处理 
-		if (proxy.$system == 'iOS') {
-			setTimeout(() => {
-				uni.hideLoading();
-			}, 30000);
-			uni.sendNativeEvent('paymentResData', JSON.stringify(paymentRes.data), ret => {
-				console.log('宿主App回传的数据：' + ret);
-			});
-			return
-		}
-		uni.requestPayment({
-			provider: paymentMethod.value,
-			orderInfo: payData, //支付宝订单数据
-			success: function (resss) {
+			// ios 支付由宿主处理 
+			if (proxy.$system == 'iOS') {
 				setTimeout(() => {
 					uni.hideLoading();
 				}, 30000);
-				paymentResult(paymentRes.data.orderId, paymentMethod.value)
-			},
-			fail: function (err) {
-				proxy.$apiUserEvent('all', {
-					type: "event",
-					key: "pay_fail",
-					value: "支付失败",
-					extra: {
-						from: data.currentUrl,
-						"订单号": paymentRes.data.orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-						"原因": JSON.stringify(err),
-					}
-				}, {
-					type: 'pay_fail',
-					data: {
-						from: data.currentUrl,
-						"订单号": paymentRes.data.orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-						"原因": JSON.stringify(err),
-					}
-				})
-				uni.hideLoading();
-				uni.showToast({
-					icon: 'none',
-					title: '支付失败'
-				})
-			}
-		});
-	} else {
-		uni.hideLoading();
-		uni.showToast({
-			icon: 'none',
-			title: '支付失败'
-		})
-	}
-	setTimeout(() => {
-		uni.hideLoading();
-	}, 10000);
-}
-
-
-// 支付状态轮询函数
-async function paymentResult(orderId, paytype) {
-	uni.hideLoading();
-	uni.showLoading({
-		title: '会员发放排队中，正在实时向服务器索要，请耐心等待。',
-		mask: true
-	});
-
-	let attempts = 0;
-	const maxAttempts = 10;
-	const pollInterval = 1000;
-
-	const poll = async () => {
-		try {
-			let orderInfo = await proxy.$requestPromise({
-				url: 'api/order',
-				method: "GET",
-				data: {
-					order_id: orderId
-				}
-			});
-
-			console.log("订单状态：", orderInfo);
-
-			if (orderInfo.code == 0 && orderInfo.data.status == 2) {
-				// 支付成功
-				uni.sendNativeEvent('pay_success', paymentMethod.value, ret => {
+				uni.sendNativeEvent('paymentResData', JSON.stringify(paymentRes.data), ret => {
 					console.log('宿主App回传的数据：' + ret);
 				});
+				return
+			}
+			uni.requestPayment({
+				provider: paymentMethod.value,
+				orderInfo: payData, //支付宝订单数据
+				success: function(resss) {
+					setTimeout(() => {
+						uni.hideLoading();
+					}, 30000);
+					paymentResult(paymentRes.data.orderId, paymentMethod.value)
+				},
+				fail: function(err) {
+					proxy.$apiUserEvent('all', {
+						type: "event",
+						key: "pay_fail",
+						value: "支付失败",
+						extra: {
+							from: data.currentUrl,
+							"订单号": paymentRes.data.orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+							"原因": JSON.stringify(err),
+						}
+					}, {
+						type: 'pay_fail',
+						data: {
+							from: data.currentUrl,
+							"订单号": paymentRes.data.orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+							"原因": JSON.stringify(err),
+						}
+					})
+					uni.hideLoading();
+					uni.showToast({
+						icon: 'none',
+						title: '支付失败'
+					})
+				}
+			});
+		} else {
+			uni.hideLoading();
+			uni.showToast({
+				icon: 'none',
+				title: '支付失败'
+			})
+		}
+		setTimeout(() => {
+			uni.hideLoading();
+		}, 10000);
+	}
 
-				proxy.$apiUserEvent('all', {
-					type: "event",
-					key: "pay_success",
-					value: "支付成功",
-					extra: {
-						from: data.currentUrl,
-						"订单号": orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
-					}
-				}, {
-					type: 'pay_success',
+
+	// 支付状态轮询函数
+	async function paymentResult(orderId, paytype) {
+		uni.hideLoading();
+		uni.showLoading({
+			title: '会员发放排队中，正在实时向服务器索要，请耐心等待。',
+			mask: true
+		});
+
+		let attempts = 0;
+		const maxAttempts = 10;
+		const pollInterval = 1000;
+
+		const poll = async () => {
+			try {
+				let orderInfo = await proxy.$requestPromise({
+					url: 'api/order',
+					method: "GET",
 					data: {
-						from: data.currentUrl,
-						"订单号": orderId,
-						"订单金额": data.goods.price + '元',
-						"订单名称": data.goods.goods_name,
-						"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+						order_id: orderId
 					}
 				});
 
-				// 修复：这里应该用赋值操作，原代码缺少等号
-				data.appUser.vip = 2;
+				console.log("订单状态：", orderInfo);
 
-				// 刷新用户数据
-				await proxy.$getUserInfo();
-				uni.hideLoading();
-				uni.showToast({
-					title: '支付成功',
-					icon: 'success',
-					duration: 2000
-				});
+				if (orderInfo.code == 0 && orderInfo.data.status == 2) {
+					// 支付成功
+					uni.sendNativeEvent('pay_success', paymentMethod.value, ret => {
+						console.log('宿主App回传的数据：' + ret);
+					});
 
-				setTimeout(() => {
-					uni.navigateBack();
-				}, 1000);
+					proxy.$apiUserEvent('all', {
+						type: "event",
+						key: "pay_success",
+						value: "支付成功",
+						extra: {
+							from: data.currentUrl,
+							"订单号": orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+						}
+					}, {
+						type: 'pay_success',
+						data: {
+							from: data.currentUrl,
+							"订单号": orderId,
+							"订单金额": data.goods.price + '元',
+							"订单名称": data.goods.goods_name,
+							"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
+						}
+					});
 
-				return; // 成功时停止轮询
+					// 修复：这里应该用赋值操作，原代码缺少等号
+					data.appUser.vip = 2;
+
+					// 刷新用户数据
+					await proxy.$getUserInfo();
+					uni.hideLoading();
+					uni.showToast({
+						title: '支付成功',
+						icon: 'success',
+						duration: 2000
+					});
+
+					setTimeout(() => {
+						uni.navigateBack();
+					}, 1000);
+
+					return; // 成功时停止轮询
+				}
+
+				// 检查是否达到最大尝试次数
+				if (attempts >= maxAttempts) {
+					uni.hideLoading();
+					uni.showToast({
+						title: '查询超时，请稍后查看',
+						icon: 'none',
+						duration: 3000
+					});
+					return;
+				}
+
+				// 继续轮询
+				attempts++;
+				setTimeout(poll, pollInterval);
+
+			} catch (error) {
+				console.error("轮询请求出错:", error);
+
+				// 错误时也检查尝试次数
+				if (attempts >= maxAttempts) {
+					uni.hideLoading();
+					uni.showToast({
+						title: '网络错误，请稍后查看订单状态',
+						icon: 'none',
+						duration: 3000
+					});
+					return;
+				}
+
+				attempts++;
+				setTimeout(poll, pollInterval);
 			}
+		};
 
-			// 检查是否达到最大尝试次数
-			if (attempts >= maxAttempts) {
-				uni.hideLoading();
-				uni.showToast({
-					title: '查询超时，请稍后查看',
-					icon: 'none',
-					duration: 3000
-				});
-				return;
+		// 开始轮询
+		poll();
+	}
+
+	// 随机抽取一个元素
+	function getRandomItem() {
+		const list = ['月度会员', '季度会员', '年度会员'];
+		const randomIndex = Math.floor(Math.random() * list.length);
+		return list[randomIndex];
+	}
+
+	/**
+	 * 随机生成时间提示语
+	 */
+	function generateNaturalTimeAgo() {
+		const weights = [{
+				range: [1, 30],
+				weight: 30,
+				unit: '分钟'
+			}, // 1-30分钟，权重30%
+			{
+				range: [31, 60],
+				weight: 15,
+				unit: '分钟'
+			}, // 31-60分钟，权重15%
+			{
+				range: [1, 3],
+				weight: 10,
+				unit: '小时'
+			}, // 1-3小时，权重10%
+			{
+				range: [4, 12],
+				weight: 10,
+				unit: '小时'
+			}, // 4-12小时，权重10%
+			{
+				range: [1, 2],
+				weight: 10,
+				unit: '天'
+			}, // 1-2天，权重10%
+			{
+				range: [3, 7],
+				weight: 10,
+				unit: '天'
+			}, // 3-7天，权重10%
+			{
+				range: [1, 4],
+				weight: 10,
+				unit: '周'
+			}, // 1-4周，权重10%
+			{
+				range: [1, 3],
+				weight: 3,
+				unit: '个月'
+			}, // 1-12个月，权重3%
+			{
+				range: [4, 12],
+				weight: 2,
+				unit: '个月'
+			} // 1-12个月，权重2%
+		];
+
+		// 计算总权重
+		const totalWeight = weights.reduce((sum, item) => sum + item.weight, 0);
+		let random = Math.random() * totalWeight;
+		let selected;
+
+		// 根据权重选择时间范围
+		for (const item of weights) {
+			random -= item.weight;
+			if (random <= 0) {
+				selected = item;
+				break;
 			}
+		}
 
-			// 继续轮询
-			attempts++;
-			setTimeout(poll, pollInterval);
+		// 在选中的范围内生成随机值
+		const [min, max] = selected.range;
+		const amount = Math.floor(Math.random() * (max - min + 1)) + min;
 
-		} catch (error) {
-			console.error("轮询请求出错:", error);
+		return `${amount}${selected.unit}前`;
+	}
+
+	/**
+	 * 随机生成电话号码
+	 */
+	function generateMaskedPhoneNumber() {
+		// 常见手机号段
+		const prefixes = [
+			'130', '131', '132', '133', '134', '135', '136', '137', '138', '139',
+			'145', '146', '147', '148', '149',
+			'150', '151', '152', '153', '155', '156', '157', '158', '159',
+			'165', '166', '167', '168',
+			'170', '171', '172', '173', '174', '175', '176', '177', '178',
+			'180', '181', '182', '183', '184', '185', '186', '187', '188', '189',
+			'191', '198', '199'
+		];
+
+		// 随机选择号段
+		const prefix = prefixes[Math.floor(Math.random() * prefixes.length)];
+
+		// 生成完整的11位号码
+		let fullNumber = prefix;
+		for (let i = 0; i < 11 - prefix.length; i++) {
+			fullNumber += Math.floor(Math.random() * 10);
+		}
+
+		// 对中间4位进行掩码处理：前3位 + **** + 后4位
+		return fullNumber.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
+	}
+
+
+	/**
+	 * 返回
+	 */
+	function back() {
+		proxy.$apiUserEvent('all', {
+			type: "click",
+			key: "recharge_dialog_cancel",
+			value: "去意已决",
+			extra: {
+				uni_version: proxy.$version
 
-			// 错误时也检查尝试次数
-			if (attempts >= maxAttempts) {
-				uni.hideLoading();
-				uni.showToast({
-					title: '网络错误，请稍后查看订单状态',
-					icon: 'none',
-					duration: 3000
-				});
-				return;
 			}
+		}, {
+			type: 'recharge_dialog_cancel',
+			data: {
+				uni_version: proxy.$version
+			}
+		})
+		uni.navigateBack();
+	}
 
-			attempts++;
-			setTimeout(poll, pollInterval);
+	function Complete() {
+		data.coupon = false
+		console.log("播放完成");
+	}
+
+	function shouldBeTrue(obj) {
+		// 情况1: 没有 features 字段 → 返回 true
+		if (!('features' in obj)) {
+			return false;
 		}
-	};
 
-	// 开始轮询
-	poll();
-}
-
-// 随机抽取一个元素
-function getRandomItem() {
-	const list = ['月度会员', '季度会员', '年度会员'];
-	const randomIndex = Math.floor(Math.random() * list.length);
-	return list[randomIndex];
-}
-
-/**
- * 随机生成时间提示语
- */
-function generateNaturalTimeAgo() {
-	const weights = [{
-		range: [1, 30],
-		weight: 30,
-		unit: '分钟'
-	}, // 1-30分钟，权重30%
-	{
-		range: [31, 60],
-		weight: 15,
-		unit: '分钟'
-	}, // 31-60分钟，权重15%
-	{
-		range: [1, 3],
-		weight: 10,
-		unit: '小时'
-	}, // 1-3小时，权重10%
-	{
-		range: [4, 12],
-		weight: 10,
-		unit: '小时'
-	}, // 4-12小时，权重10%
-	{
-		range: [1, 2],
-		weight: 10,
-		unit: '天'
-	}, // 1-2天，权重10%
-	{
-		range: [3, 7],
-		weight: 10,
-		unit: '天'
-	}, // 3-7天，权重10%
-	{
-		range: [1, 4],
-		weight: 10,
-		unit: '周'
-	}, // 1-4周，权重10%
-	{
-		range: [1, 3],
-		weight: 3,
-		unit: '个月'
-	}, // 1-12个月，权重3%
-	{
-		range: [4, 12],
-		weight: 2,
-		unit: '个月'
-	} // 1-12个月，权重2%
-	];
-
-	// 计算总权重
-	const totalWeight = weights.reduce((sum, item) => sum + item.weight, 0);
-	let random = Math.random() * totalWeight;
-	let selected;
-
-	// 根据权重选择时间范围
-	for (const item of weights) {
-		random -= item.weight;
-		if (random <= 0) {
-			selected = item;
-			break;
+		// 情况2: features 字段存在但为空或 undefined → 返回 true
+		if (!obj.features) {
+			return false;
 		}
-	}
-
-	// 在选中的范围内生成随机值
-	const [min, max] = selected.range;
-	const amount = Math.floor(Math.random() * (max - min + 1)) + min;
-
-	return `${amount}${selected.unit}前`;
-}
-
-/**
- * 随机生成电话号码
- */
-function generateMaskedPhoneNumber() {
-	// 常见手机号段
-	const prefixes = [
-		'130', '131', '132', '133', '134', '135', '136', '137', '138', '139',
-		'145', '146', '147', '148', '149',
-		'150', '151', '152', '153', '155', '156', '157', '158', '159',
-		'165', '166', '167', '168',
-		'170', '171', '172', '173', '174', '175', '176', '177', '178',
-		'180', '181', '182', '183', '184', '185', '186', '187', '188', '189',
-		'191', '198', '199'
-	];
-
-	// 随机选择号段
-	const prefix = prefixes[Math.floor(Math.random() * prefixes.length)];
-
-	// 生成完整的11位号码
-	let fullNumber = prefix;
-	for (let i = 0; i < 11 - prefix.length; i++) {
-		fullNumber += Math.floor(Math.random() * 10);
-	}
-
-	// 对中间4位进行掩码处理：前3位 + **** + 后4位
-	return fullNumber.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
-}
-
-
-/**
- * 返回
- */
-function back() {
-	proxy.$apiUserEvent('all', {
-		type: "click",
-		key: "recharge_dialog_cancel",
-		value: "去意已决",
-		extra: {
-			uni_version: proxy.$version
 
+		// 情况3: features 字段包含 alipay → 返回 true
+		if (obj.features.includes('alipay')) {
+			return false;
 		}
-	}, {
-		type: 'recharge_dialog_cancel',
-		data: {
-			uni_version: proxy.$version
-		}
-	})
-	uni.navigateBack();
-}
 
-function Complete() {
-	data.coupon = false
-	console.log("播放完成");
-}
-
-function shouldBeTrue(obj) {
-	// 情况1: 没有 features 字段 → 返回 true
-	if (!('features' in obj)) {
-		return false;
+		// 情况4: 有 features 字段且不包含 alipay → 返回 false
+		return true;
 	}
-
-	// 情况2: features 字段存在但为空或 undefined → 返回 true
-	if (!obj.features) {
-		return false;
-	}
-
-	// 情况3: features 字段包含 alipay → 返回 true
-	if (obj.features.includes('alipay')) {
-		return false;
-	}
-
-	// 情况4: 有 features 字段且不包含 alipay → 返回 false
-	return true;
-}
 </script>
 <style>
-@import "@/common/main.css";
+	@import "@/common/main.css";
 </style>
 <style lang="scss" scoped>
-* {
-	box-sizing: content-box;
-}
-
-.couponBox {
-	width: 375px;
-	height: 450px;
-	position: relative;
-	z-index: 1;
-
-	.shadowBg {
-		position: absolute;
-		width: 750px;
-		height: 750px;
-		left: -187.5px;
-		top: -240px;
-		z-index: -1;
+	* {
+		box-sizing: content-box;
 	}
 
-	.listCoupon {
-		position: absolute;
-		width: 244px;
-		height: 276px;
-		left: 65.5px;
-		top: 157px;
-		overflow: hidden;
-		overflow-y: scroll;
-
-		.item {
-			position: relative;
-			width: 244px;
-			height: 74px;
-			background-image: url('/static/image/recharge/couponItemBg.png');
-			box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.5);
-			background-repeat: no-repeat;
-			background-size: 244px 74px;
-			margin-top: 18px;
-			display: flex;
-			align-items: center;
-			color: #fff;
-
-			.left {
-				width: 100px;
-				display: flex;
-				align-items: flex-end;
-				justify-content: center;
-				font-size: 22px;
-
-				.AlibabaPuHuiTiBold {
-					font-size: 32px;
-				}
-
-				.danwei {
-					margin-left: 11px;
-				}
-			}
-
-			.right {
-				text-align: center;
-				width: 144px;
-				font-size: 24px;
-				font-weight: bold;
-			}
-
-			.tips {
-				text-align: center;
-				line-height: 30px;
-				position: absolute;
-				width: 70px;
-				height: 30px;
-				background-image: url('/static/image/recharge/couponItemTips.png');
-				background-repeat: no-repeat;
-				background-size: 70px 30px;
-				right: 7px;
-				top: -14px;
-				color: #F97902;
-				font-size: 11px;
-			}
-		}
-	}
-
-	.header {
-		height: 198px;
-		background-image: url('/static/image/recharge/couponHeaderBg.png');
-		background-repeat: no-repeat;
-		background-size: 375px 198px;
-		z-index: 2;
-	}
-
-	.couponConten {
-		width: 300px;
-		height: 252px;
-		background-color: #FEF5D8;
-		border-radius: 0 0 42px 42px;
-		margin-left: calc(74px / 2);
-		z-index: 2;
-	}
-
-	.colse {
-		position: absolute;
-		right: 36px;
-		top: 36px;
-		width: 18px;
-		height: 20px;
-		z-index: 4;
-	}
-
-	.couponTop {
-		position: absolute;
+	.couponBox {
 		width: 375px;
-		height: 390px;
-		left: 0;
-		top: -145px;
-		z-index: 3;
-	}
-}
-
-.couponButton {
-	position: relative;
-	margin-top: 37px;
-	width: 305px;
-	height: 86px;
-	margin-left: calc(50% - 152.5px);
-	z-index: 4 !important;
-}
-
-.page-container {
-	background-color: #F7F7F7;
-	padding-bottom: 240rpx;
-	padding-bottom: calc(240rpx + constant(safe-area-inset-bottom)) !important;
-	padding-bottom: calc(240rpx + env(safe-area-inset-bottom)) !important;
-
-	.package-items-box {
+		height: 450px;
 		position: relative;
-		background-color: #F7F7F7;
-		border-radius: 16px 16px 0 0;
-		width: 100vw;
-		margin-top: -70px;
-		// background: linear-gradient(to bottom, #FFFFFF, #F7F7F7);
+		z-index: 1;
+
+		.shadowBg {
+			position: absolute;
+			width: 750px;
+			height: 750px;
+			left: -187.5px;
+			top: -240px;
+			z-index: -1;
+		}
+
+		.listCoupon {
+			position: absolute;
+			width: 244px;
+			height: 276px;
+			left: 65.5px;
+			top: 157px;
+			overflow: hidden;
+			overflow-y: scroll;
+
+			.item {
+				position: relative;
+				width: 244px;
+				height: 74px;
+				background-image: url('/static/image/recharge/couponItemBg.png');
+				box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.5);
+				background-repeat: no-repeat;
+				background-size: 244px 74px;
+				margin-top: 18px;
+				display: flex;
+				align-items: center;
+				color: #fff;
+
+				.left {
+					width: 100px;
+					display: flex;
+					align-items: flex-end;
+					justify-content: center;
+					font-size: 22px;
+
+					.AlibabaPuHuiTiBold {
+						font-size: 32px;
+					}
+
+					.danwei {
+						margin-left: 11px;
+					}
+				}
+
+				.right {
+					text-align: center;
+					width: 144px;
+					font-size: 24px;
+					font-weight: bold;
+				}
+
+				.tips {
+					text-align: center;
+					line-height: 30px;
+					position: absolute;
+					width: 70px;
+					height: 30px;
+					background-image: url('/static/image/recharge/couponItemTips.png');
+					background-repeat: no-repeat;
+					background-size: 70px 30px;
+					right: 7px;
+					top: -14px;
+					color: #F97902;
+					font-size: 11px;
+				}
+			}
+		}
+
+		.header {
+			height: 198px;
+			background-image: url('/static/image/recharge/couponHeaderBg.png');
+			background-repeat: no-repeat;
+			background-size: 375px 198px;
+			z-index: 2;
+		}
+
+		.couponConten {
+			width: 300px;
+			height: 252px;
+			background-color: #FEF5D8;
+			border-radius: 0 0 42px 42px;
+			margin-left: calc(74px / 2);
+			z-index: 2;
+		}
+
+		.colse {
+			position: absolute;
+			right: 36px;
+			top: 36px;
+			width: 18px;
+			height: 20px;
+			z-index: 4;
+		}
+
+		.couponTop {
+			position: absolute;
+			width: 375px;
+			height: 390px;
+			left: 0;
+			top: -145px;
+			z-index: 3;
+		}
 	}
 
-	.package-items-container {
-		display: flex;
-		padding: 40rpx 32rpx 40rpx 32rpx;
+	.couponButton {
+		position: relative;
+		margin-top: 37px;
+		width: 305px;
+		height: 86px;
+		margin-left: calc(50% - 152.5px);
+		z-index: 4 !important;
+	}
 
-		.active-package-item-tips {
-			position: absolute;
-			content: '限时优惠';
-			top: -8px;
-			left: 14px;
-			font-size: 20rpx;
-			color: #FFFFFF;
-			height: 44rpx;
-			width: 112rpx;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			border-radius: 12px 12px 12px 0;
-			background: linear-gradient(200deg, #FFCCA8 0%, #ff0000 100%);
+	.page-container {
+		background-color: #F7F7F7;
+		padding-bottom: 240rpx;
+		padding-bottom: calc(240rpx + constant(safe-area-inset-bottom)) !important;
+		padding-bottom: calc(240rpx + env(safe-area-inset-bottom)) !important;
 
-		}
-
-		.active-package-item::after {
-			content: "";
-			position: absolute;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			width: 88%;
-			background-color: initial;
-			border-radius: 25%;
-			z-index: 0;
-			height: 1px;
-			margin: auto;
-			border-radius: 10%;
-			// box-shadow: 0px 2px 10px 1px #b1b1b1;
-		}
-
-		.package-item {
-			flex-shrink: 0;
-			box-sizing: border-box;
-			display: flex;
-			flex-direction: column;
-			justify-content: space-between;
-			width: 184rpx;
-			height: 280rpx;
-			background-image: url("/static/image/recharge/packagItemBg.png");
-			background-size: cover;
-			margin-right: 32rpx;
-			padding: 54rpx 0 0 0;
-			transition: width 0.2s, background-image 0.2s;
-
-			// overflow: hidden;
-			.top {
-
-				padding-left: 26rpx;
-				font-size: 24rpx;
-
-				.title {
-					font-size: 24rpx;
-					font-weight: 500;
-					color: #1A1A1A;
-				}
-
-				.del-text {
-					color: #767676;
-					text-decoration: line-through;
-				}
-			}
-
-			.price-box {
-				padding-left: 26rpx;
-				font-family: 'WeChatSansStd';
-				font-size: 30rpx;
-
-				.price {
-					font-size: 64rpx;
-				}
-			}
-
-			.shen {
-				text-align: center;
-				width: 184rpx;
-				height: 24px;
-				color: #AAAAAA;
-				font-size: 10px;
-				line-height: 24px;
-				font-weight: bold;
-				white-space: nowrap;
-			}
-		}
-
-		.active-package-item {
+		.package-items-box {
 			position: relative;
-			width: 240rpx !important;
-			height: 280rpx !important;
-			background-image: url("/static/image/recharge/activePackagItemBg.png") !important;
+			background-color: #F7F7F7;
+			border-radius: 16px 16px 0 0;
+			width: 100vw;
+			margin-top: -70px;
+			// background: linear-gradient(to bottom, #FFFFFF, #F7F7F7);
+		}
+
+		.package-items-container {
+			display: flex;
+			padding: 40rpx 32rpx 40rpx 32rpx;
+
+			.active-package-item-tips {
+				position: absolute;
+				content: '限时优惠';
+				top: -8px;
+				left: 14px;
+				font-size: 20rpx;
+				color: #FFFFFF;
+				height: 44rpx;
+				width: 112rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				border-radius: 12px 12px 12px 0;
+				background: linear-gradient(200deg, #FFCCA8 0%, #ff0000 100%);
+
+			}
+
+			.active-package-item::after {
+				content: "";
+				position: absolute;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				width: 88%;
+				background-color: initial;
+				border-radius: 25%;
+				z-index: 0;
+				height: 1px;
+				margin: auto;
+				border-radius: 10%;
+				// box-shadow: 0px 2px 10px 1px #b1b1b1;
+			}
+
+			.package-item {
+				flex-shrink: 0;
+				box-sizing: border-box;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				width: 184rpx;
+				height: 280rpx;
+				background-image: url("/static/image/recharge/packagItemBg.png");
+				background-size: cover;
+				margin-right: 32rpx;
+				padding: 54rpx 0 0 0;
+				transition: width 0.2s, background-image 0.2s;
+
+				// overflow: hidden;
+				.top {
+
+					padding-left: 26rpx;
+					font-size: 24rpx;
+
+					.title {
+						font-size: 24rpx;
+						font-weight: 500;
+						color: #1A1A1A;
+					}
+
+					.del-text {
+						color: #767676;
+						text-decoration: line-through;
+					}
+				}
+
+				.price-box {
+					padding-left: 26rpx;
+					font-family: 'WeChatSansStd';
+					font-size: 30rpx;
+
+					.price {
+						font-size: 64rpx;
+					}
+				}
+
+				.shen {
+					text-align: center;
+					width: 184rpx;
+					height: 24px;
+					color: #AAAAAA;
+					font-size: 10px;
+					line-height: 24px;
+					font-weight: bold;
+					white-space: nowrap;
+				}
+			}
+
+			.active-package-item {
+				position: relative;
+				width: 240rpx !important;
+				height: 280rpx !important;
+				background-image: url("/static/image/recharge/activePackagItemBg.png") !important;
+				background-position: center;
+				/* 居中显示图片 */
+				background-repeat: no-repeat;
+
+				/* 防止图片重复 */
+				.shen {
+					width: 240rpx !important;
+					color: #D86C24;
+				}
+
+			}
+		}
+
+		.vip-benefits-container {
+			position: relative;
+			background-color: #FFFFFF;
+			border-radius: 12px 12px 12px 12px;
+			overflow: hidden;
+			margin: -73px 32rpx 24rpx 32rpx;
+			background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
+
+			.content {
+				margin-top: -4px;
+				padding: 16px 0px 0 0;
+				display: flex;
+				justify-content: space-between;
+				flex-wrap: wrap;
+				align-items: center;
+				background-color: #FFFFFF;
+
+				.benefit-item {
+					width: 25%;
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					margin-bottom: 16px;
+
+					.img {
+						width: 76rpx;
+						height: 76rpx;
+					}
+
+					.name {
+						font-size: 10px;
+						margin-top: 16rpx;
+					}
+				}
+
+			}
+		}
+
+
+
+
+
+	}
+
+	@keyframes vertical-scroll {
+		from {
+			transform: translateY(100%);
+		}
+
+		to {
+			transform: translateY(-100%);
+		}
+	}
+
+	.footer-container {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: #FFFFFF;
+		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
+		padding: 16rpx 32rpx;
+		padding-top: 40rpx;
+		padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2 
+		padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
+
+		.payment-method-box {
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			padding-bottom: 32rpx;
+
+			.payment-method {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				.img-select {
+					flex-shrink: 0 !important;
+					height: 16px;
+					width: 16px;
+					border-radius: 50%;
+				}
+
+				.logo {
+					width: 36rpx;
+					height: 36rpx;
+					margin-right: 10rpx;
+					margin-left: 18rpx;
+				}
+
+				.name {
+					color: #767676;
+					font-size: 24rpx;
+				}
+			}
+		}
+
+		.footerBottom {
+			width: 100%;
+			height: 20px;
+		}
+
+		.buttonBoxs {
+			width: 100%;
+			height: 104rpx;
+			background-image: url('/static/image/recharge/bottom-button.png');
 			background-position: center;
 			/* 居中显示图片 */
 			background-repeat: no-repeat;
-
 			/* 防止图片重复 */
-			.shen {
-				width: 240rpx !important;
-				color: #D86C24;
-			}
+			background-size: cover;
+			position: relative;
 
-		}
-	}
-
-	.vip-benefits-container {
-		position: relative;
-		background-color: #FFFFFF;
-		border-radius: 12px 12px 12px 12px;
-		overflow: hidden;
-		margin: -73px 32rpx 24rpx 32rpx;
-		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
-
-		.content {
-			margin-top: -4px;
-			padding: 16px 0px 0 0;
-			display: flex;
-			justify-content: space-between;
-			flex-wrap: wrap;
-			align-items: center;
-			background-color: #FFFFFF;
-
-			.benefit-item {
-				width: 25%;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
-				margin-bottom: 16px;
-
-				.img {
-					width: 76rpx;
-					height: 76rpx;
-				}
-
-				.name {
-					font-size: 10px;
-					margin-top: 16rpx;
-				}
-			}
-
-		}
-	}
-
-
-
-
-
-}
-
-@keyframes vertical-scroll {
-	from {
-		transform: translateY(100%);
-	}
-
-	to {
-		transform: translateY(-100%);
-	}
-}
-
-.footer-container {
-	position: fixed;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: #FFFFFF;
-	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
-	padding: 16rpx 32rpx;
-	padding-top: 40rpx;
-	padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2 
-	padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
-
-	.payment-method-box {
-		display: flex;
-		justify-content: space-around;
-		align-items: center;
-		padding-bottom: 32rpx;
-
-		.payment-method {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			.img-select {
-				flex-shrink: 0 !important;
-				height: 16px;
-				width: 16px;
-				border-radius: 50%;
-			}
-
-			.logo {
-				width: 36rpx;
-				height: 36rpx;
-				margin-right: 10rpx;
-				margin-left: 18rpx;
-			}
-
-			.name {
-				color: #767676;
-				font-size: 24rpx;
-			}
-		}
-	}
-
-	.footerBottom {
-		width: 100%;
-		height: 20px;
-	}
-
-	.buttonBoxs {
-		width: 100%;
-		height: 104rpx;
-		background-image: url('/static/image/recharge/bottom-button.png');
-		background-position: center;
-		/* 居中显示图片 */
-		background-repeat: no-repeat;
-		/* 防止图片重复 */
-		background-size: cover;
-		position: relative;
-
-		.hongbao {
-			position: absolute;
-			left: 0;
-			bottom: -52rpx;
-		}
-	}
-
-	.christmas {
-		// background-image: url('/static/image/recharge/christmas/bottom-button.png');
-	}
-
-	.button-box {
-		display: flex;
-
-		.text {
-			flex: 1;
-			// color: text;
-			// text-align: center;
-			color: #ffffff;
-			// line-height: 104rpx;
-			font-size: 12px;
-			height: 104rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			text {
-				color: red;
-			}
-
-			.price {
-				font-size: 24px;
-				color: red;
+			.hongbao {
+				position: absolute;
+				left: 0;
+				bottom: -52rpx;
 			}
 		}
 
-		.button {
-			flex-shrink: 0;
-			opacity: 0;
-			text-align: center;
-			height: 104rpx;
-			width: 32%;
-		}
-	}
-}
-
-.dialog-container {
-	display: flex;
-	flex-direction: column;
-	width: 80vw;
-
-	.top {
-		flex-shrink: 0;
-		position: relative;
-		top: 1px;
-		box-sizing: border-box;
-		background-image: url('/static/image/recharge/dialogImg.png');
-		background-size: cover;
-		width: 80vw;
-		height: 260rpx;
-		color: #FFFFFF;
-		font-size: 32rpx;
-		line-height: 60rpx;
-		padding-left: 80rpx;
-		padding-top: 96rpx;
-	}
-
-	.content {
-		flex: 1;
-		flex-shrink: 0;
-		padding-bottom: 24rpx;
-		border-radius: 0 0 25px 25px;
-		background: linear-gradient(150deg, #fef9f0 0%, #FEF3E1 21%, #FFDDAF 100%);
-		// box-shadow: 10px 10px 15px #ffffff78;
-		box-shadow: 2px 5px 30px 5px #9f9f9f9e;
-
-		.title-box {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			margin-top: 2px;
-
-			.title {
-				margin: 0 32rpx;
-			}
-
-			.decorative-line {
-				width: 68rpx;
-				height: 6rpx;
-			}
-		}
-
-		.timeDJS {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			margin-bottom: 15px;
-
-			.titles {
-				color: #FC3939;
-				font-size: 14px;
-				margin-right: 11px;
-			}
-		}
-
-		.vip-benefits {
-			display: flex;
-			justify-content: space-between;
-			margin: 24px 0;
-			padding: 0 32rpx;
-
-			.benefit-item {
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
-
-				.img {
-					width: 90rpx;
-					height: 90rpx;
-				}
-
-				.name {
-					font-size: 26rpx;
-					margin-top: 18rpx;
-				}
-			}
+		.christmas {
+			// background-image: url('/static/image/recharge/christmas/bottom-button.png');
 		}
 
 		.button-box {
-			margin: 0 44rpx;
 			display: flex;
-			flex-direction: column;
-			align-items: center;
 
-			.button {
-				position: relative;
-				box-sizing: border-box;
-				text-align: center;
-				font-size: 20px;
-				border-radius: 50px;
-				height: 52px;
-				line-height: 52px;
-				color: #FFFFFF;
-				width: 100%;
-				background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
+			.text {
+				flex: 1;
+				// color: text;
+				// text-align: center;
+				color: #ffffff;
+				// line-height: 104rpx;
+				font-size: 12px;
+				height: 104rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				text {
+					color: red;
+				}
+
+				.price {
+					font-size: 24px;
+					color: red;
+				}
 			}
 
-			/* .button::before {
+			.button {
+				flex-shrink: 0;
+				opacity: 0;
+				text-align: center;
+				height: 104rpx;
+				width: 32%;
+			}
+		}
+	}
+
+	.dialog-container {
+		display: flex;
+		flex-direction: column;
+		width: 80vw;
+
+		.top {
+			flex-shrink: 0;
+			position: relative;
+			top: 1px;
+			box-sizing: border-box;
+			background-image: url('/static/image/recharge/dialogImg.png');
+			background-size: cover;
+			width: 80vw;
+			height: 260rpx;
+			color: #FFFFFF;
+			font-size: 32rpx;
+			line-height: 60rpx;
+			padding-left: 80rpx;
+			padding-top: 96rpx;
+		}
+
+		.content {
+			flex: 1;
+			flex-shrink: 0;
+			padding-bottom: 24rpx;
+			border-radius: 0 0 25px 25px;
+			background: linear-gradient(150deg, #fef9f0 0%, #FEF3E1 21%, #FFDDAF 100%);
+			// box-shadow: 10px 10px 15px #ffffff78;
+			box-shadow: 2px 5px 30px 5px #9f9f9f9e;
+
+			.title-box {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-top: 2px;
+
+				.title {
+					margin: 0 32rpx;
+				}
+
+				.decorative-line {
+					width: 68rpx;
+					height: 6rpx;
+				}
+			}
+
+			.timeDJS {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-bottom: 15px;
+
+				.titles {
+					color: #FC3939;
+					font-size: 14px;
+					margin-right: 11px;
+				}
+			}
+
+			.vip-benefits {
+				display: flex;
+				justify-content: space-between;
+				margin: 24px 0;
+				padding: 0 32rpx;
+
+				.benefit-item {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+
+					.img {
+						width: 90rpx;
+						height: 90rpx;
+					}
+
+					.name {
+						font-size: 26rpx;
+						margin-top: 18rpx;
+					}
+				}
+			}
+
+			.button-box {
+				margin: 0 44rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.button {
+					position: relative;
+					box-sizing: border-box;
+					text-align: center;
+					font-size: 20px;
+					border-radius: 50px;
+					height: 52px;
+					line-height: 52px;
+					color: #FFFFFF;
+					width: 100%;
+					background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
+				}
+
+				/* .button::before {
 					position: absolute;
 					content: "限时优惠";
 					top: -10px;
@@ -2099,469 +2100,469 @@ function shouldBeTrue(obj) {
 					background: linear-gradient(200deg, #FFCCA8 0%, #ff0000 100%);
 				}
  */
-			.leave {
-				color: #767676;
-				margin-top: 8px;
+				.leave {
+					color: #767676;
+					margin-top: 8px;
+				}
 			}
 		}
+
 	}
 
-}
-
-.back {
-	position: fixed;
-	top: 100rpx;
-	left: 36rpx;
-	z-index: 1;
-}
-
-.uni-margin-wrap::after {
-	// position: absolute;
-	// content: '';
-	// left: 0;
-	// bottom: -1px;
-	// width: 100%;
-	// height: 18px;
-	// background-color: #f7f7f7;
-	// border-radius: 16px 16px 0px 0px;
-}
-
-.uni-margin-wrap {
-	// position: relative;
-	height: auto;
-	width: 100%;
-	z-index: 0;
-
-	::v-deep .uni-swiper-dots-horizontal {
-		bottom: 60rpx;
-
-		.uni-swiper-dot {
-			width: 8rpx;
-			height: 8rpx;
-			background-color: #FFFFFF;
-			opacity: 0.5;
-			border-radius: 8rpx;
-		}
-
-		.uni-swiper-dot-active {
-			opacity: 1;
-			width: 24rpx;
-		}
+	.back {
+		position: fixed;
+		top: 100rpx;
+		left: 36rpx;
+		z-index: 1;
 	}
 
-	.swiper {
-		height: 244px;
+	.uni-margin-wrap::after {
+		// position: absolute;
+		// content: '';
+		// left: 0;
+		// bottom: -1px;
+		// width: 100%;
+		// height: 18px;
+		// background-color: #f7f7f7;
+		// border-radius: 16px 16px 0px 0px;
 	}
 
-	.swiper-item {
-		display: block;
-		height: 244px;
+	.uni-margin-wrap {
+		// position: relative;
+		height: auto;
 		width: 100%;
-		text-align: center;
-	}
+		z-index: 0;
 
-	.swiper-list {
-		margin-top: 40rpx;
-		margin-bottom: 0;
-	}
+		::v-deep .uni-swiper-dots-horizontal {
+			bottom: 60rpx;
 
-	.uni-common-mt {
-		margin-top: 60rpx;
-		position: relative;
-	}
+			.uni-swiper-dot {
+				width: 8rpx;
+				height: 8rpx;
+				background-color: #FFFFFF;
+				opacity: 0.5;
+				border-radius: 8rpx;
+			}
 
-	.info {
-		position: absolute;
-		right: 20rpx;
-	}
-
-	.uni-padding-wrap {
-		width: 550rpx;
-		padding: 0 100rpx;
-	}
-
-}
-
-
-
-.placeholder {
-	// display: none;
-	// position: relative;
-	// background-color: #f7f7f7;
-	// width: 100%;
-	// border-radius: 1rem 1rem 0 0;
-	// left: 0;
-	// bottom: 30rpx;
-}
-
-/* 由小到大缩放动画 */
-.animated-box {
-	animation: scaleIn 1s ease-out forwards;
-}
-
-/* 延迟动画 */
-.scale-in-delay {
-	animation: scaleIn 0.5s ease-out 0.2s forwards;
-}
-
-/* 动画关键帧定义 */
-@keyframes scaleIn {
-	0% {
-		transform: scale(0);
-		opacity: 0;
-	}
-
-	50% {
-		transform: scale(1.05);
-	}
-
-	100% {
-		transform: scale(1);
-		opacity: 1;
-	}
-}
-
-.iosQuestion {
-	.titleBox {
-		.image {
-			margin-top: 3px !important;
-		}
-	}
-}
-
-.question {
-	margin: 20rpx 32rpx;
-	padding: 17px 13px;
-	background-color: #FFFFFF;
-	border-radius: 10px 10px 10px 10px;
-
-	.titles {
-		text-align: center;
-		font-family: PingFang SC, PingFang SC;
-		font-weight: bold;
-		font-size: 12px;
-		background-image: -webkit-linear-gradient(bottom, #6E430F, #1A1A1A);
-		-webkit-background-clip: text;
-		-webkit-text-fill-color: transparent;
-	}
-
-	.titleBox {
-		display: flex;
-		margin-top: 10px;
-
-		image {
-			width: 10px;
-			height: 10px;
-			margin-top: 1px;
+			.uni-swiper-dot-active {
+				opacity: 1;
+				width: 24rpx;
+			}
 		}
 
-		.text {
-			margin-left: 5px;
-			width: calc(100% - 15px);
-			font-size: 11px;
-			color: #767676;
+		.swiper {
+			height: 244px;
 		}
 
-		.text1 {
-			color: #AAAAAA;
+		.swiper-item {
+			display: block;
+			height: 244px;
+			width: 100%;
+			text-align: center;
 		}
+
+		.swiper-list {
+			margin-top: 40rpx;
+			margin-bottom: 0;
+		}
+
+		.uni-common-mt {
+			margin-top: 60rpx;
+			position: relative;
+		}
+
+		.info {
+			position: absolute;
+			right: 20rpx;
+		}
+
+		.uni-padding-wrap {
+			width: 550rpx;
+			padding: 0 100rpx;
+		}
+
 	}
-}
 
-.myCouponList {
-	margin: 20rpx 32rpx;
-	padding: 17px 13px;
-	height: 18px;
-	background-color: #FFFFFF;
-	border-radius: 10px 10px 10px 10px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	overflow: hidden;
 
-	.left {
-		display: flex;
-		align-items: center;
-		font-weight: bold;
 
-		image {
-			width: 23px;
-			height: 17px;
-			margin-right: 8px;
+	.placeholder {
+		// display: none;
+		// position: relative;
+		// background-color: #f7f7f7;
+		// width: 100%;
+		// border-radius: 1rem 1rem 0 0;
+		// left: 0;
+		// bottom: 30rpx;
+	}
+
+	/* 由小到大缩放动画 */
+	.animated-box {
+		animation: scaleIn 1s ease-out forwards;
+	}
+
+	/* 延迟动画 */
+	.scale-in-delay {
+		animation: scaleIn 0.5s ease-out 0.2s forwards;
+	}
+
+	/* 动画关键帧定义 */
+	@keyframes scaleIn {
+		0% {
+			transform: scale(0);
+			opacity: 0;
 		}
 
-		.title {
-			margin-top: 3px;
-			display: inline-block;
-			/* 确保文字可以应用背景 */
-			background: linear-gradient(to right, #6E430F, #1A1A1A);
-			/* 从左到右的渐变 */
-			-webkit-background-clip: text;
-			/* 仅裁剪文本部分 */
-			color: transparent;
-			/* 文本颜色设置为透明，以显示背景渐变 */
-			font-size: 14px;
-			/* 根据需要调整字体大小 */
+		50% {
+			transform: scale(1.05);
 		}
 
-		.money {
-			margin-top: 1px;
-			font-family: 'PingFangSC-Semibold';
-			font-weight: bold;
-			color: #FC3939;
-			font-size: 16px;
+		100% {
+			transform: scale(1);
+			opacity: 1;
 		}
 	}
 
-	.right {
-		color: #767676;
-		font-size: 12px;
-		display: flex;
-		align-items: center;
-
-		.forward {
-			margin-left: 8px;
-		}
-
-		.forward2 {
-			margin: 0;
-		}
-
-		.timeBox {
-			.titles {
-				text-align: right;
-				color: #FC3939;
-				font-size: 10px;
+	.iosQuestion {
+		.titleBox {
+			.image {
+				margin-top: 3px !important;
 			}
 		}
 	}
-}
 
-.myCouponContainer {
-	width: calc(100% - 52px);
-	height: 400px;
-	background-image: url('/static/image/recharge/myCouponContainerBg.png');
-	background-size: 100% 100%;
-	background-repeat: no-repeat;
-	padding: 0 26px;
-	padding-top: 150px;
-	position: relative;
+	.question {
+		margin: 20rpx 32rpx;
+		padding: 17px 13px;
+		background-color: #FFFFFF;
+		border-radius: 10px 10px 10px 10px;
 
-	.myCouponContainerClose {
-		position: absolute;
-		width: 34px;
-		height: 34px;
-		top: -27px;
-		right: 16px;
+		.titles {
+			text-align: center;
+			font-family: PingFang SC, PingFang SC;
+			font-weight: bold;
+			font-size: 12px;
+			background-image: -webkit-linear-gradient(bottom, #6E430F, #1A1A1A);
+			-webkit-background-clip: text;
+			-webkit-text-fill-color: transparent;
+		}
+
+		.titleBox {
+			display: flex;
+			margin-top: 10px;
+
+			image {
+				width: 10px;
+				height: 10px;
+				margin-top: 1px;
+			}
+
+			.text {
+				margin-left: 5px;
+				width: calc(100% - 15px);
+				font-size: 11px;
+				color: #767676;
+			}
+
+			.text1 {
+				color: #AAAAAA;
+			}
+		}
 	}
 
-	.myCouponBox {
-		height: 282px;
-		overflow-y: scroll;
+	.myCouponList {
+		margin: 20rpx 32rpx;
+		padding: 17px 13px;
+		height: 18px;
+		background-color: #FFFFFF;
+		border-radius: 10px 10px 10px 10px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		overflow: hidden;
 
-		.item {
-			width: calc(100% - 12px);
-			height: 62px;
-			background-color: #fff;
-			border-radius: 8px 8px 8px 8px;
-			padding: 6px;
+		.left {
 			display: flex;
 			align-items: center;
-			justify-content: space-between;
-			margin-bottom: 12px;
-			position: relative;
+			font-weight: bold;
 
-			.jjdq {
-				width: 52px;
-				height: 18px;
-				background: linear-gradient(194deg, #FFCCA8 0%, #FE3D32 100%);
-				position: absolute;
-				right: 0;
-				top: 0;
-				border-radius: 0 8px 0 8px;
-				color: #fff;
-				font-size: 10px;
-				text-align: center;
-				line-height: 18px;
+			image {
+				width: 23px;
+				height: 17px;
+				margin-right: 8px;
 			}
 
-			.ygq {
-				width: 52px;
-				height: 18px;
-				background: #AAAAAA;
-				position: absolute;
-				right: 0;
-				top: 0;
-				border-radius: 0 8px 0 8px;
-				color: #fff;
-				font-size: 10px;
-				text-align: center;
-				line-height: 18px;
+			.title {
+				margin-top: 3px;
+				display: inline-block;
+				/* 确保文字可以应用背景 */
+				background: linear-gradient(to right, #6E430F, #1A1A1A);
+				/* 从左到右的渐变 */
+				-webkit-background-clip: text;
+				/* 仅裁剪文本部分 */
+				color: transparent;
+				/* 文本颜色设置为透明，以显示背景渐变 */
+				font-size: 14px;
+				/* 根据需要调整字体大小 */
 			}
 
-			.left {
-				width: 110px;
+			.money {
+				margin-top: 1px;
+				font-family: 'PingFangSC-Semibold';
+				font-weight: bold;
+				color: #FC3939;
+				font-size: 16px;
+			}
+		}
+
+		.right {
+			color: #767676;
+			font-size: 12px;
+			display: flex;
+			align-items: center;
+
+			.forward {
+				margin-left: 8px;
+			}
+
+			.forward2 {
+				margin: 0;
+			}
+
+			.timeBox {
+				.titles {
+					text-align: right;
+					color: #FC3939;
+					font-size: 10px;
+				}
+			}
+		}
+	}
+
+	.myCouponContainer {
+		width: calc(100% - 52px);
+		height: 400px;
+		background-image: url('/static/image/recharge/myCouponContainerBg.png');
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+		padding: 0 26px;
+		padding-top: 150px;
+		position: relative;
+
+		.myCouponContainerClose {
+			position: absolute;
+			width: 34px;
+			height: 34px;
+			top: -27px;
+			right: 16px;
+		}
+
+		.myCouponBox {
+			height: 282px;
+			overflow-y: scroll;
+
+			.item {
+				width: calc(100% - 12px);
 				height: 62px;
-				background: #FFEDED;
-				border-radius: 6px 6px 6px 6px;
-				text-align: center;
-
-				.money {
-					margin-top: 4px;
-					color: #FF3838;
-					font-size: 16px;
-
-					.moneys {
-						font-size: 28px;
-						font-weight: bold;
-					}
-				}
-
-				.dec {
-					margin-top: 1px;
-					color: #FF3838;
-					font-size: 11px;
-				}
-			}
-
-			.left2 {
-				background-color: #EDEDED;
-
-				.money {
-					color: #8A8A8A;
-				}
-
-				.dec {
-					color: #8A8A8A;
-				}
-			}
-
-			.right {
-				width: calc(100% - 126px);
+				background-color: #fff;
+				border-radius: 8px 8px 8px 8px;
+				padding: 6px;
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
-				padding-right: 7px;
+				margin-bottom: 12px;
+				position: relative;
 
-				.titlebox {
-					.titlle {
-						margin-top: 13px;
-						color: #3D3D3D;
+				.jjdq {
+					width: 52px;
+					height: 18px;
+					background: linear-gradient(194deg, #FFCCA8 0%, #FE3D32 100%);
+					position: absolute;
+					right: 0;
+					top: 0;
+					border-radius: 0 8px 0 8px;
+					color: #fff;
+					font-size: 10px;
+					text-align: center;
+					line-height: 18px;
+				}
+
+				.ygq {
+					width: 52px;
+					height: 18px;
+					background: #AAAAAA;
+					position: absolute;
+					right: 0;
+					top: 0;
+					border-radius: 0 8px 0 8px;
+					color: #fff;
+					font-size: 10px;
+					text-align: center;
+					line-height: 18px;
+				}
+
+				.left {
+					width: 110px;
+					height: 62px;
+					background: #FFEDED;
+					border-radius: 6px 6px 6px 6px;
+					text-align: center;
+
+					.money {
+						margin-top: 4px;
+						color: #FF3838;
 						font-size: 16px;
+
+						.moneys {
+							font-size: 28px;
+							font-weight: bold;
+						}
 					}
 
 					.dec {
-						margin-top: 8px;
-						color: #AAAAAA;
+						margin-top: 1px;
+						color: #FF3838;
 						font-size: 11px;
 					}
 				}
 
-				.checkedImg {
-					width: 26px;
-					height: 26px;
+				.left2 {
+					background-color: #EDEDED;
+
+					.money {
+						color: #8A8A8A;
+					}
+
+					.dec {
+						color: #8A8A8A;
+					}
+				}
+
+				.right {
+					width: calc(100% - 126px);
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					padding-right: 7px;
+
+					.titlebox {
+						.titlle {
+							margin-top: 13px;
+							color: #3D3D3D;
+							font-size: 16px;
+						}
+
+						.dec {
+							margin-top: 8px;
+							color: #AAAAAA;
+							font-size: 11px;
+						}
+					}
+
+					.checkedImg {
+						width: 26px;
+						height: 26px;
+					}
+				}
+			}
+		}
+
+		.btn {
+			margin-top: 18px;
+			height: 52px;
+			background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
+			border-radius: 508px 508px 508px 508px;
+			text-align: center;
+			line-height: 52px;
+			color: #fff;
+			font-size: 20px;
+		}
+	}
+
+	.white-flow {
+		background: linear-gradient(-45deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), transparent, transparent, transparent, transparent, transparent, transparent, transparent);
+		background-repeat: no-repeat;
+		background-size: 60% 100%;
+		animation: flow 2s infinite linear;
+	}
+
+	@keyframes flow {
+		0% {
+			background-position: -100% 0;
+		}
+
+		100% {
+			background-position: 200% 0;
+		}
+	}
+
+	::v-deep .uni-countdown-day {
+		width: auto !important;
+		color: #2A2617 !important;
+		/* 例如，将文字颜色改为红色 */
+		background-color: transparent !important;
+		margin-right: 0 !important;
+		padding-right: 0 !important;
+	}
+
+	::v-deep .uni-countdown-splitor-day {
+		margin-left: 0 !important;
+	}
+
+	.yanhua {
+		position: fixed;
+		top: 170px;
+		left: 15px;
+		z-index: 999999;
+	}
+
+	.vipContent {
+		background-color: #fff;
+		margin-left: 16px;
+		width: calc(100% - 32px);
+		border-radius: 16px;
+		margin-bottom: 20rpx;
+
+		.top {
+			image {
+				width: 100%;
+			}
+		}
+
+		.vipList {
+			display: flex;
+			flex-wrap: wrap;
+			padding: 0 10px 10px 10px;
+
+			.item {
+				width: 20%;
+				height: 75px;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+
+				image {
+					width: 38px;
+					height: 38px;
+				}
+
+				text {
+					margin-top: 5px;
+					font-size: 10px;
+					color: #1A1A1A;
+					line-height: 15px;
+					text-align: center;
 				}
 			}
 		}
 	}
 
-	.btn {
-		margin-top: 18px;
-		height: 52px;
-		background: linear-gradient(360deg, #4B3F30 0%, #181713 56%, #504834 100%);
-		border-radius: 508px 508px 508px 508px;
-		text-align: center;
-		line-height: 52px;
-		color: #fff;
-		font-size: 20px;
-	}
-}
-
-.white-flow {
-	background: linear-gradient(-45deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), transparent, transparent, transparent, transparent, transparent, transparent, transparent);
-	background-repeat: no-repeat;
-	background-size: 60% 100%;
-	animation: flow 2s infinite linear;
-}
-
-@keyframes flow {
-	0% {
-		background-position: -100% 0;
+	@font-face {
+		font-family: 'AlipayNumber'; //字体名称
+		src: url('/static/font/AlipayNumber.ttf');
 	}
 
-	100% {
-		background-position: 200% 0;
+	.wx-font-regular {
+		font-family: 'AlipayNumber' !important;
 	}
-}
-
-::v-deep .uni-countdown-day {
-	width: auto !important;
-	color: #2A2617 !important;
-	/* 例如，将文字颜色改为红色 */
-	background-color: transparent !important;
-	margin-right: 0 !important;
-	padding-right: 0 !important;
-}
-
-::v-deep .uni-countdown-splitor-day {
-	margin-left: 0 !important;
-}
-
-.yanhua {
-	position: fixed;
-	top: 170px;
-	left: 15px;
-	z-index: 999999;
-}
-
-.vipContent {
-	background-color: #fff;
-	margin-left: 16px;
-	width: calc(100% - 32px);
-	border-radius: 16px;
-	margin-bottom: 20rpx;
-
-	.top {
-		image {
-			width: 100%;
-		}
-	}
-
-	.vipList {
-		display: flex;
-		flex-wrap: wrap;
-		padding: 0 10px 10px 10px;
-
-		.item {
-			width: 20%;
-			height: 75px;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			justify-content: center;
-
-			image {
-				width: 38px;
-				height: 38px;
-			}
-
-			text {
-				margin-top: 5px;
-				font-size: 10px;
-				color: #1A1A1A;
-				line-height: 15px;
-				text-align: center;
-			}
-		}
-	}
-}
-
-@font-face {
-	font-family: 'AlipayNumber'; //字体名称
-	src: url('/static/font/AlipayNumber.ttf');
-}
-
-.wx-font-regular {
-	font-family: 'AlipayNumber' !important;
-}
 </style>
\ No newline at end of file
diff --git a/pages/other/bank/gsyh.vue b/pages/other/bank/gsyh.vue
index 1f959c4..53f2075 100644
--- a/pages/other/bank/gsyh.vue
+++ b/pages/other/bank/gsyh.vue
@@ -9,7 +9,7 @@
 		<view class="group_45764" v-if="!selectedImage" :style="{'padding-top':$systemInfo.statusBarHeight+'px'}">
 			<view class="rectangle_23284">
 				<view class="flexcontainer">
-					<view class="group_8">
+					<view class="group_8"  @click="back">
 						<image class="frame" src="/static/image/other/bank/gsyh/back.png" />
 					</view>
 					<view class="group_7">
@@ -40,7 +40,8 @@
 						<text class="text_2">{{data.form.cardType}}</text>
 						<view class="text_3">
 							{{maskCardNumber(data.form.cardNumber)}}
-							<text style="color:#3E82BD;margin-left: 52rpx;" @click="data.isShow=true">查看</text>
+							<view 
+							style="color:#3E82BD;margin-left: 52rpx;text-align: center;font-size: 22rpx; width: 52rpx;height: 32rpx;background: #F3F6FB;border-radius: 2px 2px 2px 2px;" @click="data.isShow=true">查看</view>
 						</view>
 					</view>
 				</view>
@@ -381,7 +382,9 @@ onMounted(() => {
 	}
 	// #endif
 });
-
+function back(){
+	uni.navigateBack()
+}
 function loadCache() {
 	const cache = uni.getStorageSync(CACHE_KEY);
 	if (cache) {
@@ -758,6 +761,7 @@ function onNumberInput(field, value) {
 		display: flex;
 		flex-direction: column;
 		margin-left: 22rpx;
+		width: calc(100% - 130rpx);
 	}
 
 	.text_2 {
@@ -768,6 +772,8 @@ function onNumberInput(field, value) {
 	.text_3 {
 		font-size: 26rpx;
 		color: #333333;
+		display: flex;
+		flex-direction: row;
 	}
 
 	.group_48162 {
diff --git a/pages/other/bank/jsyh.vue b/pages/other/bank/jsyh.vue
index 168bbf8..6d54f49 100644
--- a/pages/other/bank/jsyh.vue
+++ b/pages/other/bank/jsyh.vue
@@ -1,208 +1,231 @@
 <template>
-  <view class="div">
+	<view class="div">
 		<view v-if="$isVip()">
 			<watermark dark="light" source="uni_alipay_other_bank" />
 			<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_other_bank')">
 				<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
 			</liu-drag-button>
 		</view>
-    <view class="group_45764" >
-      <view class="flexcontainer_1"  :style="{'padding-top':$systemInfo.statusBarHeight+'px','backgroundColor':data.navbar.bgColor}">
-        <view class="group_8">
-          <view class="rectangle_18503">
-            <image class="frame" src="/static/image/other/bank/jsyh/back.png" />
-          </view>
-        </view>
-        <text class="text_1"> 银行卡详情 </text>
-        <view class="group_9">
-          <view class="rectangle_18503_1">
-            <image class="group_13980" src="/static/image/other/bank/jsyh/kefu.png" />
-						<image class="group_13979" src="/static/image/other/bank/jsyh/more.png" />
-          </view>
-        </view>
-      </view>
-			<view class="" :style="{height:$systemInfo.statusBarHeight*2+96+'rpx'}">
-				
+		<view class="group_45764">
+			<!-- ,'backgroundColor':data.navbar.bgColor -->
+			<view class="flexcontainer_box" v-if="!selectedImage">
+				<view :style="{'height':$systemInfo.statusBarHeight+'px','width':'100%'}"></view>
+				<view class="flexcontainer_1">
+					<view class="group_8">
+						<view class="rectangle_18503" @click="back">
+							<image class="frame" src="/static/image/other/bank/jsyh/back.png" />
+						</view>
+					</view>
+					<text class="text_1"> 银行卡详情 </text>
+					<view class="group_9">
+						<view class="rectangle_18503_1">
+							<image class="group_13980" src="/static/image/other/bank/jsyh/kefu.png" />
+							<image class="group_13979" src="/static/image/other/bank/jsyh/more.png" />
+						</view>
+					</view>
+				</view>
 			</view>
-      <view class="group_48200" @click="openEditDialog">
-        <view class="group_48198">
-          <view class="flexcontainer_2">
-            <view class="group_48194">
-              <view class="div_1227">
-                <image class="path" src="/static/image/other/bank/jsyh/avatar.png" />
-              </view>
-            </view>
-            <view class="flexcontainer_3">
-              <text class="text_2"> {{data.form.bankName}}（{{data.form.cardNumber.substring(data.form.cardNumber.length-4)}}） </text>
-              <view class="flexcontainer_4">
-                <image class="group_13982" src="/static/image/other/bank/jsyh/editor.png" />
-								<image class="group_48197" src="/static/image/other/bank/jsyh/zc.png" /><text class="text_3"> 修改别名 </text>
-              </view>
-            </view>
-            <text class="text_4" @click.stop="data.isShow=true"> 查看卡号 </text>
-          </view>
-          <text class="text_5"> 卡片类型：{{data.form.cardType}} </text><text class="text_6"> 账户类别：{{data.form.accountType}} </text>
-          <view class="flexcontainer_5">
-            <view class="flexcontainer_6"><text class="text_7"> 到期日期：{{data.form.expiryDate}} </text><text class="text_8"> 开户网点：{{data.form.branchName}} </text></view>
-            <image class="group_48196" src="/static/image/other/bank/jsyh/code.png" />
-          </view>
-        </view>
-      </view>
-    </view>
-    <NavBar v-if="selectedImage" title="拼图" bgColor="#EFEFEF" noBack @back="closeImageEdit" isRightButton @right-click="confirmImage">
-    </NavBar>
-    <view class="group_48190" >
-      <view class="rectangle_23318">
-        <image class="group_13999" src="/static/image/other/bank/jsyh/rightIcon.png" />
+			<view class="" :style="{height:$systemInfo.statusBarHeight*2+96+'rpx'}">
+
+			</view>
+			<view class="group_48200" @click="openEditDialog">
+				<view class="group_48198">
+					<view class="flexcontainer_2">
+						<view class="group_48194">
+							<view class="div_1227">
+								<image class="path" src="/static/image/other/bank/jsyh/avatar.png" />
+							</view>
+						</view>
+						<view class="flexcontainer_3">
+							<text class="text_2">
+								{{data.form.bankName}}（{{data.form.cardNumber.substring(data.form.cardNumber.length-4)}}） </text>
+							<view class="flexcontainer_4">
+								<image class="group_13982" src="/static/image/other/bank/jsyh/editor.png" />
+								<!-- <image class="group_48197" src="/static/image/other/bank/jsyh/zc.png" /> -->
+								<view class="group_48197">
+									正常
+								</view>
+								<text class="text_3"> 修改别名
+								</text>
+							</view>
+						</view>
+						<text class="text_4" @click.stop="data.isShow=true"> 查看卡号 </text>
+					</view>
+					<text class="text_5"> 卡片类型：{{data.form.cardType}} </text><text class="text_6"> 账户类别：{{data.form.accountType}}
+					</text>
+					<view class="flexcontainer_5">
+						<view class="flexcontainer_6"><text class="text_7"> 到期日期：{{data.form.expiryDate}} </text><text
+								class="text_8"> 开户网点：{{data.form.branchName}} </text></view>
+						<image class="group_48196" src="/static/image/other/bank/jsyh/code.png" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<NavBar v-if="selectedImage" title="拼图" bgColor="#EFEFEF" noBack @back="closeImageEdit" isRightButton
+			@right-click="confirmImage">
+		</NavBar>
+		<view class="group_48190">
+			<view class="rectangle_23318">
+				<image class="group_13999" src="/static/image/other/bank/jsyh/rightIcon.png" />
 				<image class="frame_1" src="/static/image/other/bank/jsyh/wx.png" />
 				<image class="frame_2" src="/static/image/other/bank/jsyh/zfb.png" />
 				<text class="text_9"> 快捷支付 </text>
-      </view>
-    </view>
-    <view class="group_48191" @click="openEditDialog" >
-      <view class="rectangle_23317">
-        <view class="rectangle_23316">
-          <text class="text_10"> {{data.form.accountCategory}} </text>
-        </view>
-        <view class="div_418"></view>
-        <view class="flexcontainer_7">
-						<text class="text_11"> {{data.form.currency}} </text>
-						<view class="">
-							<text class="text_12"> 可用余额 </text>
-							<text class="text_13"> {{data.form.balance}} </text>
-							<image class="group_14000" src="/static/image/other/bank/jsyh/rightIcon.png" />
-						</view>
-        </view>
-      </view>
-    </view>
-    <view class="group_48192" @click="openEditDialog" >
-      <view class="rectangle_23319">
-        <text class="text_14"> 出入金剩余额度 </text>
-        <view class="flexcontainer_8">
-          <image
-            class="group_48193"
-            src="/static/image/other/bank/jsyh/gth.png" /><text class="text_15"> (含非绑定账户转账、现金存取、消费缴费) </text>
-        </view>
-        <view class="flexcontainer_9">
-          <text class="text_16"> 日出金: </text><text class="text_17"> 日入金: </text><text class="text_18"> ¥ {{data.form.dayOut}} </text><text class="text_19"> ¥ {{data.form.dayIn}} </text>
-        </view>
-        <view class="flexcontainer_10">
-          <text class="text_20"> 年出金: </text><text class="text_21"> 年入金: </text><text class="text_22"> ¥ {{data.form.yearOut}} </text><text class="text_23"> ¥ {{data.form.yearIn}} </text>
-        </view>
-      </view>
-    </view>
-    <view v-if="!selectedImage" class="image-box" @touchstart="handleTouchStart" @touchend="handleTouchEnd">
-      <image
-        class="div_8a4931ca0f8a124896aa57f966f7f1cf"
-        :src="data.footerImage || '/static/image/other/bank/jsyh/footerImg.png'" mode="aspectFill" />
-    </view>
-    <view v-else class="scroll-image-box flex-1">
-      <scroll-view class="image-box h100" style="width: 100%;height: 460rpx;" scroll-y :show-scrollbar="false"
-        @scroll="onImageScroll">
-        <image class="crop-image-target" style="width:100%;" :src="selectedImage" mode="widthFix"></image>
-      </scroll-view>
+			</view>
+		</view>
+		<view class="group_48191" @click="openEditDialog">
+			<view class="rectangle_23317">
+				<view class="rectangle_23316">
+					<text class="text_10"> {{data.form.accountCategory}} </text>
+				</view>
+				<view class="div_418"></view>
+				<view class="flexcontainer_7">
+					<text class="text_11"> {{data.form.currency}} </text>
+					<view class="">
+						<text class="text_12"> 可用余额 </text>
+						<text class="text_13"> {{data.form.balance}} </text>
+						<image class="group_14000" src="/static/image/other/bank/jsyh/rightIcon.png" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="group_48192" @click="openEditDialog">
+			<view class="rectangle_23319">
+				<text class="text_14"> 出入金剩余额度 </text>
+				<view class="flexcontainer_8">
+					<image class="group_48193" src="/static/image/other/bank/jsyh/gth.png" /><text class="text_15">
+						(含非绑定账户转账、现金存取、消费缴费) </text>
+				</view>
+				<view class="flexcontainer_9">
+					<text class="text_16"> 日出金: </text><text class="text_17"> 日入金: </text><text class="text_18"> ¥
+						{{data.form.dayOut}} </text><text class="text_19"> ¥ {{data.form.dayIn}} </text>
+				</view>
+				<view class="flexcontainer_10">
+					<text class="text_20"> 年出金: </text><text class="text_21"> 年入金: </text><text class="text_22"> ¥
+						{{data.form.yearOut}} </text><text class="text_23"> ¥ {{data.form.yearIn}} </text>
+				</view>
+			</view>
+		</view>
+		<view v-if="!selectedImage" class="image-box" @touchstart="handleTouchStart" @touchend="handleTouchEnd">
+			<image class="div_8a4931ca0f8a124896aa57f966f7f1cf"
+				:src="data.footerImage || '/static/image/other/bank/jsyh/footerImg.png'" mode="aspectFill" />
+		</view>
+		<view v-else class="scroll-image-box flex-1">
+			<scroll-view class="image-box h100" style="width: 100%;height: 460rpx;" scroll-y :show-scrollbar="false"
+				@scroll="onImageScroll">
+				<image class="crop-image-target" style="width:100%;" :src="selectedImage" mode="widthFix"></image>
+			</scroll-view>
 
-      <view class="dashed-line-box">
-        <view class="dashed-line-text">我是分割线</view>
-      </view>
-    </view>
-    <canvas canvas-id="crop-canvas"
-      style="position: fixed; left: -9999px; width: 750rpx; height: 100vh; pointer-events: none;"></canvas>
-    <!-- 蒙层 -->
-    <view v-if="showMask" class="mask" @click="closeMask">
-      <image class="mask-icon" src="/static/image/common/mask-icon.png" mode="widthFix">
-      </image>
-    </view>
-    <Home class="home" />
+			<view class="dashed-line-box">
+				<view class="dashed-line-text">我是分割线</view>
+			</view>
+		</view>
+		<canvas canvas-id="crop-canvas"
+			style="position: fixed; left: -9999px; width: 750rpx; height: 100vh; pointer-events: none;"></canvas>
+		<!-- 蒙层 -->
+		<view v-if="showMask" class="mask" @click="closeMask">
+			<image class="mask-icon" src="/static/image/common/mask-icon.png" mode="widthFix">
+			</image>
+		</view>
+		<Home class="home" />
+
+		<!-- 卡号信息弹窗 -->
+		<view class="dask" v-if="data.isShow">
+			<view class="info">
+				<view class="title">
+					{{data.form.cardNumber}}
+
+				</view>
+				<view class="dec">
 
-    <!-- 卡号信息弹窗 -->
-    <view class="dask" v-if="data.isShow">
-      <view class="info">
-        <view class="title">
-          {{data.form.cardNumber}}
-					
-        </view>
-        <view class="dec">
-          
 					{{data.form.branchName}}
-        </view>
-        <view class="btnbox">
-          <view class="btn" @click="data.isShow=false">复制全部</view>
-          <view class="btn btns" @click="data.isShow=false">仅复制卡号</view>
-        </view>
-      </view>
-    </view>
+				</view>
+				<view class="btnbox">
+					<view class="btn" @click="data.isShow=false">复制全部</view>
+					<view class="btn btns" @click="data.isShow=false">仅复制卡号</view>
+				</view>
+			</view>
+		</view>
 
-    <!-- 编辑弹窗 -->
-    <view v-if="editDialog.show" class="editDialog">
-      <view class="editDialog_bg">
-        <view class="editDialog_header">
-          <text class="title">编辑账户信息</text>
-        </view>
-        <view class="editDialog_body">
-          <view class="formItem">
-            <text>银行名称</text>
-            <input v-model="editDialog.data.bankName" placeholder="如: 建设银行" />
-          </view>
-          <view class="formItem">
-            <text>完整卡号</text>
-            <input v-model="editDialog.data.cardNumber" placeholder="如: 62170000123456789012" />
-          </view>
-          <view class="formItem">
-            <text>卡片类型</text>
-            <input v-model="editDialog.data.cardType" placeholder="如: 龙卡通" />
-          </view>
-          <view class="formItem">
-            <text>账户类别</text>
-            <input v-model="editDialog.data.accountType" placeholder="如: II类户" />
-          </view>
-          <view class="formItem">
-            <text>到期日期</text>
-            <input v-model="editDialog.data.expiryDate" placeholder="如: 2027/01/31" />
-          </view>
-          <view class="formItem">
-            <text>开户网点</text>
-            <input v-model="editDialog.data.branchName" placeholder="如: 北京中关村软件园支行" />
-          </view>
-          <view class="formItem">
-            <text>账户分类</text>
-            <input v-model="editDialog.data.accountCategory" placeholder="如: 活期储蓄" />
-          </view>
-          <view class="formItem">
-            <text>币种</text>
-            <input v-model="editDialog.data.currency" placeholder="如: 人民币" />
-          </view>
-          <view class="formItem">
-            <text>可用余额</text>
-            <input :value="editDialog.data.balance" @input="(e) => onNumberInput('balance', e.detail.value)" placeholder="如: 2.71" />
-          </view>
-          <view class="formItem">
-            <text>日出金额度</text>
-            <input :value="editDialog.data.dayOut" @input="(e) => onNumberInput('dayOut', e.detail.value)" placeholder="如: 50,000.00" />
-          </view>
-          <view class="formItem">
-            <text>日入金额度</text>
-            <input :value="editDialog.data.dayIn" @input="(e) => onNumberInput('dayIn', e.detail.value)" placeholder="如: 50,000.00" />
-          </view>
-          <view class="formItem">
-            <text>年出金额度</text>
-            <input :value="editDialog.data.yearOut" @input="(e) => onNumberInput('yearOut', e.detail.value)" placeholder="如: 200,000.00" />
-          </view>
-          <view class="formItem">
-            <text>年入金额度</text>
-            <input :value="editDialog.data.yearIn" @input="(e) => onNumberInput('yearIn', e.detail.value)" placeholder="如: 200,000.00" />
-          </view>
-        </view>
-        <view class="popup-footer">
-          <view class="btn-cancel" @click="editDialog.show=false">取消</view>
-          <view class="btn-save" @click="saveEdit">保存</view>
-        </view>
-      </view>
-    </view>
-  </view>
+		<!-- 编辑弹窗 -->
+		<view v-if="editDialog.show" class="editDialog">
+			<view class="editDialog_bg">
+				<view class="editDialog_header">
+					<text class="title">编辑账户信息</text>
+				</view>
+				<view class="editDialog_body">
+					<view class="formItem">
+						<text>银行名称</text>
+						<input v-model="editDialog.data.bankName" placeholder="如: 建设银行" />
+					</view>
+					<view class="formItem">
+						<text>完整卡号</text>
+						<input v-model="editDialog.data.cardNumber" placeholder="如: 62170000123456789012" />
+					</view>
+					<view class="formItem">
+						<text>卡片类型</text>
+						<input v-model="editDialog.data.cardType" placeholder="如: 龙卡通" />
+					</view>
+					<view class="formItem">
+						<text>账户类别</text>
+						<input v-model="editDialog.data.accountType" placeholder="如: II类户" />
+					</view>
+					<view class="formItem">
+						<text>到期日期</text>
+						<input v-model="editDialog.data.expiryDate" placeholder="如: 2027/01/31" />
+					</view>
+					<view class="formItem">
+						<text>开户网点</text>
+						<input v-model="editDialog.data.branchName" placeholder="如: 北京中关村软件园支行" />
+					</view>
+					<view class="formItem">
+						<text>账户分类</text>
+						<input v-model="editDialog.data.accountCategory" placeholder="如: 活期储蓄" />
+					</view>
+					<view class="formItem">
+						<text>币种</text>
+						<input v-model="editDialog.data.currency" placeholder="如: 人民币" />
+					</view>
+					<view class="formItem">
+						<text>可用余额</text>
+						<input :value="editDialog.data.balance" @input="(e) => onNumberInput('balance', e.detail.value)"
+							placeholder="如: 2.71" />
+					</view>
+					<view class="formItem">
+						<text>日出金额度</text>
+						<input :value="editDialog.data.dayOut" @input="(e) => onNumberInput('dayOut', e.detail.value)"
+							placeholder="如: 50,000.00" />
+					</view>
+					<view class="formItem">
+						<text>日入金额度</text>
+						<input :value="editDialog.data.dayIn" @input="(e) => onNumberInput('dayIn', e.detail.value)"
+							placeholder="如: 50,000.00" />
+					</view>
+					<view class="formItem">
+						<text>年出金额度</text>
+						<input :value="editDialog.data.yearOut" @input="(e) => onNumberInput('yearOut', e.detail.value)"
+							placeholder="如: 200,000.00" />
+					</view>
+					<view class="formItem">
+						<text>年入金额度</text>
+						<input :value="editDialog.data.yearIn" @input="(e) => onNumberInput('yearIn', e.detail.value)"
+							placeholder="如: 200,000.00" />
+					</view>
+				</view>
+				<view class="popup-footer">
+					<view class="btn-cancel" @click="editDialog.show=false">取消</view>
+					<view class="btn-save" @click="saveEdit">保存</view>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 <script setup>
-import { reactive, onMounted, ref, getCurrentInstance } from 'vue';
+	import {
+		reactive,
+		onMounted,
+		ref,
+		getCurrentInstance
+	} from 'vue';
 	import {
 		onLoad,
 		onShow,
@@ -210,43 +233,43 @@ import { reactive, onMounted, ref, getCurrentInstance } from 'vue';
 
 		onPageScroll
 	} from "@dcloudio/uni-app";
-const CACHE_KEY = 'jsyh_account_info';
-const FOOTER_IMAGE_KEY = 'jsyh_footer_image';
+	const CACHE_KEY = 'jsyh_account_info';
+	const FOOTER_IMAGE_KEY = 'jsyh_footer_image';
 
-const instance = getCurrentInstance();
+	const instance = getCurrentInstance();
 
-const data = reactive({
-	navbar:{
-		bgColor : 'rgba(0,0,0,0)'
-	},
-  form: {
-    bankName: '建设银行',
-    cardNumber: '62170000123456789012',
-    cardType: '龙卡通',
-    accountType: 'II类户',
-    expiryDate: '2027/01/31',
-    branchName: '北京中关村软件园支行',
-    accountCategory: '活期储蓄',
-    currency: '人民币',
-    balance: '2.71',
-    dayOut: '50,000.00',
-    dayIn: '50,000.00',
-    yearOut: '200,000.00',
-    yearIn: '200,000.00',
-  },
-  footerImage: '',
-  showMask: false,
-  isShow: false,
-});
+	const data = reactive({
+		navbar: {
+			bgColor: 'rgba(0,0,0,0)'
+		},
+		form: {
+			bankName: '建设银行',
+			cardNumber: '62170000123456789012',
+			cardType: '龙卡通',
+			accountType: 'II类户',
+			expiryDate: '2027/01/31',
+			branchName: '北京中关村软件园支行',
+			accountCategory: '活期储蓄',
+			currency: '人民币',
+			balance: '2.71',
+			dayOut: '50,000.00',
+			dayIn: '50,000.00',
+			yearOut: '200,000.00',
+			yearIn: '200,000.00',
+		},
+		footerImage: '',
+		showMask: false,
+		isShow: false,
+	});
 
-const selectedImage = ref('');
-const scrollTop = ref(0);
-let longPressTimer = null;
+	const selectedImage = ref('');
+	const scrollTop = ref(0);
+	let longPressTimer = null;
 
-const editDialog = reactive({
-  show: false,
-  data: {}
-});
+	const editDialog = reactive({
+		show: false,
+		data: {}
+	});
 	onPageScroll((e) => {
 		if (e.scrollTop > 45) {
 			data.navbar.bgColor = '#2d60d5'
@@ -255,1450 +278,1475 @@ const editDialog = reactive({
 		}
 
 	})
-onMounted(() => {
-  loadCache();
-  // 加载保存的footer图片
-  const savedFooter = uni.getStorageSync(FOOTER_IMAGE_KEY);
-  if (savedFooter) {
-    data.footerImage = savedFooter;
-  }
-});
+	onMounted(() => {
+		loadCache();
+		// 加载保存的footer图片
+		const savedFooter = uni.getStorageSync(FOOTER_IMAGE_KEY);
+		if (savedFooter) {
+			data.footerImage = savedFooter;
+		}
+	});
 
-function loadCache() {
-  const cache = uni.getStorageSync(CACHE_KEY);
-  if (cache) {
-    data.form = { ...data.form, ...cache };
-  }
-}
+	function loadCache() {
+		const cache = uni.getStorageSync(CACHE_KEY);
+		if (cache) {
+			data.form = {
+				...data.form,
+				...cache
+			};
+		}
+	}
 
-function saveCache() {
-  uni.setStorageSync(CACHE_KEY, data.form);
-}
+	function saveCache() {
+		uni.setStorageSync(CACHE_KEY, data.form);
+	}
 
-function openEditDialog() {
-  editDialog.data = JSON.parse(JSON.stringify(data.form));
-  editDialog.show = true;
-}
+	function openEditDialog() {
+		editDialog.data = JSON.parse(JSON.stringify(data.form));
+		editDialog.show = true;
+	}
 
-function saveEdit() {
-  data.form = { ...data.form, ...editDialog.data };
-  saveCache();
-  editDialog.show = false;
-  uni.showToast({
-    title: '保存成功',
-    icon: 'success'
-  });
-}
+	function saveEdit() {
+		data.form = {
+			...data.form,
+			...editDialog.data
+		};
+		saveCache();
+		editDialog.show = false;
+		uni.showToast({
+			title: '保存成功',
+			icon: 'success'
+		});
+	}
 
-// 长按事件处理
-const handleTouchStart = (e) => {
-  // 兼容iOS上滑HOME条
-  const systemInfo = uni.getSystemInfoSync();
-  if (systemInfo.platform === 'ios' && systemInfo.safeAreaInsets?.bottom) {
-    const clientY = e.touches[0].clientY;
-    const windowHeight = systemInfo.windowHeight;
-    if (clientY > windowHeight - systemInfo.safeAreaInsets.bottom) {
-      return;
-    }
-  }
+	// 长按事件处理
+	const handleTouchStart = (e) => {
+		// 兼容iOS上滑HOME条
+		const systemInfo = uni.getSystemInfoSync();
+		if (systemInfo.platform === 'ios' && systemInfo.safeAreaInsets?.bottom) {
+			const clientY = e.touches[0].clientY;
+			const windowHeight = systemInfo.windowHeight;
+			if (clientY > windowHeight - systemInfo.safeAreaInsets.bottom) {
+				return;
+			}
+		}
 
-  longPressTimer = setTimeout(() => {
-    uni.vibrateShort();
-    chooseImage();
-  }, 1200);
-};
+		longPressTimer = setTimeout(() => {
+			uni.vibrateShort();
+			chooseImage();
+		}, 1200);
+	};
 
-const handleTouchEnd = () => {
-  if (longPressTimer) {
-    clearTimeout(longPressTimer);
-    longPressTimer = null;
-  }
-};
+	const handleTouchEnd = () => {
+		if (longPressTimer) {
+			clearTimeout(longPressTimer);
+			longPressTimer = null;
+		}
+	};
 
-// 选择图片
-const chooseImage = () => {
-  uni.chooseImage({
-    count: 1,
-    sourceType: ['album'],
-    success: (res) => {
-      selectedImage.value = res.tempFilePaths[0];
-      data.showMask = true;
-    }
-  });
-};
+	// 选择图片
+	const chooseImage = () => {
+		uni.chooseImage({
+			count: 1,
+			sourceType: ['album'],
+			success: (res) => {
+				selectedImage.value = res.tempFilePaths[0];
+				data.showMask = true;
+			}
+		});
+	};
 
-// 关闭蒙层
-const closeMask = () => {
-  data.showMask = false;
-};
+	// 关闭蒙层
+	const closeMask = () => {
+		data.showMask = false;
+	};
 
-// 图片滚动监听
-const onImageScroll = (e) => {
-  scrollTop.value = e.detail.scrollTop;
-};
+	// 图片滚动监听
+	const onImageScroll = (e) => {
+		scrollTop.value = e.detail.scrollTop;
+	};
 
-// 确认裁剪
-const confirmImage = () => {
-  uni.showLoading({
-    title: '处理中...'
-  });
-  const query = uni.createSelectorQuery().in(instance);
+	// 确认裁剪
+	const confirmImage = () => {
+		uni.showLoading({
+			title: '处理中...'
+		});
+		const query = uni.createSelectorQuery().in(instance);
 
-  // 获取容器和图片信息
-  query.select('.image-box').boundingClientRect();
-  query.select('.crop-image-target').boundingClientRect();
-  query.exec(res => {
-    if (!res[0] || !res[1]) {
-      uni.hideLoading();
-      return;
-    }
+		// 获取容器和图片信息
+		query.select('.image-box').boundingClientRect();
+		query.select('.crop-image-target').boundingClientRect();
+		query.exec(res => {
+			if (!res[0] || !res[1]) {
+				uni.hideLoading();
+				return;
+			}
 
-    console.log('rects', res);
-    const container = res[0]; // 容器
-    const image = res[1]; // 图片实际渲染尺寸
+			console.log('rects', res);
+			const container = res[0]; // 容器
+			const image = res[1]; // 图片实际渲染尺寸
 
-    // 获取图片原始尺寸
-    uni.getImageInfo({
-      src: selectedImage.value,
-      success: (imgInfo) => {
-        const scale = imgInfo.width / image.width; // 图片 原始宽 / 渲染宽
-        const sTop = scrollTop.value * scale; // 原始图上的裁切起始Y
-        const sHeight = container.height * scale; // 原始图上的裁切高度
+			// 获取图片原始尺寸
+			uni.getImageInfo({
+				src: selectedImage.value,
+				success: (imgInfo) => {
+					const scale = imgInfo.width / image.width; // 图片 原始宽 / 渲染宽
+					const sTop = scrollTop.value * scale; // 原始图上的裁切起始Y
+					const sHeight = container.height * scale; // 原始图上的裁切高度
 
-        // 因为是 widthFix，宽度就是原始图宽度（或裁切全宽）
-        const sWidth = imgInfo.width;
+					// 因为是 widthFix，宽度就是原始图宽度（或裁切全宽）
+					const sWidth = imgInfo.width;
 
-        // 设置画布尺寸 (使用像素值)
-        const canvasW = container.width;
-        const canvasH = container.height;
+					// 设置画布尺寸 (使用像素值)
+					const canvasW = container.width;
+					const canvasH = container.height;
 
-        const ctx = uni.createCanvasContext('crop-canvas', instance);
+					const ctx = uni.createCanvasContext('crop-canvas', instance);
 
-        // 清除画布
-        ctx.clearRect(0, 0, canvasW, canvasH);
+					// 清除画布
+					ctx.clearRect(0, 0, canvasW, canvasH);
 
-        // 绘制
-        ctx.drawImage(
-          imgInfo.path,
-          0, sTop, sWidth, sHeight, // 源图裁剪区域
-          0, 0, canvasW, canvasH // 画布绘制区域
-        );
-        ctx.draw(false, () => {
-          uni.canvasToTempFilePath({
-            canvasId: 'crop-canvas',
-            width: canvasW,
-            height: canvasH,
-            destWidth: sWidth, // 使用原图实际宽度,保持原图清晰度
-            destHeight: sHeight, // 使用原图实际高度,保持原图清晰度
-            success: (res) => {
-              console.log('crop success (temp)', res.tempFilePath);
+					// 绘制
+					ctx.drawImage(
+						imgInfo.path,
+						0, sTop, sWidth, sHeight, // 源图裁剪区域
+						0, 0, canvasW, canvasH // 画布绘制区域
+					);
+					ctx.draw(false, () => {
+						uni.canvasToTempFilePath({
+							canvasId: 'crop-canvas',
+							width: canvasW,
+							height: canvasH,
+							destWidth: sWidth, // 使用原图实际宽度,保持原图清晰度
+							destHeight: sHeight, // 使用原图实际高度,保持原图清晰度
+							success: (res) => {
+								console.log('crop success (temp)', res.tempFilePath);
 
-              // 将临时路径保存为永久路径
-              uni.saveFile({
-                tempFilePath: res.tempFilePath,
-                success: (saveRes) => {
-                  console.log('save success (saved)', saveRes.savedFilePath);
-                  data.footerImage = saveRes.savedFilePath;
-                  selectedImage.value = ''; // 隐藏编辑模式
-                  // 保存到缓存
-                  uni.setStorageSync(FOOTER_IMAGE_KEY, data.footerImage);
-                  uni.hideLoading();
-                },
-                fail: (err) => {
-                  console.error('saveFile fail', err);
-                  uni.hideLoading();
-                  uni.showToast({
-                    title: '保存失败',
-                    icon: 'none'
-                  });
-                }
-              });
-            },
-            fail: (err) => {
-              console.error(err);
-              uni.hideLoading();
-              uni.showToast({
-                title: '裁剪失败',
-                icon: 'none'
-              });
-            }
-          }, instance);
-        });
-      },
-      fail: () => {
-        uni.hideLoading();
-        uni.showToast({
-          title: '图片加载失败',
-          icon: 'none'
-        });
-      }
-    });
-  });
-};
+								// 将临时路径保存为永久路径
+								uni.saveFile({
+									tempFilePath: res.tempFilePath,
+									success: (saveRes) => {
+										console.log('save success (saved)', saveRes.savedFilePath);
+										data.footerImage = saveRes.savedFilePath;
+										selectedImage.value = ''; // 隐藏编辑模式
+										// 保存到缓存
+										uni.setStorageSync(FOOTER_IMAGE_KEY, data.footerImage);
+										uni.hideLoading();
+									},
+									fail: (err) => {
+										console.error('saveFile fail', err);
+										uni.hideLoading();
+										uni.showToast({
+											title: '保存失败',
+											icon: 'none'
+										});
+									}
+								});
+							},
+							fail: (err) => {
+								console.error(err);
+								uni.hideLoading();
+								uni.showToast({
+									title: '裁剪失败',
+									icon: 'none'
+								});
+							}
+						}, instance);
+					});
+				},
+				fail: () => {
+					uni.hideLoading();
+					uni.showToast({
+						title: '图片加载失败',
+						icon: 'none'
+					});
+				}
+			});
+		});
+	};
 
-// 关闭图片编辑
-const closeImageEdit = () => {
-  selectedImage.value = '';
-};
+	// 关闭图片编辑
+	const closeImageEdit = () => {
+		selectedImage.value = '';
+	};
 
-// 格式化数字，保留两位小数并添加千分位逗号
-function formatNumber(num) {
-  if (!num && num !== 0) return '';
-  let cleanNum = String(num).replace(/[^\d.]/g, '');
-  const parts = cleanNum.split('.');
-  if (parts.length > 2) {
-    cleanNum = parts[0] + '.' + parts.slice(1).join('');
-  }
-  let number = parseFloat(cleanNum);
-  if (isNaN(number)) return '';
-  number = Math.round(number * 100) / 100;
-  return number.toLocaleString('en-US', {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-}
+	// 格式化数字，保留两位小数并添加千分位逗号
+	function formatNumber(num) {
+		if (!num && num !== 0) return '';
+		let cleanNum = String(num).replace(/[^\d.]/g, '');
+		const parts = cleanNum.split('.');
+		if (parts.length > 2) {
+			cleanNum = parts[0] + '.' + parts.slice(1).join('');
+		}
+		let number = parseFloat(cleanNum);
+		if (isNaN(number)) return '';
+		number = Math.round(number * 100) / 100;
+		return number.toLocaleString('en-US', {
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2
+		});
+	}
 
-// 处理输入事件
-function onNumberInput(field, value) {
-  editDialog.data[field] = formatNumber(value);
-}
+	// 处理输入事件
+	function onNumberInput(field, value) {
+		editDialog.data[field] = formatNumber(value);
+	}
 
-// 每四位添加空格
-function addSpaceEveryFourChars(str) {
-  return str.replace(/(.{4})/g, '$1 ').trim();
-}
+	// 每四位添加空格
+	function addSpaceEveryFourChars(str) {
+		return str.replace(/(.{4})/g, '$1 ').trim();
+	}
 
-// 复制卡号
-function copyCardNumber() {
-  uni.setClipboardData({
-    data: data.form.cardNumber,
-    success: () => {
-      uni.showToast({
-        title: '复制成功',
-        icon: 'success'
-      });
-      data.isShow = false;
-    }
-  });
-}
+	// 复制卡号
+	function copyCardNumber() {
+		uni.setClipboardData({
+			data: data.form.cardNumber,
+			success: () => {
+				uni.showToast({
+					title: '复制成功',
+					icon: 'success'
+				});
+				data.isShow = false;
+			}
+		});
+	}
+
+	function back() {
+		uni.navigateBack()
+	}
 </script>
 
 <style lang="scss" scoped>
-* {
-  box-sizing: border-box;
-}
+	* {
+		box-sizing: border-box;
+	}
 
-.flex-row {
-  display: flex;
-  flex-direction: row;
-}
+	.flex-row {
+		display: flex;
+		flex-direction: row;
+	}
 
-.flex-col {
-  display: flex;
-  flex-direction: column;
-}
+	.flex-col {
+		display: flex;
+		flex-direction: column;
+	}
 
-.justify-start {
-  display: flex;
-  justify-content: flex-start;
-}
+	.justify-start {
+		display: flex;
+		justify-content: flex-start;
+	}
 
-.justify-center {
-  display: flex;
-  justify-content: center;
-}
+	.justify-center {
+		display: flex;
+		justify-content: center;
+	}
 
-.justify-end {
-  display: flex;
-  justify-content: flex-end;
-}
+	.justify-end {
+		display: flex;
+		justify-content: flex-end;
+	}
 
-.justify-between {
-  display: flex;
-  justify-content: space-between;
-}
+	.justify-between {
+		display: flex;
+		justify-content: space-between;
+	}
 
-.items-start {
-  display: flex;
-  align-items: flex-start;
-}
+	.items-start {
+		display: flex;
+		align-items: flex-start;
+	}
 
-.items-end {
-  display: flex;
-  align-items: flex-end;
-}
+	.items-end {
+		display: flex;
+		align-items: flex-end;
+	}
 
-.items-center {
-  display: flex;
-  align-items: center;
-}
+	.items-center {
+		display: flex;
+		align-items: center;
+	}
 
-.no-shrink {
-  flex-shrink: 0;
-}
+	.no-shrink {
+		flex-shrink: 0;
+	}
 
-/* 建设银行 */
-.div {
-  position: relative;
-  width: 750rpx;
-  min-height: 1862rpx;
-  overflow: hidden;
-  background-color: #f8f8f8;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  isolation: isolate;
+	/* 建设银行 */
+	.div {
+		position: relative;
+		width: 750rpx;
+		min-height: 1862rpx;
+		overflow: hidden;
+		background-color: #f8f8f8;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		isolation: isolate;
 
-  .home {
-    position: absolute;
-    top: auto;
-    left: 0;
-    bottom: 0;
-  }
+		.home {
+			position: absolute;
+			top: auto;
+			left: 0;
+			bottom: 0;
+		}
 
-  .div_8a4931ca0f8a124896aa57f966f7f1cf {
-    width: 750rpx;
-    height: 460rpx;
-    position: relative;
-    margin-left: auto;
-    margin-right: auto;
-    z-index: 5;
-    margin-top: 46rpx;
-  }
-}
+		.div_8a4931ca0f8a124896aa57f966f7f1cf {
+			width: 750rpx;
+			height: 460rpx;
+			position: relative;
+			margin-left: auto;
+			margin-right: auto;
+			z-index: 5;
+		}
+	}
 
-/* 图片编辑样式 */
-.image-box {
-  width: 750rpx;
-  height: 460rpx;
-  position: relative;
-  overflow: hidden;
-}
+	/* 图片编辑样式 */
+	.image-box {
+		width: 750rpx;
+		height: 460rpx;
+		position: relative;
+		overflow: hidden;
+	}
 
-.scroll-image-box {
-  width: 100%;
-  min-height: 0;
-  position: relative;
-}
+	.scroll-image-box {
+		width: 100%;
+		min-height: 0;
+		position: relative;
+	}
 
-.crop-image-target {
-  width: 100%;
-}
+	.crop-image-target {
+		width: 100%;
+	}
 
-.dashed-line-box {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: 4rpx dashed red;
-  pointer-events: none;
+	.dashed-line-box {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		border: 4rpx dashed red;
+		pointer-events: none;
 
-  .dashed-line-text {
-    height: 44rpx;
-    line-height: 44rpx;
-    width: 180rpx;
-    padding: 0 20rpx;
-    border-radius: 8rpx;
-    color: #1777FF;
-    font-size: 24rpx;
-    font-weight: 500;
-    background-color: #fff;
-    position: absolute;
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
+		.dashed-line-text {
+			height: 44rpx;
+			line-height: 44rpx;
+			width: 180rpx;
+			padding: 0 20rpx;
+			border-radius: 8rpx;
+			color: #1777FF;
+			font-size: 24rpx;
+			font-weight: 500;
+			background-color: #fff;
+			position: absolute;
+			top: 0;
+			left: 50%;
+			transform: translate(-50%, -50%);
+		}
+	}
 
-.mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.8);
-  z-index: 999;
+	.mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.8);
+		z-index: 999;
 
-  .mask-icon {
-    position: absolute;
-    top: 50%;
-    right: 52rpx;
-    transform: translateY(-25%);
-    width: 360rpx;
-    height: 360rpx;
-  }
-}
+		.mask-icon {
+			position: absolute;
+			top: 50%;
+			right: 52rpx;
+			transform: translateY(-25%);
+			width: 360rpx;
+			height: 360rpx;
+		}
+	}
 
-/* 组 45764 */
-.group_45764 {
-  width: 750rpx;
-  // height: 658rpx;
-	padding-bottom: 70rpx;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  z-index: 0;
-  margin-top: 0;
-  margin-left: 0;
-background-image: url(/static/image/other/bank/jsyh/headerBg.png);
-background-size: 100% 100%;
-background-repeat: no-repeat;
-  .rectangle_23313 {
-    position: relative;
-    width: 750rpx;
-    height: 658rpx;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    isolation: isolate;
-    margin-top: 0;
-    margin-left: 0;
-    -webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
+	/* 组 45764 */
+	.group_45764 {
+		width: 750rpx;
+		// height: 658rpx;
+		padding-bottom: 70rpx;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		z-index: 0;
+		margin-top: 0;
+		margin-left: 0;
+		background-image: url(/static/image/other/bank/jsyh/headerBg.png);
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
 
-    .flexcontainer {
-      position: relative;
-      display: flex;
-      width: 773rpx;
-      height: 394rpx;
-      flex-direction: column;
-      align-items: flex-start;
-      isolation: isolate;
-      z-index: 1;
-      margin-top: -120rpx;
-      margin-left: -16rpx;
+		.rectangle_23313 {
+			position: relative;
+			width: 750rpx;
+			height: 658rpx;
+			overflow: hidden;
+			display: flex;
+			flex-direction: column;
+			align-items: flex-start;
+			isolation: isolate;
+			margin-top: 0;
+			margin-left: 0;
+			-webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
 
-      .path_17460 {
-        width: 304rpx;
-        height: 318rpx;
-        z-index: 1;
-        position: relative;
-        margin-top: 0;
-        margin-left: 469rpx;
-      }
+			.flexcontainer {
+				position: relative;
+				display: flex;
+				width: 773rpx;
+				height: 394rpx;
+				flex-direction: column;
+				align-items: flex-start;
+				isolation: isolate;
+				z-index: 1;
+				margin-top: -120rpx;
+				margin-left: -16rpx;
 
-      .path_17458 {
-        width: 610rpx;
-        height: 302rpx;
-        z-index: 0;
-        position: relative;
-        margin-top: -226rpx;
-        margin-left: 0;
-      }
+				.path_17460 {
+					width: 304rpx;
+					height: 318rpx;
+					z-index: 1;
+					position: relative;
+					margin-top: 0;
+					margin-left: 469rpx;
+				}
 
-      .path_17459 {
-        width: 594rpx;
-        height: 284rpx;
-        z-index: 2;
-        position: relative;
-        margin-top: -292rpx;
-        margin-left: 8rpx;
-      }
-    }
+				.path_17458 {
+					width: 610rpx;
+					height: 302rpx;
+					z-index: 0;
+					position: relative;
+					margin-top: -226rpx;
+					margin-left: 0;
+				}
 
-    .rectangle_23284 {
-      width: 750rpx;
-      height: 658rpx;
-      background-color: #2d60d5;
-      z-index: 0;
-      position: relative;
-      margin-top: -274rpx;
-      margin-left: 0;
-    }
-  }
+				.path_17459 {
+					width: 594rpx;
+					height: 284rpx;
+					z-index: 2;
+					position: relative;
+					margin-top: -292rpx;
+					margin-left: 8rpx;
+				}
+			}
 
-  .flexcontainer_1 {
-    position: fixed;
+			.rectangle_23284 {
+				width: 750rpx;
+				height: 658rpx;
+				background-color: #2d60d5;
+				z-index: 0;
+				position: relative;
+				margin-top: -274rpx;
+				margin-left: 0;
+			}
+		}
+
+		.flexcontainer_box {
+			position: fixed;
+			left: 0;
+			top: 0;
+			width: 750rpx;
+			background-image: url(/static/image/other/bank/jsyh/headerBg.png);
+			background-size: 100% 100%;
+			background-repeat: no-repeat;
+			z-index: 999 !important;
+		}
+
+		.flexcontainer_1 {
+
+			display: flex;
+			width: 750rpx;
+			height: 96rpx;
+			flex-direction: row;
+			align-items: flex-start;
+			isolation: isolate;
+			justify-content: space-between;
+			.group_8 {
+				position: relative;
+				width: 240rpx;
+				height: 96rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: flex-start;
+				z-index: 0;
+				margin-left: 0;
+				margin-top: 0;
+
+				.rectangle_18503 {
+					position: relative;
+					width: 240rpx;
+					height: 96rpx;
+					overflow: hidden;
+					display: flex;
+					flex-direction: column;
+					align-items: flex-start;
+					margin-top: 0;
+					margin-left: 0;
+					-webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
+
+					.frame {
+						width: 48rpx;
+						height: 48rpx;
+						position: relative;
+						margin-top: 32rpx;
+						margin-left: 22rpx;
+					}
+				}
+			}
+
+			.text_1 {
+				text-align: center;
+				font-size: 36rpx;
+				font-family: 'PingFang SC';
+				font-weight: 400;
+				line-height: 40rpx;
+				color: #ffffff;
+				white-space: pre;
+				z-index: 2;
+				position: relative;
+				margin-top: 34rpx;
+			}
+
+			.group_9 {
+				position: relative;
+				width: 240rpx;
+				height: 96rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: flex-start;
+				z-index: 1;
+				// margin-left: 44rpx;
+				margin-top: 0;
+
+				.rectangle_18503_1 {
+					position: relative;
+					width: 240rpx;
+					height: 96rpx;
+					overflow: hidden;
+					display: flex;
+					margin-top: 0;
+					margin-left: 0;
+					-webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
+					justify-content: flex-end;
+
+					.group_13980 {
+						width: 48rpx;
+						height: 48rpx;
+						position: relative;
+						margin-right: 28rpx;
+						margin-top: 30rpx;
+					}
+
+					.group_13979 {
+						width: 48rpx;
+						height: 48rpx;
+						position: relative;
+						margin-right: 28rpx;
+						margin-top: 30rpx;
+					}
+				}
+			}
+		}
+
+		.group_48200 {
+			position: relative;
+			width: 640rpx;
+			height: 354rpx;
+
+			background: url('/static/image/other/bank/jsyh/cardBg.png') center / cover no-repeat;
+			display: flex;
+			flex-direction: column;
+			align-items: flex-start;
+			margin-top: 38rpx;
+			margin-left: 56rpx;
+
+			.group_48198 {
+				position: relative;
+				width: 582rpx;
+				height: 296rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: flex-start;
+				isolation: isolate;
+				margin-top: 24rpx;
+				margin-left: 18rpx;
+
+				.flexcontainer_2 {
+					position: relative;
+					display: flex;
+					width: 502rpx;
+					height: 90rpx;
+					flex-direction: row;
+					align-items: flex-start;
+					isolation: isolate;
+					z-index: 0;
+					margin-top: 0;
+					margin-left: 0;
+
+					.group_48194 {
+						position: relative;
+						width: 90rpx;
+						height: 90rpx;
+						display: flex;
+						flex-direction: column;
+						align-items: flex-start;
+						z-index: 1;
+						margin-left: 0;
+						margin-top: 0;
+
+						.div_1227 {
+							position: relative;
+							width: 90rpx;
+							height: 90rpx;
+							border-radius: 50%;
+							background-color: #ffffff;
+							display: flex;
+							flex-direction: column;
+							align-items: flex-start;
+							margin-top: 0;
+							margin-left: 0;
+
+							.path {
+								width: 73.3333%;
+								height: 73.3333%;
+								position: absolute;
+								top: 13.3333%;
+								left: 13.3333%;
+								right: 13.3333%;
+								bottom: 13.3333%;
+							}
+						}
+					}
+
+					.flexcontainer_3 {
+						position: relative;
+						display: flex;
+						width: 288rpx;
+						height: 88rpx;
+						flex-direction: column;
+						align-items: flex-start;
+						isolation: isolate;
+						z-index: 0;
+						margin-left: 12rpx;
+						margin-top: 2rpx;
+
+						.text_2 {
+							position: relative;
+							font-size: 32rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							letter-spacing: 2rpx;
+							color: #1a1a1a;
+							white-space: pre;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+							z-index: 1;
+							margin-top: 0;
+						}
+
+						.flexcontainer_4 {
+							position: relative;
+							display: flex;
+							width: 232rpx;
+							height: 34rpx;
+							flex-direction: row;
+							align-items: flex-start;
+							isolation: isolate;
+							z-index: 0;
+							margin-top: 18rpx;
+							margin-left: 0;
+
+							.group_13982 {
+								width: 28rpx;
+								height: 28rpx;
+								z-index: 0;
+								position: relative;
+								margin-left: 0;
+								margin-top: 2rpx;
+							}
+
+							.group_48197 {
+								width: 52rpx;
+								height: 34rpx;
+								z-index: 2;
+								position: relative;
+								margin-left: 152rpx;
+								margin-top: 0;
+								background: #D6DEF1;
+								border-radius: 2px 2px 2px 2px;
+								text-align: center;
+								line-height: 34rpx;
+								font-size: 10px;
+								color: #5D7ED7;
+							}
+
+							.text_3 {
+								position: absolute;
+								top: 4rpx;
+								left: 0;
+								font-size: 24rpx;
+								font-family: 'PingFang SC';
+								font-weight: 400;
+								line-height: 34rpx;
+								color: #90969a;
+								white-space: pre;
+								height: 34rpx;
+								margin-top: -5rpx;
+								margin-bottom: -5rpx;
+								right: 60rpx;
+								width: max-content;
+								margin-left: auto;
+								margin-right: auto;
+								z-index: 1;
+							}
+						}
+					}
+
+					.text_4 {
+						position: absolute;
+						top: 8rpx;
+						left: 400rpx;
+						font-size: 24rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 34rpx;
+						letter-spacing: 0.08em;
+						color: #3587e4;
+						white-space: pre;
+						height: 34rpx;
+						margin-top: -5rpx;
+						margin-bottom: -5rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+						z-index: 2;
+					}
+				}
+
+				.text_5 {
+					position: relative;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 34rpx;
+					color: #545454;
+					white-space: pre;
+					height: 34rpx;
+					margin-top: 44rpx;
+					margin-bottom: -5rpx;
+					width: max-content;
+					margin-left: calc(50% - 189rpx);
+					margin-right: auto;
+					z-index: 2;
+				}
+
+				.text_6 {
+					position: relative;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 34rpx;
+					color: #545454;
+					white-space: pre;
+					height: 34rpx;
+					margin-top: 22rpx;
+					margin-bottom: -5rpx;
+					width: max-content;
+					margin-left: calc(50% - 189rpx);
+					margin-right: auto;
+					z-index: 3;
+				}
+
+				.flexcontainer_5 {
+					position: relative;
+					display: flex;
+					width: 480rpx;
+					height: 70rpx;
+					flex-direction: row;
+					align-items: flex-start;
+					isolation: isolate;
+					z-index: 1;
+					margin-top: 22rpx;
+					margin-left: 102rpx;
+
+					.flexcontainer_6 {
+						position: relative;
+						display: flex;
+						width: 360rpx;
+						height: 70rpx;
+						flex-direction: column;
+						align-items: flex-start;
+						z-index: 1;
+						margin-left: 0;
+						margin-top: 0;
+
+						.text_7 {
+							position: relative;
+							font-size: 24rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 34rpx;
+							color: #545454;
+							white-space: pre;
+							height: 34rpx;
+							margin-top: 0;
+							margin-bottom: -5rpx;
+							width: max-content;
+							margin-left: calc(50% - 180rpx);
+							margin-right: auto;
+						}
+
+						.text_8 {
+							position: relative;
+							font-size: 24rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 34rpx;
+							color: #545454;
+							white-space: pre;
+							height: 34rpx;
+							margin-top: 22rpx;
+							margin-bottom: -5rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+					}
+
+					.group_48196 {
+						width: 66rpx;
+						height: 66rpx;
+						z-index: 0;
+						position: relative;
+						margin-left: 54rpx;
+						margin-top: 0;
+					}
+				}
+			}
+		}
+
+		.rectangle_23314 {
+			width: 750rpx;
+			height: 28rpx;
+			position: relative;
+			margin-top: 42rpx;
+			margin-left: 0;
+		}
+	}
+
+	/* 组 48190 */
+	.group_48190 {
+		position: relative;
+		width: 750rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		justify-content: center;
+		z-index: 2;
+		background-color: #f8f8f8;
+		margin-top: -28rpx;
+		z-index: 9;
+		height: 140rpx;
+		border-radius: 20rpx 20rpx 0 0;
+
+		.rectangle_23318 {
+			position: relative;
+			width: 700rpx;
+			height: 100rpx;
+			border-radius: 12rpx;
+			background-color: #ffffff;
+			margin-left: auto;
+			margin-right: auto;
+			display: flex;
+			flex-direction: row;
+			align-items: flex-start;
+			isolation: isolate;
+			margin-top: 0;
+
+			.group_13999 {
+				width: 20rpx;
+				height: 20rpx;
+				z-index: 3;
+				position: relative;
+				margin-left: 652rpx;
+				margin-top: 40rpx;
+			}
+
+			.frame_1 {
+				width: 40rpx;
+				height: 40rpx;
+				position: absolute;
+				top: 30rpx;
+				left: 436rpx;
+				right: 0;
+				margin-left: auto;
+				margin-right: auto;
+				z-index: 0;
+			}
+
+			.frame_2 {
+				width: 40rpx;
+				height: 40rpx;
+				position: absolute;
+				top: 30rpx;
+				left: 536rpx;
+				right: 0;
+				margin-left: auto;
+				margin-right: auto;
+				z-index: 1;
+			}
+
+			.text_9 {
+				position: absolute;
+				top: 32rpx;
+				left: 0;
+				font-size: 32rpx;
+				font-family: 'PingFang SC';
+				font-weight: bold;
+				line-height: 36rpx;
+				color: #1a1a1a;
+				white-space: pre;
+				right: 528rpx;
+				width: max-content;
+				margin-left: auto;
+				margin-right: auto;
+				z-index: 2;
+			}
+		}
+	}
+
+	/* 组 48191 */
+	.group_48191 {
+		position: relative;
+		width: 700rpx;
+		height: 206rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		z-index: 3;
+		// margin-top: 24rpx;
+		margin-left: 26rpx;
+
+		.rectangle_23317 {
+			position: relative;
+			width: 700rpx;
+			height: 206rpx;
+			border-radius: 12rpx;
+			background-color: #ffffff;
+			margin-left: auto;
+			margin-right: auto;
+			display: flex;
+			flex-direction: column;
+			align-items: flex-start;
+			isolation: isolate;
+			margin-top: 0;
+
+			.rectangle_23316 {
+				position: relative;
+				width: 144rpx;
+				height: 54rpx;
+				border-radius: 27rpx;
+				background-color: #ecf3fd;
+				margin-left: calc(50% - 328rpx);
+				margin-right: auto;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				z-index: 1;
+				margin-top: 24rpx;
+
+				.text_10 {
+					position: relative;
+					font-size: 28rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 40rpx;
+					color: #2066c1;
+					white-space: pre;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+			}
+
+			.div_418 {
+				width: 700rpx;
+				height: 0;
+				position: relative;
+				transform: rotate(0deg);
+				border: 1rpx solid #f2f2f2;
+				margin-left: auto;
+				margin-right: auto;
+				z-index: 2;
+				margin-top: 24rpx;
+			}
+
+			.flexcontainer_7 {
+				position: relative;
+				display: flex;
+				width: 650rpx;
+				height: 36rpx;
+				flex-direction: row;
+				align-items: flex-start;
+				isolation: isolate;
+				z-index: 0;
+				margin-top: 34rpx;
+				margin-left: 22rpx;
+				justify-content: space-between;
+
+				.group_14000 {
+					width: 20rpx;
+					height: 20rpx;
+					z-index: 3;
+					position: relative;
+					margin-top: 8rpx;
+				}
+
+				.text_11 {
+					font-size: 32rpx;
+					font-family: 'PingFang SC';
+					font-weight: bold;
+					line-height: 36rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					width: max-content;
+					z-index: 0;
+				}
+
+				.text_12 {
+					font-size: 28rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 40rpx;
+					color: #999999;
+					white-space: pre;
+					height: 40rpx;
+					margin-top: -6rpx;
+					margin-bottom: -6rpx;
+					right: 0;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+					z-index: 1;
+				}
+
+				.text_13 {
+					font-size: 32rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 44rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					height: 44rpx;
+					margin-top: -6rpx;
+					margin-bottom: -6rpx;
+					right: 0;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+					z-index: 2;
+				}
+			}
+		}
+	}
+
+	/* 组 48192 */
+	.group_48192 {
+		position: relative;
+		width: 700rpx;
+		height: 264rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		z-index: 4;
+		margin-top: 24rpx;
+		margin-left: 26rpx;
+
+		margin-bottom: 46rpx;
+
+		.rectangle_23319 {
+			position: relative;
+			width: 700rpx;
+			height: 264rpx;
+			border-radius: 12rpx;
+			background-color: #ffffff;
+			margin-left: auto;
+			margin-right: auto;
+			display: flex;
+			flex-direction: column;
+			align-items: flex-start;
+			margin-top: 0;
+
+			.text_14 {
+				position: relative;
+				font-size: 32rpx;
+				font-family: 'PingFang SC';
+				font-weight: 400;
+				line-height: 36rpx;
+				color: #1a1a1a;
+				white-space: pre;
+				width: max-content;
+				margin-left: calc(50% - 318rpx);
+				margin-right: auto;
+				margin-top: 38rpx;
+			}
+
+			.flexcontainer_8 {
+				position: relative;
+				display: flex;
+				width: 486rpx;
+				height: 36rpx;
+				flex-direction: row;
+				align-items: flex-start;
+				isolation: isolate;
+				margin-top: 10rpx;
+				margin-left: 32rpx;
+
+				.group_48193 {
+					width: 28rpx;
+					height: 28rpx;
+					z-index: 1;
+					position: relative;
+					margin-left: 458rpx;
+					margin-top: 4rpx;
+				}
+
+				.text_15 {
+					position: absolute;
+					top: 0;
+					left: 0;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 36rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					right: 38rpx;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+					z-index: 0;
+				}
+			}
+
+			.flexcontainer_9 {
+				position: relative;
+				display: flex;
+				width: 552rpx;
+				height: 36rpx;
+				flex-direction: row;
+				align-items: flex-start;
+				margin-top: 18rpx;
+				margin-left: 30rpx;
+
+				.text_16 {
+					position: absolute;
+					top: 0;
+					left: 0;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 36rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					right: 472rpx;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+
+				.text_17 {
+					position: absolute;
+					top: 0;
+					left: 168rpx;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 36rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					right: 0;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+
+				.text_18 {
+					position: absolute;
+					top: 8rpx;
+					left: 0;
+					font-size: 22rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 30rpx;
+					color: #e3360b;
+					white-space: pre;
+					height: 30rpx;
+					margin-top: -4rpx;
+					margin-bottom: -4rpx;
+					right: 216rpx;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+
+				.text_19 {
+					position: absolute;
+					top: 8rpx;
+					left: 424rpx;
+					font-size: 22rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 30rpx;
+					color: #e3360b;
+					white-space: pre;
+					height: 30rpx;
+					margin-top: -4rpx;
+					margin-bottom: -4rpx;
+					right: 0;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+			}
+
+			.flexcontainer_10 {
+				position: relative;
+				display: flex;
+				width: 564rpx;
+				height: 36rpx;
+				flex-direction: row;
+				align-items: flex-start;
+				margin-top: 10rpx;
+				margin-left: 30rpx;
+
+				.text_20 {
+					position: absolute;
+					top: 0;
+					left: 0;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 36rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					right: 484rpx;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+
+				.text_21 {
+					position: absolute;
+					top: 0;
+					left: 156rpx;
+					font-size: 24rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 36rpx;
+					color: #1a1a1a;
+					white-space: pre;
+					right: 0;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+
+				.text_22 {
+					position: absolute;
+					top: 8rpx;
+					left: 0;
+					font-size: 22rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 30rpx;
+					color: #e3360b;
+					white-space: pre;
+					height: 30rpx;
+					margin-top: -4rpx;
+					margin-bottom: -4rpx;
+					right: 216rpx;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+
+				.text_23 {
+					position: absolute;
+					top: 8rpx;
+					left: 424rpx;
+					font-size: 22rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					line-height: 30rpx;
+					color: #e3360b;
+					white-space: pre;
+					height: 30rpx;
+					margin-top: -4rpx;
+					margin-bottom: -4rpx;
+					right: 0;
+					width: max-content;
+					margin-left: auto;
+					margin-right: auto;
+				}
+			}
+		}
+	}
+
+	/* 编辑弹窗样式 */
+	.editDialog {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: 9999;
+	}
+
+	.editDialog_bg {
+		width: 680rpx;
+		max-height: 80vh;
+		background-color: #ffffff;
+		border-radius: 20rpx;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.editDialog_header {
+		padding: 30rpx;
+		border-bottom: 1rpx solid #eee;
+		text-align: center;
+
+		.title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #333;
+		}
+	}
+
+	.editDialog_body {
+		padding: 20rpx 30rpx;
+		overflow-y: auto;
+		max-height: 60vh;
+	}
+
+	.formItem {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 0;
+		border-bottom: 1rpx solid #f5f5f5;
+
+		text {
+			width: 200rpx;
+			font-size: 28rpx;
+			color: #666;
+			flex-shrink: 0;
+		}
+
+		input {
+			flex: 1;
+			font-size: 28rpx;
+			color: #333;
+			text-align: right;
+		}
+	}
+
+	.popup-footer {
+		display: flex;
+		padding: 20rpx 30rpx;
+		border-top: 1rpx solid #eee;
+		gap: 20rpx;
+
+		.btn-cancel,
+		.btn-save {
+			flex: 1;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			border-radius: 10rpx;
+			font-size: 28rpx;
+		}
+
+		.btn-cancel {
+			background-color: #f5f5f5;
+			color: #666;
+		}
+
+		.btn-save {
+			background-color: #187AFF;
+			color: #fff;
+		}
+	}
+
+	/* 卡号弹窗样式 */
+	.dask {
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.5);
+		position: fixed;
 		left: 0;
 		top: 0;
-    display: flex;
-    width: 750rpx;
-    height: 96rpx;
-    flex-direction: row;
-    align-items: flex-start;
-    isolation: isolate;
-    margin-left: 0;
-		z-index: 999 !important;
-		justify-content: space-between;
-    .group_8 {
-      position: relative;
-      width: 240rpx;
-      height: 96rpx;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      z-index: 0;
-      margin-left: 0;
-      margin-top: 0;
-
-      .rectangle_18503 {
-        position: relative;
-        width: 240rpx;
-        height: 96rpx;
-        overflow: hidden;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        margin-top: 0;
-        margin-left: 0;
-        -webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
-
-        .frame {
-          width: 48rpx;
-          height: 48rpx;
-          position: relative;
-          margin-top: 32rpx;
-          margin-left: 22rpx;
-        }
-      }
-    }
-
-    .text_1 {
-      text-align: center;
-      font-size: 36rpx;
-      font-family: 'PingFang SC';
-      font-weight: 400;
-      line-height: 40rpx;
-      color: #ffffff;
-      white-space: pre;
-      z-index: 2;
-      position: relative;
-      margin-top: 34rpx;
-    }
-
-    .group_9 {
-      position: relative;
-      width: 240rpx;
-      height: 96rpx;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      z-index: 1;
-      // margin-left: 44rpx;
-      margin-top: 0;
-
-      .rectangle_18503_1 {
-        position: relative;
-        width: 240rpx;
-        height: 96rpx;
-        overflow: hidden;
-        display: flex;
-        margin-top: 0;
-        margin-left: 0;
-        -webkit-mask-image: linear-gradient(0, #d8d8d8, #d8d8d8);
-				justify-content: flex-end;
-        .group_13980 {
-          width: 48rpx;
-          height: 48rpx;
-          position: relative;
-          margin-right: 28rpx;
-          margin-top: 30rpx;
-        }
-
-        .group_13979 {
-          width: 48rpx;
-          height: 48rpx;
-          position: relative;
-          margin-right: 28rpx;
-          margin-top: 30rpx;
-        }
-      }
-    }
-  }
-
-  .group_48200 {
-    position: relative;
-    width: 640rpx;
-    height: 354rpx;
-		
-    background: url('/static/image/other/bank/jsyh/cardBg.png') center / cover no-repeat;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-top: 38rpx;
-    margin-left: 56rpx;
-
-    .group_48198 {
-      position: relative;
-      width: 582rpx;
-      height: 296rpx;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      isolation: isolate;
-      margin-top: 24rpx;
-      margin-left: 18rpx;
-
-      .flexcontainer_2 {
-        position: relative;
-        display: flex;
-        width: 502rpx;
-        height: 90rpx;
-        flex-direction: row;
-        align-items: flex-start;
-        isolation: isolate;
-        z-index: 0;
-        margin-top: 0;
-        margin-left: 0;
-
-        .group_48194 {
-          position: relative;
-          width: 90rpx;
-          height: 90rpx;
-          display: flex;
-          flex-direction: column;
-          align-items: flex-start;
-          z-index: 1;
-          margin-left: 0;
-          margin-top: 0;
-
-          .div_1227 {
-            position: relative;
-            width: 90rpx;
-            height: 90rpx;
-            border-radius: 50%;
-            background-color: #ffffff;
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            margin-top: 0;
-            margin-left: 0;
-
-            .path {
-              width: 73.3333%;
-              height: 73.3333%;
-              position: absolute;
-              top: 13.3333%;
-              left: 13.3333%;
-              right: 13.3333%;
-              bottom: 13.3333%;
-            }
-          }
-        }
-
-        .flexcontainer_3 {
-          position: relative;
-          display: flex;
-          width: 288rpx;
-          height: 88rpx;
-          flex-direction: column;
-          align-items: flex-start;
-          isolation: isolate;
-          z-index: 0;
-          margin-left: 12rpx;
-          margin-top: 2rpx;
-
-          .text_2 {
-            position: relative;
-            font-size: 32rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            letter-spacing: 2rpx;
-            color: #1a1a1a;
-            white-space: pre;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-            z-index: 1;
-            margin-top: 0;
-          }
-
-          .flexcontainer_4 {
-            position: relative;
-            display: flex;
-            width: 232rpx;
-            height: 34rpx;
-            flex-direction: row;
-            align-items: flex-start;
-            isolation: isolate;
-            z-index: 0;
-            margin-top: 18rpx;
-            margin-left: 0;
-
-            .group_13982 {
-              width: 28rpx;
-              height: 28rpx;
-              z-index: 0;
-              position: relative;
-              margin-left: 0;
-              margin-top: 2rpx;
-            }
-
-            .group_48197 {
-              width: 52rpx;
-              height: 34rpx;
-              z-index: 2;
-              position: relative;
-              margin-left: 152rpx;
-              margin-top: 0;
-            }
-
-            .text_3 {
-              position: absolute;
-              top: 4rpx;
-              left: 0;
-              font-size: 24rpx;
-              font-family: 'PingFang SC';
-              font-weight: 400;
-              line-height: 34rpx;
-              color: #90969a;
-              white-space: pre;
-              height: 34rpx;
-              margin-top: -5rpx;
-              margin-bottom: -5rpx;
-              right: 60rpx;
-              width: max-content;
-              margin-left: auto;
-              margin-right: auto;
-              z-index: 1;
-            }
-          }
-        }
-
-        .text_4 {
-          position: absolute;
-          top: 8rpx;
-          left: 400rpx;
-          font-size: 24rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 34rpx;
-          letter-spacing: 0.08em;
-          color: #3587e4;
-          white-space: pre;
-          height: 34rpx;
-          margin-top: -5rpx;
-          margin-bottom: -5rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-          z-index: 2;
-        }
-      }
-
-      .text_5 {
-        position: relative;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 34rpx;
-        color: #545454;
-        white-space: pre;
-        height: 34rpx;
-        margin-top: 44rpx;
-        margin-bottom: -5rpx;
-        width: max-content;
-        margin-left: calc(50% - 189rpx);
-        margin-right: auto;
-        z-index: 2;
-      }
-
-      .text_6 {
-        position: relative;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 34rpx;
-        color: #545454;
-        white-space: pre;
-        height: 34rpx;
-        margin-top: 22rpx;
-        margin-bottom: -5rpx;
-        width: max-content;
-        margin-left: calc(50% - 189rpx);
-        margin-right: auto;
-        z-index: 3;
-      }
-
-      .flexcontainer_5 {
-        position: relative;
-        display: flex;
-        width: 480rpx;
-        height: 70rpx;
-        flex-direction: row;
-        align-items: flex-start;
-        isolation: isolate;
-        z-index: 1;
-        margin-top: 22rpx;
-        margin-left: 102rpx;
-
-        .flexcontainer_6 {
-          position: relative;
-          display: flex;
-          width: 360rpx;
-          height: 70rpx;
-          flex-direction: column;
-          align-items: flex-start;
-          z-index: 1;
-          margin-left: 0;
-          margin-top: 0;
-
-          .text_7 {
-            position: relative;
-            font-size: 24rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 34rpx;
-            color: #545454;
-            white-space: pre;
-            height: 34rpx;
-            margin-top: 0;
-            margin-bottom: -5rpx;
-            width: max-content;
-            margin-left: calc(50% - 180rpx);
-            margin-right: auto;
-          }
-
-          .text_8 {
-            position: relative;
-            font-size: 24rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 34rpx;
-            color: #545454;
-            white-space: pre;
-            height: 34rpx;
-            margin-top: 22rpx;
-            margin-bottom: -5rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-        }
-
-        .group_48196 {
-          width: 66rpx;
-          height: 66rpx;
-          z-index: 0;
-          position: relative;
-          margin-left: 54rpx;
-          margin-top: 0;
-        }
-      }
-    }
-  }
-
-  .rectangle_23314 {
-    width: 750rpx;
-    height: 28rpx;
-    position: relative;
-    margin-top: 42rpx;
-    margin-left: 0;
-  }
-}
-
-/* 组 48190 */
-.group_48190 {
-  position: relative;
-  width: 750rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-	justify-content: center;
-  z-index: 2;
-	background-color: #f8f8f8;
-	margin-top: -28rpx;
-	z-index: 9;
-	height: 140rpx;
-	border-radius: 20rpx 20rpx 0 0;
-  .rectangle_23318 {
-    position: relative;
-    width: 700rpx;
-    height: 100rpx;
-    border-radius: 12rpx;
-    background-color: #ffffff;
-    margin-left: auto;
-    margin-right: auto;
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    isolation: isolate;
-    margin-top: 0;
-
-    .group_13999 {
-      width: 20rpx;
-      height: 20rpx;
-      z-index: 3;
-      position: relative;
-      margin-left: 652rpx;
-      margin-top: 40rpx;
-    }
-
-    .frame_1 {
-      width: 40rpx;
-      height: 40rpx;
-      position: absolute;
-      top: 30rpx;
-      left: 436rpx;
-      right: 0;
-      margin-left: auto;
-      margin-right: auto;
-      z-index: 0;
-    }
-
-    .frame_2 {
-      width: 40rpx;
-      height: 40rpx;
-      position: absolute;
-      top: 30rpx;
-      left: 536rpx;
-      right: 0;
-      margin-left: auto;
-      margin-right: auto;
-      z-index: 1;
-    }
-
-    .text_9 {
-      position: absolute;
-      top: 32rpx;
-      left: 0;
-      font-size: 32rpx;
-      font-family: 'PingFang SC';
-      font-weight: 400;
-      line-height: 36rpx;
-      color: #1a1a1a;
-      white-space: pre;
-      right: 528rpx;
-      width: max-content;
-      margin-left: auto;
-      margin-right: auto;
-      z-index: 2;
-    }
-  }
-}
-
-/* 组 48191 */
-.group_48191 {
-  position: relative;
-  width: 700rpx;
-  height: 206rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  z-index: 3;
-  // margin-top: 24rpx;
-  margin-left: 26rpx;
-
-  .rectangle_23317 {
-    position: relative;
-    width: 700rpx;
-    height: 206rpx;
-    border-radius: 12rpx;
-    background-color: #ffffff;
-    margin-left: auto;
-    margin-right: auto;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    isolation: isolate;
-    margin-top: 0;
-
-    .rectangle_23316 {
-      position: relative;
-      width: 144rpx;
-      height: 54rpx;
-      border-radius: 27rpx;
-      background-color: #ecf3fd;
-      margin-left: calc(50% - 328rpx);
-      margin-right: auto;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      z-index: 1;
-      margin-top: 24rpx;
-
-      .text_10 {
-        position: relative;
-        font-size: 28rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 40rpx;
-        color: #2066c1;
-        white-space: pre;
-        height: 40rpx;
-        margin-top: 14rpx;
-        margin-bottom: -6rpx;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-
-    .div_418 {
-      width: 700rpx;
-      height: 0;
-      position: relative;
-      transform: rotate(0deg);
-      border: 1rpx solid #f2f2f2;
-      margin-left: auto;
-      margin-right: auto;
-      z-index: 2;
-      margin-top: 24rpx;
-    }
-
-    .flexcontainer_7 {
-      position: relative;
-      display: flex;
-      width: 650rpx;
-      height: 36rpx;
-      flex-direction: row;
-      align-items: flex-start;
-      isolation: isolate;
-      z-index: 0;
-      margin-top: 34rpx;
-      margin-left: 22rpx;
-			justify-content: space-between;
-      .group_14000 {
-        width: 20rpx;
-        height: 20rpx;
-        z-index: 3;
-        position: relative;
-        margin-top: 8rpx;
-      }
-
-      .text_11 {
-        font-size: 32rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 36rpx;
-        color: #1a1a1a;
-        white-space: pre;
-        width: max-content;
-        z-index: 0;
-      }
-
-      .text_12 {
-        font-size: 28rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 40rpx;
-        color: #999999;
-        white-space: pre;
-        height: 40rpx;
-        margin-top: -6rpx;
-        margin-bottom: -6rpx;
-        right: 0;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-        z-index: 1;
-      }
-
-      .text_13 {
-        font-size: 32rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 44rpx;
-        color: #1a1a1a;
-        white-space: pre;
-        height: 44rpx;
-        margin-top: -6rpx;
-        margin-bottom: -6rpx;
-        right: 0;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-        z-index: 2;
-      }
-    }
-  }
-}
-
-/* 组 48192 */
-.group_48192 {
-  position: relative;
-  width: 700rpx;
-  height: 264rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  z-index: 4;
-  margin-top: 24rpx;
-  margin-left: 26rpx;
-
-  .rectangle_23319 {
-    position: relative;
-    width: 700rpx;
-    height: 264rpx;
-    border-radius: 12rpx;
-    background-color: #ffffff;
-    margin-left: auto;
-    margin-right: auto;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-top: 0;
-
-    .text_14 {
-      position: relative;
-      font-size: 32rpx;
-      font-family: 'PingFang SC';
-      font-weight: 400;
-      line-height: 36rpx;
-      color:  #1a1a1a;
-      white-space: pre;
-      width: max-content;
-      margin-left: calc(50% - 318rpx);
-      margin-right: auto;
-      margin-top: 38rpx;
-    }
-
-    .flexcontainer_8 {
-      position: relative;
-      display: flex;
-      width: 486rpx;
-      height: 36rpx;
-      flex-direction: row;
-      align-items: flex-start;
-      isolation: isolate;
-      margin-top: 10rpx;
-      margin-left: 32rpx;
-
-      .group_48193 {
-        width: 28rpx;
-        height: 28rpx;
-        z-index: 1;
-        position: relative;
-        margin-left: 458rpx;
-        margin-top: 4rpx;
-      }
-
-      .text_15 {
-        position: absolute;
-        top: 0;
-        left: 0;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 36rpx;
-        color:  #1a1a1a;
-        white-space: pre;
-        right: 38rpx;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-        z-index: 0;
-      }
-    }
-
-    .flexcontainer_9 {
-      position: relative;
-      display: flex;
-      width: 552rpx;
-      height: 36rpx;
-      flex-direction: row;
-      align-items: flex-start;
-      margin-top: 18rpx;
-      margin-left: 30rpx;
-
-      .text_16 {
-        position: absolute;
-        top: 0;
-        left: 0;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 36rpx;
-        color:  #1a1a1a;
-        white-space: pre;
-        right: 472rpx;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .text_17 {
-        position: absolute;
-        top: 0;
-        left: 168rpx;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 36rpx;
-        color:  #1a1a1a;
-        white-space: pre;
-        right: 0;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .text_18 {
-        position: absolute;
-        top: 8rpx;
-        left: 0;
-        font-size: 22rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 30rpx;
-        color: #e3360b;
-        white-space: pre;
-        height: 30rpx;
-        margin-top: -4rpx;
-        margin-bottom: -4rpx;
-        right: 216rpx;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .text_19 {
-        position: absolute;
-        top: 8rpx;
-        left: 424rpx;
-        font-size: 22rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 30rpx;
-        color: #e3360b;
-        white-space: pre;
-        height: 30rpx;
-        margin-top: -4rpx;
-        margin-bottom: -4rpx;
-        right: 0;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-
-    .flexcontainer_10 {
-      position: relative;
-      display: flex;
-      width: 564rpx;
-      height: 36rpx;
-      flex-direction: row;
-      align-items: flex-start;
-      margin-top: 10rpx;
-      margin-left: 30rpx;
-
-      .text_20 {
-        position: absolute;
-        top: 0;
-        left: 0;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 36rpx;
-        color: #1a1a1a;
-        white-space: pre;
-        right: 484rpx;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .text_21 {
-        position: absolute;
-        top: 0;
-        left: 156rpx;
-        font-size: 24rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 36rpx;
-        color:  #1a1a1a;
-        white-space: pre;
-        right: 0;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .text_22 {
-        position: absolute;
-        top: 8rpx;
-        left: 0;
-        font-size: 22rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 30rpx;
-        color: #e3360b;
-        white-space: pre;
-        height: 30rpx;
-        margin-top: -4rpx;
-        margin-bottom: -4rpx;
-        right: 216rpx;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-
-      .text_23 {
-        position: absolute;
-        top: 8rpx;
-        left: 424rpx;
-        font-size: 22rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        line-height: 30rpx;
-        color: #e3360b;
-        white-space: pre;
-        height: 30rpx;
-        margin-top: -4rpx;
-        margin-bottom: -4rpx;
-        right: 0;
-        width: max-content;
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-  }
-}
-
-/* 编辑弹窗样式 */
-.editDialog {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999;
-}
-
-.editDialog_bg {
-  width: 680rpx;
-  max-height: 80vh;
-  background-color: #ffffff;
-  border-radius: 20rpx;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.editDialog_header {
-  padding: 30rpx;
-  border-bottom: 1rpx solid #eee;
-  text-align: center;
-
-  .title {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #333;
-  }
-}
-
-.editDialog_body {
-  padding: 20rpx 30rpx;
-  overflow-y: auto;
-  max-height: 60vh;
-}
-
-.formItem {
-  display: flex;
-  align-items: center;
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
-
-  text {
-    width: 200rpx;
-    font-size: 28rpx;
-    color: #666;
-    flex-shrink: 0;
-  }
-
-  input {
-    flex: 1;
-    font-size: 28rpx;
-    color: #333;
-    text-align: right;
-  }
-}
-
-.popup-footer {
-  display: flex;
-  padding: 20rpx 30rpx;
-  border-top: 1rpx solid #eee;
-  gap: 20rpx;
-
-  .btn-cancel,
-  .btn-save {
-    flex: 1;
-    height: 80rpx;
-    line-height: 80rpx;
-    text-align: center;
-    border-radius: 10rpx;
-    font-size: 28rpx;
-  }
-
-  .btn-cancel {
-    background-color: #f5f5f5;
-    color: #666;
-  }
-
-  .btn-save {
-    background-color: #187AFF ;
-    color: #fff;
-  }
-}
-
-/* 卡号弹窗样式 */
-.dask {
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 99999 !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  .info {
-    width: calc(100vw - 30px);
-    background: #FFFFFF;
-    border-radius: 4px 4px 4px 4px;
-    display: flex;
-    flex-direction: column;
-
-    .title {
-      font-weight: 400;
-      font-size: 16px;
-      color: #1A1A1A;
-      margin-left: 20px;
-      margin-top: 40rpx;
-      text-align: center;
-    }
-
-    .dec {
-      font-weight: 400;
-      font-size: 17px;
-      color: #1A1A1A;
-      margin-left: 20px;
-      margin-top: 18rpx;
-      text-align: center;
-    }
-
-    .btnbox {
-      margin-top: 26rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-top: 1rpx solid #F2F2F2;
-
-      .btn {
-        width: calc(50% - 1rpx);
-        height: 54px;
-        line-height: 54px;
-        font-weight: 400;
-        font-size: 15px;
-        color: #4466D4;
-        text-align: center;
-      }
-
-      .btns {
-        border-left: 1rpx solid #F2F2F2;
-      }
-    }
-  }
-}
-</style>
-
+		z-index: 99999 !important;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		.info {
+			width: calc(100vw - 30px);
+			background: #FFFFFF;
+			border-radius: 4px 4px 4px 4px;
+			display: flex;
+			flex-direction: column;
+
+			.title {
+				font-weight: 400;
+				font-size: 16px;
+				color: #1A1A1A;
+				margin-left: 20px;
+				margin-top: 40rpx;
+				text-align: center;
+			}
+
+			.dec {
+				font-weight: 400;
+				font-size: 17px;
+				color: #1A1A1A;
+				margin-left: 20px;
+				margin-top: 18rpx;
+				text-align: center;
+			}
+
+			.btnbox {
+				margin-top: 26rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-top: 1rpx solid #F2F2F2;
+
+				.btn {
+					width: calc(50% - 1rpx);
+					height: 54px;
+					line-height: 54px;
+					font-weight: 400;
+					font-size: 15px;
+					color: #4466D4;
+					text-align: center;
+				}
+
+				.btns {
+					border-left: 1rpx solid #F2F2F2;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/other/bank/nyyh.vue b/pages/other/bank/nyyh.vue
index ec868c7..3584161 100644
--- a/pages/other/bank/nyyh.vue
+++ b/pages/other/bank/nyyh.vue
@@ -1,1181 +1,1206 @@
 <template>
-  <view class="div">
+	<view class="div">
 		<view v-if="$isVip()">
 			<watermark dark="light" source="uni_alipay_other_bank" />
 			<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_other_bank')">
 				<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
 			</liu-drag-button>
 		</view>
-    <view class="flexcontainer">
-			
-      <view class="group_48184" @click="openEditDialog">
-			<view :style="{height:$systemInfo.statusBarHeight*2+96+'rpx'}" style="position: relative;width: 100%;">
-				
-			</view>
-        <view class="header">
-					<image src="/static/image/nav-bar/back-black.png" mode=""></image>
-					<text class="text_1">借记卡详情</text>
-					<text class="imgXl"></text>
-        </view>
-				
-        <view class="rectangle_23309">
-          <view class="flexcontainer_1">
-            <image class="group_13998" src="/static/image/other/bank/nyyh/eyes.png" />
-            <image class="group_48187" src="/static/image/other/bank/nyyh/copy.png" />
-            <text class="text_2">{{data.form.accountType}}</text>
-            <view class="div_6216_2173">
-              <text class="text_3">{{data.form.cardNumberPrefix}}</text>
-              <text class="text_4">****</text>
-              <text class="text_5">{{data.form.cardNumberSuffix}}</text>
-            </view>
-          </view>
-          <view class="flexcontainer_2">
-            <text class="text_6">注册渠道</text>
-            <text class="text_7">{{data.form.registerChannel}}</text>
-          </view>
-          <view class="flexcontainer_3">
-            <text class="text_8">开户网点</text>
-            <text class="text_9">{{data.form.bankBranch}}</text>
-          </view>
-          <view class="flexcontainer_4">
-            <text class="text_10">卡状态</text>
-            <text class="text_11">{{data.form.cardStatus}}</text>
-          </view>
-          <view class="flexcontainer_5">
-            <text class="text_12">账户状态</text>
-            <text class="text_13">{{data.form.accountStatus}}</text>
-          </view>
-          <view class="flexcontainer_6">
-            <text class="text_14">默认账户</text>
-            <text class="text_15">{{data.form.isDefault}}</text>
-          </view>
-          <view class="flexcontainer_7">
-            <view class="rectangle_23304">
-              <text class="text_16">挂失</text>
-            </view>
-            <view class="rectangle_23305">
-              <text class="text_17">改密</text>
-            </view>
-            <view class="rectangle_23306">
-              <text class="text_18">密码解锁</text>
-            </view>
-            <view class="rectangle_23307">
-              <text class="text_19">更多</text>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-    <view class="group_48185" @click="openEditDialog">
-      <view class="rectangle_23311">
-        <view class="flexcontainer_8">
-          <image class="group_48186" src="/static/image/other/bank/nyyh/china.png" />
-          <text class="text_20">{{data.form.currency}}</text>
-        </view>
-        <view class="flexcontainer_9">
-          <text class="text_21">可用余额</text>
-          <text class="text_22">¥ {{data.form.availableBalance}}</text>
-        </view>
-        <view class="flexcontainer_10">
-          <text class="text_23">¥ {{data.form.accountBalance}}</text>
-          <text class="text_24">账户余额</text>
-        </view>
-        <view class="div_417"></view>
-        <view class="flexcontainer_11">
-          <text class="text_25">钞汇标志</text>
-          <text class="text_26">{{data.form.exchangeFlag}}</text>
-        </view>
-        <view class="flexcontainer_12">
-          <text class="text_27">执行利率</text>
-          <text class="text_28">{{data.form.interestRate}}</text>
-        </view>
-        <view class="flexcontainer_13">
-          <text class="text_29">开户日期</text>
-          <text class="text_30">{{data.form.openDate}}</text>
-        </view>
-      </view>
-    </view>
+		<view class="flexcontainer">
+			<view class="group_48184" @click="openEditDialog">
+				<view :style="{height:$systemInfo.statusBarHeight*2+96+'rpx'}" style="position: relative;width: 100%;">
 
-    <!-- 编辑弹窗 -->
-    <view v-if="editDialog.show" class="editDialog">
-      <view class="editDialog_bg">
-        <view class="editDialog_header">
-          <text class="title">编辑账户信息</text>
-        </view>
-        <view class="editDialog_body">
-          <view class="formItem">
-            <text>卡号前缀</text>
-            <input v-model="editDialog.data.cardNumberPrefix" placeholder="如: 6216" />
-          </view>
-          <view class="formItem">
-            <text>卡号后缀</text>
-            <input v-model="editDialog.data.cardNumberSuffix" placeholder="如: 2173" />
-          </view>
-          <view class="formItem">
-            <text>账户类型</text>
-            <input v-model="editDialog.data.accountType" placeholder="如: I类" />
-          </view>
-          <view class="formItem">
-            <text>注册渠道</text>
-            <input v-model="editDialog.data.registerChannel" placeholder="如: 网点注册" />
-          </view>
-          <view class="formItem">
-            <text>开户网点</text>
-            <input v-model="editDialog.data.bankBranch" placeholder="如: 农业银行北京支行" />
-          </view>
-          <view class="formItem">
-            <text>卡状态</text>
-            <input v-model="editDialog.data.cardStatus" placeholder="如: 正常户" />
-          </view>
-          <view class="formItem">
-            <text>账户状态</text>
-            <input v-model="editDialog.data.accountStatus" placeholder="如: 正常户" />
-          </view>
-          <view class="formItem">
-            <text>默认账户</text>
-            <input v-model="editDialog.data.isDefault" placeholder="如: 是" />
-          </view>
-          <view class="formItem">
-            <text>币种</text>
-            <input v-model="editDialog.data.currency" placeholder="如: 人民币活期" />
-          </view>
-          <view class="formItem">
-            <text>可用余额</text>
-            <input :value="editDialog.data.availableBalance" @input="(e) => onNumberInput('availableBalance', e.detail.value)" placeholder="如: 0.00" />
-          </view>
-          <view class="formItem">
-            <text>账户余额</text>
-            <input :value="editDialog.data.accountBalance" @input="(e) => onNumberInput('accountBalance', e.detail.value)" placeholder="如: 0.00" />
-          </view>
-          <view class="formItem">
-            <text>钞汇标志</text>
-            <input v-model="editDialog.data.exchangeFlag" placeholder="如: 本币" />
-          </view>
-          <view class="formItem">
-            <text>执行利率</text>
-            <input v-model="editDialog.data.interestRate" placeholder="如: 0.05000%" />
-          </view>
-          <view class="formItem">
-            <text>开户日期</text>
-            <input v-model="editDialog.data.openDate" placeholder="如: 2026/12/02" />
-          </view>
-        </view>
-        <view class="popup-footer">
-          <view class="btn-cancel" @click="editDialog.show=false">取消</view>
-          <view class="btn-save" @click="saveEdit">保存</view>
-        </view>
-      </view>
-    </view>
-  </view>
+				</view>
+				<view class="headerBox">
+					<view :style="{height:$systemInfo.statusBarHeight*2+'rpx'}" style="position: relative;width: 100%;">
+
+					</view>
+					<view class="header" >
+						<image @click="back" src="/static/image/nav-bar/back-black.png" mode=""></image>
+						<text class="text_1">借记卡详情</text>
+						<text class="imgXl"></text>
+					</view>
+				</view>
+				<view class="rectangle_23309">
+					<view class="flexcontainer_1">
+						<image class="group_13998" src="/static/image/other/bank/nyyh/eyes.png" />
+						<image class="group_48187" src="/static/image/other/bank/nyyh/copy.png" />
+						<text class="text_2">{{data.form.accountType}}</text>
+						<view class="div_6216_2173">
+							<text class="text_3">{{data.form.cardNumberPrefix}}</text>
+							<text class="text_4">****</text>
+							<text class="text_5">{{data.form.cardNumberSuffix}}</text>
+						</view>
+					</view>
+					<view class="flexcontainer_2">
+						<text class="text_6">注册渠道</text>
+						<text class="text_7">{{data.form.registerChannel}}</text>
+					</view>
+					<view class="flexcontainer_3">
+						<text class="text_8">开户网点</text>
+						<text class="text_9">{{data.form.bankBranch}}</text>
+					</view>
+					<view class="flexcontainer_4">
+						<text class="text_10">卡状态</text>
+						<text class="text_11">{{data.form.cardStatus}}</text>
+					</view>
+					<view class="flexcontainer_5">
+						<text class="text_12">账户状态</text>
+						<text class="text_13">{{data.form.accountStatus}}</text>
+					</view>
+					<view class="flexcontainer_6">
+						<text class="text_14">默认账户</text>
+						<text class="text_15">{{data.form.isDefault}}</text>
+					</view>
+					<view class="flexcontainer_7">
+						<view class="rectangle_23304">
+							<text class="text_16">挂失</text>
+						</view>
+						<view class="rectangle_23305">
+							<text class="text_17">改密</text>
+						</view>
+						<view class="rectangle_23306">
+							<text class="text_18">密码解锁</text>
+						</view>
+						<view class="rectangle_23307">
+							<text class="text_19">更多</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="group_48185" @click="openEditDialog">
+			<view class="rectangle_23311">
+				<view class="flexcontainer_8">
+					<image class="group_48186" src="/static/image/other/bank/nyyh/china.png" />
+					<text class="text_20">{{data.form.currency}}</text>
+				</view>
+				<view class="flexcontainer_9">
+					<text class="text_21">可用余额</text>
+					<text class="text_22">¥ {{data.form.availableBalance}}</text>
+				</view>
+				<view class="flexcontainer_10">
+					<text class="text_23">¥ {{data.form.accountBalance}}</text>
+					<text class="text_24">账户余额</text>
+				</view>
+				<view class="div_417"></view>
+				<view class="flexcontainer_11">
+					<text class="text_25">钞汇标志</text>
+					<text class="text_26">{{data.form.exchangeFlag}}</text>
+				</view>
+				<view class="flexcontainer_12">
+					<text class="text_27">执行利率</text>
+					<text class="text_28">{{data.form.interestRate}}</text>
+				</view>
+				<view class="flexcontainer_13">
+					<text class="text_29">开户日期</text>
+					<text class="text_30">{{data.form.openDate}}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 编辑弹窗 -->
+		<view v-if="editDialog.show" class="editDialog">
+			<view class="editDialog_bg">
+				<view class="editDialog_header">
+					<text class="title">编辑账户信息</text>
+				</view>
+				<view class="editDialog_body">
+					<view class="formItem">
+						<text>卡号前缀</text>
+						<input v-model="editDialog.data.cardNumberPrefix" placeholder="如: 6216" />
+					</view>
+					<view class="formItem">
+						<text>卡号后缀</text>
+						<input v-model="editDialog.data.cardNumberSuffix" placeholder="如: 2173" />
+					</view>
+					<view class="formItem">
+						<text>账户类型</text>
+						<input v-model="editDialog.data.accountType" placeholder="如: I类" />
+					</view>
+					<view class="formItem">
+						<text>注册渠道</text>
+						<input v-model="editDialog.data.registerChannel" placeholder="如: 网点注册" />
+					</view>
+					<view class="formItem">
+						<text>开户网点</text>
+						<input v-model="editDialog.data.bankBranch" placeholder="如: 农业银行北京支行" />
+					</view>
+					<view class="formItem">
+						<text>卡状态</text>
+						<input v-model="editDialog.data.cardStatus" placeholder="如: 正常户" />
+					</view>
+					<view class="formItem">
+						<text>账户状态</text>
+						<input v-model="editDialog.data.accountStatus" placeholder="如: 正常户" />
+					</view>
+					<view class="formItem">
+						<text>默认账户</text>
+						<input v-model="editDialog.data.isDefault" placeholder="如: 是" />
+					</view>
+					<view class="formItem">
+						<text>币种</text>
+						<input v-model="editDialog.data.currency" placeholder="如: 人民币活期" />
+					</view>
+					<view class="formItem">
+						<text>可用余额</text>
+						<input :value="editDialog.data.availableBalance"
+							@input="(e) => onNumberInput('availableBalance', e.detail.value)" placeholder="如: 0.00" />
+					</view>
+					<view class="formItem">
+						<text>账户余额</text>
+						<input :value="editDialog.data.accountBalance"
+							@input="(e) => onNumberInput('accountBalance', e.detail.value)" placeholder="如: 0.00" />
+					</view>
+					<view class="formItem">
+						<text>钞汇标志</text>
+						<input v-model="editDialog.data.exchangeFlag" placeholder="如: 本币" />
+					</view>
+					<view class="formItem">
+						<text>执行利率</text>
+						<input v-model="editDialog.data.interestRate" placeholder="如: 0.05000%" />
+					</view>
+					<view class="formItem">
+						<text>开户日期</text>
+						<input v-model="editDialog.data.openDate" placeholder="如: 2026/12/02" />
+					</view>
+				</view>
+				<view class="popup-footer">
+					<view class="btn-cancel" @click="editDialog.show=false">取消</view>
+					<view class="btn-save" @click="saveEdit">保存</view>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script setup>
-import { reactive, onMounted } from 'vue';
+	import {
+		reactive,
+		onMounted
+	} from 'vue';
 
-const CACHE_KEY = 'nyyh_account_info';
+	const CACHE_KEY = 'nyyh_account_info';
 
-const data = reactive({
-  form: {
-    cardNumberPrefix: '6216',
-    cardNumberSuffix: '2173',
-    accountType: 'I类',
-    registerChannel: '网点注册',
-    bankBranch: '农业银行北京支行',
-    cardStatus: '正常户',
-    accountStatus: '正常户',
-    isDefault: '是',
-    currency: '人民币活期',
-    availableBalance: '0.00',
-    accountBalance: '0.00',
-    exchangeFlag: '本币',
-    interestRate: '0.05000%',
-    openDate: '2026/12/02',
-  }
-});
+	const data = reactive({
+		form: {
+			cardNumberPrefix: '6216',
+			cardNumberSuffix: '2173',
+			accountType: 'I类',
+			registerChannel: '网点注册',
+			bankBranch: '农业银行北京支行',
+			cardStatus: '正常户',
+			accountStatus: '正常户',
+			isDefault: '是',
+			currency: '人民币活期',
+			availableBalance: '0.00',
+			accountBalance: '0.00',
+			exchangeFlag: '本币',
+			interestRate: '0.05000%',
+			openDate: '2026/12/02',
+		}
+	});
 
-const editDialog = reactive({
-  show: false,
-  data: {}
-});
+	const editDialog = reactive({
+		show: false,
+		data: {}
+	});
 
-onMounted(() => {
-  loadCache();
-});
+	onMounted(() => {
+		loadCache();
+	});
 
-function loadCache() {
-  const cache = uni.getStorageSync(CACHE_KEY);
-  if (cache) {
-    data.form = { ...data.form, ...cache };
-  }
-}
+	function loadCache() {
+		const cache = uni.getStorageSync(CACHE_KEY);
+		if (cache) {
+			data.form = {
+				...data.form,
+				...cache
+			};
+		}
+	}
 
-function saveCache() {
-  uni.setStorageSync(CACHE_KEY, data.form);
-}
+	function saveCache() {
+		uni.setStorageSync(CACHE_KEY, data.form);
+	}
 
-function openEditDialog() {
-  editDialog.data = JSON.parse(JSON.stringify(data.form));
-  editDialog.show = true;
-}
+	function openEditDialog() {
+		editDialog.data = JSON.parse(JSON.stringify(data.form));
+		editDialog.show = true;
+	}
 
-function saveEdit() {
-  data.form = { ...data.form, ...editDialog.data };
-  saveCache();
-  editDialog.show = false;
-  uni.showToast({
-    title: '保存成功',
-    icon: 'success'
-  });
-}
+	function saveEdit() {
+		data.form = {
+			...data.form,
+			...editDialog.data
+		};
+		saveCache();
+		editDialog.show = false;
+		uni.showToast({
+			title: '保存成功',
+			icon: 'success'
+		});
+	}
 
-// 格式化数字，保留两位小数并添加千分位逗号
-function formatNumber(num) {
-  if (!num && num !== 0) return '';
-  let cleanNum = String(num).replace(/[^\d.]/g, '');
-  const parts = cleanNum.split('.');
-  if (parts.length > 2) {
-    cleanNum = parts[0] + '.' + parts.slice(1).join('');
-  }
-  let number = parseFloat(cleanNum);
-  if (isNaN(number)) return '';
-  number = Math.round(number * 100) / 100;
-  return number.toLocaleString('en-US', {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  });
-}
+	// 格式化数字，保留两位小数并添加千分位逗号
+	function formatNumber(num) {
+		if (!num && num !== 0) return '';
+		let cleanNum = String(num).replace(/[^\d.]/g, '');
+		const parts = cleanNum.split('.');
+		if (parts.length > 2) {
+			cleanNum = parts[0] + '.' + parts.slice(1).join('');
+		}
+		let number = parseFloat(cleanNum);
+		if (isNaN(number)) return '';
+		number = Math.round(number * 100) / 100;
+		return number.toLocaleString('en-US', {
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2
+		});
+	}
 
-// 处理输入事件
-function onNumberInput(field, value) {
-  editDialog.data[field] = formatNumber(value);
-}
+	// 处理输入事件
+	function onNumberInput(field, value) {
+		editDialog.data[field] = formatNumber(value);
+	}
+
+	function back() {
+		uni.navigateBack()
+	}
 </script>
 
 <style lang="scss" scoped>
-$color-text-primary: #1a1a1a;
-$color-text-secondary: #767676;
-$color-text-muted: #999999;
-$color-text-btn: #6a6a6a;
-$color-accent: #08c1a2;
-$color-gold: #dda94f;
-$color-bg: #f7f7f7;
-$color-white: #ffffff;
-$color-border: #e6e6e6;
-
-.flex-row {
-  display: flex;
-  flex-direction: row;
-}
-
-.flex-col {
-  display: flex;
-  flex-direction: column;
-}
-
-.justify-start {
-  display: flex;
-  justify-content: flex-start;
-}
-
-.justify-center {
-  display: flex;
-  justify-content: center;
-}
-
-.justify-end {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.justify-between {
-  display: flex;
-  justify-content: space-between;
-}
-
-.items-start {
-  display: flex;
-  align-items: flex-start;
-}
-
-.items-end {
-  display: flex;
-  align-items: flex-end;
-}
-
-.items-center {
-  display: flex;
-  align-items: center;
-}
-
-.no-shrink {
-  flex-shrink: 0;
-}
-
-.div {
-  position: relative;
-  width: 750rpx;
-  min-height: 1624rpx;
-  overflow: hidden;
-  background-color: $color-bg;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  isolation: isolate;
-
-  .flexcontainer {
-    position: relative;
-    display: flex;
-    width: 750rpx;
-    flex-direction: column;
-    align-items: flex-start;
-    isolation: isolate;
-    z-index: 0;
-    margin-top: 0;
-    margin-left: 0;
-
-    .group_48184 {
-      width: 750rpx;
-      // height: 754rpx;
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      z-index: 0;
-      // margin-top: -86rpx;
-      margin-left: 0;
-      background-color: $color-white;
-      isolation: isolate;
-			padding-bottom: 44rpx;
-
-      .text_1 {
-        position: relative;
-        text-align: center;
-        font-size: 34rpx;
-        font-family: 'PingFang SC';
-        font-weight: 400;
-        color: $color-text-primary;
-        white-space: pre;
-        width: max-content;
-        z-index: 1;
-      }
-
-      .rectangle_23309 {
-        position: relative;
-        width: 686rpx;
-        height: 484rpx;
-        border-radius: 12rpx;
-        background-color: $color-white;
-        box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
-        margin: 44rpx auto 0;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        z-index: 0;
-
-        .flexcontainer_1 {
-          position: relative;
-          display: flex;
-          width: 450rpx;
-          height: 42rpx;
-          flex-direction: row;
-          align-items: flex-start;
-          isolation: isolate;
-          margin-top: 23rpx;
-          margin-left: 39rpx;
-
-          .group_13998 {
-            width: 32rpx;
-            height: 32rpx;
-            z-index: 2;
-            position: relative;
-            margin-left: 317rpx;
-            margin-top: 5rpx;
-          }
-
-          .group_48187 {
-            width: 80rpx;
-            height: 42rpx;
-            z-index: 3;
-            position: relative;
-            margin-left: 21rpx;
-            margin-top: 0;
-          }
-
-          .text_2 {
-            position: absolute;
-            top: 5rpx;
-            left: 0;
-            text-align: center;
-            font-size: 30rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 42rpx;
-            color: $color-accent;
-            white-space: pre;
-            height: 42rpx;
-            margin-top: -6rpx;
-            margin-bottom: -6rpx;
-            right: 412rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-            z-index: 0;
-          }
-
-          .div_6216_2173 {
-            position: absolute;
-            top: 5rpx;
-            left: 0;
-            text-align: center;
-            line-height: 44rpx;
-            white-space: pre;
-            height: 44rpx;
-            margin-top: -7rpx;
-            margin-bottom: -7rpx;
-            right: 96rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-            z-index: 1;
-
-            .text_3,
-            .text_5 {
-              font-size: 32rpx;
-              font-family: 'PingFang SC';
-              line-height: 30rpx;
-              font-weight: 400;
-              color: $color-text-primary;
-            }
-
-            .text_4 {
-              font-size: 28rpx;
-              font-family: 'PingFang SC';
-              line-height: 30rpx;
-              font-weight: 400;
-              color: $color-text-primary;
-            }
-          }
-        }
-
-        .flexcontainer_2,
-        .flexcontainer_3,
-        .flexcontainer_4,
-        .flexcontainer_5,
-        .flexcontainer_6 {
-          position: relative;
-          display: flex;
-          flex-direction: row;
-          align-items: flex-start;
-          margin-left: 38rpx;
-        }
-
-        .flexcontainer_2 {
-          width: 222rpx;
-          height: 26rpx;
-          margin-top: 47rpx;
-
-          .text_6 {
-            position: absolute;
-            top: 0;
-            left: 0;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-primary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 118rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-
-          .text_7 {
-            position: absolute;
-            top: 0;
-            left: 118rpx;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-secondary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 0;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-        }
-
-        .flexcontainer_3 {
-          width: 326rpx;
-          height: 26rpx;
-          margin-top: 26rpx;
-
-          .text_8 {
-            position: absolute;
-            top: 0;
-            left: 0;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-primary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 222rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-
-          .text_9 {
-            position: absolute;
-            top: 0;
-            left: 118rpx;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-secondary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 0;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-        }
-
-        .flexcontainer_4,
-        .flexcontainer_5 {
-          width: 196rpx;
-          height: 26rpx;
-        }
-
-        .flexcontainer_4 {
-          margin-top: 26rpx;
-
-          .text_10 {
-            position: absolute;
-            top: 0;
-            left: 0;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-primary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 118rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-
-          .text_11 {
-            position: absolute;
-            top: 0;
-            left: 118rpx;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-secondary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 0;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-        }
-
-        .flexcontainer_5 {
-          margin-top: 28rpx;
-
-          .text_12 {
-            position: absolute;
-            top: 0;
-            left: 0;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-primary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 92rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-
-          .text_13 {
-            position: absolute;
-            top: 0;
-            left: 118rpx;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-secondary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 0;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-        }
-
-        .flexcontainer_6 {
-          width: 144rpx;
-          height: 26rpx;
-          margin-top: 26rpx;
-
-          .text_14 {
-            position: absolute;
-            top: 0;
-            left: 0;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-primary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 40rpx;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-
-          .text_15 {
-            position: absolute;
-            top: 0;
-            left: 118rpx;
-            font-size: 26rpx;
-            font-family: 'PingFang SC';
-            font-weight: 400;
-            line-height: 36rpx;
-            color: $color-text-secondary;
-            white-space: pre;
-            height: 36rpx;
-            margin-top: -5rpx;
-            margin-bottom: -5rpx;
-            right: 0;
-            width: max-content;
-            margin-left: auto;
-            margin-right: auto;
-          }
-        }
-
-        .flexcontainer_7 {
-          position: relative;
-          display: flex;
-          width: 624rpx;
-          height: 50rpx;
-          flex-direction: row;
-          align-items: flex-start;
-          margin-top: 58rpx;
-          margin-left: 30rpx;
-
-          .rectangle_23304,
-          .rectangle_23305,
-          .rectangle_23306,
-          .rectangle_23307 {
-            position: absolute;
-            width: 144rpx;
-            height: 50rpx;
-            top: 0;
-            border-radius: 25rpx;
-            border: 2rpx solid $color-text-muted;
-            margin-left: auto;
-            margin-right: auto;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-						justify-content: center;
-            text {
-              position: relative;
-              font-size: 26rpx;
-              font-family: 'PingFang SC';
-              font-weight: 400;
-              // line-height: 36rpx;
-              color: $color-text-btn;
-              white-space: pre;
-              width: max-content;
-              margin-left: auto;
-              margin-right: auto;
-            }
-          }
-
-          .rectangle_23304 {
-            left: 0;
-            right: 480rpx;
-          }
-
-          .rectangle_23305 {
-            left: 0;
-            right: 160rpx;
-          }
-
-          .rectangle_23306 {
-            left: 160rpx;
-            right: 0;
-          }
-
-          .rectangle_23307 {
-            left: 480rpx;
-            right: 0;
-          }
-        }
-      }
-    }
-  }
-
-  .group_48185 {
-    position: relative;
-    width: 750rpx;
-    height: 468rpx;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    z-index: 2;
-    margin-top: 20rpx;
-    margin-left: 0;
-
-    .rectangle_23311 {
-      position: relative;
-      width: 750rpx;
-      height: 468rpx;
-      background-color: $color-white;
-      margin-left: auto;
-      margin-right: auto;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      isolation: isolate;
-      margin-top: 0;
-
-      .flexcontainer_8 {
-        position: relative;
-        display: flex;
-        width: 250rpx;
-        height: 50rpx;
-        flex-direction: row;
-        align-items: flex-start;
-        z-index: 0;
-        margin-top: 48rpx;
-        margin-left: 32rpx;
-
-        .group_48186 {
-          width: 50rpx;
-          height: 50rpx;
-          position: relative;
-          margin-left: 0;
-          margin-top: 0;
-        }
-
-        .text_20 {
-          position: absolute;
-          top: 8rpx;
-          left: 70rpx;
-          font-size: 36rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 50rpx;
-          color: $color-text-primary;
-          white-space: pre;
-          height: 50rpx;
-          margin-top: -7rpx;
-          margin-bottom: -7rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-
-      .flexcontainer_9 {
-        position: relative;
-        display: flex;
-        width: 686rpx;
-        height: 30rpx;
-        flex-direction: row;
-        align-items: flex-start;
-        z-index: 1;
-        margin-top: 44rpx;
-        margin-left: 32rpx;
-
-        .text_21 {
-          position: absolute;
-          top: 0;
-          left: 0;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-primary;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 566rpx;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-
-        .text_22 {
-          position: absolute;
-          top: 2rpx;
-          font-size: 28rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 40rpx;
-          color: $color-gold;
-          white-space: pre;
-          height: 40rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-
-      .flexcontainer_10 {
-        position: relative;
-        display: flex;
-        width: 686rpx;
-        height: 30rpx;
-        flex-direction: row;
-        align-items: flex-start;
-        z-index: 2;
-        margin-top: 20rpx;
-        margin-left: 32rpx;
-
-        .text_23 {
-          position: absolute;
-          top: 0;
-          font-size: 28rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 40rpx;
-          color: $color-gold;
-          white-space: pre;
-          height: 40rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-
-        .text_24 {
-          position: absolute;
-          top: 0;
-          left: 0;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-primary;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 566rpx;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-
-      .div_417 {
-        width: 686rpx;
-        height: 0;
-        position: relative;
-        border: 1rpx solid $color-border;
-        margin-left: auto;
-        margin-right: auto;
-        z-index: 6;
-        margin-top: 42rpx;
-      }
-
-      .flexcontainer_11,
-      .flexcontainer_12,
-      .flexcontainer_13 {
-        position: relative;
-        display: flex;
-        width: 686rpx;
-        height: 30rpx;
-        flex-direction: row;
-        align-items: flex-start;
-        margin-left: 32rpx;
-      }
-
-      .flexcontainer_11 {
-        z-index: 3;
-        margin-top: 30rpx;
-
-        .text_25 {
-          position: absolute;
-          top: 0;
-          left: 0;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-muted;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 566rpx;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-
-        .text_26 {
-          position: absolute;
-          top: 0;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-muted;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-
-      .flexcontainer_12 {
-        z-index: 4;
-        margin-top: 20rpx;
-
-        .text_27 {
-          position: absolute;
-          top: 0;
-          left: 0;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-muted;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 566rpx;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-
-        .text_28 {
-          position: absolute;
-          top: 0;
-          text-align: right;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-muted;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-
-      .flexcontainer_13 {
-        z-index: 5;
-        margin-top: 20rpx;
-
-        .text_29 {
-          position: absolute;
-          top: 0;
-          left: 0;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-muted;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 566rpx;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-
-        .text_30 {
-          position: absolute;
-          top: 0;
-          text-align: right;
-          font-size: 30rpx;
-          font-family: 'PingFang SC';
-          font-weight: 400;
-          line-height: 42rpx;
-          color: $color-text-muted;
-          white-space: pre;
-          height: 42rpx;
-          margin-top: -6rpx;
-          margin-bottom: -6rpx;
-          right: 0;
-          width: max-content;
-          margin-left: auto;
-          margin-right: auto;
-        }
-      }
-    }
-  }
-}
-
-/* 编辑弹窗样式 */
-.editDialog {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999;
-}
-
-.editDialog_bg {
-  width: 680rpx;
-  max-height: 80vh;
-  background-color: #ffffff;
-  border-radius: 20rpx;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.editDialog_header {
-  padding: 30rpx;
-  border-bottom: 1rpx solid #eee;
-  text-align: center;
-
-  .title {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #333;
-  }
-}
-
-.editDialog_body {
-  padding: 20rpx 30rpx;
-  overflow-y: auto;
-  max-height: 60vh;
-}
-
-.formItem {
-  display: flex;
-  align-items: center;
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
-
-  text {
-    width: 200rpx;
-    font-size: 28rpx;
-    color: #666;
-    flex-shrink: 0;
-  }
-
-  input {
-    flex: 1;
-    font-size: 28rpx;
-    color: #333;
-    text-align: right;
-  }
-}
-
-.popup-footer {
-  display: flex;
-  padding: 20rpx 30rpx;
-  border-top: 1rpx solid #eee;
-  gap: 20rpx;
-
-  .btn-cancel,
-  .btn-save {
-    flex: 1;
-    height: 80rpx;
-    line-height: 80rpx;
-    text-align: center;
-    border-radius: 10rpx;
-    font-size: 28rpx;
-  }
-
-  .btn-cancel {
-    background-color: #f5f5f5;
-    color: #666;
-  }
-
-  .btn-save {
-    background-color: #187AFF;
-    color: #fff;
-  }
-}
-.header{
-	display: flex;
-	align-items: center;
-	width: 750rpx;
-	height: 96rpx;
-	justify-content: space-between;
+	$color-text-primary: #1a1a1a;
+	$color-text-secondary: #767676;
+	$color-text-muted: #999999;
+	$color-text-btn: #6a6a6a;
+	$color-accent: #08c1a2;
+	$color-gold: #dda94f;
+	$color-bg: #f7f7f7;
+	$color-white: #ffffff;
+	$color-border: #e6e6e6;
+
+	.flex-row {
+		display: flex;
+		flex-direction: row;
+	}
+
+	.flex-col {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.justify-start {
+		display: flex;
+		justify-content: flex-start;
+	}
+
+	.justify-center {
+		display: flex;
+		justify-content: center;
+	}
+
+	.justify-end {
+		display: flex;
+		justify-content: flex-end;
+	}
+
+	.justify-between {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.items-start {
+		display: flex;
+		align-items: flex-start;
+	}
+
+	.items-end {
+		display: flex;
+		align-items: flex-end;
+	}
+
+	.items-center {
+		display: flex;
+		align-items: center;
+	}
+
+	.no-shrink {
+		flex-shrink: 0;
+	}
+
+	.div {
+		position: relative;
+		width: 750rpx;
+		min-height: 1624rpx;
+		overflow: hidden;
+		background-color: $color-bg;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		isolation: isolate;
+
+		.flexcontainer {
+			position: relative;
+			display: flex;
+			width: 750rpx;
+			flex-direction: column;
+			align-items: flex-start;
+			isolation: isolate;
+			z-index: 0;
+			margin-top: 0;
+			margin-left: 0;
+
+			.group_48184 {
+				width: 750rpx;
+				// height: 754rpx;
+				position: relative;
+				display: flex;
+				flex-direction: column;
+				align-items: flex-start;
+				z-index: 0;
+				// margin-top: -86rpx;
+				margin-left: 0;
+				background-color: $color-white;
+				isolation: isolate;
+				padding-bottom: 44rpx;
+
+				.text_1 {
+					position: relative;
+					text-align: center;
+					font-size: 34rpx;
+					font-family: 'PingFang SC';
+					font-weight: 400;
+					color: $color-text-primary;
+					white-space: pre;
+					width: max-content;
+					z-index: 1;
+				}
+
+				.rectangle_23309 {
+					position: relative;
+					width: 686rpx;
+					// height: 484rpx;
+					padding-bottom: 28rpx;
+					border-radius: 12rpx;
+					background-color: $color-white;
+					box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
+					margin: 44rpx auto 0;
+					display: flex;
+					flex-direction: column;
+					align-items: flex-start;
+					z-index: 0;
+
+					.flexcontainer_1 {
+						position: relative;
+						display: flex;
+						width: 450rpx;
+						height: 42rpx;
+						flex-direction: row;
+						align-items: flex-start;
+						isolation: isolate;
+						margin-top: 23rpx;
+						margin-left: 39rpx;
+
+						.group_13998 {
+							width: 32rpx;
+							height: 32rpx;
+							z-index: 2;
+							position: relative;
+							margin-left: 317rpx;
+							margin-top: 5rpx;
+						}
+
+						.group_48187 {
+							width: 80rpx;
+							height: 42rpx;
+							z-index: 3;
+							position: relative;
+							margin-left: 21rpx;
+							margin-top: 0;
+						}
+
+						.text_2 {
+							position: absolute;
+							top: 5rpx;
+							left: 0;
+							text-align: center;
+							font-size: 30rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 42rpx;
+							color: $color-accent;
+							white-space: pre;
+							height: 42rpx;
+							margin-top: -6rpx;
+							margin-bottom: -6rpx;
+							right: 412rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+							z-index: 0;
+						}
+
+						.div_6216_2173 {
+							position: absolute;
+							top: 5rpx;
+							left: 0;
+							text-align: center;
+							line-height: 44rpx;
+							white-space: pre;
+							height: 44rpx;
+							margin-top: -7rpx;
+							margin-bottom: -7rpx;
+							right: 96rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+							z-index: 1;
+
+							.text_3,
+							.text_5 {
+								font-size: 32rpx;
+								font-family: 'PingFang SC';
+								line-height: 30rpx;
+								font-weight: bold;
+								color: $color-text-primary;
+							}
+
+							.text_4 {
+								font-size: 28rpx;
+								font-family: 'PingFang SC';
+								line-height: 30rpx;
+								font-weight: bold;
+								color: $color-text-primary;
+							}
+						}
+					}
+
+					.flexcontainer_2,
+					.flexcontainer_3,
+					.flexcontainer_4,
+					.flexcontainer_5,
+					.flexcontainer_6 {
+						position: relative;
+						display: flex;
+						flex-direction: row;
+						align-items: flex-start;
+						margin-left: 38rpx;
+					}
+
+					.flexcontainer_2 {
+						width: 222rpx;
+						height: 26rpx;
+						margin-top: 26rpx;
+
+						.text_6 {
+							position: absolute;
+							top: 0;
+							left: 0;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-primary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 118rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+
+						.text_7 {
+							position: absolute;
+							top: 0;
+							left: 118rpx;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-secondary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 0;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+					}
+
+					.flexcontainer_3 {
+						width: 326rpx;
+						height: 26rpx;
+						margin-top: 26rpx;
+
+						.text_8 {
+							position: absolute;
+							top: 0;
+							left: 0;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-primary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 222rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+
+						.text_9 {
+							position: absolute;
+							top: 0;
+							left: 118rpx;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-secondary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 0;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+					}
+
+					.flexcontainer_4,
+					.flexcontainer_5 {
+						width: 196rpx;
+						height: 26rpx;
+					}
+
+					.flexcontainer_4 {
+						margin-top: 26rpx;
+
+						.text_10 {
+							position: absolute;
+							top: 0;
+							left: 0;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-primary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 118rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+
+						.text_11 {
+							position: absolute;
+							top: 0;
+							left: 118rpx;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-secondary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 0;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+					}
+
+					.flexcontainer_5 {
+						margin-top: 26rpx;
+
+						.text_12 {
+							position: absolute;
+							top: 0;
+							left: 0;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-primary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 92rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+
+						.text_13 {
+							position: absolute;
+							top: 0;
+							left: 118rpx;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-secondary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 0;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+					}
+
+					.flexcontainer_6 {
+						width: 144rpx;
+						height: 26rpx;
+						margin-top: 26rpx;
+
+						.text_14 {
+							position: absolute;
+							top: 0;
+							left: 0;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-primary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 40rpx;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+
+						.text_15 {
+							position: absolute;
+							top: 0;
+							left: 118rpx;
+							font-size: 26rpx;
+							font-family: 'PingFang SC';
+							font-weight: 400;
+							line-height: 36rpx;
+							color: $color-text-secondary;
+							white-space: pre;
+							height: 36rpx;
+							margin-top: -5rpx;
+							margin-bottom: -5rpx;
+							right: 0;
+							width: max-content;
+							margin-left: auto;
+							margin-right: auto;
+						}
+					}
+
+					.flexcontainer_7 {
+						position: relative;
+						display: flex;
+						width: 624rpx;
+						height: 50rpx;
+						flex-direction: row;
+						align-items: flex-start;
+						margin-top: 58rpx;
+						margin-left: 30rpx;
+
+						.rectangle_23304,
+						.rectangle_23305,
+						.rectangle_23306,
+						.rectangle_23307 {
+							position: absolute;
+							width: 144rpx;
+							height: 50rpx;
+							top: 0;
+							border-radius: 25rpx;
+							border: 2rpx solid $color-text-muted;
+							margin-left: auto;
+							margin-right: auto;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							justify-content: center;
+
+							text {
+								position: relative;
+								font-size: 26rpx;
+								font-family: 'PingFang SC';
+								font-weight: 400;
+								// line-height: 36rpx;
+								color: $color-text-btn;
+								white-space: pre;
+								width: max-content;
+								margin-left: auto;
+								margin-right: auto;
+							}
+						}
+
+						.rectangle_23304 {
+							left: 0;
+							right: 480rpx;
+						}
+
+						.rectangle_23305 {
+							left: 0;
+							right: 160rpx;
+						}
+
+						.rectangle_23306 {
+							left: 160rpx;
+							right: 0;
+						}
+
+						.rectangle_23307 {
+							left: 480rpx;
+							right: 0;
+						}
+					}
+				}
+			}
+		}
+
+		.group_48185 {
+			position: relative;
+			width: 750rpx;
+			height: 468rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: flex-start;
+			z-index: 2;
+			margin-top: 20rpx;
+			margin-left: 0;
+
+			.rectangle_23311 {
+				position: relative;
+				width: 750rpx;
+				height: 468rpx;
+				background-color: $color-white;
+				margin-left: auto;
+				margin-right: auto;
+				display: flex;
+				flex-direction: column;
+				align-items: flex-start;
+				isolation: isolate;
+				margin-top: 0;
+
+				.flexcontainer_8 {
+					position: relative;
+					display: flex;
+					width: 250rpx;
+					height: 50rpx;
+					flex-direction: row;
+					align-items: flex-start;
+					z-index: 0;
+					margin-top: 48rpx;
+					margin-left: 32rpx;
+
+					.group_48186 {
+						width: 50rpx;
+						height: 50rpx;
+						position: relative;
+						margin-left: 0;
+						margin-top: 0;
+					}
+
+					.text_20 {
+						position: absolute;
+						top: 8rpx;
+						left: 70rpx;
+						font-size: 36rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 50rpx;
+						color: $color-text-primary;
+						white-space: pre;
+						height: 50rpx;
+						margin-top: -7rpx;
+						margin-bottom: -7rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+
+				.flexcontainer_9 {
+					position: relative;
+					display: flex;
+					width: 686rpx;
+					height: 30rpx;
+					flex-direction: row;
+					align-items: flex-start;
+					z-index: 1;
+					margin-top: 44rpx;
+					margin-left: 32rpx;
+
+					.text_21 {
+						position: absolute;
+						top: 0;
+						left: 0;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-primary;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 566rpx;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+
+					.text_22 {
+						position: absolute;
+						top: 2rpx;
+						font-size: 28rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 40rpx;
+						color: $color-gold;
+						white-space: pre;
+						height: 40rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+
+				.flexcontainer_10 {
+					position: relative;
+					display: flex;
+					width: 686rpx;
+					height: 30rpx;
+					flex-direction: row;
+					align-items: flex-start;
+					z-index: 2;
+					margin-top: 20rpx;
+					margin-left: 32rpx;
+
+					.text_23 {
+						position: absolute;
+						top: 0;
+						font-size: 28rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 40rpx;
+						color: $color-gold;
+						white-space: pre;
+						height: 40rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+
+					.text_24 {
+						position: absolute;
+						top: 0;
+						left: 0;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-primary;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 566rpx;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+
+				.div_417 {
+					width: 686rpx;
+					height: 0;
+					position: relative;
+					border: 1rpx solid $color-border;
+					margin-left: auto;
+					margin-right: auto;
+					z-index: 6;
+					margin-top: 42rpx;
+				}
+
+				.flexcontainer_11,
+				.flexcontainer_12,
+				.flexcontainer_13 {
+					position: relative;
+					display: flex;
+					width: 686rpx;
+					height: 30rpx;
+					flex-direction: row;
+					align-items: flex-start;
+					margin-left: 32rpx;
+				}
+
+				.flexcontainer_11 {
+					z-index: 3;
+					margin-top: 30rpx;
+
+					.text_25 {
+						position: absolute;
+						top: 0;
+						left: 0;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-muted;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 566rpx;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+
+					.text_26 {
+						position: absolute;
+						top: 0;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-muted;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+
+				.flexcontainer_12 {
+					z-index: 4;
+					margin-top: 20rpx;
+
+					.text_27 {
+						position: absolute;
+						top: 0;
+						left: 0;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-muted;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 566rpx;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+
+					.text_28 {
+						position: absolute;
+						top: 0;
+						text-align: right;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-muted;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+
+				.flexcontainer_13 {
+					z-index: 5;
+					margin-top: 20rpx;
+
+					.text_29 {
+						position: absolute;
+						top: 0;
+						left: 0;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-muted;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 566rpx;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+
+					.text_30 {
+						position: absolute;
+						top: 0;
+						text-align: right;
+						font-size: 30rpx;
+						font-family: 'PingFang SC';
+						font-weight: 400;
+						line-height: 42rpx;
+						color: $color-text-muted;
+						white-space: pre;
+						height: 42rpx;
+						margin-top: -6rpx;
+						margin-bottom: -6rpx;
+						right: 0;
+						width: max-content;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+			}
+		}
+	}
+
+	/* 编辑弹窗样式 */
+	.editDialog {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: 9999;
+	}
+
+	.editDialog_bg {
+		width: 680rpx;
+		max-height: 80vh;
+		background-color: #ffffff;
+		border-radius: 20rpx;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.editDialog_header {
+		padding: 30rpx;
+		border-bottom: 1rpx solid #eee;
+		text-align: center;
+
+		.title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #333;
+		}
+	}
+
+	.editDialog_body {
+		padding: 20rpx 30rpx;
+		overflow-y: auto;
+		max-height: 60vh;
+	}
+
+	.formItem {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 0;
+		border-bottom: 1rpx solid #f5f5f5;
+
+		text {
+			width: 200rpx;
+			font-size: 28rpx;
+			color: #666;
+			flex-shrink: 0;
+		}
+
+		input {
+			flex: 1;
+			font-size: 28rpx;
+			color: #333;
+			text-align: right;
+		}
+	}
+
+	.popup-footer {
+		display: flex;
+		padding: 20rpx 30rpx;
+		border-top: 1rpx solid #eee;
+		gap: 20rpx;
+
+		.btn-cancel,
+		.btn-save {
+			flex: 1;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			border-radius: 10rpx;
+			font-size: 28rpx;
+		}
+
+		.btn-cancel {
+			background-color: #f5f5f5;
+			color: #666;
+		}
+
+		.btn-save {
+			background-color: #187AFF;
+			color: #fff;
+		}
+	}
+.headerBox{
 	position: fixed;
 	left: 0;
 	top: 0;
-	image{
-		width: 48rpx;
-		height: 48rpx;
-		margin-left: 18rpx;
-	}
-	.imgXl{
-		width: 48rpx;
-		margin-right: 18rpx;
-	}
+		width: 750rpx;
 }
-</style>
+	.header {
+		display: flex;
+		align-items: center;
+		width: 750rpx;
+		height: 96rpx;
+		justify-content: space-between;
+
+		image {
+			width: 48rpx;
+			height: 48rpx;
+			margin-left: 18rpx;
+		}
+
+		.imgXl {
+			width: 48rpx;
+			margin-right: 18rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/other/bank/zsyh.vue b/pages/other/bank/zsyh.vue
index c3091a6..25b19ba 100644
--- a/pages/other/bank/zsyh.vue
+++ b/pages/other/bank/zsyh.vue
@@ -23,7 +23,7 @@
 								<image class="group_13980" src="/static/image/other/bank/zsyh/kf.png" mode="aspectFit" />
 								<view class="flexcontainer_4">
 									<view class="group_48144">
-										<text class="text_6">20</text>
+										20
 									</view>
 									<image class="group_13979" src="/static/image/other/bank/zsyh/more.png" mode="aspectFit" />
 								</view>
@@ -1091,7 +1091,7 @@
 			width: 60rpx;
 			height: 52rpx;
 			margin-left: 44rpx;
-			margin-top: 32rpx;
+			margin-top: 28rpx;
 		}
 
 		.group_48144 {
@@ -1100,14 +1100,20 @@
 			margin-left: 12rpx;
 			border-radius: 100rpx;
 			background: #ff5d5f;
+			margin-bottom: -2px;
+			margin-top: 4px;
+			text-align: center;
+			font-size: 24rpx;
+			line-height: 36rpx;
+			color: #ffffff;
+			display: flex;
+			align-items: center;
+			justify-content: center;
 		}
 
 		.text_6 {
 			display: block;
-			text-align: center;
-			font-size: 24rpx;
-			line-height: 30rpx;
-			color: #ffffff;
+			
 		}
 
 		.group_13979 {
@@ -1148,7 +1154,7 @@
 		.group_48142 {
 			width: 20rpx;
 			height: 20rpx;
-			margin-top: 8rpx;
+			margin-top: 6rpx;
 		}
 
 		.path {
@@ -1195,6 +1201,7 @@
 			font-size: 30rpx;
 			line-height: 42rpx;
 			color: #1a1a1a;
+			font-weight: bold;
 		}
 
 		.text_10 {
diff --git a/static/image/other/bank/jsyh/code.png b/static/image/other/bank/jsyh/code.png
index 4deae69..5b32723 100644
Binary files a/static/image/other/bank/jsyh/code.png and b/static/image/other/bank/jsyh/code.png differ
diff --git a/static/image/other/bank/jsyh/editor.png b/static/image/other/bank/jsyh/editor.png
index 1fbd97e..7924fd4 100644
Binary files a/static/image/other/bank/jsyh/editor.png and b/static/image/other/bank/jsyh/editor.png differ
diff --git a/static/image/recharge/66/bannar.png b/static/image/recharge/66/bannar.png
new file mode 100644
index 0000000..d324a73
Binary files /dev/null and b/static/image/recharge/66/bannar.png differ
diff --git a/static/image/recharge/66/icon1.png b/static/image/recharge/66/icon1.png
new file mode 100644
index 0000000..fadd2f9
Binary files /dev/null and b/static/image/recharge/66/icon1.png differ
diff --git a/static/image/recharge/66/icon10.png b/static/image/recharge/66/icon10.png
new file mode 100644
index 0000000..bb47228
Binary files /dev/null and b/static/image/recharge/66/icon10.png differ
diff --git a/static/image/recharge/66/icon11.png b/static/image/recharge/66/icon11.png
new file mode 100644
index 0000000..5f47c91
Binary files /dev/null and b/static/image/recharge/66/icon11.png differ
diff --git a/static/image/recharge/66/icon12.png b/static/image/recharge/66/icon12.png
new file mode 100644
index 0000000..a75f6ce
Binary files /dev/null and b/static/image/recharge/66/icon12.png differ
diff --git a/static/image/recharge/66/icon13.png b/static/image/recharge/66/icon13.png
new file mode 100644
index 0000000..71b9bbd
Binary files /dev/null and b/static/image/recharge/66/icon13.png differ
diff --git a/static/image/recharge/66/icon14.png b/static/image/recharge/66/icon14.png
new file mode 100644
index 0000000..557ab19
Binary files /dev/null and b/static/image/recharge/66/icon14.png differ
diff --git a/static/image/recharge/66/icon15.png b/static/image/recharge/66/icon15.png
new file mode 100644
index 0000000..5302529
Binary files /dev/null and b/static/image/recharge/66/icon15.png differ
diff --git a/static/image/recharge/66/icon2.png b/static/image/recharge/66/icon2.png
new file mode 100644
index 0000000..f74ff91
Binary files /dev/null and b/static/image/recharge/66/icon2.png differ
diff --git a/static/image/recharge/66/icon3.png b/static/image/recharge/66/icon3.png
new file mode 100644
index 0000000..02004d3
Binary files /dev/null and b/static/image/recharge/66/icon3.png differ
diff --git a/static/image/recharge/66/icon4.png b/static/image/recharge/66/icon4.png
new file mode 100644
index 0000000..f770315
Binary files /dev/null and b/static/image/recharge/66/icon4.png differ
diff --git a/static/image/recharge/66/icon5.png b/static/image/recharge/66/icon5.png
new file mode 100644
index 0000000..afbdf38
Binary files /dev/null and b/static/image/recharge/66/icon5.png differ
diff --git a/static/image/recharge/66/icon6.png b/static/image/recharge/66/icon6.png
new file mode 100644
index 0000000..b752ebc
Binary files /dev/null and b/static/image/recharge/66/icon6.png differ
diff --git a/static/image/recharge/66/icon7.png b/static/image/recharge/66/icon7.png
new file mode 100644
index 0000000..efcc9f2
Binary files /dev/null and b/static/image/recharge/66/icon7.png differ
diff --git a/static/image/recharge/66/icon8.png b/static/image/recharge/66/icon8.png
new file mode 100644
index 0000000..b767129
Binary files /dev/null and b/static/image/recharge/66/icon8.png differ
diff --git a/static/image/recharge/66/icon9.png b/static/image/recharge/66/icon9.png
new file mode 100644
index 0000000..49cbc1c
Binary files /dev/null and b/static/image/recharge/66/icon9.png differ