<script setup>
	import DateTimePicker from '@/components/dengrq-datetime-picker/dateTimePicker/index.vue';
	import ZdySafeBottom from '@/components/safeBottom/safeBottom.vue'
	import {
		reactive,
		ref,
		onMounted,
		computed
	} from 'vue';

	const CACHE_KEY = 'score_chongqing_info';

	const data = reactive({
		form: {
			avatar: '',
			name: '肖战',
			idNumber: '12345678912345789123456',
			chinese: '121',
			math: '111',
			english: '140',
			physics: '75',
			chemistry: '85',
			biology: '79',
			time:'2025-6-25'
		}
	});

	const total = computed(() => {
		const sum = Number(data.form.chinese || 0) + Number(data.form.math || 0) + Number(data.form.english || 0) +
			Number(data.form.physics || 0) + Number(data.form.chemistry || 0) + Number(data.form.biology || 0);
		return sum || '';
	});

	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'
		});
	}

	const editTotal = computed(() => {
		const sum = Number(editDialog.data.chinese || 0) + Number(editDialog.data.math || 0) + Number(editDialog.data
			.english || 0) + Number(editDialog.data.physics || 0) + Number(editDialog.data.chemistry || 0) + Number(
			editDialog.data.biology || 0);
		return sum || '';
	});

	// 选择二维码
	const choose = () => {
		uni.chooseImage({
			count: 1,
			sizeType: ['compressed'],
			sourceType: ['album', 'camera'],
			success: function(res) {
				const tempFilePath = res.tempFilePaths[0];
				uni.saveFile({
					tempFilePath: tempFilePath,
					success: function(ress) {
						editDialog.data.avatar = ress.savedFilePath;
					},
					fail: function(err) {
						editDialog.data.avatar = tempFilePath;
					}
				});
			}
		});
	};

	// 清除二维码
	const clearAvatar = () => {
		editDialog.data.avatar = '';
	};

	function back() {
		uni.navigateBack()
	}
	function onChangeStartDate(e){
		editDialog.data.time=e
		console.log(e)
	}
	function getTime(times,status){
		let list=times.split('-')
		if(status){
			return list[0]+'年'
		}else{
			return list[0]+'年'+list[1]+'月'
		}
	}
</script>

