body {
	background-color: #FFFFFF;
}

/* 头部导航栏 start */
.top-area {
	padding-top: 10%;
	margin-bottom: 6.5%;
	width: 100%;
	height: auto;
}

.top-area .title {
	margin: 0 4%;
	width: 92%;
	height: 6%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.more-icon,
.close-icon {
	width: 4.8%;
}

.top-area .title .title-name {
	margin: 0 2.7%;
	width: 94.6%;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, .4);
	font-size: clamp(12px, 3.5vw, 30px);
	font-weight: 500;
	color: #000000;
	line-height: 0.4;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 头部导航栏 end */

/* 频道列表 start */
.icon-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.icon-area li {
	flex-shrink: 0;
	margin: 0 1% 5%;
	width: 20%;
	font-size: clamp(12px, 3.2vw, 24px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.icon-area li>a {
	display: inline-block;
	margin-bottom: 5%;
	width: 30%;
}

.icon-area li>a img {
	width: 100%;
}

/* 频道列表 end */