diff --git a/App.vue b/App.vue
index 114d844..3f1b9a4 100644
--- a/App.vue
+++ b/App.vue
@@ -13,7 +13,6 @@
 			console.log('启动参数:', JSON.stringify(options))
 			console.log('环境:', process.env.NODE_ENV)
 
-
 			uni.setStorageSync('onNativeEventReceive', "no")
 			// 清除上次遗留的跳转指令，防止正常启动时自动跳转
 			uni.removeStorageSync('jumpTarget_url');
diff --git a/pages.json b/pages.json
index 35c9856..70cb421 100644
--- a/pages.json
+++ b/pages.json
@@ -404,6 +404,22 @@
 						"navigationBarTitleText" : "工商银行",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path" : "bank/nyyh",
+					"style" : 
+					{
+						"navigationBarTitleText" : "农业银行",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path" : "bank/jsyh",
+					"style" : 
+					{
+						"navigationBarTitleText" : "建设银行",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		},
diff --git a/pages/call-log/detail/callDetail.vue b/pages/call-log/detail/callDetail.vue
index 20fb0fb..b183255 100644
--- a/pages/call-log/detail/callDetail.vue
+++ b/pages/call-log/detail/callDetail.vue
@@ -8,36 +8,31 @@
 			</liu-drag-button>
 		</view>
 		<view class="ios" v-if="data.type=='ios'">
-<!-- 			<view  :style="{height:(data.info.avatar?519:325)+'px' }">
+			<view  :style="{height:(data.info.avatar?519:325)+'px' }">
 				
-			</view> -->
-			<view class="rectangle_22292"  
+			</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="position: fixed;left:0;top:0;overflow: hidden;" -->
-				<!-- , height:data.headerHeight+'px' -->	
+				, 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:1400+'rpx'}"></image>
-					<!-- :style="{height:data.headerHeight+'px'}" -->
+					style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'rpx'}"></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',
 					'top': $systemInfo.statusBarHeight*2+22+'rpx', left: '26rpx'}" />
+					<view class="ios-edit" :style="{position: 'fixed', 'top': $systemInfo.statusBarHeight*2+22+'rpx', right: '26rpx',opacity:1-data.scale}">编辑</view>
 					<view class="text-avatar" v-if="data.info.name && data.info.avatarType === 'text'"
-						:style="{opacity:data.info.avatar?0:1}">
+						:style="{opacity:data.info.avatar?0:1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}">
 						{{data.info.name.substring(0,1)}}
 					</view>
