.section-box,
.section-box-2 {
	color: var(--fs-text-color);
}

.section-box .section-header,
.section-box-2 .section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.5rem;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--fs-seperator-color);
}

.section-box .section-header .left,
.section-box-2 .section-header .left {
	flex-shrink: 0;
}

.section-box .section-header .left .section-header-title,
.section-box-2 .section-header .left .section-header-title {
	height: 2rem;
	line-height: 2rem;
	font-size: 1.5rem;
	font-weight: bold;
	font-family: 'nanum-gothic-reegular';
	color: var(--fs-background-second-color);
}

.section-box .section-header .right,
.section-box-2 .section-header .right {
	overflow-x: auto;
}

.section-box .section-header .right .section-header-more,
.section-box-2 .section-header .right .section-header-more {
	color: var(--fs-text-fifth-color);
	height: 2rem;
	line-height: 2rem;
	font-size: 0.875rem;
}

.section-box .section-header .right::-webkit-scrollbar,
.section-box-2 .section-header .right::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}

.section-banner-box .bn-pc,
.section-banner-box .bn-mob {
	gap: var(--fs-spacing);
}

.section-banner-box .section-banner-item {
	display: inline-block;
	border-radius: 0.25rem;
	overflow: hidden;
}

.module-box .module-box-inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: var(--fs-spacing);
}

.module-fixed-4-box .module-box-inner .module-item {
	width: calc((100% + var(--fs-spacing)) / 4 - var(--fs-spacing)) !important;
}

.module-rank-item:nth-child(1) .v-item-top-left,
.module-rank-item:nth-child(1) .h-item-top-left {
	font-size: 1rem;
	font-weight: bold;
	background-color: var(--fs-third-color) !important;
	color: var(--fs-text-fifth-color);
}

.module-rank-item:nth-child(2) .v-item-top-left,
.module-rank-item:nth-child(2) .h-item-top-left {
	font-size: 1rem;
	font-weight: bold;
	background-color: var(--fs-fourth-color) !important;
	color: var(--fs-text-fifth-color);
}

.module-rank-item:nth-child(3) .v-item-top-left,
.module-rank-item:nth-child(3) .h-item-top-left {
	font-size: 1rem;
	font-weight: bold;
	background-color: var(--fs-fifth-color) !important;
	color: var(--fs-text-fifth-color);
}

.module-rank-item:nth-child(n+4) .v-item-top-left,
.module-rank-item:nth-child(n+4) .h-item-top-left {
	font-size: 1rem;
	font-weight: bold;
	background-color: var(--fs-btn-normal-background-color) !important;
	color: var(--fs-text-fifth-color);
}

@media screen and (min-width:1025px) {
	.section-box-2 .section-header {
		display: flex;
	}

	.section-box-2 .section-header .section-header-week .week-item {
		padding: 0 var(--fs-spacing);
	}

	.section-banner-box .bn-pc {
		display: flex;
		flex-wrap: nowrap;
	}

	.section-banner-box .bn-mob {
		display: none;
		flex-wrap: nowrap;
	}

	.section-banner-box .section-banner-item {
		flex: 1;
		width: auto;
	}

	.module-v-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 6 - var(--fs-spacing));
	}

	.module-h-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 6 - var(--fs-spacing));
	}

	.module-one-row-box .module-item:nth-of-type(-n + 7) {
		display: block;
	}

	.module-one-row-box .module-item:nth-of-type(n + 7) {
		display: none;
	}

	.module-two-row-box .module-item:nth-of-type(-n + 13) {
		display: block;
	}

	.module-two-row-box .module-item:nth-of-type(n + 13) {
		display: none;
	}

	.tab-box {
		justify-content: flex-start;
	}

	.tab-box .tab-item {
		font-size: 1.5rem;
	}

	.rank-box {
		display: flex;
		flex-wrap: wrap;
		gap: var(--fs-spacing);
		overflow: visible;
	}

	.rank-box .rank-item {
		width: calc((100% + var(--fs-spacing)) / 4 - var(--fs-spacing));
	}

	.search-result-info {
		font-size: 1.25rem;
	}

	.search-result-list .search-result-item {
		width: calc((100% + var(--fs-spacing)) / 3 - var(--fs-spacing));
	}

	.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side {
		width: 25%;
	}

	.detail-box .detail-box-side {
		float: right;
		margin: 0 var(--fs-spacing) var(--fs-spacing);
		width: 13.75rem;
	}

	.detail-box .detail-box-side .detail-pic {
		width: 100%;
	}

	.detail-box .detail-box-header .detail-controls {
		display: none;
	}

	.detail-box .detail-box-main .detail-controls {
		display: block;
	}

	.user-box .user-box-main {
		margin-top: 5.5rem;
	}

	.user-box .user-box-main .user-avatar {
		width: 7.5rem;
		height: 7.5rem;
		margin-top: -5rem;
	}

	.user-container .user-container-main .user-info-row {
		flex-wrap: nowrap;
		gap: var(--fs-spacing);
	}

	.user-container .user-container-main .user-info-row .user-info-row-side {
		width: 6.25rem;
		margin-left: var(--fs-spacing);
	}

	.play-box .play-box-main {
		width: 100%;
	}

	.play-box .play-box-side {
		width: 100%;
	}

	.play-box .play-box-side .play-box-side-main {
		overflow: auto;
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item span {
		margin: 0 0.5rem;
	}

	.special-box {
		flex-wrap: nowrap;
		max-height: 18rem;
	}

	.special-box .left {
		max-width: 34rem;
		max-height: 18rem;
	}

	.special-box .right {
		flex: 1;
		min-width: 50%;
	}

	.section-search-box {
		display: none;
	}
}

@media screen and (min-width:3000px) {
	.play-box .play-box-main {
		flex: 1;
	}

	.play-box .play-box-side {
		width: 22.5rem;
	}

	.play-box .play-box-side .play-box-side-main {
		overflow-x: hidden;
		overflow-y: auto;
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item {
		width: calc((100% + 0.75rem) / 2 - 0.75rem);
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item span {
		margin: 0 0.25rem;
	}

	.play-box .play-box-side .play-box-side-main::-webkit-scrollbar {
		width: 8px;
	}

	.play-box .play-box-side .play-box-side-main::-webkit-scrollbar-track {
		background-color: var(--fs-background-third-color);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.play-box .play-box-side .play-box-side-main::-webkit-scrollbar-thumb {
		/*background-color:var(--fs-text-color);
	*/
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: 2px solid var(--fs-background-third-color);
		box-sizing: border-box;
	}

	.special-box {
		flex-wrap: nowrap;
		max-height: 18rem;
	}

	.special-box .left {
		max-width: 34rem;
		max-height: 18rem;
	}

	.special-box .right {
		flex: 1;
		min-width: 50%;
	}
}

@media screen and (min-width:1550px) {
	.module-v-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 6 - var(--fs-spacing));
	}

	.module-h-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 6 - var(--fs-spacing));
	}

	.module-one-row-box .module-item:nth-of-type(-n + 8) {
		display: block;
	}

	.module-one-row-box .module-item:nth-of-type(n + 8) {
		display: none;
	}

	.module-two-row-box .module-item:nth-of-type(-n + 15) {
		display: block;
	}

	.module-two-row-box .module-item:nth-of-type(n + 15) {
		display: none;
	}
}

