diff --git a/src/pages/base/xk/tf/detail.vue b/src/pages/base/xk/tf/detail.vue
index da6ed50..4996a36 100644
--- a/src/pages/base/xk/tf/detail.vue
+++ b/src/pages/base/xk/tf/detail.vue
@@ -11,11 +11,11 @@
 			<view class="xkTf-card">
 				<view class="card-title">家长信息</view>
 				<view class="card-body">
-					<view class="info-column">
+					<view class="info-row">
 						<text class="label">家长姓名:</text>
 						<text class="value">{{ xkTf.jzXm }}</text>
 					</view>
-					<view class="info-column">
+					<view class="info-row">
 						<text class="label">手机号:</text>
 						<text class="value">{{ xkTf.sjh }}</text>
 					</view>
@@ -26,11 +26,11 @@
 			<view class="xkTf-card">
 				<view class="card-title">缴费信息</view>
 				<view class="card-body">
-					<view class="info-column">
+					<view class="info-row">
 						<text class="label">开户人:</text>
 						<text class="value">{{ xkTf.khrXm }}</text>
 					</view>
-					<view class="info-column">
+					<view class="info-row">
 						<text class="label">银行账号:</text>
 						<text class="value">{{ xkTf.khZh }}</text>
 					</view>
@@ -139,13 +139,22 @@ onLoad(async (data: any) => {
 .xkTf-info {
 	background-color: #f5f7fa;
 
-	.xkTf-card {
-		margin: 15px;
-		background-color: #fff;
-		border-radius: 8px;
-		padding: 15px;
-		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  .xkTf-card {
+		margin: 0 30rpx;
+    margin-bottom: 30rpx;
+    padding: 30rpx;
+    background: #fff;
+    border-radius: 16rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
 
+		.card-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			margin-bottom: 30rpx;
+			color: #333;
+			border-bottom: 4rpx solid #007aff;
+			padding-bottom: 10rpx;
+		}
 		.card-body {
 
 			.info-row {
@@ -188,6 +197,6 @@ onLoad(async (data: any) => {
 				}
 			}
 		}
-	}
+  }
 }
 </style>