ul.cn-cat-tree.cn-category-image-container{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;line-height:normal;list-style:none;margin:0 0 20px;padding:0;text-align:left}
ul.cn-category-image-container:after{clear:both;content:"";display:block;height:0;visibility:hidden}ul.cn-category-image-container .cn-category-image-block{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:25%;height:auto;position:relative;float:left;margin:0;padding:0 0 25% 0}
ul.cn-category-image-container .cn-category-image-block span.cn-term-name{background:rgba(0,0,0,0.5);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;width:100%;min-height:3rem;height:3rem;position:absolute;bottom:0;left:0;padding:0 1rem;font-size:1rem;transition:height .8s ease;word-break:normal;word-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}
ul.cn-category-image-container .cn-category-image-block:hover span.cn-term-name{height:50%}ul.cn-category-image-container .cn-category-image-block img,ul.cn-category-image-container .cn-category-image-block .cn-term-image-none{max-width:none;width:100%;position:absolute;top:0;left:0}
@media all and (max-width:1280px){ul.cn-category-image-container .cn-category-image-block{width:25%;padding-bottom:25%}}@media all and (max-width:1024px){ul.cn-category-image-container .cn-category-image-block{width:33.33%;padding-bottom:33.33%}
}@media all and (max-width:600px){ul.cn-category-image-container .cn-category-image-block{width:50%;padding-bottom:50%}}@media all and (max-width:360px){ul.cn-category-image-container .cn-category-image-block{width:100%;padding-bottom:100%}
}