section.blog-list {

	padding-top: 25px;

	padding-bottom: 25px;

	background: white;

}
1px solid #dfdfdf
section.blog-list .c {

}



section.blog-list .list {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 25px;}

section.blog-list .list .item {border: 1px solid #dfdfdf;border-radius: 8px;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;

transform: scale(1);

							  overflow:hidden;



							  }

section.blog-list .list .item:hover{

	transform: scale(1.025);

}

section.blog-list .list .item .image {

	position: relative;

}



section.blog-list .list .item .image img {

	height: 184px;

	object-fit: cover;

	border-radius: 8px;

	width: 100%;

	-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-ms-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;

}







section.blog-list .list .item .content {

	padding: 4px 16px 12px;

}

section.blog-list .list .item .content h3 {

	font-size: 17px;

	line-height: 26px;

	margin-bottom: 0;

	overflow: hidden;

	/* white-space:	nowrap; */

	/* text-overflow: ellipsis; */

}

section.blog-list .list .item .content .data {

	font-size: 12px;



}



section.blog-list .list .item .content .data li {display: inline-block;margin-right: 5px;}



section.blog-list .list .item .content .data li img {

height:12px;display: inline-block;vertical-align: middle;position: relative;top: -2px;margin-right: 5px;}







/* [xl] */

@media all and (max-width: 1300px)  {

	section.blog-list {



	}



	section.blog-list .c {



	}



	section.blog-list .list {



	}



	section.blog-list .list .item {



	}



	section.blog-list .list .item:hover{



	}



	section.blog-list .list .item .image {



	}



	section.blog-list .list .item .image img {



	}



	section.blog-list .list .item .content {



	}



	section.blog-list .list .item .content h3 {



	}



	section.blog-list .list .item .content .data {



	}



	section.blog-list .list .item .content .data li {



	}



	section.blog-list .list .item .content .data li img {



	}

}



/* [l] */

@media all and (max-width: 1200px) {

	section.blog-list {



	}



	section.blog-list .c {



	}



	section.blog-list .list {



grid-template-columns: 1fr 1fr 1fr;



}



	section.blog-list .list .item {



	}



	section.blog-list .list .item:hover{



	}



	section.blog-list .list .item .image {



	}



	section.blog-list .list .item .image img {



	}



	section.blog-list .list .item .content {



	}



	section.blog-list .list .item .content h3 {



	}



	section.blog-list .list .item .content .data {



	}



	section.blog-list .list .item .content .data li {



	}



	section.blog-list .list .item .content .data li img {



	}

}



/* [m] */

@media all and (max-width: 992px) {

	section.blog-list {



	}



	section.blog-list .c {



	}



	section.blog-list .list {



	}



	section.blog-list .list .item {



	}



	section.blog-list .list .item:hover{



	}



	section.blog-list .list .item .image {



	}



	section.blog-list .list .item .image img {



	}



	section.blog-list .list .item .content {



	}



	section.blog-list .list .item .content h3 {



	}



	section.blog-list .list .item .content .data {



	}



	section.blog-list .list .item .content .data li {



	}



	section.blog-list .list .item .content .data li img {



	}

}



/* [s] */

@media all and (max-width: 768px) {

	section.blog-list {



	}



	section.blog-list .c {



	}



	section.blog-list .list {



grid-template-columns: 1fr 1fr;



}



	section.blog-list .list .item {



	}



	section.blog-list .list .item:hover{



	}



	section.blog-list .list .item .image {



	}



	section.blog-list .list .item .image img {



	}



	section.blog-list .list .item .content {



	}



	section.blog-list .list .item .content h3 {



	}



	section.blog-list .list .item .content .data {



	}



	section.blog-list .list .item .content .data li {



	}



	section.blog-list .list .item .content .data li img {



	}

}



/* [xs] */

@media (max-width: 576px) {

	section.blog-list {



	}



	section.blog-list .c {



	}



	section.blog-list .list {



grid-template-columns: 1fr;



grid-gap: 10px;



}



	section.blog-list .list .item {



	}



	section.blog-list .list .item:hover{



	}



	section.blog-list .list .item .image {



	}



	section.blog-list .list .item .image img {



	}



	section.blog-list .list .item .content {



	}



	section.blog-list .list .item .content h3 {



	}



	section.blog-list .list .item .content .data {



	}



	section.blog-list .list .item .content .data li {



	}



	section.blog-list .list .item .content .data li img {



	}

}