renshouH5/library/longPoster/index.css

page{
	background-color: #fff;
}

.search-box{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 5;
	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: 20rpx;
}


.poster-item{
	width: 335rpx;
	margin-right: calc(100% - 670rpx);
	margin-bottom: 40rpx;
	position: relative;
}
.poster-item:nth-child(2n){
	margin-right: 0rpx;
}
.poster-item-pic{
	width: 335rpx;
	height: 609rpx;
}
.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;
}
.zhuanfa{
	position: absolute;
	top: 20rpx;
	right: 20rpx;
	width: 87rpx;
	height: 46rpx;
	line-height: 46rpx;
	background: rgba(0,0,0,.6);
	border-radius: 23rpx 23rpx 23rpx 23rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
}

.act-create{
	width: 110rpx;
	height: 110rpx;
	background: var(--main);
	box-shadow: 0rpx 4rpx 24rpx 1rpx rgba(0,155,98,0.2);
	opacity: 1;
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	border-radius: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	position: fixed;
	bottom: 200rpx;
	right: 30rpx;
}
.act-create image{
	width: 39rpx;
	height: 39rpx;
	margin: auto;
}
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 60;}
.side{position: fixed;right: 165rpx;bottom: 16%;z-index: 61;width: 300rpx;height: 183rpx;background: #FFFFFF;border-radius: 20rpx;font-size: 30rpx;color: #000;align-items: flex-start;padding:0 20rpx;}
.side::after{content: '';display: block;width: 0;height: 0;border: 10rpx solid rgba(255,255,255,0);border-right: none;border-left-color: #fff;position: absolute;bottom: 30rpx;right: -10rpx;}
.side .li{width: 50%;text-align: center;}
.side .li image{width: 38rpx;height: 38rpx;margin: 49rpx auto 15rpx;}