@media screen and (min-width:1790px) {
	.module-v-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 6 - var(--fs-spacing));
	}

	.module-h-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 8 - var(--fs-spacing));
	}

	.module-one-row-box .module-item:nth-of-type(-n + 9) {
		display: block;
	}

	.module-one-row-box .module-item:nth-of-type(n + 9) {
		display: none;
	}

	.module-two-row-box .module-item:nth-of-type(-n + 17) {
		display: block;
	}

	.module-two-row-box .module-item:nth-of-type(n + 17) {
		display: none;
	}

	.search-result-list .search-result-item {
		width: calc((100% + var(--fs-spacing)) / 4 - var(--fs-spacing));
	}

	.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side {
		width: 25%;
	}
}

@media screen and (max-width:1024px) {
	.section-box-2 .section-header {
		display: flex;
	}

	.section-box-2 .section-header .section-header-week .week-item {
		padding: 0 var(--fs-spacing);
	}

	.section-banner-box .bn-pc {
		display: flex;
		flex-wrap: nowrap;
	}

	.section-banner-box .bn-mob {
		display: none;
		flex-wrap: nowrap;
	}

	.section-banner-box .section-banner-item {
		flex: 1;
		width: auto;
	}

	.module-v-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 5 - var(--fs-spacing));
	}

	.module-h-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 5 - var(--fs-spacing));
	}

	.module-two-row-box .module-item:nth-of-type(-n + 16) {
		display: block;
	}

	.module-two-row-box .module-item:nth-of-type(n + 16) {
		display: none;
	}

	.tab-box {
		justify-content: flex-start;
	}

	.tab-box .tab-item {
		font-size: 1.25rem;
	}

	.rank-box {
		display: flex;
		flex-wrap: wrap;
		gap: var(--fs-spacing);
		overflow: visible;
	}

	.rank-box .rank-item {
		width: calc((100% + var(--fs-spacing)) / 3 - var(--fs-spacing));
	}

	.search-result-info {
		font-size: 1.125rem;
	}

	.search-result-list .search-result-item {
		width: calc((100% + var(--fs-spacing)) / 2 - var(--fs-spacing));
	}

	.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side {
		width: 25%;
	}

	.detail-box .detail-box-side {
		float: right;
		margin: 0 var(--fs-spacing) var(--fs-spacing);
		width: 11.25rem;
	}

	.detail-box .detail-box-side .detail-pic {
		width: 100%;
	}

	.detail-box .detail-box-header .detail-controls {
		display: none;
	}

	.detail-box .detail-box-main .detail-controls {
		display: block;
	}

	.user-box .user-box-main {
		margin-top: 11.25rem;
	}

	.user-box .user-box-main .user-avatar {
		width: 6rem;
		height: 6rem;
		margin-top: -2.5rem;
	}

	.user-container .user-container-main .user-info-row {
		flex-wrap: nowrap;
		gap: var(--fs-spacing);
	}

	.user-container .user-container-main .user-info-row .user-info-row-side {
		width: 6.25rem;
		margin-left: var(--fs-spacing);
	}

	.play-box .play-box-main {
		width: 100%;
	}

	.play-box .play-box-side {
		width: 100%;
	}

	.play-box .play-box-side .play-box-side-main {
		overflow: auto;
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item span {
		margin: 0 0.5rem;
	}

	.special-box {
		flex-wrap: nowrap;
		max-height: 18rem;
	}

	.special-box .left {
		max-width: 34rem;
		max-height: 18rem;
	}

	.special-box .right {
		flex: 1;
		min-width: 50%;
	}

	.section-search-box {
		display: none;
	}
}

@media screen and (max-width:900px) {
	.section-box-2 .section-header {
		display: flex;
	}

	.section-box-2 .section-header .section-header-week .week-item {
		padding: 0 var(--fs-spacing);
	}

	.section-banner-box .bn-pc {
		display: none;
		flex-wrap: wrap;
	}

	.section-banner-box .bn-mob {
		display: flex;
		flex-wrap: wrap;
	}

	.section-banner-box .section-banner-item {
		width: 100%;
		flex: auto;
	}

	.module-v-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 4 - var(--fs-spacing));
	}

	.module-h-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 4 - var(--fs-spacing));
	}

	.module-two-row-box .module-item:nth-of-type(-n + 13) {
		display: block;
	}

	.module-two-row-box .module-item:nth-of-type(n + 13) {
		display: none;
	}

	.tab-box {
		justify-content: center;
	}

	.tab-box .tab-item {
		font-size: 1.25rem;
	}

	.rank-box {
		display: flex;
		flex-wrap: wrap;
		gap: var(--fs-spacing);
		overflow: visible;
	}

	.rank-box .rank-item {
		width: calc((100% + var(--fs-spacing)) / 2 - var(--fs-spacing));
	}

	.search-result-info {
		font-size: 1rem;
	}

	.search-result-list .search-result-item {
		width: calc((100% + var(--fs-spacing)) / 2 - var(--fs-spacing));
	}

	.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side {
		width: 25%;
	}

	.detail-box .detail-box-side {
		float: right;
		margin: 0 var(--fs-spacing) var(--fs-spacing);
		width: 8.75rem;
	}

	.detail-box .detail-box-side .detail-pic {
		width: 100%;
	}

	.detail-box .detail-box-header .detail-controls {
		display: none;
	}

	.detail-box .detail-box-main .detail-controls {
		display: block;
	}

	.user-box .user-box-main {
		margin-top: 10rem;
	}

	.user-box .user-box-main .user-avatar {
		width: 5rem;
		height: 5rem;
		margin-top: -2rem;
	}

	.user-container .user-container-main .user-info-row {
		flex-wrap: nowrap;
		gap: var(--fs-spacing);
	}

	.user-container .user-container-main .user-info-row .user-info-row-side {
		width: 6.25rem;
		margin-left: var(--fs-spacing);
	}

	.play-box .play-box-main {
		width: 100%;
	}

	.play-box .play-box-side {
		width: 100%;
	}

	.play-box .play-box-side .play-box-side-main {
		overflow: auto;
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item span {
		margin: 0 0.5rem;
	}

	.special-box {
		flex-wrap: nowrap;
		max-height: 18rem;
	}

	.special-box .left {
		max-width: 34rem;
		max-height: 18rem;
	}

	.special-box .right {
		flex: 1;
		min-width: 50%;
	}

	.section-search-box {
		display: none;
	}
}

