@charset "utf-8";

/* latest basic  */
.thumb img {width:100%; height:100%; object-fit:cover;}
.latest {position: relative; border:1px solid #ddd;  padding:10px; margin-bottom: 20px; }
.latest i {display: none;}
.latest h4 { margin:7px 0; padding:5px 0; font-size:15px; font-weight:bold;}
.latest li {position: relative;}
.latest.basic .title {display: inline-block; width:70%; padding:5px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.latest.basic .nick {display: inline-block; width:30%; padding:5px 0; float:right; text-align: right;}
.latest .more { position:absolute; top:10px; right:16px; display:block; padding:4px 8px;}
.latest .thumb img {width:100%; height:100%; object-fit:cover;}
.latest .no_img {position:relative; display:block; width:100%; height:100%; background:#ddd}
.latest .no_img::after {content: "no-image"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.thumb {width:100%; height:100%; object-fit: cover;}
.latest .cmt {color:#19af00; font-size:12px; font-weight:bold;}
.latest .new_icon {margin-left:3px; padding:1px 4px; border-radius:30%; font-size:11px; color:#fff; background-color:#19af00}
.latest .hot {position:relative; display:inline-block; width:18px; height:18px; margin-left:3px; vertical-align:sub;}
.latest .hot::after {position: absolute; display: inline-block; left:50%; top:50%; width:15px; height:15px; background:#e22222; border-radius:30%; content:'H';
transform:translate(-50%,-50%); color:#fff; font-size:8px; text-indent:4px;}