/* CSS Document */


.blog-list ul{display:-webkit-flex;display:flex;margin:0 -20px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.blog-list ul li{width:33.333333333%;padding:20px;overflow:hidden;cursor:pointer;}
.blog-list ul li .pic{width:100%;display:block;position:relative;}
.blog-list ul li .pic img{width:100%;}
.blog-list ul li .t{border-bottom:1px solid #B5B5B5;padding:20px 0 25px;position:relative;}
.blog-list ul li .t::after{content:"";height:3px;background:var(--active-color,#0F5CC4);position:absolute;left:0;width:0;bottom:-2px;transition:all 0.3s ease 0s;}
.blog-list ul li .t h5{font-size:22px;line-height:2;color:#010101;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.blog-list ul li .t h5 a:hover{color:var(--active-color,#0F5CC4);}
.blog-list ul li .t span{font-size:15px;margin:15px 0 0;color:#7e7e7e;display:block;}
.blog-list ul li .t p{font-size:17px;margin:10px 0 0;color:#7e7e7e;line-height:22px;height:44px;overflow:hidden;}
.blog-list ul li .t .more{font-size:16px;color:var(--active-color,#0F5CC4);margin:15px 0 0;display:inline-block;}

@media screen and (min-width:768px){
.blog-list ul li:hover .t::after{width:100%;}
}

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

.blog-list ul{margin:0 -10px;}
.blog-list ul li{width:100%;padding:10px;}

.blog-list ul li .t .more{display:none;}

}