@media screen and (max-width:560px) {
	
	.hzgz{
		margin-bottom:30px;
	}
	.section-box-2 .section-header {
		display: block;
	}

	.section-box-2 .section-header .section-header-week {
		margin-top: 0.5rem;
	}

	.section-box-2 .section-header .section-header-week .week-item {
		flex: 1;
		padding: 0;
	}

	.section-banner-box .bn-pc {
		display: none;
		flex-wrap: wrap;
	}

	.section-banner-box .bn-mob {
		display: flex;
		flex-wrap: wrap;
	}

	.section-banner-box .section-banner-item {
		width: 100%;
		flex: auto;
	}

	.module-v-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 3 - var(--fs-spacing));
	}

	.module-h-box .module-box-inner .module-item {
		width: calc((100% + var(--fs-spacing)) / 2 - var(--fs-spacing));
	}

	.module-two-row-box .module-item:nth-of-type(-n + 13) {
		display: block;
	}

	.module-two-row-box .module-item:nth-of-type(n + 13) {
		display: none;
	}

	.tab-box {
		justify-content: center;
	}

	.tab-box .tab-item {
		font-size: 1rem;
	}

	.pagenation-box .page-item {
		display: none !important;
	}

	.rank-box {
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: visible;
	}

	.rank-box .rank-item {
		width: 66.6666666667%;
		display: inline-block;
	}

	.rank-box .rank-item+.rank-item {
		margin-left: var(--fs-spacing);
	}

	.rank-box::-webkit-scrollbar {
		display: none;
	}

	.search-result-info {
		font-size: 0.875rem;
	}

	.search-result-list .search-result-item {
		width: 100%;
	}

	.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side {
		width: 25%;
	}

	.detail-box .detail-box-side {
		float: none;
		margin: 0;
		width: 100%;
	}

	.detail-box .detail-box-side .detail-pic {
		margin: calc(2 * var(--fs-spacing)) auto var(--fs-spacing);
		width: 40%;
		min-width: 10rem;
	}

	.detail-box .detail-box-header .detail-title {
		text-align: center;
		margin-top: 1.25rem;
	}

	.detail-box .detail-box-header .detail-tags {
		justify-content: center;
	}

	.detail-box .detail-box-header .detail-controls {
		display: flex;
	}

	.detail-box .detail-box-main .detail-controls {
		display: none;
	}

	.user-box .user-box-main {
		margin-top: 3.5rem;
	}

	.user-box .user-box-main .user-avatar {
		width: 4rem;
		height: 4rem;
		margin-top: -1.5rem;
	}

	.user-container .user-container-main .user-info-row {
		flex-wrap: wrap;
		gap: 0;
	}

	.user-container .user-container-main .user-info-row .user-info-row-side {
		width: 100%;
		margin-left: 0;
	}

	.user-container .user-container-main .user-info-row .user-info-row-main .submit-btn {
		display: block;
		margin: 0 auto;
	}

	.play-box .play-box-main {
		width: 100%;
	}

	.play-box .play-box-side {
		width: 100%;
	}

	.play-box .play-box-side .play-box-side-main {
		max-height: 300px !important;
		overflow: auto;
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item {
		width: calc((100% + 0.75rem) / 2 - 0.75rem);
	}

	.play-box .play-box-side .play-box-side-main .episode-list .episode-item span {
		margin: 0 0.25rem;
	}

	.special-box {
		flex-wrap: wrap;
		height: auto;
		max-height: none;
	}

	.special-box .left,
	.special-box .right {
		width: 100%;
	}

	.section-search-box {
		display: block;
	}

	.section-search-box .logo .logo-img-h {
		display: block;
	}

	.section-search-box .logo .logo-img-s {
		display: none;
	}

	.filter-box .filter-row::-webkit-scrollbar {
		display: none;
		/* Chrome Safari */
	}

	.filter-box .filter-row {
		scrollbar-width: none;
		/* firefox */
		-ms-overflow-style: none;
		/* IE 10+ */
		overflow-x: auto;
		overflow-y: hidden;
	}

	.filter-box .filter-row .filter-row-main {
		flex-wrap: nowrap !important;
	}

	.filter-box .filter-item {
		white-space: nowrap;
	}
	
	.play-box .play-box-main {
	    height:300px!important;
	}
	

}


	
.section-header-week {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	flex-wrap: nowrap;
}

.section-header-week .week-item {
	flex-shrink: 0;
	font-size: 0.875rem;
	display: inline-block;
	border-radius: 0.25rem;
	color: var(--fs-text-color);
	text-align: center;
	height: 2rem;
	line-height: 2rem;
}

.section-header-week .week-item:hover {
	background-color: var(--fs-btn-hover-background-second-color);
}

.section-header-week .week-item-active {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.section-header-week .week-item-active:hover {
	color: var(--fs-text-color);
	background-color: var(--fs-primary-color);
}

.carousel-box {
	background-color: var(--fs-background-color);
	border-radius: 0.25rem;
	overflow: hidden;
}

.carousel-box .swiper-slide {
	position: relative;
}

.carousel-box .swiper-button-prev:after,
.carousel-box .swiper-button-next:after {
	font-size: 1.5rem;
	color: var(--fs-primary-color);
}

.carousel-box .carousel-item {
	height: 0;
	padding-bottom: min(max(32.1%, 180px), 520px);
	background-color: azure;
	display: block;
}

.carousel-box .carousel-item .carousel-item-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-image: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5));
	font-size: 0.875rem;
	line-height: 150%;
}

.carousel-box .carousel-item .carousel-item-inner .carousel-item-title {
	margin: 0 var(--fs-spacing);
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--fs-text-fifth-color);
}

.carousel-box .carousel-item .carousel-item-inner .carousel-item-tags {
	margin: 0.5rem var(--fs-spacing);
	color: #cecece;
}

.carousel-box .carousel-item .carousel-item-inner .carousel-item-desc {
	margin: 0 var(--fs-spacing) 2.5rem;
	color: #cecece;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.v-item {
	display: block;
	/*color:var(--fs-text-second-color);
	*/
}

.v-item .v-item-main {
	position: relative;
	border-radius: 0.25rem;
	overflow: hidden;
}

.v-item .v-item-main .v-item-cover {
	height: 0;
	padding-bottom: 144.4444444444%;
	background-color: var(--fs-background-color);
	position: relative;
}

.v-item .v-item-main img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.v-item .v-item-main .v-item-cover:hover img {
	transition: 0.5s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	/*兼容-webkit-引擎浏览器*/
	-moz-transform: scale(1.1);
	/*兼容-moz-引擎浏览器*/
}

.v-item .v-item-main .v-item-top {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--fs-text-third-color);
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.75rem;
	display: flex;
	justify-content: space-between;
}

.v-item .v-item-main .v-item-top .v-item-top-left {
	background-color: var(--fs-second-color);
	color: var(--fs-text-fifth-color);
	border-bottom-right-radius: 0.25rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.v-item .v-item-main .v-item-top .v-item-top-right {
	background-color: var(--fs-background-third-color);
	color: var(--fs-text-color);
	border-bottom-left-radius: 0.25rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.v-item .v-item-main .v-item-top span {
	display: inline-block;
	margin: 0 0.5rem;
}

.v-item .v-item-main .v-item-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	color: var(--fs-text-fifth-color);
	font-size: 0.75rem;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 77%));
}

.v-item .v-item-main .v-item-bottom span {
	display: inline-block;
	margin: 0 0.5rem;
}

.v-item .v-item-footer {
	margin-top: 0.5rem;
}

.v-item .v-item-footer .v-item-title {
	/*text-align:center;
	font-size:0.875rem;
	*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size:1.1rem;
}

.v-item .v-item-footer .v-item-stars {
	/*text-align:center;
	font-size:0.875rem;
	*/
	margin-top: 5px;
	color: var(--fs-text-fifth-color);
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.v-item:hover .v-item-main {
	box-shadow: 0 0 0.5rem var(--fs-text-fourth-color);
}

.h-item {
	display: block;
	color: var(--fs-text-color);
}

.h-item .h-item-main {
	position: relative;
	border-radius: 0.25rem;
	overflow: hidden;
}

.h-item .h-item-main .h-item-cover {
	height: 0;
	padding-bottom: 55.1470588235%;
	background-color: azure;
	position: relative;
}

.h-item .h-item-main img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.h-item .h-item-main .h-item-cover:hover img {
	transition: 0.5s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	/*兼容-webkit-引擎浏览器*/
	-moz-transform: scale(1.1);
	/*兼容-moz-引擎浏览器*/
}

.h-item .h-item-main .h-item-top {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--fs-text-fifth-color);
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.75rem;
	display: flex;
	justify-content: space-between;
}

