样式修改

common/styles/global/components.scss

@@ -180,13 +180,13 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		padding: calc(6rpx + var(--status-bar-height)) 20rpx 10rpx;
 		.nav-bar-title{font-size: 28rpx;height: 46rpx;line-height: 46rpx;}
 		.nav-bar-icon{width: 46rpx;height: 46rpx;top: calc(6rpx + var(--status-bar-height));}
-		.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 16rpx;}
+		.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 20rpx;}
 		&::before{height: 288rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
 	}
 	@include mediaBig(){
 		.nav-bar-title{font-size: 66rpx;height: 180rpx;line-height: 180rpx;}
 		.nav-bar-icon{width: 180rpx;height: 180rpx;}
-		.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 38rpx;}
+		.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 42rpx;}
 		&::before{height: 720rpx;}
 	}
 }

common/styles/global/pages.scss

@@ -485,13 +485,44 @@
 			width: 100rpx;height: 100rpx;z-index: 2;
 			display: flex;align-items: center;justify-content: center;
 			position: absolute;bottom: 12rpx;right: 12rpx;
-
-		}
-		.item-play-btn::before{
-			content: '';width: 46rpx;height: 48rpx;display: block;
-			background-image: url("@/static/images/xuanke/xbb-item-jt.png");@include ezy-no-repeat-cover;
+		&::before{
+				content: '';width: 46rpx;height: 48rpx;display: block;
+				background-image: url("@/static/images/xuanke/xbb-item-jt.png");@include ezy-no-repeat-cover;
+			}
 		}
 	}
+	
+	@include mediaSmall() {
+			.xbb-list-box{
+				padding-bottom: 21rpx;
+				.xbb-item-box{width: 720rpx;height: 180rpx;padding: 17rpx 23rpx;margin: 0 auto 10rpx;}
+				.item-img-box{width: 117rpx;height: 143rpx;border-radius: 8rpx;margin-right: 21rpx;}
+				.item-content-box{
+					.item-name{font-size: 22rpx;margin-bottom: 10rpx;}
+					.item-bb{font-size: 20rpx;}
+				}
+				.item-play-btn{
+					width: 65rpx;height: 65rpx;bottom: 8rpx;right: 8rpx;
+					&::before{width: 30rpx;height: 31rpx;@include ezy-no-repeat-contain;}
+				}
+			}
+		}
+	
+		@include mediaBig() {
+			.xbb-list-box{
+				padding-bottom: 51rpx;
+				.xbb-item-box{width: auto;height: 437rpx;padding: 42rpx 58rpx;margin: 0 42rpx 26rpx;}
+				.item-img-box{width: 288rpx;height: 352rpx;border-radius: 19rpx;margin-right: 51rpx;}
+				.item-content-box{
+					.item-name{font-size: 54rpx;margin-bottom: 26rpx;}
+					.item-bb{font-size: 46rpx;}
+				}
+				.item-play-btn{
+					width: 160rpx;height: 160rpx;bottom: 19rpx;right: 19rpx;
+					&::before{width: 74rpx;height: 77rpx;}
+				}
+			}
+		}
 }
 
 // 学习大纲