@charset "utf-8";

.lt_news{margin:0 auto;max-width:1200px;}

.lt_news ul{padding:0 10px}
.lt_news ul:after {display:block;visibility:hidden;clear:both;content:""}
.lt_news li{float:left;width:25%;padding:10px}
.lt_news li .lt_img img{max-width:100%;height:auto;box-shadow: 10px 10px 20px rgba(0,0,0,0.15);}
.lt_news li .lt_tit {
    font-size: 20px;
    font-weight: 400;
    margin: 15px 0 5px;
    display: block;
    line-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.3;
    height: 2.6;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.lt_news li .lt_detail {
    color: #000;
    line-height: 1.5em;
    font-size: 16px;
    text-align: right;
    font-weight: 300;
}

.lt_news .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;}
.lt_news .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight: normal;}
.lt_news .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight: normal;}
.lt_news .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
.lt_news .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;;border-radius:4pxtext-align:center;;vertical-align:middle;font-weight:normal;font-size:11px}
.lt_news .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 4px;font-size: 12px;border:1px solid #a2c6ce}

.lt_news .empty_li  {width:100%;padding:100px 0;text-align:center;color:#aaa}    

@media (max-width: 639px){
    .lt_news li{width:50%;padding: 10px 5px;}
    .lt_news li:nth-child(2n+1){clear:both}
    .lt_news li .lt_tit{font-size:15px}
	.lt_news li .lt_detail {font-size: 14px;}
 }