.header-login-mobile {
	display: none;
}

.news-card-time-mobile {
	display: none;
}

.swiper-pagination-rank {
	display: none;
}

#header-mobile {
	display: none;
}

/* 针对最大宽度为 480px 的设备（通常为手机） */
@media (max-width: 480px) {
	/* #header-mobile {
		display: block;
	} */

	/* 公共样式 */
	html body {
		min-width: 100%;
	}

	.demo-main .one {
		display: none;
	}

	.demo-main .footer-content {
		flex-direction: column;
		gap: 20px;
	}

	.demo-main .footer-about {
		padding-bottom: 20px;
		border-bottom: 1px solid #86909C;
	}

	.demo-main .about-btns img {
		display: none;
	}

	.demo-main .footer-signature {
		display: none;
	}

	.demo-main .copyright-text {
		flex-direction: column;
		align-items: flex-start;
	}

	.demo-main .header-nav {
		justify-content: space-between;
		padding: 0 20px;
	}

	.demo-main .header-mobile {
		position: fixed !important;
		width: 100vw !important;
		height: 100vh !important;
		box-shadow: 0px 4px 40px 0px #1D1E550A;
	}

	.demo-main .header-mobile-list {
		margin-top: 70px;
		background-color: white;
	}

	.demo-main .header-mobile-search {
		position: relative;
		padding: 14px 16px;
	}

	.demo-main .header-mobile-search img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 24px;
	}

	.demo-main .header-mobile-card {
		position: relative;
		padding: 10px 16px;
		border-bottom: 1px solid #DAE0EE;
	}

	.demo-main .header-mobile-card::after {
		content: '';
		width: 8px;
		height: 16px;
		background-image: url(../static/right.svg);
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
	}

	.demo-main .header-mobile-card:nth-last-child(1) {
		border-bottom: none;
	}

	.demo-main .header-mobile-search input {
		padding-left: 12px;
		width: 100%;
		height: 32px;
		background-color: rgba(218, 224, 238, 0.3);
		border: none;
		outline: none;
		border-radius: 32px;
	}

	.demo-main .header-login-mobile {
		display: flex;
		gap: 20px;
	}


	.demo-main .header-nav .header-login {
		display: none;
	}


}