/* 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;box-sizing:border-box;}

/* 如果图片是白色底，请加入如下样式 */

/* .blog-list ul li .box{box-shadow:0 0 10px 0 rgba(50,50,50,0.12);} */

.blog-list ul li .pic{width:100%;display:block;position:relative;}
.blog-list ul li .pic img{width:100%;}
.blog-list ul li .pic span{position:absolute;z-index:20;top:10px;left:10px;width:62px;height:62px;box-sizing:border-box;padding:7px 0 0;text-align:center;background:rgba(1,150,31,0.7);color:#fff;font-size:15px;display:block;font-weight:300;}
.blog-list ul li .pic span em{font-size:24px;font-weight:600;line-height:1;display:block;}
.blog-list ul li .pic span em::after{content:"";width:50px;height:1px;background:rgba(255,255,255,0.4);display:block;margin:3px auto 0;}
.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-color2,#fd1e16);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:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.blog-list ul li .t h5 a{color:#082b60;}
.blog-list ul li .t h5 a:hover{color:var(--active-color2,#fd1e16);}
.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-color2,#fd1e16);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;}

}