@charset "utf-8";

.video-main{padding:0.7rem 0;}

.video-list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap:0.4rem 0.25rem;}
.video-list .item{cursor: pointer; background:#f9f9f9;border:1px solid #ebe9e9;}
.video-list .imgbox{/* height: 2.35rem; */position: relative;aspect-ratio: 1.47; }
.video-list .playicon{position: absolute;right: 0.15rem;bottom: 0.1rem;width:0.46rem;height:0.46rem;background:url(../images/service_13.png) no-repeat center;background-size:contain;}
.video-list .info{padding:0.18rem 0.13rem 0.3rem;}
.video-list .lm{font-size: var(--fz15);color:#888888;}
.video-list .title{font-size: var(--fz18);-webkit-line-clamp: 2;margin-top:0.15rem;}
.video-list .item:hover .title{color:var(--theme-color);}



@media (max-width:1260px){
	
	/* video */
	.video-list{grid-template-columns: repeat(3, minmax(0, 1fr));}

	
}


@media (max-width:991px){
	
	/* video */
	.video-list{grid-template-columns: repeat(2, minmax(0, 1fr));}

	
}

@media (max-width:767px){
	
	/* video */
	.video-main{padding:0.7rem 0 0.3rem;}
	.video-list{grid-template-columns: repeat(1, minmax(0, 1fr));gap:0.25rem;}
	.video-list .lm{font-size: var(--fz17);}
	.video-list .title{font-size: var(--fz20);margin-top: 0.1rem;}
	
	
	
	
	
	
	
	
	
	
	
	
}