.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 .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,.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,.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,#fe3c00);position:absolute;left:0;width:0;bottom:-2px;transition:all .3s ease 0s}.blog-list ul li .t h5{font-size:22px;line-height:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px}.blog-list ul li .t h5 a:hover{color:var(--active-color2,#fe3c00)}.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,#fe3c00);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}}