.column{padding:100px 0;}
.column .title{display:block; text-align:center; padding-bottom:30px;}
.column .title h2{font-size:36px; margin-bottom:20px;}
.column .title aside{font-size:16px; color:#686868;}
.column-tags{display:block; margin-top:30px;}
.column-tags>ul{display:block; font-size:0; text-align:center;}
.column-tags>ul>li{display:inline-block;}
.column-tags>ul>li>span{display:block; background:#ecf0f4; border-radius:3px; padding:15px 50px; margin:3px; cursor:pointer;}
.column-tags>ul>li>span>i{display:block; font-size:40px; line-height:1.1; margin-bottom:5px; color:#686868;}
.column-tags>ul>li>span>b{display:block; font-size:18px; font-weight:normal;}
.column-tags>ul>li.on>span{background:#004098;}
.column-tags>ul>li.on>span>i,
.column-tags>ul>li.on>span>b{color:#fff;}
.column-content{display:block; margin-top:30px;}
.column-content>aside{display:none;}
.column-content>aside.on{display:block;}
.column-content>aside>ul{margin:0 -20px;}
.column-content>aside>ul>li{float:left; width:50%; margin-top:40px; padding:0 20px;}
.column-content>aside>ul>li>a.img{display:block; overflow:hidden;}
.column-content>aside>ul>li>a.img>img{display:block; transition:.3s;}
.column-content>aside>ul>li>a.img:hover>img{transform:scale(1.05);}
.column-content>aside>ul>li>h3{display:block; font-size:30px; margin-top:20px;}
.column-content>aside>ul>li>p{display:block; font-size:18px; margin-bottom:10px; color:#686868;}
.column-content>aside>ul>li>a.link{display:inline-block; font-size:16px; color:#004098;}
.column-content>aside>ul>li>a.link:hover{color:#2b85ff;}
@media(max-width:1200px){
.column{padding:60px 0;}
.column .title{padding-bottom:20px;}
.column .title h2{font-size:28px; margin-bottom:10px;}
.column .title aside{font-size:14px;}
.column-tags{margin-top:20px;}
.column-tags>ul>li>span{padding:15px 50px;}
.column-tags>ul>li>span>i{font-size:30px;}
.column-tags>ul>li>span>b{font-size:16px;}
.column-content{margin-top:20px;}
.column-content>aside>ul{margin:0 -10px;}
.column-content>aside>ul>li{margin-top:20px; padding:0 10px;}
.column-content>aside>ul>li>h3{font-size:22px; margin-top:10px;}
.column-content>aside>ul>li>p{font-size:15px; margin-bottom:5px;}
.column-content>aside>ul>li>a.link{font-size:15px;}
}
@media(max-width:992px){
.column-content>aside>ul{margin:0;}
.column-content>aside>ul>li{margin-top:20px; float:none; width:100%; padding:0;}
}
@media(max-width:767px){
.column{padding:30px 0;}
.column .title{padding-bottom:0;}
.column .title h2{font-size:24px; }
.column-tags>ul>li>span{padding:4px 8px; margin:1px;}
.column-tags>ul>li>span>i{display:none;}
.column-tags>ul>li>span>b{font-size:14px;}
.column-content>aside>ul>li>h3{font-size:18px; margin-top:5px;}
.column-content>aside>ul>li>p{font-size:14px; }
.column-content>aside>ul>li>a.link{font-size:14px;}
}