/*文章列表*/
.articleListBox .articleList{width:880px; margin-left: -20px; display: none;}
.articleListBox .articleList.on{display: block;}
.articleListBox .articleList li{display: block; padding: 20px; transition: all .3s;}
.articleListBox .articleList li .articleListLeft{width: 260px; height: 156px; background-size: 80% auto; border-radius: 3px; overflow: hidden;}
.articleListBox .articleList li .articleListLeft a{display: block; width: 100%; height: 100%;}
.articleListBox .articleList li .articleListLeft img{display: block; width: 100%; height: 100%; transition: all .5s;}
.articleListBox .articleList li:hover .articleListLeft img{transform: scale(1.1);}
.articleListBox .articleList li .articleListRight{max-height: 156px; overflow: hidden;float: left;}
.articleListBox .articleList li .articleListRight a h3{font-weight: bold; font-size: 20px; color: #1f2022; line-height: 30px; max-height: 60px; margin-bottom: 15px; margin-top: 3px;}
.articleListBox .articleList li .articleListRight a:hover h3{color: #e22c29;}
.articleListBox .articleList li .articleListRight a p{font-size: 14px; color: #666666; line-height: 24px; max-height: 48px; margin-bottom: 6px;}
.flowBar{font-size: 12px; color: #8a8a8a; line-height: 24px; overflow: hidden; height: 24px;}
.flowBar span{margin-right: 15px;}
.flowBar a{display: inline-block; zoom: 1; *display: inline; color: #8a8a8a; line-height: 24px; padding: 0 5px; border-radius: 3px; background: #f9f9f9; margin-right: 15px;}
.flowBar a:hover{color: #e22c29; background: #fbf1f1;}
.articleListBox .articleList li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.encyclopListBox .articleList li.encyclopListAllFont .articleListRight { max-height: 100%; padding-left: 0; width: 100%;}
.articleListBox .articleList li.encyclopListAllFont .articleListRight { max-height: 100%; padding-left: 0; width: 100%;}