.bg {
    width: 100%;
    height: 100vh;
	position: fixed;
	z-index: 0;
	image {
		width: 100%;
		height: 100vh;
	}
}
.back {
	width: 44px;
	height: 44px;
	line-height: 44px;
	/* #ifdef MP-WEIXIN */
	height: 88px;
	line-height: 88px;
	padding-top:0;
	/* #endif */
	padding-top:var(--status-bar-height);
	left: 25rpx;
	position: absolute;
	z-index: 9999;
	image {
		width: 24rpx;
		height: 24rpx;
	}
}
.listBox{
	position: relative;
	z-index: 1;
}
.content {
	width: 100%;
	padding-bottom: 180rpx;
}
/* 搜索 */
.search-index{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 25rpx;
	.search{
		width: 100%;
		display: flex;
		align-items: center;
		padding: 0 30rpx;
		height: 90rpx;
		background-color: #ffffff;
		border-radius: 20rpx;
		.shu {
			font-size: 20rpx;
			color: #D8D8D8;
			margin: 0 20rpx 6rpx 20rpx;
		}
		.iconfont{
			image {
				width: 30rpx;
				height: 30rpx;
				margin-top: 4rpx;
			}
		}
		input{
			width: 90%;
			height: 100%;
			color: #212121;
			font-size: 24rpx;
		}
	}
}
.toptitle {
	font-size: 32rpx;
	font-weight: bold;
	margin: 25rpx 30rpx;
}
.article-list{
	margin: 25rpx;
	.list{
		display: flex;
		border-radius: 20rpx;
		background-color: #FFFFFF;
		padding: 20rpx;
		.item{
			width: 65%;
			.title{
				margin-bottom: 34rpx;
				text{
					font-size: 28rpx;
					font-weight: bold;
				}
			}
			.like{
				width: 100%;
				margin-bottom: 10rpx;
				display: flex;
				align-items: center;
				image {
					width: 24rpx;
					height: 24rpx;
					margin-right: 10rpx;
				}
				text{
					font-size: 28rpx;
					color: #909090;
				}
			}
		}
		.thumb{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			width: 35%;
			height: 100%;
			image{
				width: 300rpx;
				height: 160rpx;
				border-radius: 20rpx;
			}
		}
	}
}