diff --git a/package2/IdleTrad/chat.vue b/package2/IdleTrad/chat.vue
index f852a27..d896a24 100644
--- a/package2/IdleTrad/chat.vue
+++ b/package2/IdleTrad/chat.vue
@@ -8,9 +8,9 @@
 				</view>
 				<view class="title-search">
 					<view class="title1">
-						<view style="width: 25px;height: 25px;">
+						<view style="width: 50rpx;height: 50rpx;">
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png"
-								alt="" style="width: 100%;height:100%;background-size: 100%;border-radius: 25px;">
+								alt="" style="width: 100%;height:100%;background-size: 100%;border-radius: 50rpx;">
 						</view>
 						<view class="c-2">
 							AAA二手数码
@@ -53,9 +53,9 @@
 					你好，我的奖品什么时候发货呀？
 				</view>
 			</view>
-			<view class="c-1" style="margin-left:10px;">
+			<view class="c-1" style="margin-left:20rpx;">
 				<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" />
-				<view class="ct-1" style="margin-left:10px;">
+				<view class="ct-1" style="margin-left:20rpx;">
 					您好，您的奖品已经发货，请注意查收
 				</view>
 			</view>
@@ -72,7 +72,7 @@
 						alt="" />
 				</view>
 			</view>
-			<view style="margin-top: 20px;font-size: 11px;font-weight: 700;text-align: center;height: 30px;line-height: 30px;color: rgba(0, 45, 51, 0.5);">
+			<view style="margin-top: 40rpx;font-size: 22rpx;font-weight: 700;text-align: center;height: 60rpx;line-height: 60rpx;color: rgba(0, 45, 51, 0.5);">
 				3月30日 下午3:16
 			</view>
 			<view class="c-1" style="flex-flow: row-reverse;">
@@ -83,16 +83,16 @@
 				</view>
 
 			</view>
-			<view class="c-1" style="margin-left:10px;">
+			<view class="c-1" style="margin-left:20rpx;">
 				<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" />
-				<view class="ct-1" style="margin-left:10px;">
+				<view class="ct-1" style="margin-left:20rpx;">
 					<uni-icons type="mic" size="12"></uni-icons>
 					20``
 				</view>
 			</view>
-			<view class="c-1" style="margin-left:10px;">
+			<view class="c-1" style="margin-left:20rpx;">
 				<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" />
-				<view class="ct-1" style="margin-left:10px;">
+				<view class="ct-1" style="margin-left:20rpx;">
 					<uni-icons type="phone" size="12"></uni-icons>
 					忙线未接听
 				</view>
@@ -107,7 +107,7 @@
 				<view class="liao2" v-if="!isInput">
 					<input type="text" placeholder="请输入消息...">
 				</view>
-				<view class="liao2" v-else style="text-align: center;line-height: 38px;color: #777;">
+				<view class="liao2" v-else style="text-align: center;line-height: 76rpx;color: #777;">
 					长按发送语音消息
 				</view>
 				<view class="liao1" @tap="isOpen('icon')">
@@ -123,7 +123,7 @@
 				<view class="liao3tu" v-for="(item,index) in iconList" :key="index">
 					<img :src="item" alt="" />
 				</view>
-				<view style="width: 100%;height: 40px;"></view>
+				<view style="width: 100%;height: 80rpx;"></view>
 			</view>
 			<view class="liao4" v-if="isPhoto">
 				<view class="liao5">
@@ -307,28 +307,28 @@
 	.title1 {
 		display: flex;
 		width: 100%;
-		height: 25px;
-		line-height: 25px;
+		height: 50rpx;
+		line-height: 50rpx;
 	}
 
 	.c-1 {
-		height: 38px;
+		height: 76rpx;
 		display: flex;
-		line-height: 38px;
+		line-height: 76rpx;
 		font-weight: 700;
-		margin: 20px 10px 0 0;
+		margin: 40rpx 20rpx 0 0;
 
 		img {
-			width: 38px;
-			height: 38px;
+			width: 76rpx;
+			height: 76rpx;
 			background-size: 100%;
-			border-radius: 38px;
+			border-radius: 76rpx;
 		}
 	}
 
 	.c-2 {
-		margin: 0 8px;
-		font-size: 15px;
+		margin: 0 16rpx;
+		font-size: 30rpx;
 		font-weight: 700;
 	}
 
