body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 0;
	background:#F5F6F7;
  }
.zizhi_list{
	flex-wrap:wrap;
	background:#fff;
	border-radius:30px;
	box-shadow:0 0 5px #ddd;
}
.zizhi_list .tab-buttons{
	width:100%;
	height:55px;
	line-height:55px;
	display:flex;
	border-bottom:1px solid #ddd;
}
.zizhi_list .tab-buttons div{
	width:25%;
	text-align:center;
	font-weight:600;
	color:#555;
	font-size:20px;
	cursor:pointer;
}
.zizhi_list .tab-buttons div.active{
	color:#0143F8;
}
.zizhi_list .tab-content{
	width:100%;
	box-sizing:border-box;
	padding:20px;
	flex-wrap:wrap;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: flex;
}

.zizhi_item{
	width:19%;
	margin:10px 0.5%;
	box-sizing:border-box;
	padding:30px 10px;
	background:#E1F5FE;
	box-shadow:0 0 5px #aaa;
}
.zizhi_item a{
	display: flex;
	flex-direction: column;        /* 垂直排列 */
	justify-content: center;       /* 垂直居中 */
	align-items: center;           /* 水平居中 */
	font-size:14px;
}
.zizhi_item img{
	width:60px;
	height:60px;
	flex: 0 0 auto;

}
.zizhi_item a{
	color:#000;
	text-decoration:none;
}
.zizhi_item p{
	width:100%;
	text-align:center;
	font-size:14px;
	margin-top:15px;
}

@media (max-width: 768px) {
	.zizhi_list{
		width:96%;
		margin:0 2%;
	}
	.tab-buttons{
		overflow-x:scroll;
		white-space: nowrap;      /* 防止自动换行 */
		-webkit-overflow-scrolling: touch; /* iOS 惯性滚动 */
	}
	.zizhi_list .tab-buttons div{
		flex: 0 0 auto;           /* 不换行、不缩放 */
		width:auto;
		padding:0 10px;
		font-size:16px;
	}
	.zizhi_list .tab-content{
		padding:6px;
	}
	.zizhi_item{
		width:48%;
		margin:10px 1%;
	}
}