renshouH5/library/poster/index.css

page{
	background-color: #fff;
}
.top-sort{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 5;
}
.top-sort-item{
	text-align: center;
	line-height: 45rpx;
	font-size: 32rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	padding:21rpx 0 16rpx;
}
.top-sort-item-active{
	color: var(--main);
	position: relative;
}
.top-sort-item-active::after{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 58rpx;
	height: 4rpx;
	opacity: 1;
	background-color:var(--main) ;
}

.search-box{
	padding: 30rpx;
	background-color: #fff;
}

.search-text{
	color: #999999;
}


.search-input{
	height: 76rpx;
	line-height: 76rpx;;
	background: #F5F5F5;
	border-radius: 70rpx;
	padding: 0 26rpx;
	font-size: 24rpx;
}
.search-input input{
	font-size: 24rpx;
}
.search-input image{
	width: 34rpx;
	height: 34rpx;
	margin-right: 26rpx;
}
.search-all{
	color: #2a82fd;
	font-size: 30rpx;
	margin-left: 46rpx;
}


.search-tag{
	padding: 0 14rpx;
	height: 61rpx;
	line-height: 61rpx;
	background: #F6F7F9;
	border-radius: 4rpx 4rpx 4rpx 4rpx;
	opacity: 1;
	text-align: center;
	margin-right: 10rpx;
	margin-bottom: 10rpx;
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #919191;
}
.search-tag-active{
	background: #3B8DFF;
	color: #fff;
}


.poster-item{
	width: 208rpx;
	margin-right: 30rpx;
	margin-bottom: 40rpx;
}
.poster-item:nth-child(3n){
	margin-right: 0rpx;
}
.poster-item-pic{
	width: 208rpx;
	height: 378rpx;
}
.poster-item-title{
	line-height: 37rpx;
	font-size: 26rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #000000;
	margin-top: 15rpx;
	padding: 0 10rpx;
}
.poster-item-use{
	line-height: 30rpx;
	font-size: 22rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	margin-top: 12rpx;
	padding: 0 10rpx;
}