/* hk3d red theme — PC */
:root {
	--brand-red: #d80011;
	--brand-red-dark: #a6000d;
	--brand-red-deep: #8b0009;
	--brand-red-soft: #ffc9c9;
	--brand-red-bg: #fff5f5;
}

body,
#app {
	background-color: #faf5f5 !important;
}

#app {
	border-bottom-color: #e8c8c8 !important;
}

#app .appHeader .logo {
	background: linear-gradient(180deg, #fff 0%, #fff5f5 100%);
}

#app .appHeader ul {
	border-bottom: 4px solid var(--brand-red) !important;
	background: var(--brand-red-deep) !important;
}

#app .appHeader ul li,
#app .appHeader ul li:first-child,
#app .appHeader ul li:nth-child(2),
#app .appHeader ul li:nth-child(3),
#app .appHeader ul li:nth-child(4),
#app .appHeader ul li:nth-child(5),
#app .appHeader ul li:nth-child(6) {
	background-image: none !important;
	background-color: var(--brand-red) !important;
	border-right: 1px solid rgba(255,255,255,.18);
	color: #fff !important;
}

#app .appHeader ul li .whole {
	color: #fff !important;
}

#app .appHeader ul li .whole .active {
	color: #fff !important;
	font-weight: 700;
	box-shadow: inset 0 -3px 0 #fff;
}

#app footer .bottom .son {
	border-top: 4px solid var(--brand-red) !important;
}

.swiper .swiper-pagination .swiper-pagination-bullet-active {
	background-color: var(--brand-red) !important;
}

.LotteryIndex .lotteryHall ul li .mainLottery .top .sflhc,
.LotteryIndex .lotteryHall ul li .mainLottery .top .amlhc {
	background-color: var(--brand-red-soft) !important;
	border: 1px solid var(--brand-red) !important;
	color: var(--brand-red) !important;
}

a {
	color: inherit;
}