.fed-theme-toggle {
	position: relative;
	overflow: visible;
}

.fed-theme-toggle:after {
	content: attr(data-theme-label);
	position: absolute;
	top: 50%;
	right: calc(100% + .5rem);
	transform: translateY(-50%);
	padding: 0 .625rem;
	height: 1.875rem;
	line-height: 1.875rem;
	border-radius: 999px;
	font-size: .75rem;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .18);
	transition: opacity .2s ease, transform .2s ease;
}

.fed-theme-toggle:hover:after,
.fed-theme-toggle:focus:after {
	opacity: 1;
	transform: translateY(-50%) translateX(-.125rem);
}

html[data-fed-theme="dark"] .fed-theme-toggle:after {
	background-color: rgba(34, 34, 34, .96);
	color: #f5f5f5;
}

html[data-fed-theme="light"] .fed-theme-toggle:after,
html[data-fed-theme="transparent"] .fed-theme-toggle:after {
	background-color: rgba(255, 255, 255, .96);
	color: #333;
}

@media (max-width: 47.9375rem) {
	.fed-theme-toggle:after {
		display: none;
	}
}

@media (min-width: 48rem) {
	.fed-part-case {
		width: calc(100% - 1.5rem) !important;
		max-width: 48rem !important;
	}
}

@media (min-width: 62rem) {
	.fed-part-case {
		max-width: 64rem !important;
	}
}

@media (min-width: 75rem) {
	.fed-part-case {
		max-width: 78rem !important;
	}
}

@media (min-width: 90rem) {
	.fed-part-case {
		max-width: 84rem !important;
	}
}

/* 首页推荐 Banner */
.fed-reco-banner {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.fed-reco-pics {
	width: 100%;
	border-radius: .1875rem;
	overflow: hidden;
	background-position: 50% 50%;
	background-size: cover;
}

@media (min-width: 48rem) {
	.fed-reco-banner {
		width: 20%;
		padding: .3125rem;
		margin-top: 0;
	}
	.fed-reco-pics {
		width: 100%;
		margin-bottom: .5rem;
	}
}

@media (max-width: 47.9375rem) {
	.fed-reco-banner {
		display: none;
	}
}