nav li{
	width: 1.275rem;
}
.video-list{
	position: relative;
}
.video-list li{
	width: 3.7875rem;
	min-height: 3.125rem;
	max-height: 7.5rem;
	margin-right: .25rem;
	position: absolute;
	cursor: pointer;
}
.video-list li>div{
	border-radius: .125rem;
	overflow: hidden;
}
.video-list li>div::before{
	content: '';
	width: 3.7875rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	border-radius: .125rem;
}
.video-list li:nth-child(5n){
	margin-right: 0;
}
.video-list li .posi-top{
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	padding: .15rem;
	z-index: 10;
}
.video-info{
	display: none;
}
.video-list li>div:hover .posi-top{
	display: none;
}
.video-list li:hover .video-info{
	display: block;
}
.video-img{
	width: 3.7875rem;
	height: auto;
	max-height: 7.5rem;
}
.posi-mask{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	padding: .15rem;
	width: 100%;
}
.bottom-info{
	position: absolute;
	bottom: .1875rem;
	padding-right: .125rem;
}
.zan-num{
	display: inline-block;
	position: absolute;
	left: .25rem;
	top: -0.0625rem;
	padding: .05rem .0625rem;
	border-radius: 1.25rem;
	background: rgba(255,2,0,0.6);
	color: #fff;
	font-size: .1625rem;
}
.wwfdiv{
	width: .8125rem;
	height: .8125rem;
}
.wwfdiv>div{
	width: .775rem;
	height: .775rem;
}
.wwfdiv>div>div:nth-child(1){
	line-height: .375rem!important;
}