/* 搜索 */
.search-head {
	position: fixed;
	left: 0;
	// top: 86rpx;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* #ifdef APP-PLUS */
	// height: calc(120rpx + var(--status-bar-height));
	/* #endif */
	padding: 20rpx;
	background-color: #F4F4F4;
	.search {
		display: flex;
		align-items: center;
		width: 100%;
		height: 80rpx;
		background: rgba(255, 255, 255, 1);
		border: 0;
		border-radius: 30rpx;
		padding:0 25rpx;
		image {
			width: 34rpx;
			height: 34rpx;
		}
		text{
			width: 2rpx;
			height: 24rpx;
			background-color:#D8D8D8;
			margin: 0 18rpx;
		}
		input {
			width: 58%;
			height: 100%;
			font-size: 28rpx;
			color: #646464;
		}
	}
	.btn {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 30rpx;
		background-color: #D32D25;
		border-radius: 100rpx;
		padding: 12rpx 25rpx;
		text {
			font-size: 28rpx;
			color: #fff;
		}
	}
}
/* 文章数据  */
.article-data{
	width: 100%;
	// margin-top: 150rpx;
	/* #ifdef APP-PLUS */
	// margin-top: calc(150rpx + var(--status-bar-height));
	/* #endif */
	margin-top: 150rpx;
	.article-list{
		padding: 0 4%;
		margin: 30rpx auto;
		.list{
			display: flex;
			width: 100%;
			background-color: #FFFFFF;
			border-radius: 20rpx;
			margin-bottom: 30rpx;
			border-bottom: 2rpx solid #F4F4F4;
			padding-bottom: 30rpx;
			.item{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				width: 68%;
				height: 100%;
				margin-right: 2%;
				.title{
					display: flex;
					margin-bottom: 20rpx;
					text{
						color: #212121;
						font-size: 30rpx;
						line-height: 50rpx;
					}
				}
				.find-collect{
					display: flex;
					align-items: center;
					.find{
						display: flex;
						align-items: center;
						margin-right: 20rpx;
						.iconfont{
							font-size: 34rpx;
							margin-right: 10rpx;
						}
						text{
							color: #9FABB5;
							font-size: 28rpx;
						}
					}
				}
			}
			.thumb{
				image{
					width: 250rpx;
					height: 150rpx;
					border-radius: 10rpx;
				}
			}
		}
	}
}
.postCon{
	margin: 0 auto; 
	margin-top: 140rpx;
	margin-bottom: 20rpx;
	text-align: center;
	width: 90%;
	background-color: gray;
	border-radius: 20rpx;
	padding: 10rpx;
	color: white;
}