body {background:#f9f9f9}
h2.article-tit {margin:53px 0 0 15px}
ul.list {margin:15px 0 23px -25px;overflow:hidden}
ul.list li {list-style:none;float:left;padding-right:12px;margin:5px 0}
ul.list li i {font-size:16px;margin-right:4px}
ul.list li a {text-decoration:none;color:#41464b}
ul.list li a:hover {color:#23a1f6}
.item {margin-bottom:40px}
.item a {text-decoration:none}
.item .head {overflow:hidden}
.item .head img {transition:all 0.3s linear;width:100%}
.item .head img:hover {transform:scale(1.1)}
.item .body {border:1px solid #f2f2f2;border-top:none;background:#fff;padding:5px 15px 15px 15px}
.item .body h5 a {display:block;color:#1c263f;transition:color 0.2s ease-out;-webkit-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height:18px}
.item .body h5 a:hover {color:#23a1f6}
.item .body .details {margin-bottom:8px}
.item .body .details a {color:#adadad;display:inline-block;margin-right:8px}
.item .body .details a:hover {color:#23a1f6}
.item .body .details a i {float:left;font-size:16px;display:inline-block;margin:2px 5px 0 2px}
.item .body .details a:nth-child(1) i {font-size:17px}
.item .body .text {color:#adadad;height:60px;overflow:hidden;text-overflow:ellipsis;}
@media (min-width: 768px) {
    .item {height:290px}
}
@media (min-width: 992px) {
    .item {height:370px}
}
@media (min-width: 1200px) {
    .container {width:1080px}
}