diff --git a/pages/Videolearning/Videolearning.vue b/pages/Videolearning/Videolearning.vue
index d4faae7..6c50539 100644
--- a/pages/Videolearning/Videolearning.vue
+++ b/pages/Videolearning/Videolearning.vue
@@ -20,8 +20,14 @@
 				</view>
 			</view>
 		</view>
-		<u-popup v-model="buyshow" mode='bottom' height='800'>
+		<u-popup v-model="buyshow" mode='bottom' height='500' class='popup'>
 			<view class="popuptitle">请选择支付方式</view>
+			<view class="buyselect">
+				<image src="../../static/wechat.png" mode=""></image>
+				<view class="text">
+					微信支付
+				</view>
+			</view>
 			<view class="buybtn">
 				确认支付￥{{buylist.trainingItemPrice}}
 			</view>
@@ -96,9 +102,56 @@
 		padding: 15rpx 0 0;
 		color: #000000;
 
-		.popuptitle {
-			font-size: 41rpx;
-			text-align: center;
+		.popup {
+			position: fixed;
+			bottom: 0;
+
+			.buyselect {
+				width: 100%;
+				height: 100rpx;
+				margin: 40rpx auto 0;
+				position: absolute;
+				top: 100rpx;
+
+				image {
+					position: absolute;
+					top: 50%;
+					left: 48rpx;
+					transform: translateY(-50%);
+					width: 70rpx;
+					height: 70rpx;
+				}
+
+				.text {
+					position: absolute;
+					left: 150rpx;
+					top: 50%;
+					transform: translateY(-50%);
+					line-height: 100rpx;
+					font-size: 32rpx;
+				}
+			}
+
+			.buybtn {
+				width: 70%;
+				height: 70rpx;
+				background: #4271B9;
+				border-radius: 5rpx;
+				line-height: 70rpx;
+				color: #fff;
+				text-align: center;
+				position: absolute;
+				bottom: 40rpx;
+				left: 15%;
+			}
+
+			.popuptitle {
+				width: 100%;
+				font-size: 41rpx;
+				text-align: center;
+				position: absolute;
+				top: 40rpx;
+			}
 		}
 
 		.card {