|  | @@ -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%;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +}
 |