@@ -339,20 +339,20 @@
 
 	.buy1 {
 		display: flex;
-		margin-top: 17px;
-		padding-bottom: 10px;
+		margin-top: 34rpx;
+		padding-bottom: 20rpx;
 		border-bottom: 1px solid #eee;
 	}
 
 	.buy2 {
-		width: 84px;
-		height: 84px;
+		width: 168rpx;
+		height: 168rpx;
 
 		img {
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
-			border-radius: 10px;
+			border-radius: 20rpx;
 		}
 	}
 
@@ -364,52 +364,52 @@
 
 	.buy4 {
 		flex: 1;
-		font-size: 15px;
+		font-size: 30rpx;
 		font-weight: 700;
-		padding: 5px 10px;
+		padding: 10rpx 20rpx;
 	}
 
 	.buy5 {
-		height: 35px;
-		line-height: 37px;
-		font-size: 20px;
-		padding: 0 10px;
+		height: 70rpx;
+		line-height: 74rpx;
+		font-size: 40rpx;
+		padding: 0 20rpx;
 		color: red;
 		font-weight: 700;
 		display: flex;
 	}
 
 	.liao-bottom {
-		min-height: 80px;
+		min-height: 160rpx;
 		width: 100%;
 		position: fixed;
 		bottom: 0;
-		padding-top: 10px;
+		padding-top: 20rpx;
 	}
 
 	.liao1 {
-		width: 24px;
-		height: 24px;
-		margin: 7px;
+		width: 48rpx;
+		height: 48rpx;
+		margin: 14rpx;
 
 		img {
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
-			border-radius: 24px;
+			border-radius: 48rpx;
 		}
 	}
 
 	.liao2 {
 		background: #fff;
 		flex: 1;
-		height: 38px;
-		border-radius: 38px;
+		height: 76rpx;
+		border-radius: 76rpx;
 
 		input {
 			width: 100%;
 			height: 100%;
-			padding: 13px 10px;
+			padding: 26rpx 20rpx;
 		}
 	}
 
