| 
					
				 | 
			
			
				@@ -0,0 +1,84 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.body-view { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	height: 100vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	flex: 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	flex-direction: column; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	overflow: hidden; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	align-items: flex-start; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	justify-content: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.top-menu-view { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	// position: fixed; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	top: 100rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	left: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	white-space: nowrap; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	background-color: #FFFFFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	height: 80rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	line-height: 80rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	margin-bottom: 20rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	border-top: 1rpx solid #d8dbe6; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	.menu-topic-view { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		white-space: nowrap; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		height: 80rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		.menu-topic-text { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			// font-size: 30rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			color: #303133; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			padding: 5rpx 20rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// .menu-topic-act { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	margin-left: 30upx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	margin-right: 10upx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	height: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	align-items: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// 	justify-content: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		// } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		.menu-topic-bottom { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			position: absolute; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			bottom: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			.menu-topic-bottom-color { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				width: 80rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				height: 6rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		.menu-topic-act .menu-topic-bottom { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			justify-content: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		.menu-topic-act .menu-topic-bottom-color { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			background: #3d7eff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.swiper-box-list { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	padding-top: 200rpx; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	flex: 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	background-color: #FFFFFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	.swiper-topic-list { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 |