.h-item .h-item-main .h-item-top .h-item-top-left {
	background-color: var(--fs-second-color);
	border-bottom-right-radius: 0.25rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.h-item .h-item-main .h-item-top .h-item-top-right {
	background-color: var(--fs-fourth-color);
	border-bottom-left-radius: 0.25rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.h-item .h-item-main .h-item-top span {
	display: inline-block;
	margin: 0 0.5rem;
}

.h-item .h-item-main .h-item-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	color: var(--fs-text-fifth-color);
	font-size: 0.75rem;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.5019607843));
}

.h-item .h-item-main .h-item-bottom span {
	display: inline-block;
	margin: 0 0.5rem;
}

.h-item .h-item-footer {
	margin-top: 0.5rem;
}

.h-item .h-item-footer .h-item-title {
	text-align: center;
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.h-item:hover .h-item-main {
	box-shadow: 0 0 0.5rem var(--fs-text-fourth-color);
}

.tab-box {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	justify-content: start;
}

.tab-box .tab-item {
	display: block;
	position: relative;
	padding: var(--fs-spacing) 0 calc(var(--fs-spacing) / 2);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}

.tab-box .tab-item .tab-item-label {
	color: var(--fs-text-third-color);
}

.tab-box .tab-item-active .tab-item-label {
	color: var(--fs-text-color);
}

.tab-box .tab-item-active .tab-item-dot {
	background-color: var(--fs-primary-color);
	width: 100%;
	height: 0.25rem;
	border-radius: 0.25rem;
	position: absolute;
	bottom: 0;
	left: 0;
}

.filter-box .filter-row {
	display: flex;
}

.filter-box .filter-row .filter-row-side {
	/*width:10%;
	*/
	min-width: 4.75rem;
	max-width: 8.25rem;
}

.filter-box .filter-row .filter-row-side strong {
	height: 2rem;
	line-height: 2rem;
	font-size: 20px;
	/*border-bottom:2px solid var(--fs-primary-color);
	*/
}

.filter-box .filter-row .filter-row-main {
	flex: 1;
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.filter-box .filter-row+.filter-row {
	margin-top: 0.75rem;
}

.filter-box .filter-item {
	background-color: var(--fs-btn-normal-background-second-color);
	color: var(--fs-text-color);
	display: block;
	height: 2rem;
	line-height: 2rem;
	padding: 0 0.5rem;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	/* autoprefixer:ignore next */
	-webkit-box-orient: vertical;
}

.filter-box .filter-item:hover {
	background-color: var(--fs-text-color);
	color: var(--fs-text-second-color);
}

.filter-box .filter-item-active {
	background-color: var(--fs-text-color);
	color: var(--fs-text-second-color);
}

.filter-box .filter-item-active:hover {
	background-color: var(--fs-text-color);
	color: var(--fs-text-second-color);
}

.pagenation-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--fs-spacing);
}

.pagenation-box .page-item,
.pagenation-box .page-item-first,
.pagenation-box .page-item-prev,
.pagenation-box .page-item-next,
.pagenation-box .page-item-last {
	display: block;
	background-color: var(--fs-btn-normal-background-second-color);
	color: var(--fs-btn-normal-text-second-color);
	border-radius: 0.25rem;
	height: 2rem;
	line-height: 2rem;
	padding: 0 var(--fs-spacing);
	font-size: 0.875rem;
	text-align: center;
}

.pagenation-box .page-item:hover,
.pagenation-box .page-item-first:hover,
.pagenation-box .page-item-prev:hover,
.pagenation-box .page-item-next:hover,
.pagenation-box .page-item-last:hover {
	color: var(--fs-btn-hover-text-second-color);
	background-color: var(--fs-btn-hover-background-second-color);
}

