/* Slide bottom */
@-webkit-keyframes am-slideInUp {
    0% { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes am-slideInUp {
    0% { opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
.am-animation-slideInUp { -webkit-animation-name: am-slideInUp; animation-name: am-slideInUp; }
/**/
.baike-wrap { padding: 1% 0; }
.baike-wrap ul { list-style: none; }
.baike-wrap ul li { float: left; width: 31.33%; height: auto; margin: 1%; padding: 15px; border: solid 1px #eee; }
.baike-wrap ul li:hover { box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); }
.baike-wrap ul li .news-img { float: none; width: 100%; margin-right: 15px; height: 0; padding-bottom: 60%; overflow: hidden; vertical-align: middle; }
.baike-wrap ul li .news-img img { width: 100%; }
.baike-wrap ul li .news-con { }
.baike-wrap ul li .news-con .am-text-truncate { color: #000; margin: 20px 0 10px; }
.baike-wrap ul li .news-con p { color: #999; margin: 0 0; font-size: 14px; height: 45px; overflow: hidden; }
.baike-wrap ul li .news-con span { color: #8d8d8d; font-size: 12px; }
.baike-wrap ul li .news-con .icon { display: inline-block; float: right; font-size: 12px; color: #8d8d8d; vertical-align: middle; margin-top: 2px; }
.baike-wrap .news-box { padding: 5px; }
.baike-wrap .news-box img { max-width: 100%; }
.baike-wrap .news-box p { margin: 0; }
.baike-wrap .news-box > .info_con { line-height: 1.8; }
@media screen and (max-width:1440px) {
    .baike-wrap{ padding: 1%; }
    .baike-wrap ul li { width: 48%; }
}
@media screen and (max-width:980px) {
    .baike-wrap{ padding: 3% 2%; }
    .baike-wrap ul li { width: 98%; }
}