<template>
	<view class="div">
		<view v-if="$isVip()">
			<watermark dark="light" source="uni_alipay_other_score" />
			<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_other_score')">
				<image src='/static/lottie/watermark.gif' mode="widthFix" style="width:94px;height:74px;" ></image>
			</liu-drag-button>
		</view>

		<view class="group_1" :style="{'padding-top':$systemInfo.statusBarHeight*2+'rpx'}">
			<view class="rectangle_273">
				<image @click="back()" class="group_14010" src="/static/image/other/score/chongqing/close.png" />
				<view class="flexcontainer"><text class="text_1"> 重庆市教育考试招生查询系统 </text><text class="text_2"> gkcj.cqksy.cn
					</text></view>
				<image class="group_14011" src="/static/image/other/score/chongqing/more.png" />
			</view>
		</view>

		<view class="" :style="{height:$systemInfo.statusBarHeight*2+88+'rpx'}">

		</view>
		<view class="group_48327">
			<view class="flexcontainer_1"><text class="text_3"> 菜单 </text>
				<image src="/static/image/other/score/chongqing/tab.png" />
			</view>
			<text class="text_4"> {{ getTime(data.form.time,1) }}普通高考综合查询 </text>
		</view>
		<view class="group_48328">
			<text class="text_5"> 欢迎您，{{data.form.name}}({{data.form.idNumber}}) </text>
		</view>
		<view class="flexcontainer_2" @click="openEditDialog">
			<view class="rectangle_23388">
				<view class="rectangle_23390">
					<view class="rectangle_23389">
						<image :src="data.form.avatar||'/static/image/other/score/qrcode.png'" mode="aspectFill" />
					</view>
					<view class="table">
						<view class="group_48330 ">
							<view class="rectangle_23393"><text class="text_6"> 科目 </text><text class="text_7"> 成绩 </text></view>
						</view>
						<view class="group_48329 tableItem"><text class="text_8"> 语文 </text><text class="text_9"> {{data.form.chinese}}
							</text></view>
						<view class="group_48331 "><text class="text_10"> 数学 </text><text class="text_11"> {{data.form.math}} </text>
						</view>
						<view class="group_48332 tableItem"><text class="text_12"> 外语 </text><text class="text_13"> {{data.form.english}}
							</text></view>
						<view class="group_48333 "><text class="text_14"> 物理 </text><text class="text_15"> {{data.form.physics}}
							</text></view>
						<view class="group_48334 tableItem">
							<view class="flexcontainer_3"><text class="text_16"> 化学 </text><text class="text_17">
									{{data.form.chemistry}} </text></view>
						</view>
						<view class="group_48335 "><text class="text_18"> 生物学 </text><text class="text_19"> {{data.form.biology}}
							</text></view>
						<view class="group_48336 tableItem tableItems">
							<view class="flexcontainer_4"><text class="text_20"> 总分 </text><text class="text_21"> {{total}} </text>
							</view>
						</view>
					</view>
					<view class="div_1">
						<text class="text_22"> 更多信息请关注： </text><view class="text_23"> 重庆市教育考试院官方网站 重庆招 <text style="margin-left: 20px;">考信息网</text> </view>
					</view>
					<view class="group_48338">
						<view class="group_48337">
							<view class="rectangle_23395">
								<image class="image" src="/static/image/other/score/chongqing/wxcode.jpg	" />
							</view>
						</view>
					</view>
					<text class="text_24"> 重庆招考微信公众号 </text>
				</view>
				<!-- 			<view class="home">
					<view class="home_indicator"></view>
				</view> -->
			</view>

		</view>

		<safeBottom bgColor="#efefef" />

		<!-- 编辑弹窗 -->
		<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 avatar-item">
						<text>二维码</text>
						<view class="avatar-wrap">
							<image v-if="editDialog.data.avatar" :src="editDialog.data.avatar" class="avatar-img" @click="choose" />
							<view v-else class="avatar-placeholder" @click="choose">
								<text class="avatar-placeholder-text">+</text>
							</view>
							<text v-if="editDialog.data.avatar" class="avatar-clear" @click="clearAvatar">清除</text>
						</view>
					</view>
					<view class="formItem">
						<text>姓名</text>
						<input v-model="editDialog.data.name" placeholder="请输入姓名" />
					</view>
					<view class="formItem">
						<text>身份证号</text>
						<input v-model="editDialog.data.idNumber" placeholder="请输入身份证号" />
					</view>
					<view class="formItem">
						<text>语文</text>
						<input v-model="editDialog.data.chinese" type="digit" placeholder="请输入语文成绩" />
					</view>
					<view class="formItem">
						<text>数学</text>
						<input v-model="editDialog.data.math" type="digit" placeholder="请输入数学成绩" />
					</view>
					<view class="formItem">
						<text>外语</text>
						<input v-model="editDialog.data.english" type="digit" placeholder="请输入外语成绩" />
					</view>
					<view class="formItem">
						<text>物理</text>
						<input v-model="editDialog.data.physics" type="digit" placeholder="请输入物理成绩" />
					</view>
					<view class="formItem">
						<text>化学</text>
						<input v-model="editDialog.data.chemistry" type="digit" placeholder="请输入化学成绩" />
					</view>
					<view class="formItem">
						<text>生物学</text>
						<input v-model="editDialog.data.biology" type="digit" placeholder="请输入生物学成绩" />
					</view>
					<view class="formItem">
						<text>总分</text>
						<text style="flex:1;text-align:right;font-size:28rpx;color:#333;">{{editTotal}}</text>
					</view>
					<view class="formItem">
						<text>时间</text>
						<view style="width:100%;">
							<DateTimePicker :defaultDate="editDialog.data.time"  :mode="1" @onChange="onChangeStartDate" />
						</view>
					</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>