@@ -420,9 +420,9 @@
 	}
 
 	.liao3tu {
-		width: 32px;
-		height: 32px;
-		margin: 15px 0 0 19px;
+		width: 64rpx;
+		height: 64rpx;
+		margin: 30rpx 0 0 38rpx;
 
 		img {
 			width: 100%;
@@ -433,45 +433,45 @@
 
 	.liao4 {
 		display: flex;
-		height: 130px;
+		height: 260rpx;
 	}
 
 	.liao5 {
 		background: #fff;
 		text-align: center;
 		flex: 1;
-		padding-top: 30px;
+		padding-top: 60rpx;
 
 		img {
-			width: 50px;
-			height: 50px;
+			width: 100rpx;
+			height: 100rpx;
 			background-size: 100%;
 		}
 	}
 
 	.buy6 {
 		text-align: center;
-		width: 90px;
-		height: 35px;
+		width: 180rpx;
+		height: 70rpx;
 		background: #00231c;
-		line-height: 35px;
-		border-radius: 35px;
-		margin: 0 5px;
+		line-height: 70rpx;
+		border-radius: 70rpx;
+		margin: 0 10rpx;
 		color: #a6ffea;
-		font-size: 12px;
+		font-size: 26rpx;
 	}
 	.ct-1{
-		min-width: 80px;
+		min-width: 160rpx;
 		background: linear-gradient(90deg, rgba(121, 255, 223, 1), rgba(227, 255, 150, 1));
-		padding: 0 10px;
-		border-bottom-left-radius: 38px;
-		border-top-left-radius: 38px;
-		border-top-right-radius: 38px;
-		margin-right: 10px;
+		padding: 0 20rpx;
+		border-bottom-left-radius: 76rpx;
+		border-top-left-radius: 76rpx;
+		border-top-right-radius: 76rpx;
+		margin-right: 20rpx;
 		img{
-			width: 22px;
-			height: 22px;
-			margin-top: 8px;
+			width: 44rpx;
+			height: 44rpx;
+			margin-top: 16rpx;
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/package2/IdleTrad/detail.vue b/package2/IdleTrad/detail.vue
index f9d4e3a..98f3ff9 100644
--- a/package2/IdleTrad/detail.vue
+++ b/package2/IdleTrad/detail.vue
@@ -406,7 +406,7 @@
 	}
 
 	.content {
-		margin-top: -70px;
+		margin-top: -140rpx;
 	}
 
 	.back-btn {
@@ -421,7 +421,7 @@
 	.swiper {
 		width: 100%;
 		height: 750rpx;
-		margin-top: 10px;
+		margin-top: 20rpx;
 	}
 
 	.swiper img {
@@ -432,27 +432,27 @@
 	.title1 {
 		display: flex;
 		width: 100%;
-		padding: 0 12px;
-		height: 40px;
-		line-height: 40px;
+		padding: 0 24rpx;
+		height: 80rpx;
+		line-height: 80rpx;
 	}
 
 	.c-1 {
-		width: 34px;
-		height: 34px;
-		margin-top: 2.5px;
+		width: 68rpx;
+		height: 68rpx;
+		margin-top: 5rpx;
 	}
 
 	.c-1 img {
 		width: 100%;
 		height: 100%;
 		background-size: 100%;
-		border-radius: 34px;
+		border-radius: 68rpx;
 	}
 
 	.c-2 {
-		margin: 0 8px;
-		font-size: 15px;
+		margin: 0 16rpx;
+		font-size: 30rpx;
 		font-weight: 700;
 	}
 
@@ -462,22 +462,22 @@
 	}
 
 	.c-4 {
-		width: 50px;
-		height: 30px;
+		width: 100rpx;
+		height: 60rpx;
 		background: rgba(0, 35, 28, 1);
 		color: rgba(166, 255, 234, 1);
 		text-align: center;
-		line-height: 30px;
-		border-radius: 10px;
-		margin-top: 2.5px;
+		line-height: 60rpx;
+		border-radius: 20rpx;
+		margin-top: 5rpx;
 	}
 
 	.c-5 {
 		height: auto;
-		font-size: 15px;
+		font-size: 30rpx;
 		font-weight: 700;
-		border-bottom: 7px solid #eee;
-		padding: 10px;
+		border-bottom: 14rpx solid #eee;
+		padding: 20rpx;
 		background: #fff;
 	}
 
@@ -486,57 +486,57 @@
 	}
 
 	.p-2 {
-		font-size: 20px;
+		font-size: 80rpx;
 		font-weight: 700;
-		height: 40px;
-		line-height: 40px;
-		padding: 0 10px;
+		height: 80rpx;
+		line-height: 80rpx;
+		padding: 0 20rpx;
 	}
 
 	.line {
-		width: 70px;
-		height: 10px;
+		width: 140rpx;
+		height: 20rpx;
 		background: linear-gradient(135deg, rgba(2, 251, 221, 1) 0%, rgba(166, 255, 234, 0) 100%);
-		margin-top: -16px;
+		margin-top: -32rpx;
 	}
 
 	.p-3 {
 		display: flex;
-		padding: 10px 0;
+		padding: 20rpx 0;
 	}
 
 	.p-4 {
 		display: flex;
-		height: 25px;
+		height: 50rpx;
 		color: rgba(0, 35, 28, 0.6);
-		padding: 0 10px;
+		padding: 0 20rpx;
 	}
 
 	.p-5 {
-		width: 24px;
-		height: 24px;
+		width: 48rpx;
+		height: 48rpx;
 	}
 
 	.p-5 img {
 		width: 100%;
 		height: 100%;
 		background-size: 100%;
-		border-radius: 24px;
+		border-radius: 48rpx;
 	}
 
 	.p-6 {
-		margin-left: 10px;
+		margin-left: 20rpx;
 		font-weight: 700;
 	}
 
 	.p-7 {
-		margin-left: 10px;
+		margin-left: 20rpx;
 	}
 
 	.p-8 {
 		width: 75%;
-		margin-left: 43px;
-		font-size: 14px;
+		margin-left: 86rpx;
+		font-size: 28rpx;
 	}
 
 	.p-9 {}
@@ -550,13 +550,13 @@
 	}
 
 	.right {
-		width: 35px;
+		width: 70rpx;
 		text-align: center;
 	}
 
 	.b-1 {
 		width: 100%;
-		height: 100px;
+		height: 200rpx;
 	}
 
 	.bottom-box {
@@ -564,16 +564,16 @@
 		bottom: 0;
 		background: #fff;
 		width: 100%;
-		height: 80px;
+		height: 160rpx;
 		display: flex;
-		padding: 10px;
+		padding: 20rpx;
 		border-top: 1px solid #eee;
 	}
 
 	.b-2 {
-		width: 25px;
-		height: 40px;
-		margin-right: 30px;
+		width: 50rpx;
+		height: 80rpx;
+		margin-right: 60rpx;
 		text-align: center;
 	}
 
@@ -585,24 +585,24 @@
 	.b-4 {
 		flex: 1;
 		text-align: center;
-		width: 90px;
-		height: 35px;
+		width: 180rpx;
+		height: 70rpx;
 		background: rgba(0, 35, 28, 1);
-		line-height: 35px;
-		border-radius: 35px;
-		margin: 0 5px;
+		line-height: 70rpx;
+		border-radius: 70rpx;
+		margin: 0 10rpx;
 	}
 
 	.buy-content {
-		height: 500px;
+		height: 1000rpx;
 		width: 100%;
-		padding: 10px;
+		padding: 20rpx;
 
 	}
 
 	.vue-ref {
-		border-top-left-radius: 10px !important;
-		border-top-right-radius: 10px !important;
+		border-top-left-radius: 20rpx !important;
+		border-top-right-radius: 20rpx !important;
 	}
 
 	.buy1 {
@@ -610,14 +610,14 @@
 	}
 
 	.buy2 {
-		width: 84px;
-		height: 84px;
+		width: 168rpx;
+		height: 168rpx;
 
 		img {
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
-			border-radius: 10px;
+			border-radius: 20rpx;
 		}
 	}
 
@@ -629,16 +629,16 @@
 
 	.buy4 {
 		flex: 1;
-		font-size: 15px;
+		font-size: 30rpx;
 		font-weight: 700;
-		padding: 5px 10px;
+		padding: 10rpx 20rpx;
 	}
 
 	.buy5 {
-		height: 30px;
-		line-height: 30px;
-		font-size: 20px;
-		padding: 0 10px;
+		height: 60rpx;
+		line-height: 60rpx;
+		font-size: 40rpx;
+		padding: 0 20rpx;
 		color: red;
 		font-weight: 700;
 	}
@@ -655,13 +655,13 @@
 	.buy6{
 		display: flex;
 		flex-wrap: wrap;
-		margin-bottom: 10px;
+		margin-bottom: 20rpx;
 	}
 	.buy7{
 		width: 100%;
 		height: 80rpx;
-		line-height: 40px;
-		font-size: 14px;
+		line-height: 80rpx;
+		font-size: 28rpx;
 		font-weight: 700;
 	}
 	.buy8{
@@ -670,26 +670,26 @@
 	}
 	.buy9{
 		background: #eee;
-		padding: 5px 10px;
-		border-radius: 5px;
+		padding: 10rpx 20rpx;
+		border-radius: 10rpx;
 		opacity: 0.6;
-		margin-right: 10px;
+		margin-right: 20rpx;
 	}
 	.popup-bottom-box{
 		    background: #fff;
 		    position: fixed;
-		    height: 80px;
+		    height: 160rpx;
 		    width: 94%;
 	}
 	.buy10{
 		width: 100%;
-		height: 50px;
-		line-height: 50px;
+		height: 100rpx;
+		line-height: 100rpx;
 		text-align: center;
-		margin: 10px auto 0;
+		margin: 20rpx auto 0;
 		background: linear-gradient(45deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
-		border-radius: 50px;
-		font-size: 16px;
+		border-radius: 100rpx;
+		font-size: 32rpx;
 		font-weight: 700;
 	}
 </style>
\ No newline at end of file