section.imagelist{}
section.imagelist .list{text-align:center;}
section.imagelist .list:after{display:block; content:''; clear:both;}
section.imagelist .list>li{width:25%; width:20%; float:left;}
section.imagelist .list>li>a{display:block;}
section.imagelist .list>li>a>span{display:block; overflow:hidden;}
section.imagelist .list>li>a>span>img{display:block; width:100%; transition:.28s;}
section.imagelist .list>li>a:hover>span>img{transform:scale(1.08);}
section.imagelist .list>li>a>h3{display:block; color:#fff; padding:12px 18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
section.imagelist .list>li:nth-child(2n+1)>a>h3{background:#fc6b00; background:; color:;}
section.imagelist .list>li:nth-child(2n)>a>h3{background:rgb(33,33,33); background:; color:;}
section.imagelist dir{display:none;}
section.imagelist .more{display:block; text-align:center; background:#f8f8f8; padding:12px 0;}
section.imagelist .more>h3{display:inline-block; font-weight:bold;}
section.imagelist .more.on>i{animation:ruan 3s linear infinite;}
@media(max-width:1200px){
section.imagelist .list>li{width:33.3333%; width:33.333333333333%;}
}
@media(max-width:767px){
section.imagelist .list>li{width:100%; width:100%;}
}
@keyframes ruan{
0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}