.pagenation-box .page-item-active {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.pagenation-box .page-item-active:hover {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.rank-box .rank-item {
	box-sizing: border-box;
	border: 1px solid var(--fs-seperator-color);
	box-shadow: 0 0 1rem rgba(255, 255, 255, 0.062745098);
	border-radius: 1rem;
}

.rank-box .rank-item .rank-item-header .rank-item-header-title {
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	color: var(--fs-text-second-color);
}

.rank-box .rank-item .rank-item-main .rank-row {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.rank-box .rank-item .rank-item-main .rank-row .rank-row-side-left {
	text-align: center;
	width: 1.5rem;
	margin: 0.625rem 0 0.625rem 0.75rem;
}

.rank-box .rank-item .rank-item-main .rank-row .rank-row-side-left .rank-row-num {
	font-size: 1.5rem;
	font-weight: bold;
}

.rank-box .rank-item .rank-item-main .rank-row .rank-row-main {
	flex: 1;
	width: calc(100% - 2rem - 1.5rem - 1.5rem);
	margin: 0.625rem 0;
}

.rank-box .rank-item .rank-item-main .rank-row .rank-row-main .rank-row-title {
	font-size: 0.875rem;
	color: var(--fs-text-second-color);
	height: 1.5rem;
	line-height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.rank-box .rank-item .rank-item-main .rank-row .rank-row-main .rank-row-sub-title {
	font-size: 0.75rem;
	color: var(--fs-text-third-color);
	height: 1.25rem;
	line-height: 1.25rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.rank-box .rank-item .rank-item-main .rank-row .rank-row-side-right {
	text-align: center;
	width: 1.5rem;
	color: var(--fs-text-color);
	margin: 0.625rem 0.75rem 0.625rem 0;
}

.rank-box .rank-item .rank-item-main .rank-row:hover {
	background-color: var(--fs-btn-hover-background-second-color);
}

.rank-box .rank-item .rank-item-main .rank-row:hover .rank-row-main .rank-row-title {
	font-weight: bold;
}

.rank-box .rank-item .rank-item-main .rank-row:nth-child(1) .rank-row-num {
	color: var(--fs-third-color);
}

.rank-box .rank-item .rank-item-main .rank-row:nth-child(2) {
	color: var(--fs-fourth-color);
}

.rank-box .rank-item .rank-item-main .rank-row:nth-child(3) {
	color: var(--fs-fifth-color);
}

.rank-box .rank-item .rank-item-main .rank-row:nth-child(n+4) {
	color: var(--fs-text-color);
}

.form-area {
	padding: 5rem 0 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-area-inner {
	width: 20rem;
}

.form-area-inner .form-area-header .form-title {
	height: 2.5rem;
	line-height: 2.5rem;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: var(--fs-spacing);
}

.form-area-inner .form-area-footer .form-ext {
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.75rem;
	text-align: center;
}

.form-area-inner .form-area-footer .form-ext a {
	color: var(--fs-text-color);
	text-decoration: underline;
}

.form-area-inner .form-area-footer .form-ext a:hover {
	color: var(--fs-primary-color);
}

.search-result-info {
	font-weight: bold;
}

.search-result-info .highlight-text {
	color: var(--fs-primary-color);
}

.search-result-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fs-spacing);
}

.search-result-list .search-result-item {
	display: block;
	color: var(--fs-text-color);
}

.search-result-list .search-result-item .search-result-item-header {
	display: flex;
	justify-content: flex-end;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.875rem;
	color: var(--fs-text-third-color);
}

.search-result-list .search-result-item .search-result-item-ctn {
	background-color: var(--fs-background-six-color);
	border-radius: 0.25rem;
	width: 100%;
	display: flex;
	gap: 1rem;
	align-items: center;
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side {
	margin: -2rem 0 var(--fs-spacing) var(--fs-spacing);
	width: 115px;
	height: 163.1296296296px;
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side .search-result-item-pic {
	border-radius: 0.25rem;
	background-color: var(--fs-background-color);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-side .search-result-item-pic img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: var(--fs-background-color);
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main {
	margin: 0 var(--fs-spacing) 0 0;
	flex: 1;
	font-size: 0.75rem;
	line-height: 150%;
	color: var(--fs-text-fifth-color);
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .title,
.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .tags,
.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .actors {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .title {
	margin-top: 0.5rem;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--fs-text-color);
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .tags {
	margin-top: 0.25rem;
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .actors {
	margin-top: 0.25rem;
}

.search-result-list .search-result-item .search-result-item-ctn .search-result-item-main .desc {
	margin-top: 0.25rem;
	margin-bottom: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.search-result-list .search-result-item:hover .search-result-item-ctn {
	/*background-color:rgb(235,235,235);
	*/
}

.search-result-list .search-result-item:hover .search-result-item-ctn .search-result-item-side .search-result-item-pic img {
	transition: 0.5s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	/*兼容-webkit-引擎浏览器*/
	-moz-transform: scale(1.1);
	/*兼容-moz-引擎浏览器*/
}

.detail-box .detail-box-side .detail-pic {
	border-radius: 0.5rem;
	overflow: hidden;
	box-shadow: 0 0 1rem rgba(255, 255, 255, 0.2);
}

.detail-box .detail-box-side .detail-pic img {
	width: 100%;
	transition: all 0.5s;
}

.detail-box .detail-box-side .detail-pic:hover img {
	transition: 0.5s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	/*兼容-webkit-引擎浏览器*/
	-moz-transform: scale(1.1);
	/*兼容-moz-引擎浏览器*/
}

.detail-box .detail-box-header .detail-title {
	font-size: 1.5rem;
	color: var(--fs-text-color);
	line-height: 150%;
}

.detail-box .detail-box-header .detail-tags {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.detail-box .detail-box-header .detail-tags .detail-tags-item {
	height: 2rem;
	line-height: 2rem;
	padding: 0 var(--fs-spacing);
	font-size: 0.875rem;
	background-color: rgba(var(--fs-accent-black), var(--fs-opacity-5));
	color: #0f0f0f;
	border-radius: 0.25rem;
}

.detail-box .detail-box-header .detail-tags .detail-tags-item:hover {
	color: var(--fs-text-color);
	background-color: var(--fs-primary-color);
}

.detail-box .detail-box-header .detail-controls {
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.detail-box .detail-box-main {
	background-color: rgb(151 145 145 / 10%);
	border-radius: 0.5rem;
	padding: var(--fs-spacing);
}

.detail-box .detail-box-main .detail-desc {
	font-size: 0.875rem;
	line-height: 150%;
	word-break: break-all;
}

.detail-box .detail-box-main .detail-info-row {
	display: flex;
	min-height: 1.5rem;
	align-items: flex-start;
	font-size: 0.875rem;
	line-height: 150%;
}

.detail-box .detail-box-main .detail-info-row .detail-info-row-side {
	width: 4rem;
}

.detail-box .detail-box-main .detail-info-row .detail-info-row-main {
	flex: 1;
	color: var(--fs-text-fifth-color);
}

.detail-box .detail-box-main .detail-info-row .detail-info-row-main a {
	color: var(--fs-text-color);
}

.detail-box .detail-box-main .detail-info-row .detail-info-row-main a:hover {
	color: var(--fs-primary-color);
}

.detail-box .detail-box-main .detail-info-row+.detail-info-row {
	margin-top: 0.75rem;
}

.detail-box .detail-box-main .detail-reviews {
	display: flex;
	gap: 0.625rem;
	align-items: center;
}

.detail-box .detail-box-main .detail-reviews .detail-review-item {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.25rem;
	overflow: hidden;
}

.detail-box .detail-box-main .detail-reviews .detail-review-item img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.detail-box .detail-box-main .detail-control {
	display: flex;
	gap: var(--fs-spacing);
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-size: 0.875rem;
}

.detail-box .detail-box-main .detail-control .left {
	display: flex;
	gap: var(--fs-spacing);
}

.detail-box .detail-box-main .detail-control .right {
	color: var(--fs-text-third-color);
}

.detail-box .detail-line {
	height: 1px;
	background-color: var(--fs-seperator-color);
}

.detail-box .play-btn {
	width: 6.75rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.detail-box .favorite-btn,
.detail-box .scan-btn-box,
.detail-box .scan-btn {
	width: 6.75rem;
	height: 2.5rem;
	border-radius: 0.25rem;
	justify-content: center;
	align-items: center;
	border: 0;
	outline: none;
	background-color: var(--fs-background-fourth-color);
	color: var(--fs-text-fifth-color);
}

.detail-box .favorite-btn,
.detail-box .scan-btn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.detail-box .favorite-btn span,
.detail-box .scan-btn span {
	font-size: 0.875rem;
}

.detail-box .favorite-btn i,
.detail-box .scan-btn i {
	font-size: 1.25rem;
}

.detail-box .favorite-btn-active {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.detail-box .scan-btn-box {
	position: relative;
}

.detail-box .scan-btn-box .scan-popup {
	position: absolute;
	z-index: 99;
	top: -180px;
	left: 0;
	margin-left: calc(-1 * (150px - 6.75rem) / 2);
	width: 150px;
	height: 180px;
	background-color: white;
	overflow: hidden;
	border-radius: 0.5rem;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.detail-box .scan-btn-box .scan-popup .qrcode {
	margin: 15px;
}

.detail-box .scan-btn-box .scan-popup .scan-popup-label {
	text-align: center;
	font-size: 14px;
	color: var(--fs-text-color);
}

.episode-box .episode-box-header {
	display: flex;
	justify-content: space-between;
	gap: var(--fs-spacing);
	overflow: hidden;
}

.episode-box .episode-box-header .left .episode-box-title {
	font-size: 1.5rem;
	color: var(--fs-text-color);
	height: 2.875rem;
	line-height: 2.875rem;
	white-space: nowrap;
}

.episode-box .episode-box-header .right .source-box {
	height: 3.25rem;
}

.episode-box .episode-box-header .source-swiper {
	width: 100%;
	height: 100%;
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide {
	width: fit-content !important;
	height: 100%;
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide .source-item {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 2px 0.625rem;
	color: var(--fs-text-third-color);
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide .source-item .source-item-label {
	margin-top: 0.5rem;
	display: block;
	font-size: 0.875rem;
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide .source-item .source-item-dot {
	height: 0.25rem;
	width: 1rem;
	border-radius: 0.25rem;
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide .source-item .source-item-num {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: var(--fs-background-third-color);
	color: var(--fs-text-fifth-color);
	min-width: 0.625rem;
	max-width: 2.75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	border-radius: 16px;
	padding: 0.25rem 0.375rem;
	line-height: 0.625rem;
	font-size: 0.625rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide .source-item:hover {
	color: var(--fs-primary-color);
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide-active .source-item {
	font-weight: bold;
	color: var(--fs-text-color);
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide-active .source-item .source-item-dot {
	background-color: var(--fs-primary-color);
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide-active .source-item .source-item-num {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.episode-box .episode-box-header .source-swiper .source-swiper-slide-active .source-item:hover {
	color: var(--fs-text-color);
}

.episode-box .episode-box-main {
	margin-top: 0.75rem;
	border: 1px solid var(--fs-border-normal-color);
	border-radius: 0.5rem;
	padding: var(--fs-spacing);
}

.episode-box .episode-box-main .episode-list {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.episode-box .episode-box-main .episode-list .episode-item {
	display: block;
	background-color: rgba(var(--fs-accent-black), var(--fs-opacity-5));
	color: var(--fs-text-color);
	padding: 0 var(--fs-spacing);
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 0.25rem;
	font-size: 0.875rem;
}

.episode-box .episode-box-main .episode-list .episode-item:hover {
	color: var(--fs-btn-hover-text-second-color);
	background-color: var(--fs-btn-hover-background-second-color);
}

.episode-box .episode-box-main .episode-list .episode-item-active {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.episode-box .episode-box-main .episode-list .episode-item-active:hover {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-color);
}

.user-box {
	border-radius: 0.5rem;
	overflow: hidden;
	padding-top: 1px;
	background: var(--fs-gray-primary-color);
	background-size: cover;
}

.user-box .user-box-main {
	background-color: var(--fs-background-third-color);
	display: flex;
	gap: var(--fs-spacing);
	align-items: center;
}

.user-box .user-box-main .user-avatar {
	border-radius: 9.375rem;
	box-sizing: border-box;
	border: 4px solid white;
	margin-left: var(--fs-spacing);
	margin-bottom: var(--fs-spacing);
}

.user-box .user-box-main .user-avatar img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.user-box .user-box-main .user-info .username {
	font-size: 0.5rem;
	color: var(--fs-text-color);
	height: 1.5rem;
	line-height: 1.5rem;
}

.user-box .user-box-main .user-info .login-time {
	font-size: 0.875rem;
	height: 1.5rem;
	line-height: 1.5rem;
}

.user-box .user-box-main .user-control {
	margin-left: auto;
	margin-right: var(--fs-spacing);
}

.user-box .user-box-main .user-control .logout-btn {
	height: 2rem;
	line-height: 2rem;
	background-color: #ffffff;
	/*padding:0 var(--fs-spacing);
	*/
	color: #242323;
	border: none;
	outline: none;
	border-radius: 0.25rem;
	font-size: 0.875rem;
}

.user-box .user-box-main .user-control .logout-btn:hover {
	color: #242323;
}

.user-container .user-container-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 2.75rem;
	gap: var(--fs-spacing);
}

.user-container .user-container-header .info-swiper {
	width: 100%;
	height: 100%;
}

.user-container .user-container-header .info-swiper .info-swiper-slide {
	width: fit-content !important;
	height: 100%;
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 0 0.625rem;
	color: var(--fs-text-third-color);
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item .info-item-label {
	margin-top: 0.5rem;
	display: block;
	font-size: 1rem;
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item .info-item-dot {
	height: 0.25rem;
	width: 1rem;
	border-radius: 0.25rem;
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item:hover {
	color: var(--fs-primary-color);
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item-active {
	font-weight: bold;
	color: var(--fs-text-color);
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item-active .info-item-dot {
	background-color: var(--fs-primary-color);
}

.user-container .user-container-header .info-swiper .info-swiper-slide .info-item-active:hover {
	color: var(--fs-text-third-color);
}

.user-container .user-container-main .user-info-form {
	max-width: 32rem;
}

.user-container .user-container-main .user-info-row {
	display: flex;
	align-items: center;
	font-size: 0.875rem;
}

.user-container .user-container-main .user-info-row .user-info-row-side {
	height: 2.5rem;
	line-height: 2.5rem;
	color: var(--fs-text-color);
}

.user-container .user-container-main .user-info-row .user-info-row-main {
	flex: 1;
	color: var(--fs-text-fifth-color);
}

.user-container .user-container-main .user-info-row .user-info-row-main .submit-btn {
	width: 7.5rem;
}

.user-container .user-container-main .user-info-row-edit+.user-info-row-edit {
	margin-top: var(--fs-spacing);
}

.user-container .refresh-btn,
.user-container .copy-btn {
	background-color: var(--fs-background-fourth-color);
	border-radius: 0.25rem;
	height: 2rem;
	line-height: 2rem;
	padding: 0 var(--fs-spacing);
	color: var(--fs-text-fifth-color);
	border: none;
	outline: none;
	font-size: 0.875rem;
	min-width: 3.75rem;
}

.user-container .refresh-btn:hover,
.user-container .copy-btn:hover {
	color: var(--fs-primary-color);
}

.user-container .copy-btn {
	color: var(--fs-primary-color);
}

.fav-ctl-box {
	display: flex;
	gap: var(--fs-spacing);
	flex-wrap: wrap;
}

.fav-ctl-box .fav-ctl-btn {
	width: 5rem;
}

.fav-list .list-row,
.his-list .list-row {
	display: flex;
	align-items: center;
	gap: var(--fs-spacing);
}

.fav-list .list-row .list-row-main,
.his-list .list-row .list-row-main {
	flex: 1;
}

.fav-list .list-row .list-row-main a,
.his-list .list-row .list-row-main a {
	font-size: 0.875rem;
	height: 2.75rem;
	line-height: 2.75rem;
	color: var(--fs-text-color);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	/* autoprefixer:ignore next */
	-webkit-box-orient: vertical;
}

.fav-list .list-row .list-row-main a:hover,
.his-list .list-row .list-row-main a:hover {
	color: var(--fs-primary-color);
}

.fav-list .list-row .list-row-rSide .replay-btn,
.his-list .list-row .list-row-rSide .replay-btn {
	background: none;
	height: 2rem;
	line-height: 2rem;
	padding: 0 var(--fs-spacing);
	font-size: 0.875rem;
	border: none;
	outline: none;
}

.fav-list .list-row .list-row-rSide .replay-btn:hover,
.his-list .list-row .list-row-rSide .replay-btn:hover {
	color: var(--fs-primary-color);
}

.play-box {
	border-radius: 0.5rem;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.play-box .play-box-main {
	background-color: #000000;
	position: relative;
	overflow: hidden;
	height: 700px;
}

.play-box .play-box-main .mq-notice {
    position: absolute;
    padding: 10px 25px 10px 10px;
    width: 100%;
    display: flex;
    align-items: center;
    color: #ffffff;
    box-sizing: border-box;
}

.play-box .play-box-main .mq-notice-close {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.play-box .play-box-main .video-wrapper,
.play-box .play-box-main .video-loading-wrapper,
.play-box .play-box-main .video-error-wrapper,
.play-box .play-box-main .install-click-wrap {
	/*position:absolute;
	*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.8rem;
	background-size: cover;
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-icon img,
.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-icon-loading img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-icon {
	width: 31.25%;
	color: var(--fs-text-color);
	text-align: center;
	font-size: 30px;
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-icon-loading {
	width: 3.4666666667%;
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-icon-animation-spin img {
	animation: spin 3s linear infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-icon-animation img {
	animation: heartbeat 800ms infinite;
	-webkit-animation: heartbeat 1200ms infinite;
}

@keyframes heartbeat {
	0% {
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		opacity: 0.8;
	}

	30% {
		transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		opacity: 1;
	}

	100% {
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		opacity: 0.8;
	}
}

@-webkit-keyframes heartbeat {
	0% {
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		opacity: 0.8;
	}

	30% {
		transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		opacity: 1;
	}

	100% {
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		opacity: 0.8;
	}
}

.play-box .play-box-main .video-loading-wrapper .v-loading-box .v-text {
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
}

.play-box .play-box-main .video-error-wrapper {
	display: none;
}

.play-box .play-box-main .video-error-wrapper .video-error-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.8rem;
	background-size: cover;
}

.play-box .play-box-main .video-error-wrapper .video-error-box .video-error-title {
	color: var(--fs-text-fifth-color);
	font-weight: bold;
}

.play-box .play-box-main .video-error-wrapper .video-error-box .video-error-text {
	color: var(--fs-text-fifth-color);
	font-size: 0.875rem;
}

.play-box .play-box-main .video-error-wrapper .video-error-box .video-error-control .video-error-btn {
	display: inline-block;
	background-color: var(--fs-primary-color);
	border-radius: 0.25rem;
	width: 5rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.875rem;
	color: var(--fs-text-color);
}

.play-box .play-box-main .video-autoplay-tip {
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5019607843);
	color: white;
	font-size: 0.875rem;
	text-align: center;
	line-height: 2.75rem;
	width: 100%;
	display: none;
}

.play-box .play-box-main .install-tip-top-wrap {
	display: none;
	position: absolute;
	z-index: 1;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3137254902);
	height: 2rem;
}

.play-box .play-box-main .install-tip-top-wrap .marquee {
	overflow: hidden;
}

.play-box .play-box-main .install-tip-top-wrap .marquee p {
	display: inline-block;
	white-space: nowrap;
	animation: marquee 20s linear infinite;
	color: white;
	font-size: 0.75rem;
	line-height: 2rem;
}

.play-box .play-box-main .install-tip-top-wrap .marquee a {
	color: white;
	text-decoration: none;
}

@keyframes marquee {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

.play-box .play-box-main .install-tip-bottom-left-wrap {
	display: none;
	position: absolute;
	left: 0.75rem;
	max-width: calc(100% - 1.5rem);
	bottom: 3.5rem;
	z-index: 1;
	border-radius: 0.25rem;
	background-color: rgba(0, 0, 0, 0.3137254902);
	height: 2rem;
}

.play-box .play-box-main .install-tip-bottom-left-wrap .wrap-inner .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #222;
	cursor: pointer;
}

.play-box .play-box-main .install-tip-bottom-left-wrap .wrap-inner .close-btn:before {
	position: absolute;
	content: "";
	width: 0.125rem;
	height: 0.5rem;
	background: #fff;
	transform: rotate(45deg);
	top: calc(50% - 0.25rem);
	left: calc(50% - 0.0625rem);
}

.play-box .play-box-main .install-tip-bottom-left-wrap .wrap-inner .close-btn:after {
	content: "";
	position: absolute;
	width: 0.125rem;
	height: 0.5rem;
	background: #fff;
	transform: rotate(-45deg);
	top: calc(50% - 0.25rem);
	left: calc(50% - 0.0625rem);
}

.play-box .play-box-main .install-tip-bottom-left-wrap a {
	display: inline-block;
	color: white;
	padding: 0 1rem;
	font-size: 0.75rem;
	line-height: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.play-box .play-box-main .install-tip-full-wrap {
	display: none;
}

.play-box .play-box-main .install-tip-full-wrap .install-tip-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.8rem;
	background-size: cover;
}

.play-box .play-box-main .install-tip-full-wrap .install-tip-box .install-tip-title {
	color: var(--fs-text-fifth-color);
	font-weight: bold;
}

.play-box .play-box-main .install-tip-full-wrap .install-tip-box .install-tip-text {
	color: var(--fs-text-fifth-color);
	font-size: 0.875rem;
}

.play-box .play-box-main .install-tip-full-wrap .install-tip-box .install-tip-control .install-tip-btn {
	display: inline-block;
	background-color: var(--fs-primary-color);
	border-radius: 0.25rem;
	width: 5rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.875rem;
	color: var(--fs-text-color);
}

.play-box .play-box-side {
	/*background-color:var(--fs-background-third-color);
	*/
	display: flex;
	flex-direction: column;
	height: 450px;
}

.play-box .play-box-side-header {
	background-color: var(--fs-background-six-color)
}

.play-box .play-box-side .play-box-side-header .detail-title {
	font-size: 1.5rem;
	line-height: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: var(--fs-text-color);
}

.play-box .play-box-side .play-box-side-header .detail-title a {
	color: var(--fs-text-fifth-color);
}

.play-box .play-box-side .play-box-side-header .detail-title a:hover {
	color: var(--fs-primary-color);
}

.play-box .play-box-side .play-box-side-header .detail-tags {
	display: flex;
	gap: 0.625rem;
	flex-wrap: wrap;
}

.play-box .play-box-side .play-box-side-header .detail-tags .detail-tags-item {
	height: 2rem;
	line-height: 2rem;
	padding: 0 var(--fs-spacing);
	font-size: 0.875rem;
	background-color: var(--fs-btn-normal-background-color);
	color: var(--fs-btn-normal-text-color);
	border-radius: 0.25rem;
}

.play-box .play-box-side .play-box-side-header .detail-tags .detail-tags-item:hover {
	color: var(--fs-text-color);
	background-color: var(--fs-primary-color);
}

.play-box .play-box-side .play-box-side-header .source-box {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-side {
	min-width: 4rem;
	padding: 8px 0 2px;
	color: var(--fs-text-fifth-color);
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper {
	width: 100%;
	height: 100%;
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide {
	width: fit-content !important;
	height: 100%;
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide .source-item {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 8px 0.625rem 2px;
	color: var(--fs-text-six-color);
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide .source-item .source-item-label {
	margin-top: 0.5rem;
	display: block;
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide .source-item .source-item-dot {
	height: 0.25rem;
	width: 1rem;
	border-radius: 0.25rem;
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide .source-item .source-item-num {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: var(--fs-background-color);
	color: var(--fs-text-color);
	min-width: 0.625rem;
	max-width: 2.75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	border-radius: 1rem;
	padding: 0.25rem 0.375rem;
	margin: 0;
	line-height: 0.625rem;
	font-size: 0.625rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide .source-item:hover {
	color: var(--fs-primary-color);
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide-active .source-item {
	font-weight: bold;
	color: var(--fs-text-fifth-color);
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide-active .source-item .source-item-dot {
	background-color: var(--fs-primary-color);
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide-active .source-item .source-item-num {
	background-color: var(--fs-primary-color);
	color: var(--fs-text-second-color);
}

.play-box .play-box-side .play-box-side-header .source-box .source-box-main .source-swiper .source-swiper-slide-active .source-item:hover {
	color: var(--fs-text-fifth-color);
}

.play-box .play-box-side .play-box-side-main {
	flex: 1;
	background-color: #b7b7b761;
	max-height: 465px;
}

.play-box .play-box-side .play-box-side-main .episode-list {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.play-box .play-box-side .play-box-side-main .episode-list .episode-item {
	display: block;
	background-color: var(--fs-btn-normal-background-color);
	color: var(--fs-btn-normal-text-color);
	height: 2.5rem;
	border-radius: 0.25rem;
	font-size: 0.75rem;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.play-box .play-box-side .play-box-side-main .episode-list .episode-item span {
	text-align: center;
	/*line-height: 0.75rem;*/
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:14px;
}

.play-box .play-box-side .play-box-side-main .episode-list .episode-item:hover {
	color: var(--fs-primary-color);
}

.play-box .play-box-side .play-box-side-main .episode-list .episode-item-active {
	background-color: var(--fs-primary-color);
	color: #ffffff;
}

.play-box .play-box-side .play-box-side-main .episode-list .episode-item-active:hover {
	color: var(--fs-text-second-color);
}

.play-box .play-box-side .play-box-side-footer {
	background-color: var(--fs-background-six-color);
}

.play-box .play-box-side .play-box-side-footer .play-box-side-ctl {
	display: flex;
}

.play-box .play-box-side .play-box-side-footer .play-box-side-ctl .play-box-side-ctl-item {
	flex: 1;
	height: 2.75rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	color: var(--fs-text-color);
}

.play-box .play-box-side .play-box-side-footer .play-box-side-ctl .play-box-side-ctl-item .ctl-item-icon {
	width: 1rem;
	height: 1rem;
}

.play-box .play-box-side .play-box-side-footer .play-box-side-ctl .play-box-side-ctl-item .ctl-item-label {
	font-size: 0.875rem;
}

.play-box .play-box-side .play-box-side-footer .play-box-side-ctl .play-box-side-ctl-item:hover {
	color: var(--fs-primary-color);
}

.special-box {
	display: flex;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: var(--fs-background-seven-color);
}

.special-box .left .special-pic {
	width: 100%;
	height: 100%;
}

.special-box .left .special-pic img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	object-fit: cover;
}

.special-box .right .special-title {
	margin: 1.25rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--fs-text-color);
}

.special-box .right .special-desc {
	margin: 1.25rem;
	font-size: 0.875rem;
	line-height: 150%;
	color: var(--fs-text-third-color);
}

.popup .popup-header {
	position: relative;
	margin: var(--fs-spacing);
}

.popup .popup-header .popup-header-title {
	text-align: center;
	font-size: 1.25rem;
	color: var(--fs-text-second-color);
}

.popup .popup-header .popup-header-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	background-color: var(--fs-background-color);
	border-radius: 0.25rem;
	cursor: pointer;
}

.popup .popup-header .popup-header-close .close {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.popup .popup-header .popup-header-close .close:hover::before,
.popup .popup-header .popup-header-close .close:hover::after {
	background: #000000;
}

.popup .popup-header .popup-header-close .close::before,
.popup .popup-header .popup-header-close .close::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #999;
}

.popup .popup-header .popup-header-close .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.popup .popup-header .popup-header-close .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.popup .popup-main {
	margin: var(--fs-spacing);
	line-height: 350%;
	font-size: 0.875rem;
	color: var(--fs-text-second-color);
}

.popup .popup-main img {
    width: 100%;
    height: auto;
}

.popup .popup-main a {
	color: var(--fs-primary-color);
	font-weight: bold;
	cursor: pointer;
}

.popup .popup-main p+p {
	margin-top: 0.5rem;
}

.popup .popup-footer {
	margin: var(--fs-spacing);
}

.popup .popup-footer .popup-footer-ctl {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--fs-spacing);
}

.popup .popup-btn {
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: 2.5rem;
	overflow: hidden;
	font-size: 0.875rem;
	font-weight: bold;
	text-align: center;
	padding: 0 var(--fs-spacing);
	margin: 0;
	border: 0;
	outline: none;
}

.popup .popup-confirm-btn {
	background-color: var(--fs-primary-color);
	color: #fff9f9;
}

.popup .popup-confirm-btn:hover {
	background: linear-gradient(to bottom right, var(--fs-fifth-color), var(--fs-primary-color));
}

.popup .popup-cancel-btn {
	background-color: var(--fs-background-fourth-color);
	color: #fff9f9;
}

.popup .popup-cancel-btn:hover {
	color: var(--fs-primary-color);
	background: linear-gradient(to bottom right, var(--fs-background-fourth-color), var(--fs-background-fifth-color));
}

.popup .popup-btn-200 {
	width: 200px;
}

.jump_box {
	background-color: var(--fs-background-seven-color);
	width: 80%;
	max-width: 25rem;
	margin: 0 auto;
	border-radius: 0.5rem;
	overflow: hidden;
	font-size: 0.875rem;
}

.jump_box .jump_box_header {
	margin: calc(2 * var(--fs-spacing)) var(--fs-spacing) var(--fs-spacing);
}

.jump_box .jump_box_header .jump_box_header_title {
	font-size: 1.5rem;
	color: var(--fs-text-color);
	text-align: center;
}

.jump_box .jump_box_main {
	margin: var(--fs-spacing);
	color: var(--fs-text-third-color);
}

.jump_box .jump_box_main strong {
	color: var(--fs-primary-color);
}

.jump_box .jump_box_main p+p {
	margin-top: 0.5rem;
}

.jump_box .jump_box_footer {
	margin: var(--fs-spacing) var(--fs-spacing) calc(2 * var(--fs-spacing));
}

.section-search-box .logo-box {
	display: block;
	order: 3;
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-search-box .logo-box .logo {
	display: block;
	/*width:120px;
	height:40px;
	*/
	font-size: 29px;
}

.section-search-box .m-form-page .m-form-page-header {
	display: flex;
	align-items: center;
	margin: 12px 0;
}

.section-search-box .m-form-page .m-form-page-header .form-box {
	flex: 1;
}

.section-search-box .m-form-page .m-form-page-header .cancel-btn {
	display: none;
	width: 60px;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: var(--fs-text-third-color);
	font-size: 0.875rem;
	margin: 0 var(--fs-spacing) 0 0;
}

.section-search-box .m-form-page .m-form-page-header .cancel-btn:hover {
	color: var(--fs-primary-color);
}

.section-search-box .search-bar {
	border: 2px solid var(--fs-primary-color);
	box-sizing: border-box;
	border-radius: 40px;
	display: flex;
	position: relative;
}

.section-search-box .search-bar .search-input {
	flex: 1;
	background: none;
	border: none;
	outline: none;
	outline: 0;
	margin-left: 12px;
	font-size: 0.875rem;
}

.section-search-box .search-bar .sub-btn {
	width: 36px;
	height: 36px;
	color: var(--fs-primary-color);
}

.section-search-box .search-rec {
	display: none;
	background-color: var(--fs-background-seven-color);
	box-shadow: 0 0 64px rgba(255, 255, 255, 0.062745098);
	border-radius: 0.25rem;
	padding: 1px;
}

.section-search-box .search-rec .search-rec-content {
	margin: var(--fs-spacing);
}

.section-search-box .search-rec .search-rec-content .search-tag {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.section-search-box .search-rec .search-rec-content .search-tag a {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 var(--fs-spacing);
	color: var(--fs-text-color);
	background-color: var(--fs-background-fourth-color);
	font-size: 14px;
	border-radius: 4px;
}

.section-search-box .search-rec .search-rec-content .search-tag a.hot {
	color: var(--fs-primary-color);
	background-color: rgba(248, 212, 88, 0.1254901961);
}


.notice_banner {
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
    /*background: #900800;
    color: #333333;*/
}

.after_player_banner{
    display: table;
    margin-left: 1.75rem;
    /*margin: 10px 0 10px 0;*/
    
}