.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%;
	}
}