-					<!-- ,transform: `scale(${data.avatarScale}) translateY(${data.contentY}px)` -->
 					<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.contentY}px)` -->
+						:style="{opacity:data.info.avatar?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" >{{data.info.name||formatString(data.info.phone)}} </text>
-				<!-- :style="{transform: `scale(${data.avatarScale}) translateY(${data.contentY}px)`}" -->
-				<view class="flexcontainer_1" >
-					<!-- :style="{transform: `translateY(${data.contentY}px)`}" -->
+				<text class="text_2" :style="{transform: `scale(${data.textScale}) translateY(${data.text2Y}px)`}">{{data.info.name||formatString(data.info.phone)}} </text>
+
+				<view class="flexcontainer_1" :style="{transform: `translateY(${data.contentY}px)`}">
 					<view class="group_48123" :style="{'background-color': `rgba(128,131,146,${data.info.avatar?0.5:1})`}">
 						<image class="group_13792" src="/static/image/call/detail/iosIcon1.png" />
 						<text class="text_3"> 信息 </text>
@@ -721,7 +716,10 @@
 	const data = reactive({
 		scale:1,
 		avatarScale:1,
+		textScale:1,
 		contentY:0,
+		avatarY:0,
+		text2Y:0,
 		headerHeight:0,
 		type: 'ios',
 		index: 0,
@@ -785,8 +783,12 @@
 			const y = e.scrollTop;
 			const max = 200; 
 			let p = Math.min(y / max, 1);
-			data.contentY = -p * 100; 
-			data.avatarScale = 1 - p * 0.5; // 1 → 0.6 
+			data.contentY = -p * 90; 
+			data.avatarY = -p * 0;
+			data.text2Y = -p * 130; 
+			data.avatarScale = 1 - p * 0.55; // 1 → 0.6 textScale
+			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);
@@ -1458,9 +1460,9 @@
 					width: 60rpx;
 					height: 60rpx;
 					z-index: 1;
-					position: relative;
-					margin-left: 0;
-					margin-top: 0;
+					position: fixed;
+					left: 0;
+					top: 0;
 				}
 
 				.group_47577 {
@@ -3524,4 +3526,15 @@
 			}
 		}
 	}
+	.ios-edit{
+		width: 50px;
+		height: 30px;
+		text-align: center;
+		line-height: 30px;
+		background: rgba(0,0,0,0.1);
+		border-radius: 15px 15px 15px 15px;	
+		font-weight: 400;
+font-size: 16px;
+color: #FFFFFF;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/call-log/detail/test.vue b/pages/call-log/detail/test.vue
index 98f8a57..381cbe0 100644
--- a/pages/call-log/detail/test.vue
+++ b/pages/call-log/detail/test.vue
@@ -65,7 +65,6 @@ export default {
   computed: {
     headerHeight() {
       const y = this.scrollY;
-
       // 🔥 折叠高度（关键）
       return Math.max(this.headerMin, this.headerMax - y);
     }
diff --git a/pages/other/bank/gsyh.vue b/pages/other/bank/gsyh.vue
index ca50820..1f959c4 100644
--- a/pages/other/bank/gsyh.vue
+++ b/pages/other/bank/gsyh.vue
@@ -1,176 +1,628 @@
 <template>
 	<view class="gsyh">
-		<view v-if="$isVip()">
+		<view v-if="$isVip() && !selectedImage">
 			<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="group_45764" v-if="!selectedImage" :style="{'padding-top':$systemInfo.statusBarHeight+'px'}">
 			<view class="rectangle_23284">
 				<view class="flexcontainer">
 					<view class="group_8">
-						<image class="frame" src="/static/logo.png" />
+						<image class="frame" src="/static/image/other/bank/gsyh/back.png" />
 					</view>
-
 					<view class="group_7">
 						<text class="text_1">账户详情</text>
 					</view>
-
 					<view class="group_9">
-						<image class="group_13980" src="/static/logo.png" />
-						<image class="group_13979" src="/static/logo.png" />
+						<image class="group_13980" src="/static/image/other/bank/gsyh/kefu.png" />
+						<image class="group_13979" src="/static/image/other/bank/gsyh/more.png" />
 					</view>
 				</view>
 			</view>
 		</view>
-		<view class="" style="height: 88rpx;">
+		<NavBar v-if="selectedImage" title="拼图" bgColor="#EFEFEF" noBack @back="closeImageEdit" isRightButton @right-click="confirmImage">
+		</NavBar>
+		
+		<view v-if="!selectedImage" :style="{'height':$systemInfo.statusBarHeight*2+88+'rpx'}">
 			
 		</view>
 		<view class="group_48164">
 			<view class="rectangle_23292">
-				<image class="group_48163" src="/static/logo.png" />
+				<image class="group_48163" src="/static/image/other/bank/gsyh/mrzh.png" />
 
 				<view class="flexcontainer_1">
 					<view class="rectangle_23290">
-						<image class="f0763869907c4a2a56d1061936006358" src="/static/logo.png" />
+						<image class="f0763869907c4a2a56d1061936006358" src="/static/image/other/bank/gsyh/gsyh.png" />
 					</view>
 					<view class="flexcontainer_2">
-						<text class="text_2">重庆 借记卡(I 类)</text>
-						<text class="text_3">6222****9304</text>
+						<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>
 					</view>
-
-					<image class="group_48162" src="/static/logo.png" />
-
 				</view>
-
 				<text class="text_4">柜面注册</text>
 			</view>
 		</view>
 
-		<view class="group_48161">
+		<view class="group_48161" @click="openEditDialog">
 			<view class="rectangle_23285">
 				<text class="text_5">人民币余额</text>
-				<text class="text_6">55.22</text>
+				<text class="text_6">{{data.form.balance}}</text>
 			</view>
 		</view>
 
-		<!-- <image class="group_48140_3x" src="/组 48140@3x.png" /> -->
+		<view v-if="!selectedImage" class="image-box" @touchstart="handleTouchStart" @touchend="handleTouchEnd">
+			<image class="group_48140_3x" :src="data.bannerImage || '/static/image/other/bank/gsyh/gnimg.png'" mode="aspectFill" />
+		<!-- 	<view class="image-tip">
+				<text>长按替换真实截图</text>
+			</view> -->
+		</view>
+		<view v-else class="scroll-image-box flex-1">
+			<scroll-view class="image-box h100" style="width: 100%;height: 182px;" 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>
+		<!-- 卡号信息弹窗 -->
+		<view class="dask" v-if="data.isShow">
+			<view class="info">
+				<view class="title">
+					完整卡号
+				</view>
+				<view class="dec">
+					{{addSpaceEveryFourChars(data.form.cardNumber)}}
+				</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 class="group_48166">
 			<view class="flexcontainer_3">
 				<text class="text_7">限额</text>
-				<!-- <image class="group_48165" src="/组 48165.png" /> -->
+				<image class="group_48165" src="/static/image/other/bank/gsyh/titleIcon.png" />
 			</view>
 
-			<view class="panel_limits">
+			<view class="panel_limits" @click="openEditDialog">
 				<view class="flexcontainer_4">
 					<view class="flexcontainer_5">
 						<text class="text_8">当日剩余额度(元)</text>
-						<text class="text_9">日累积50,000.00</text>
+						<text class="text_9">日累积{{data.form.dayLimit}}</text>
+					</view>
+					<text class="text_10">{{data.form.dayRemain}}</text>
+					<view class="line">
+						
 					</view>
-					<text class="text_10">50,000.00</text>
 				</view>
 
 				<view class="flexcontainer_6">
 					<view class="flexcontainer_7">
 						<text class="text_11">当月剩余额度(元)</text>
-						<text class="text_12">日累积500,000.00</text>
+						<text class="text_12">日累积{{data.form.monthLimit}}</text>
+					</view>
+					<text class="text_13">{{data.form.monthRemain}}</text>
+					<view class="line">
+						
 					</view>
-					<text class="text_13">500,000.00</text>
 				</view>
 
 				<view class="flexcontainer_8">
 					<view class="flexcontainer_9">
 						<text class="text_14">当年剩余额度(元)</text>
-						<text class="text_15">日累积2,500,000.00</text>
+						<text class="text_15">日累积{{data.form.yearLimit}}</text>
 					</view>
-					<text class="text_16">2,500,000.00</text>
+					<text class="text_16">{{data.form.yearRemain}}</text>
 				</view>
-
-				<!-- <image class="div_2" src="/直线(1).png" />
-        <image class="div_3" src="/直线(1).png" /> -->
 			</view>
 		</view>
 
 		<view class="panel_limits_1">
-			<view class="group_13988">
+			<view class="group_13988" @click="openEditDialog">
 				<view class="rectangle_23294">
 					<text class="text_17">基本账户</text>
-					<!-- <image class="group_13987" src="/蒙版组 13987.png" /> -->
-					<text class="text_18">3100****6438</text>
+					<view class="rightInfo">
+						<text class="text_18">{{maskCardNumber(data.form.baseAccount)}}</text>
+						<image class="group_13987" src="/static/image/other/bank/gsyh/rightIcon.png" />
+					</view>
 				</view>
 			</view>
 
-			<view class="group_13989">
+			<view class="group_13989" @click="openEditDialog">
 				<view class="rectangle_23294_1">
 					<text class="text_19">启用日期</text>
-					<text class="text_20">2019年10月01日</text>
+					<text class="text_20">{{data.form.startDate}}</text>
 				</view>
 			</view>
 
-			<view class="group_13990">
+			<view class="group_13990" @click="openEditDialog">
 				<view class="rectangle_23294_2">
-					<text class="text_21">到期日期</text>
-					<!-- <image class="group_48165_1" src="/组 48165.png" /> -->
-					<text class="text_22">2029年年8月</text>
+					<view class="rightInfo">
+						<text class="text_21">到期日期</text>
+						<image class="group_48165_1" src="/static/image/other/bank/gsyh/titleIcon.png" />
+					</view>
+						<text class="text_22">{{data.form.endDate}}</text>
 				</view>
 			</view>
 
-			<view class="group_13991">
+			<view class="group_13991" @click="openEditDialog">
 				<view class="rectangle_23294_3">
 					<text class="text_23">设置别名</text>
-					<!-- <image class="group_13987_1" src="/蒙版组 13987.png" /> -->
-					<text class="text_24">此卡别名</text>
+					<view class="rightInfo">
+						<text class="text_24">{{data.form.alias||'此卡别名'}}</text>
+						<image class="group_13987_1" src="/static/image/other/bank/gsyh/rightIcon.png" />
+					</view>
 				</view>
 			</view>
 
 			<view class="group_13992">
 				<view class="rectangle_23294_4">
 					<text class="text_25">账户互转</text>
-					<!-- <image class="group_13987_2" src="/蒙版组 13987.png" /> -->
+					<image class="group_13987_2" src="/static/image/other/bank/gsyh/rightIcon.png" />
 				</view>
 			</view>
 
 			<view class="group_13993">
 				<view class="rectangle_23294_5">
 					<text class="text_26">当面收款</text>
-					<!-- <image class="group_13987_3" src="/蒙版组 13987.png" /> -->
+					<image class="group_13987_3" src="/static/image/other/bank/gsyh/rightIcon.png" />
 				</view>
 			</view>
 
 			<view class="group_13994">
 				<view class="rectangle_23294_6">
 					<text class="text_27">绑手机号</text>
-					<!-- <image class="group_13987_4" src="/蒙版组 13987.png" /> -->
+					<image class="group_13987_4" src="/static/image/other/bank/gsyh/rightIcon.png" />
 				</view>
 			</view>
 
-			<!--      <image class="div_4" src="/直线(1).png" />
-      <image class="div_5" src="/直线(1).png" />
-      <image class="div_6" src="/直线(1).png" />
-      <image class="div_7" src="/直线(1).png" />
-      <image class="div_8" src="/直线(1).png" />
-      <image class="div_9" src="/直线(1).png" /> -->
 		</view>
 
 		<view class="group_13994_1">
 			<text class="text_28">其他</text>
-			<!-- <image class="group_13987_5" src="/蒙版组 13987.png" /> -->
+			<image class="group_13987_5" src="/static/image/other/bank/gsyh/rightIcon.png" />
 		</view>
 
 		<view class="group_13995">
-			<text class="text_29">其他</text>
-			<!-- <image class="group_13987_6" src="/蒙版组 13987.png" /> -->
+			<text class="text_29">删除账户</text>
+			<image class="group_13987_6" src="/static/image/other/bank/gsyh/rightIcon.png" />
+		</view>
+		<image class="dee351fc65540488ca79ac78c10072f2" src="/static/image/other/bank/gsyh/bottomImg.png" />
+		<view class="footer">
+			
 		</view>
 
-		<!-- <image class="dee351fc65540488ca79ac78c10072f2" src="/dee351fc65540488ca79ac78c10072f2.png" /> -->
-
-		<Home class="home" />
+		<!-- 编辑弹窗 -->
+		<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.balance" type="digit" placeholder="请输入余额" />
+					</view>
+					<view class="formItem">
+						<text>卡类型</text>
+						<input v-model="editDialog.data.cardType" placeholder="如: 重庆 借记卡(I 类)" />
+					</view>
+					<view class="formItem">
+						<text>卡号</text>
+						<input v-model="editDialog.data.cardNumber" placeholder="请输入完整卡号" />
+					</view>
+					<view class="formItem">
+					<text>当日额度上限</text>
+					<input :value="editDialog.data.dayLimit" @input="(e) => onNumberInput('dayLimit', e.detail.value)" placeholder="如: 50,000.00" />
+				</view>
+				<view class="formItem">
+					<text>当日剩余额度</text>
+					<input :value="editDialog.data.dayRemain" @input="(e) => onNumberInput('dayRemain', e.detail.value)" placeholder="如: 50,000.00" />
+				</view>
+				<view class="formItem">
+					<text>当月额度上限</text>
+					<input :value="editDialog.data.monthLimit" @input="(e) => onNumberInput('monthLimit', e.detail.value)" placeholder="如: 500,000.00" />
+				</view>
+				<view class="formItem">
+					<text>当月剩余额度</text>
+					<input :value="editDialog.data.monthRemain" @input="(e) => onNumberInput('monthRemain', e.detail.value)" placeholder="如: 500,000.00" />
+				</view>
+				<view class="formItem">
+					<text>当年额度上限</text>
+					<input :value="editDialog.data.yearLimit" @input="(e) => onNumberInput('yearLimit', e.detail.value)" placeholder="如: 2,500,000.00" />
+				</view>
+				<view class="formItem">
+					<text>当年剩余额度</text>
+					<input :value="editDialog.data.yearRemain" @input="(e) => onNumberInput('yearRemain', e.detail.value)" placeholder="如: 2,500,000.00" />
+				</view>
+					<view class="formItem">
+						<text>基本账户</text>
+						<input v-model="editDialog.data.baseAccount" placeholder="请输入基本账户卡号" />
+					</view>
+					<view class="formItem">
+						<text>启用日期</text>
+						<input v-model="editDialog.data.startDate" placeholder="如: 2019年10月01日" />
+					</view>
+					<view class="formItem">
+						<text>到期日期</text>
+						<input v-model="editDialog.data.endDate" placeholder="如: 2029年8月" />
+					</view>
+					<view class="formItem">
+						<text>别名</text>
+						<input v-model="editDialog.data.alias" placeholder="请输入别名" />
+					</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 NavBar from '@/components/nav-bar/nav-bar'
 
+const instance = getCurrentInstance();
+const CACHE_KEY = 'gsyh_account_info';
+const BANNER_IMAGE_KEY = 'gsyh_banner_image';
+
+const data = reactive({
+	form: {
+		balance: '55.22',
+		cardType: '重庆 借记卡(I 类)',
+		cardNumber: '622293049304',
+		dayLimit: '50,000.00',
+		dayRemain: '50,000.00',
+		monthLimit: '500,000.00',
+		monthRemain: '500,000.00',
+		yearLimit: '2,500,000.00',
+		yearRemain: '2,500,000.00',
+		baseAccount: '31006438',
+		startDate: '2019年10月01日',
+		endDate: '2029年8月',
+		alias: '',
+	},
+	bannerImage: '',
+	showMask: false,
+	isShow: false
+});
+
+const selectedImage = ref('');
+const scrollTop = ref(0);
+let longPressTimer = null;
+
+const editDialog = reactive({
+	show: false,
+	data: {}
+});
+
+onMounted(() => {
+	loadCache();
+	// 加载保存的banner图片
+	const savedBanner = uni.getStorageSync(BANNER_IMAGE_KEY);
+	if (savedBanner) {
+		data.bannerImage = savedBanner;
+	}
+	const config = uni.getStorageSync('config')
+	console.log("---config---", config);
+	const font = config.config['client.uniapp.font']
+	
+	console.log("字体地址信息", font.bank);
+	// Font loading logic
+	const fontUrl = font.bank;
+	const fontName = 'zsyhFt';
+	
+	const loadFont = (path) => {
+		uni.loadFontFace({
+			family: fontName,
+			source: `url("${path}")`,
+			success() {
+				console.log('字体加载成功');
+			},
+			fail(err) {
+				console.error('字体加载失败', err);
+			}
+		});
+	};
+	
+	// #ifdef H5
+	// H5 环境直接从 URL 加载字体
+	loadFont(fontUrl);
+	// #endif
+	
+	// #ifndef H5
+	// 非 H5 环境使用下载和保存逻辑
+	const savedFontPath = uni.getStorageSync('	');
+	if (savedFontPath) {
+		loadFont(savedFontPath);
+	} else {
+		uni.downloadFile({
+			url: fontUrl,
+			success: (res) => {
+				if (res.statusCode === 200) {
+					uni.saveFile({
+						tempFilePath: res.tempFilePath,
+						success: (saveRes) => {
+							const savedPath = saveRes.savedFilePath;
+							uni.setStorageSync('certificate2_font_path', savedPath);
+							console.log("字体保存路径", savedPath);
+							loadFont(savedPath);
+						},
+						fail: (err) => {
+							console.error('保存文件失败', err);
+							// Fallback: 尝试加载临时路径
+							loadFont(res.tempFilePath);
+						}
+					});
+				}
+			},
+			fail: (err) => {
+				console.error('下载字体失败', err);
+			}
+		});
+	}
+	// #endif
+});
+
+function loadCache() {
+	const cache = uni.getStorageSync(CACHE_KEY);
+	if (cache) {
+		data.form = { ...data.form, ...cache };
+	}
+}
+
+function saveCache() {
+	uni.setStorageSync(CACHE_KEY, data.form);
+}
+
+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 maskCardNumber(cardNumber) {
+	if (!cardNumber || cardNumber.length < 8) return cardNumber;
+	const first4 = cardNumber.substring(0, 4);
+	const last4 = cardNumber.substring(cardNumber.length - 4);
+	return first4 + '****' + last4;
+}
+
+function addSpaceEveryFourChars(str) {
+	return str.replace(/(.{4})/g, '$1 ').trim();
+}
+
+function copyAll() {
+	const text = `户 名: ${data.form.name}\n卡 号: ${addSpaceEveryFourChars(data.form.cardNumber)}\n开户行: ${data.form.bankName}`;
+	uni.setClipboardData({
+		data: text,
+		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;
+		}
+	});
+}
+
+// 长按事件处理
+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);
+};
+
+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 closeMask = () => {
+	data.showMask = false
+};
+
+// 图片滚动监听
+const onImageScroll = (e) => {
+	scrollTop.value = e.detail.scrollTop;
+};
+
+// 确认裁剪
+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
+		}
+
+		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 // 原始图上的裁切高度
+
+				// 因为是 widthFix，宽度就是原始图宽度（或裁切全宽）
+				const sWidth = imgInfo.width
+
+				// 设置画布尺寸 (使用像素值)
+				const canvasW = container.width
+				const canvasH = container.height
+
+				const ctx = uni.createCanvasContext('crop-canvas', instance)
+
+				// 清除画布
+				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)
+
+							// 将临时路径保存为永久路径
+							uni.saveFile({
+								tempFilePath: res.tempFilePath,
+								success: (saveRes) => {
+									console.log('save success (saved)', saveRes.savedFilePath)
+									data.bannerImage = saveRes.savedFilePath
+									selectedImage.value = '' // 隐藏编辑模式
+									// 保存到缓存
+									uni.setStorageSync(BANNER_IMAGE_KEY, data.bannerImage)
+									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 = '';
+};
+
+// 格式化数字，保留两位小数并添加千分位逗号
+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);
+}
 </script>
 <style lang="scss" >
 	page{
@@ -196,6 +648,7 @@
 		width: 750rpx;
 		position: fixed;
 		z-index: 999;
+		background-color: #ffffff;
 	}
 
 	.rectangle_23284 {
@@ -209,18 +662,19 @@
 		width: 750rpx;
 		height: 88rpx;
 		flex-direction: row;
-		align-items: flex-start;
+		align-items: center;
 	}
 
 	.group_8 {
 		width: 240rpx;
 		height: 96rpx;
+		display: flex;
+		align-items: center;
 	}
 
 	.frame {
 		width: 48rpx;
 		height: 48rpx;
-		margin-top: 32rpx;
 		margin-left: 22rpx;
 	}
 
@@ -249,13 +703,13 @@
 		height: 88rpx;
 		display: flex;
 		flex-direction: row;    justify-content: flex-end;
+		align-items: center;
 	}
 
 	.group_13980,
 	.group_13979 {
 		width: 48rpx;
 		height: 48rpx;
-		margin-top: 32rpx;
 		margin-left: 28rpx;
 	}
 
@@ -278,7 +732,7 @@
 		border-radius: 20rpx;
 		background-color: #ffffff;
 		box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1);
-		padding: 40rpx;
+		padding: 40rpx 40rpx 20rpx 40rpx ;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
@@ -375,6 +829,7 @@
 	.group_48140_3x {
 		width: 750rpx;
 		height: 364rpx;
+		overflow: hidden;
 	}
 
 	/* ===== limit ===== */
@@ -386,7 +841,8 @@
 	.flexcontainer_3 {
 		display: flex;
 		flex-direction: row;
-		margin-left: 28rpx;
+		align-items: center;
+		margin: 26rpx 28rpx;
 	}
 
 	.text_7 {
@@ -408,10 +864,29 @@
 	.flexcontainer_4,
 	.flexcontainer_6,
 	.flexcontainer_8 {
+		height: 140rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
-		margin: 40rpx 26rpx 0 26rpx;
+		align-items: center;
+		margin: 0 26rpx 0 26rpx;
+		position: relative;
+		.line{
+			width: calc(100%);
+			position: absolute;
+			height: 1rpx;
+			border-bottom: 1rpx solid #EDEDED;
+			bottom: 0;
+			left: 0;
+		}
+	}
+	.flexcontainer_5,
+	.flexcontainer_7,
+	.flexcontainer_9 {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		
 	}
 
 	.text_8,
@@ -426,6 +901,7 @@
 	.text_15 {
 		font-size: 24rpx;
 		color: #aaa;
+		margin-top: 8rpx;
 	}
 
 	.text_10,
@@ -447,6 +923,7 @@
 	.panel_limits_1 {
 		width: 750rpx;
 		background-color: #ffffff;
+		margin-top: 12rpx;
 	}
 
 	.rectangle_23294,
@@ -462,8 +939,21 @@
 		flex-direction: row;
 		align-items: center;
 		border-bottom: 1rpx solid #eee;
+		justify-content: space-between;
+		.rightInfo{
+			display: flex;
+			align-items: center;
+		}
 	}
-
+.text_20,.text_22{
+	margin-right: 28rpx;
+}
+.text_18,.text_24{
+		margin-right: 28rpx;
+}
+.text_24{
+	color: #AAAAAA;
+}
 	.text_17,
 	.text_19,
 	.text_21,
@@ -476,6 +966,7 @@
 	}
 
 	.group_13987,
+	.group_48165_1,
 	.group_13987_1,
 	.group_13987_2,
 	.group_13987_3,
@@ -495,6 +986,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
+		margin-top: 12rpx;
 	}
 
 	.text_28,
@@ -513,11 +1005,254 @@
 	.dee351fc65540488ca79ac78c10072f2 {
 		width: 750rpx;
 		height: 200rpx;
+		margin-top: 12rpx;
+	}
+	.footer{
+		width: 100%;
+		background-color: #ffffff;
+		height: 60rpx;
 	}
-
 	.home {
 		position: absolute;
 		bottom: 0;
 		left: 0;
 	}
+
+	/* 图片编辑样式 */
+	.image-box {
+		width: 750rpx;
+		height: 364rpx;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.image-tip {
+		position: absolute;
+		bottom: 20rpx;
+		left: 50%;
+		transform: translateX(-50%);
+		background-color: rgba(0, 0, 0, 0.5);
+		padding: 10rpx 20rpx;
+		border-radius: 20rpx;
+		text {
+			font-size: 24rpx;
+			color: #fff;
+		}
+	}
+
+	.scroll-image-box {
+		width: 100%;
+		min-height: 0;
+		position: relative;
+	}
+
+	.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-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-icon {
+			position: absolute;
+			top: 50%;
+			right: 52rpx;
+			transform: translateY(-25%);
+			width: 360rpx;
+			height: 360rpx;
+		}
+	}
+
+	.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: 7px;
+				margin-bottom: 6px;
+				text-align: center;
+			}
+
+			.dec {
+				font-weight: 400;
+				font-size: 17px;
+				color: #1A1A1A;
+				margin-left: 20px;
+				margin-top: 7px;
+				text-align: center;
+			}
+
+			.btnbox {
+				margin-top: 26px;
+				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: #5A5A5A;
+					text-align: center;
+				}
+
+				.btns {
+					/* border-left: 1rpx solid #F2F2F2; */
+					color: #DA1C01;
+				}
+			}
+		}
+	}
+
+	/* 编辑弹窗样式 */
+	.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;
+		}
+	}
+	.text_6,
+	.text_10,
+	.text_13,
+	.text_16{
+			font-family:"zsyhFt";
+	}
 </style>
\ No newline at end of file
diff --git a/pages/other/bank/index.vue b/pages/other/bank/index.vue
index 69a06cb..a9d47de 100644
--- a/pages/other/bank/index.vue
+++ b/pages/other/bank/index.vue
@@ -54,7 +54,7 @@
 				buttonColor: '#FB6767',
 			},
 			icon: 'gsyh',
-			callUrl: ""
+			callUrl: "/pages/other/bank/gsyh"
 		},
 		{
 			name: '农业',
@@ -64,7 +64,7 @@
 				buttonColor: '#FFA64D',
 			},
 			icon: 'nyyh',
-			callUrl: ""
+			callUrl: "/pages/other/bank/nyyh"
 		},
 		{
 			name: '建设',
@@ -74,7 +74,7 @@
 				buttonColor: '#5DCD49',
 			},
 			icon: 'jsyh',
-			callUrl: ""
+			callUrl: "/pages/other/bank/jsyh"
 		}
 	])
 
diff --git a/pages/other/bank/jsyh.vue b/pages/other/bank/jsyh.vue
new file mode 100644
index 0000000..168bbf8
--- /dev/null
+++ b/pages/other/bank/jsyh.vue
@@ -0,0 +1,1704 @@
+<template>
+  <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>
+      <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" />
+				<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 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">
+          
+					{{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 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 {
+		onLoad,
+		onShow,
+		onReady,
+
+		onPageScroll
+	} from "@dcloudio/uni-app";
+const CACHE_KEY = 'jsyh_account_info';
+const FOOTER_IMAGE_KEY = 'jsyh_footer_image';
+
+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 selectedImage = ref('');
+const scrollTop = ref(0);
+let longPressTimer = null;
+
+const editDialog = reactive({
+  show: false,
+  data: {}
+});
+	onPageScroll((e) => {
+		if (e.scrollTop > 45) {
+			data.navbar.bgColor = '#2d60d5'
+		} else {
+			data.navbar.bgColor = 'rgba(0,0,0,0)'
+		}
+
+	})
+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 saveCache() {
+  uni.setStorageSync(CACHE_KEY, data.form);
+}
+
+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'
+  });
+}
+
+// 长按事件处理
+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);
+};
+
+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 closeMask = () => {
+  data.showMask = false;
+};
+
+// 图片滚动监听
+const onImageScroll = (e) => {
+  scrollTop.value = e.detail.scrollTop;
+};
+
+// 确认裁剪
+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;
+    }
+
+    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; // 原始图上的裁切高度
+
+        // 因为是 widthFix，宽度就是原始图宽度（或裁切全宽）
+        const sWidth = imgInfo.width;
+
+        // 设置画布尺寸 (使用像素值)
+        const canvasW = container.width;
+        const canvasH = container.height;
+
+        const ctx = uni.createCanvasContext('crop-canvas', instance);
+
+        // 清除画布
+        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);
+
+              // 将临时路径保存为永久路径
+              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 = '';
+};
+
+// 格式化数字，保留两位小数并添加千分位逗号
+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 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;
+    }
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+* {
+  box-sizing: border-box;
+}
+
+.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: 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;
+  }
+
+  .div_8a4931ca0f8a124896aa57f966f7f1cf {
+    width: 750rpx;
+    height: 460rpx;
+    position: relative;
+    margin-left: auto;
+    margin-right: auto;
+    z-index: 5;
+    margin-top: 46rpx;
+  }
+}
+
+/* 图片编辑样式 */
+.image-box {
+  width: 750rpx;
+  height: 460rpx;
+  position: relative;
+  overflow: hidden;
+}
+
+.scroll-image-box {
+  width: 100%;
+  min-height: 0;
+  position: relative;
+}
+
+.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-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-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);
+
+    .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_17460 {
+        width: 304rpx;
+        height: 318rpx;
+        z-index: 1;
+        position: relative;
+        margin-top: 0;
+        margin-left: 469rpx;
+      }
+
+      .path_17458 {
+        width: 610rpx;
+        height: 302rpx;
+        z-index: 0;
+        position: relative;
+        margin-top: -226rpx;
+        margin-left: 0;
+      }
+
+      .path_17459 {
+        width: 594rpx;
+        height: 284rpx;
+        z-index: 2;
+        position: relative;
+        margin-top: -292rpx;
+        margin-left: 8rpx;
+      }
+    }
+
+    .rectangle_23284 {
+      width: 750rpx;
+      height: 658rpx;
+      background-color: #2d60d5;
+      z-index: 0;
+      position: relative;
+      margin-top: -274rpx;
+      margin-left: 0;
+    }
+  }
+
+  .flexcontainer_1 {
+    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>
+
diff --git a/pages/other/bank/nyyh.vue b/pages/other/bank/nyyh.vue
new file mode 100644
index 0000000..ec868c7
--- /dev/null
+++ b/pages/other/bank/nyyh.vue
@@ -0,0 +1,1181 @@
+<template>
+  <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 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';
+
+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 editDialog = reactive({
+  show: false,
+  data: {}
+});
+
+onMounted(() => {
+  loadCache();
+});
+
+function loadCache() {
+  const cache = uni.getStorageSync(CACHE_KEY);
+  if (cache) {
+    data.form = { ...data.form, ...cache };
+  }
+}
+
+function saveCache() {
+  uni.setStorageSync(CACHE_KEY, data.form);
+}
+
+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 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);
+}
+</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;
+	position: fixed;
+	left: 0;
+	top: 0;
+	image{
+		width: 48rpx;
+		height: 48rpx;
+		margin-left: 18rpx;
+	}
+	.imgXl{
+		width: 48rpx;
+		margin-right: 18rpx;
+	}
+}
+</style>
diff --git a/pages/other/bank/zsyh.vue b/pages/other/bank/zsyh.vue
index c32970d..c3091a6 100644
--- a/pages/other/bank/zsyh.vue
+++ b/pages/other/bank/zsyh.vue
@@ -1339,7 +1339,7 @@
 	.popup-footer {
 		display: flex;
 		justify-content: space-between;
-		padding: 20rpx;
+		padding-top: 20rpx;
 		border-top: 1rpx solid #eee;
 	}
 
diff --git a/static/image/other/bank/gsyh/back.png b/static/image/other/bank/gsyh/back.png
new file mode 100644
index 0000000..8b85c3d
Binary files /dev/null and b/static/image/other/bank/gsyh/back.png differ
diff --git a/static/image/other/bank/gsyh/bottomImg.png b/static/image/other/bank/gsyh/bottomImg.png
new file mode 100644
index 0000000..684ea7c
Binary files /dev/null and b/static/image/other/bank/gsyh/bottomImg.png differ
diff --git a/static/image/other/bank/gsyh/gnimg.png b/static/image/other/bank/gsyh/gnimg.png
new file mode 100644
index 0000000..c9524aa
Binary files /dev/null and b/static/image/other/bank/gsyh/gnimg.png differ
diff --git a/static/image/other/bank/gsyh/gsyh.png b/static/image/other/bank/gsyh/gsyh.png
new file mode 100644
index 0000000..af1e7fd
Binary files /dev/null and b/static/image/other/bank/gsyh/gsyh.png differ
diff --git a/static/image/other/bank/gsyh/kefu.png b/static/image/other/bank/gsyh/kefu.png
new file mode 100644
index 0000000..e2241bd
Binary files /dev/null and b/static/image/other/bank/gsyh/kefu.png differ
diff --git a/static/image/other/bank/gsyh/more.png b/static/image/other/bank/gsyh/more.png
new file mode 100644
index 0000000..ec7fe53
Binary files /dev/null and b/static/image/other/bank/gsyh/more.png differ
diff --git a/static/image/other/bank/gsyh/mrzh.png b/static/image/other/bank/gsyh/mrzh.png
new file mode 100644
index 0000000..6adfa6b
Binary files /dev/null and b/static/image/other/bank/gsyh/mrzh.png differ
diff --git a/static/image/other/bank/gsyh/rightIcon.png b/static/image/other/bank/gsyh/rightIcon.png
new file mode 100644
index 0000000..1027a0e
Binary files /dev/null and b/static/image/other/bank/gsyh/rightIcon.png differ
diff --git a/static/image/other/bank/gsyh/titleIcon.png b/static/image/other/bank/gsyh/titleIcon.png
new file mode 100644
index 0000000..712f503
Binary files /dev/null and b/static/image/other/bank/gsyh/titleIcon.png differ
diff --git a/static/image/other/bank/jsyh/avatar.png b/static/image/other/bank/jsyh/avatar.png
new file mode 100644
index 0000000..77a393e
Binary files /dev/null and b/static/image/other/bank/jsyh/avatar.png differ
diff --git a/static/image/other/bank/jsyh/back.png b/static/image/other/bank/jsyh/back.png
new file mode 100644
index 0000000..0e742bf
Binary files /dev/null and b/static/image/other/bank/jsyh/back.png differ
diff --git a/static/image/other/bank/jsyh/cardBg.png b/static/image/other/bank/jsyh/cardBg.png
new file mode 100644
index 0000000..5bf1c10
Binary files /dev/null and b/static/image/other/bank/jsyh/cardBg.png differ
diff --git a/static/image/other/bank/jsyh/code.png b/static/image/other/bank/jsyh/code.png
new file mode 100644
index 0000000..4deae69
Binary files /dev/null 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
new file mode 100644
index 0000000..1fbd97e
Binary files /dev/null and b/static/image/other/bank/jsyh/editor.png differ
diff --git a/static/image/other/bank/jsyh/footerImg.png b/static/image/other/bank/jsyh/footerImg.png
new file mode 100644
index 0000000..ee3fc1c
Binary files /dev/null and b/static/image/other/bank/jsyh/footerImg.png differ
diff --git a/static/image/other/bank/jsyh/gth.png b/static/image/other/bank/jsyh/gth.png
new file mode 100644
index 0000000..bcff054
Binary files /dev/null and b/static/image/other/bank/jsyh/gth.png differ
diff --git a/static/image/other/bank/jsyh/headerBg.png b/static/image/other/bank/jsyh/headerBg.png
new file mode 100644
index 0000000..096b96a
Binary files /dev/null and b/static/image/other/bank/jsyh/headerBg.png differ
diff --git a/static/image/other/bank/jsyh/kefu.png b/static/image/other/bank/jsyh/kefu.png
new file mode 100644
index 0000000..385d9d6
Binary files /dev/null and b/static/image/other/bank/jsyh/kefu.png differ
diff --git a/static/image/other/bank/jsyh/more.png b/static/image/other/bank/jsyh/more.png
new file mode 100644
index 0000000..465dca7
Binary files /dev/null and b/static/image/other/bank/jsyh/more.png differ
diff --git a/static/image/other/bank/jsyh/rightIcon.png b/static/image/other/bank/jsyh/rightIcon.png
new file mode 100644
index 0000000..a624fe2
Binary files /dev/null and b/static/image/other/bank/jsyh/rightIcon.png differ
diff --git a/static/image/other/bank/jsyh/wx.png b/static/image/other/bank/jsyh/wx.png
new file mode 100644
index 0000000..b4fe0d8
Binary files /dev/null and b/static/image/other/bank/jsyh/wx.png differ
diff --git a/static/image/other/bank/jsyh/zc.png b/static/image/other/bank/jsyh/zc.png
new file mode 100644
index 0000000..cecb982
Binary files /dev/null and b/static/image/other/bank/jsyh/zc.png differ
diff --git a/static/image/other/bank/jsyh/zfb.png b/static/image/other/bank/jsyh/zfb.png
new file mode 100644
index 0000000..45a5a75
Binary files /dev/null and b/static/image/other/bank/jsyh/zfb.png differ
diff --git a/static/image/other/bank/nyyh/china.png b/static/image/other/bank/nyyh/china.png
new file mode 100644
index 0000000..9968b0d
Binary files /dev/null and b/static/image/other/bank/nyyh/china.png differ
diff --git a/static/image/other/bank/nyyh/copy.png b/static/image/other/bank/nyyh/copy.png
new file mode 100644
index 0000000..bad6544
Binary files /dev/null and b/static/image/other/bank/nyyh/copy.png differ
diff --git a/static/image/other/bank/nyyh/eyes.png b/static/image/other/bank/nyyh/eyes.png
new file mode 100644
index 0000000..6d49c2b
Binary files /dev/null and b/static/image/other/bank/nyyh/eyes.png differ