<style lang="scss">
	* {
		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;
	}

	/* 编辑弹窗样式 */
	.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;
		}
	}

	.avatar-item {
		.avatar-wrap {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			gap: 16rpx;
		}

		.avatar-img {
			width: 80rpx;
			height: 80rpx;
		}

		.avatar-placeholder {
			width: 80rpx;
			height: 80rpx;
			background-color: #f0f0f0;
			display: flex;
			justify-content: center;
			align-items: center;

			.avatar-placeholder-text {
				font-size: 40rpx;
				color: #999;
				width: auto;
			}
		}

		.avatar-clear {
			font-size: 24rpx;
			color: #ff4d4f;
		}
	}
</style>
<style lang="scss" scoped>
	/* 高考成绩-重庆 */
	.div {
		position: relative;
		width: 750rpx;
		// height: 1764rpx;
		overflow: hidden;
		background-color: #efefef;
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		/* 组 48318 */
		.group_48318 {
			width: 750rpx;
			height: 100rpx;
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-top: 0;
			margin-left: 0;
		}

		/* Bars/Status Bars/iPhone/Light */
		.bars_status_bars_iphone_light {
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
		}

		/* 蒙版组 1 */
		.group_1 {
			position: fixed;
			width: 750rpx;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			left: 0;
			top: 0;
			z-index: 999 !important;
			background-color: #EFEFEF;

			/* Rectangle 273 */
			.rectangle_273 {
				position: relative;
				width: 750rpx;
				height: 88rpx;
				margin-left: auto;
				margin-right: auto;
				display: flex;
				flex-direction: row;
				align-items: flex-start;
				isolation: isolate;
				margin-top: 0;
				-webkit-mask-image: linear-gradient(0, #ffffff, #ffffff);

				/* 蒙版组 14010 */
				.group_14010 {
					width: 42rpx;
					height: 42rpx;
					z-index: 1;
					position: relative;
					margin-left: 20rpx;
					margin-top: 26rpx;
				}

				/* flexContainer */
				.flexcontainer {
					position: relative;
					display: flex;
					width: 416rpx;
					height: 64rpx;
					flex-direction: column;
					align-items: flex-start;
					z-index: 0;
					margin-left: 106rpx;
					margin-top: 12rpx;

					.text_1 {
						position: relative;
						font-size: 32rpx;
						font-family: 'PingFang SC';
						font-weight: 400;
						line-height: 44rpx;
						color: #1a1a1a;
						white-space: pre;
						height: 44rpx;
						margin-top: 0;
						margin-bottom: -6rpx;
						width: max-content;
						margin-left: auto;
						margin-right: auto;
					}

					.text_2 {
						position: relative;
						font-size: 22rpx;
						font-family: 'PingFang SC';
						font-weight: 400;
						color: #767676;
						white-space: pre;
						height: 30rpx;
						width: max-content;
						margin-left: auto;
						margin-right: auto;
					}
				}

				/* 蒙版组 14011 */
				.group_14011 {
					width: 34rpx;
					height: 34rpx;
					z-index: 2;
					position: relative;
					margin-left: 98rpx;
					margin-top: 26rpx;
				}
			}
		}

		/* 组 48327 */
		.group_48327 {
			width: 750rpx;
			height: 112rpx;
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			margin-top: 0;
			margin-left: 0;
			background-color: #2082c6;
			isolation: isolate;

			/* flexContainer */
			.flexcontainer_1 {
				position: relative;
				display: flex;
				width: 52rpx;
				height: 54rpx;
				flex-direction: column;
				align-items: flex-start;
				z-index: 1;
				margin-left: 682rpx;
				margin-top: 26rpx;

				.text_3 {
					position: relative;
					font-size: 26rpx;
					font-family: 'PingFang SC';
					font-weight: 400;
					line-height: 36rpx;
					color: #ffffff;
					white-space: pre;
					height: 36rpx;
					margin-top: 0;
					margin-bottom: -5rpx;
					width: max-content;
					margin-left: auto;
					margin-right: auto;
				}

				image {
					width: 42rpx;
					height: 24rpx;
					margin-left: 12rpx;
					margin-top: 4rpx;
				}
			}

			/* 蒙版组 14012 */
			.group_14012 {
				position: relative;
				margin-top: 4rpx;
				margin-left: 4rpx;
			}

			.text_4 {
				position: absolute;
				top: 36rpx;
				left: 0;
				font-size: 34rpx;
				font-family: 'PingFang SC';
				font-weight: 400;
				line-height: 48rpx;
				color: #ffffff;
				white-space: pre;
				height: 48rpx;
				margin-top: -8rpx;
				margin-bottom: -8rpx;
				right: 130rpx;
				width: max-content;
				margin-left: auto;
				margin-right: auto;
				z-index: 0;
			}
		}

		/* 组 48328 */
		.group_48328 {
			width: 750rpx;
			height: 60rpx;
			position: relative;
			font-size: 24rpx;
			font-family: 'PingFang SC';
			font-weight: 400;
			line-height: 34rpx;
			color: #ffffff;
			white-space: pre;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-top: 0;
			margin-left: 0;
			background-color: #1c97f4;

			.text_5 {
				height: 34rpx;
				position: relative;
			}
		}

		/* flexContainer */
		.flexcontainer_2 {
			position: relative;
			display: flex;
			width: 1342rpx;
			height: 1404rpx;
			flex-direction: column;
			align-items: flex-start;
			isolation: isolate;
			margin-top: 0;
			margin-left: -296rpx;

			/* 矩形 23388 */
			.rectangle_23388 {
				position: relative;
				width: 750rpx;
				height: 1404rpx;
				background-color: #ffffff;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				isolation: isolate;
				z-index: 0;
				margin-top: 0;
				margin-left: 296rpx;

				/* 矩形 23390 */
				.rectangle_23390 {
					position: relative;
					width: 686rpx;
					height: 1334rpx;
					background-color: #fafafa;
					margin-left: auto;
					margin-right: auto;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					isolation: isolate;
					z-index: 1;
					margin-top: 36rpx;

					/* 矩形 23389 */
					.rectangle_23389 {
						width: 180rpx;
						height: 180rpx;
						background-color: #d8d8d8;
						z-index: 0;
						position: relative;
						margin-top: 34rpx;
						margin-left: 0;
						overflow: hidden;

						image {
							width: 100%;
							height: 100%;
						}
					}

					/* 组 48330 */
					.group_48330 {
						position: relative;
						width: 686rpx;
						height: 82rpx;
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						z-index: 1;
						margin-left: 0;

						/* 矩形 23393 */
						.rectangle_23393 {
							position: relative;
							width: 686rpx;
							height: 82rpx;
							background-color: #f2f2f2;
							margin-left: auto;
							margin-right: auto;
							display: flex;
							flex-direction: row;
							align-items: flex-start;
							margin-top: 0;

							.text_6 {
								position: absolute;
								top: 26rpx;
								left: 0;
								font-size: 28rpx;
								font-family: 'PingFang SC';
								font-weight: 400;
								line-height: 40rpx;
								letter-spacing: 0.01em;
								color: #666666;
								white-space: pre;
								height: 40rpx;
								margin-top: -6rpx;
								margin-bottom: -6rpx;
								right: 560rpx;
								width: max-content;
								margin-left: auto;
								margin-right: auto;
							}

							.text_7 {
								position: absolute;
								top: 26rpx;
								left: 0;
								font-size: 28rpx;
								font-family: 'PingFang SC';
								font-weight: 400;
								line-height: 40rpx;
								letter-spacing: 0.01em;
								color: #666666;
								white-space: pre;
								height: 40rpx;
								margin-top: -6rpx;
								margin-bottom: -6rpx;
								right: 20rpx;
								width: max-content;
								margin-left: auto;
								margin-right: auto;
							}
						}
					}

					/* 组 48329 */
					.group_48329 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: row;
						align-items: flex-start;
						z-index: 2;
						margin-top: 0;
						margin-left: 0;
						background-color: #ffffff;

						.text_8 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 30rpx;
						}

						.text_9 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 190rpx;
						}
					}

					/* 组 48331 */
					.group_48331 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: row;
						align-items: flex-start;
						z-index: 3;
						margin-top: 0;
						margin-left: 0;
						background-color: #f2f2f2;

						.text_10 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 30rpx;
						}

						.text_11 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 200rpx;
						}
					}

					/* 组 48332 */
					.group_48332 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: row;
						align-items: flex-start;
						z-index: 6;
						margin-top: 0;
						margin-left: 0;
						background-color: #ffffff;

						.text_12 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 30rpx;
						}

						.text_13 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 200rpx;
						}
					}

					/* 组 48333 */
					.group_48333 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: row;
						align-items: flex-start;
						z-index: 4;
						margin-top: 0;
						margin-left: 0;
						background-color: #f2f2f2;

						.text_14 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 30rpx;
						}

						.text_15 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 200rpx;
						}
					}

					/* 组 48334 */
					.group_48334 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						z-index: 7;
						margin-top: 0;
						margin-left: 0;
						background-color: #ffffff;
						isolation: isolate;

						.div_433 {
							width: 686rpx;
							height: 0;
							border: 1rpx solid #e7e7e7;
							z-index: 1;
							position: relative;
							margin-top: 0;
							margin-left: 0;
						}

						.flexcontainer_3 {
							position: relative;
							display: flex;
							width: 304rpx;
							height: 28rpx;
							flex-direction: row;
							align-items: flex-start;
							z-index: 0;
							margin-top: 28rpx;
							margin-left: 30rpx;

							.text_16 {
								font-size: 28rpx;
								font-family: 'PingFang SC';
								font-weight: 400;
								line-height: 40rpx;
								letter-spacing: 0.01em;
								color: #666666;
								white-space: pre;
								height: 40rpx;
								margin-top: 0;
								margin-bottom: -6rpx;
								position: relative;
								margin-left: 0;
							}

							.text_17 {
								font-size: 28rpx;
								font-family: 'PingFang SC';
								font-weight: 400;
								line-height: 40rpx;
								letter-spacing: 0.01em;
								color: #666666;
								white-space: pre;
								height: 40rpx;
								margin-top: 0;
								margin-bottom: -6rpx;
								position: relative;
								margin-left: 200rpx;
							}
						}

						.div_434 {
							width: 686rpx;
							height: 0;
							border: 1rpx solid #e7e7e7;
							z-index: 2;
							position: relative;
							margin-top: 26rpx;
							margin-left: 0;
						}
					}

					/* 组 48335 */
					.group_48335 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: row;
						align-items: flex-start;
						z-index: 5;
						margin-top: 0;
						margin-left: 0;
						background-color: #f2f2f2;

						.text_18 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 30rpx;
						}

						.text_19 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 40rpx;
							letter-spacing: 0.01em;
							color: #666666;
							white-space: pre;
							height: 40rpx;
							margin-top: 28rpx;
							margin-bottom: -6rpx;
							position: relative;
							margin-left: 170rpx;
						}
					}

					/* 组 48336 */
					.group_48336 {
						width: 686rpx;
						height: 82rpx;
						position: relative;
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						z-index: 8;
						margin-top: 0;
						margin-left: 0;
						background-color: #ffffff;
						isolation: isolate;

						.div_435 {
							width: 686rpx;
							height: 0;
							border: 1rpx solid #e7e7e7;
							z-index: 1;
							position: relative;
							margin-top: 0;
							margin-left: 0;
						}

						.flexcontainer_4 {
							position: relative;
							display: flex;
							width: 322rpx;
							height: 28rpx;
							flex-direction: row;
							align-items: flex-start;
							z-index: 0;
							margin-top: 28rpx;
							margin-left: 30rpx;

							.text_20 {
								font-size: 28rpx;
								font-family: 'PingFang SC';
								font-weight: 400;
								line-height: 40rpx;
								letter-spacing: 0.01em;
								color: #666666;
								white-space: pre;
								height: 40rpx;
								margin-top: 0;
								margin-bottom: -6rpx;
								position: relative;
								margin-left: 0;
							}

							.text_21 {
								font-size: 28rpx;
								font-family: 'PingFang SC';
								font-weight: 400;
								line-height: 40rpx;
								letter-spacing: 0.01em;
								color: #666666;
								white-space: pre;
								height: 40rpx;
								margin-top: 0;
								margin-bottom: -6rpx;
								position: relative;
								margin-left: 200rpx;
							}
						}

						.div_438 {
							width: 686rpx;
							height: 0;
							border: 1rpx solid #e7e7e7;
							z-index: 2;
							position: relative;
							margin-top: 26rpx;
							margin-left: 0;
						}
					}

					.div_1 {
						display: flex;
						margin-top: 22rpx;

						.text_22 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 34rpx;
							color: #1A1A1A;
							white-space: pre;
						}

						.text_23 {
							font-size: 28rpx;
							font-family: 'PingFang SC';
							font-weight: 400;
							line-height: 34rpx;
							color: #CF2722;
						}
					}

					/* 组 48338 */
					.group_48338 {
						.group_48337 {
							.rectangle_23395 {
								padding-left: 52rpx;
								.image {
									width: 244rpx;
									height: 244rpx;
								}
							}
						}
					}

					.text_24 {
						font-size: 28rpx;
						font-family: 'PingFang SC';
						font-weight: 400;
						line-height: 34rpx;
						color: #1A1A1A;
						white-space: pre;
						height: 34rpx;
						margin-top: 14rpx;
						margin-bottom: -5rpx;
						width: max-content;
						margin-left: 46rpx;
					}
				}

				/* home */
				.home {
					position: absolute;
					width: 750rpx;
					height: 68rpx;
					top: auto;
					left: 0;
					background-color: rgba(255, 255, 255, 0);
					right: 0;
					margin-left: auto;
					margin-right: auto;
					bottom: 0;
					display: flex;
					flex-direction: column;
					align-items: flex-start;

					.home_indicator {}
				}
			}

			.div_428 {
				width: 750rpx;
				height: 0;
				border: 1rpx solid #e7e7e7;
				z-index: 1;
				position: relative;
				margin-top: 0;
				margin-left: 296rpx;
			}

			.div_429 {
				width: 750rpx;
				height: 0;
				border: 1rpx solid #e7e7e7;
				z-index: 2;
				position: relative;
				margin-top: 82rpx;
				margin-left: 296rpx;
			}

			.div_430 {
				width: 750rpx;
				height: 0;
				border: 1rpx solid #e7e7e7;
				z-index: 3;
				position: relative;
				margin-top: 82rpx;
				margin-left: 296rpx;
			}

			.div_431 {
				width: 750rpx;
				height: 0;
				border: 1rpx solid #e7e7e7;
				z-index: 4;
				position: relative;
				margin-top: 82rpx;
				margin-left: 296rpx;
			}

			.flexcontainer_5 {
				position: relative;
				display: flex;
				width: 750rpx;
				height: 82rpx;
				flex-direction: row;
				align-items: flex-start;
				z-index: 5;
				margin-top: 0;
				margin-left: 296rpx;

				.div_436 {
					width: 750rpx;
					height: 0;
					border: 1rpx solid #e7e7e7;
					z-index: 0;
					position: relative;
					margin-top: 0;
					margin-left: 0;
				}

				.div_437 {
					width: 750rpx;
					height: 0;
					border: 1rpx solid #e7e7e7;
					z-index: 1;
					position: relative;
					margin-top: 82rpx;
					margin-left: 0;
				}

				.div_432 {
					width: 750rpx;
					height: 0;
					border: 1rpx solid #e7e7e7;
					z-index: 2;
					position: relative;
					margin-top: 82rpx;
					margin-left: 0;
				}
			}
		}
	}

	.table {
		margin-top: 50rpx;
		border: 1px solid #E7E7E7;
		.tableItem{
			border-bottom: 1px solid #E7E7E7;
			border-top: 1px solid #E7E7E7;
		}
		.tableItems{
			border-bottom: none !important;
		}
	}
	.text_8{
		padding-right: 10rpx;
	}
</style>