@charset "utf-8";
/* CSS Document */
.container {overflow: hidden;display: block;width: 100%;padding: 3% 80px;margin: 0 auto;}
.show-all{overflow: hidden}
.flat {margin-bottom: 20px;box-shadow: 1px 1.732px 1px rgba(0,0,0,0.06), inset 0 0 0 rgba(0,0,0,0.05);background: #fff;border-radius: 2px;border: none;border: 1px solid #e0e0e0\9;}
.flat h2{height: 60px;line-height: 60px;border-bottom: 1px solid #eee;margin: 0;padding: 0 20px;color: #444;font-size: 18px;}
.channel_icon li.f {border: 0;}
.channel_icon li {padding: 18px;width: 11.11111111%;float: left;text-align: center;border-left: 1px solid #eee;}
.channel_icon li img {display: block;margin: 0 auto 10px;}
.show-all .channel-tags { padding: 30px 35px 45px 35px;}
.btn {display: inline-block;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;white-space: nowrap;font-size: 14px;line-height: 1.42857143;user-select: none;}
.show-all .channel-tags>a {padding: 1px 10px;margin-right: 30px;margin-bottom: 20px;border: 1px solid #e3e3e3;color: #15c288 !important;background: #fff !important;}
.list-box{padding: 20px 35px; border-top: 1px dashed #ddd;overflow: hidden}
.list-box li{width: 50%;float: left; position: relative;margin-bottom: 16px;padding-left: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-box li:before {content: "";position: absolute;width: 4px;height: 4px;background-color: #000;top: 8px;left: 0;}
.list-box li a {color: #373d41;font-size: 14px;line-height: 22px;}
@media (max-width: 1200px){
	.container{padding: 3% 36px;}
}
@media (max-width: 768px){
    .container {padding: 3% 15px;}
	.channel_icon li{width: 25%;}
	.show-all .channel-tags>a {margin-right: 20px;margin-bottom: 10px;}
	.show-all .channel-tags{padding: 20px 25px 35px 25px;}
}
@media (max-width: 640px){
	.list-box li{width: 100%;float: none;}
	.channel_icon li{width: 33.33%;}
	.show-all .channel-tags>a {margin-right: 10px;}
	.show-all .channel-tags{padding: 10px 15px 25px 15px;}
}