:root {
	--swiper-theme-color: #ffffff;
}

.amap-icon img,
.amap-marker-content img {
	width: 25px;
	height: 34px;
}

.page-module {
	height: calc(100vh - var(--top-height)) !important;
	margin-top: var(--top-height) !important;
}

.channel-module {
	position: absolute;
	top: 0;
	height: calc(100vh - 5rem);
	display: flex;
	flex-direction: column;
}

.channel-module .channel-tr {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.channel-module .channel-item {
	width: 15%;
	height: 10rem;
	border-radius: 0.62rem;
	margin-bottom: 0.75rem;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0);
	position: relative;
	transition: all 0.5s;
}

.channel-module .channel-item .line {
	position: absolute;
	bottom: -2px;
	width: 1.5rem;
	height: 0.31rem;
	background: rgba(172, 34, 23, 0);
	z-index: 10;
}

.channel-module .channel-items {
	width: 24%;
	height: 4rem;
	margin-top: 0.75rem;
	background: rgba(255, 255, 255, 0);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}

.channel-module .channel-item:hover {
	background: rgba(255, 255, 255, 0);
	border: 1px solid rgba(255, 255, 255, 0.3);
	cursor: pointer;
}

.channel-module .channel-item:hover .line {
	background: rgba(172, 34, 23, 1);
}

.channel-module .channel-item img {
	max-height: 4.5rem;
	max-width: 100%;
	display: flex;
	object-fit: cover;
}

footer {
	position: absolute;
	left: 0;
	bottom: 0;
}

@media (max-width: 768px) {
	.channel-module .channel-item {
		width: 30%;
		height: auto;
		padding: 0.5rem 0;
		border-radius: 0.62rem;
		margin-bottom: 0.75rem;
		background: rgba(255, 255, 255, 0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: 1px solid rgba(255, 255, 255, 0);
		position: relative;
		transition: all 0.5s;
	}

	.page-module {
		height: auto !important;
		padding-bottom: 8rem;
	}

	.channel-module {
		position: unset;
		top: 0;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	footer {
		position: fixed;
	}
}