.column{padding:60px 0;}
.column .title{margin-bottom:15px;}

.column-tags{display:block; margin:15px 0 35px 0;}
.column-tags>ul{display:block; margin:0 -10px;}
.column-tags>ul:after{display:block; content:''; clear:both;}
.column-tags>ul>li{float:left; width:16.666%; padding:0 10px; margin-top:20px; line-height:48px;}
.column-tags>ul>li>span{display:block; background:#eef2f8; border-radius:5px; padding:0 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.3s; cursor:pointer;}
.column-tags>ul>li>span:hover{background:#dfecff;}
.column-tags>ul>li>span>i{font-style:normal; font-size:17px; padding-right:4px; color:#2b7ffe;}
.column-tags>ul>li>span>b{font-weight:normal; font-size:16px;}
.column-tags>ul>li.on>span{background:#2b7ffe;}
.column-tags>ul>li.on>span>i,
.column-tags>ul>li.on>span>b{color:#fff; font-weight: bold;}
.column-content{display:block;}
.column-content>aside{display:none;}
.column-content>aside.on{display:block;}
.column-content>aside>ul{margin:0 -10px;}
.column-content>aside>ul>li{float:left; width:25%; margin-top:30px; padding:0 10px;}
.column-content>aside>ul>li>a{display: block;}
.column-content>aside>ul>li>a>ins{display:block; overflow:hidden; border-radius:5px;}
.column-content>aside>ul>li>a>ins>img{display:block; width:100%; transition:.3s;}
.column-content>aside>ul>li>a:hover>ins>img{transform:scale(1.05);}
.column-content>aside>ul>li h3{display:block; font-size:18px; margin-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.column-content>aside>ul>li h3:before{content:'>'; font-family:'SimSun'; font-weight: bold; margin-right:8px; float: left; color:#e7053a;}
@media(max-width:1199px){
.column{padding:40px 0;}
.column-tags{margin:10px 0 25px 0;}
.column-tags>ul{margin:0 -8px;}
.column-tags>ul>li{width:25%; padding:0 8px; margin-top:16px;}
.column-tags>ul>li>span>i{font-size:16px; padding-right:4px;}
.column-tags>ul>li>span>b{font-size:15px;}
.column-content>aside>ul>li{width:33.3333%; margin-top:20px;}
.column-content>aside>ul>li h3{font-size:16px; margin-top:10px;}
}
@media(max-width:991px){
.column-tags>ul>li{width:33.3333%;}
.column-content>aside>ul>li{width:50%;}
}
@media(max-width:767px){
.column{padding:20px 0;}
.column-tags{margin:5px 0 15px 0;}
.column-tags>ul{margin:0;}
.column-tags>ul>li{width:100%; padding:0; margin-top:8px; line-height:38px;}
.column-content>aside>ul{margin:0 -4px;}
.column-content>aside>ul>li{width:50%; margin-top:8px; padding:0 4px;}
.column-content>aside>ul>li h3{font-size:14px; margin-top:4px;}
}