.blog-index{padding:80px 0}.blog-index .list-item{padding-left:15px;padding-right:15px;position:relative;width:100%}.blog-index .list-tems-wrp{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.blog-index .list-tems-wrp .list-item .item-inner>a{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;display:block;height:270px;overflow:hidden;position:relative;width:100%}.blog-index .list-tems-wrp .list-item .item-inner>a:after{background:linear-gradient(180deg,transparent 17%,transparent 27%,#000);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.blog-index .list-tems-wrp .list-item .item-inner .list-cont{display:block;float:right;margin:0;padding:25px 10px;position:relative;width:100%}.blog-index .list-tems-wrp .list-item .item-inner .list-cont .post-inner-main{background:#fff;left:0;margin-bottom:1.5rem;padding:.5rem 1rem .5rem .5rem;position:absolute;top:-66px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.blog-index .list-tems-wrp .list-item .item-inner .list-cont .post-inner-main .post-date>span{color:#000;font-size:50px;font-weight:300;line-height:1;margin-right:.25rem}.blog-index .list-tems-wrp .list-item .item-inner .list-cont .post-inner-main .two>span{color:rgba(0,0,0,.8);display:block;font-size:13px;line-height:1.4}.blog-index .list-tems-wrp .list-item .item-inner .list-cont .title>a{font-weight:600;margin-bottom:16px}.blog-index .list-tems-wrp .list-item .item-inner .list-cont .title{margin-bottom:0}.blog-index .list-tems-wrp .list-item .item-inner{border-radius:8px;box-shadow:0 -1px 6px rgba(0,0,0,.5);height:100%}@media (min-width:768px){.blog-index .list-tems-wrp .list-item{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.blog-index .list-tems-wrp .list-item .item-inner{margin-bottom:30px}}@media (min-width:992px){.blog-index .list-tems-wrp .list-item{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media (max-width:767px){.blog-index .list-item:not(:last-child){margin-bottom:30px}}