body,html{font-family: Verdana;font-size: 14px;margin: 0;color: #000000;background: #ffffff;width: 100%;min-width: 320px;}
img {border:0;}
a{font-size: 14px;margin: 0;color: #000000;}
li{margin-top: 8px;}
.page {padding: 4px; border-top: 1px #EEEEEE solid}
.author {background-color:#EEEEFF; padding: 6px; border-top: 1px #ddddee solid;}
#nav, #content,#categorys, #footer {padding: 8px; border: 1px solid #EEEEEE; clear: both; width: 95%; margin: auto; margin-top: 10px;}
.categories-ul,.pagenav-ul{}
.title-h2{text-align: center; margin-top: 15px;font-size:22px;}
.sitemap-footer{text-align: center; font-size: 11px}
.sitemap-xml{text-align: center; font-size: 11px}
.clearfix:after,.clearfix:before,.container:after,.container:before{display:table;content:" ";line-height:0;box-sizing:border-box;}
.clearfix:after,.container:after{clear:both}
.article-list *{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.article-list,.article-list li{outline:none;padding:0;margin:0;list-style:none;}
.article-list li{float:left;width:33.3333337%;padding-left:15px;height:30px;line-height:30px;display:flex;}
.article-list li a{display: block;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-list li span{font-size:12px;color:#898989;}
.topic-list li{float:left;width:20%;padding-left:15px;height:30px;line-height:30px;display:flex;}
@media (max-width:1400px) {
    .article-list li{width:50%;}
    .topic-list li{width:33.3333337%;}
}
@media (max-width:1200px) {
}
@media (max-width:1024px) {
    .article-list li{width:100%;}
}