@media (max-width: 767px) {
	.bannerIndex .r1 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r1.gif")
			no-repeat top center;
		background-size: 70%;
	}
	.bannerIndex .r2 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r2.gif")
			no-repeat top center;
		background-size: 70%;
	}
	.bannerIndex .r3 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r3.gif")
			no-repeat top center;
		background-size: 70%;
	}
}
@media (min-width: 768px) {
	.bannerIndex .r1 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r1.gif")
			no-repeat center right;
		background-size: 100%;
	}
	.bannerIndex .r2 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r2.gif")
			no-repeat center right;
		background-size: 100%;
	}
	.bannerIndex .r3 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r3.gif")
			no-repeat center right;
		background-size: 100%;
	}
}
@media (min-width: 1024px) {
	.bannerIndex .r1 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r1.gif")
			no-repeat center right;
		background-size: 80%;
	}
	.bannerIndex .r2 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r2.gif")
			no-repeat center right;
		background-size: 80%;
	}
	.bannerIndex .r3 {
		background: url("/plugin/ycf_new_style/view/img/index/banner-r3.gif")
			no-repeat center right;
		background-size: 80%;
	}
}
.bannerIndex .b_title {
	font-family: "pmzd_font";
	letter-spacing: 0.2em;
	/* text-shadow: 1px 1px 2px; */
}

.carousel-item .btn a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

.carousel-indicators button:not([aria-current="true"]) {
	opacity: 0.38;
}

.viewIndex {
	--KSCardImgHeight: 130px;
}

.viewIndex .KSCard:hover {
	transform: translate(0, -0.6em);
	transition: all 0.6s ease;
}

.viewIndex .KSCard:hover img {
	transform: translate(0, -0.6em);
	transition: all 0.6s ease;
}

.viewIndex .KSCard .KSCardImgBox {
	width: 100%;
}
.viewIndex .KSCard .KSCardImgBox img {
	width: var(--KSCardImgHeight);
	/* height: var(--KSCardImgHeight); */
}
.viewIndex .KSCol h1 {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.viewIndex .KSCol .KSCard {
	background-color: #e5effe;
	/* box-shadow: 0 2px 6px 0 rgba(28, 107, 247, 0.5); */
}

.viewIndex .KSCard img {
	width: calc(var(--KSCardHeight) * 0.4);
	height: calc(var(--KSCardHeight) * 0.4);
}

.CheckPostBox a:hover {
	color: var(--bs-primary) !important;
}

.CheckPostBox a.active {
	color: var(--CyanBlue);
	font-weight: bold;
}

.TJCard .card-body h5 {
	color: var(--CyanBlue);
}

.FooterIcon span:not(:nth-child(1)) {
	margin-left: 15px;
}

.TJCard .TJButton {
	border-radius: 11px;
	background-color: var(--CyanBlue);
	border: 0;
}

.ActCardBox .TJCard:hover {
	box-shadow: 0 2px 10px 0 rgba(99, 118, 141, 0.5);
	transform: scale(1.02);
	transition: all 0.3s ease;
}

.IndexServer img {
	width: 80px;
	height: 80px;
}
.IndexServer .ServerContext {
	height: 5em;
}

.IndexServer .card:hover {
	transform: translate(0, -0.6em);
	transition: all 0.6s ease;
}

.IndexServer .card::before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	height: 4px;
	background-color: #ec2000;
	width: 0;
	transition: width 0.5s ease;
}
.IndexServer .card:hover::before {
	width: 100%;
}
.bannerRight {
	height: 130px;
}
.KcInfoCardBox .col-ks:nth-child(1) .KcInfoCard {
	background-color: #c0e2fb;
}
.KcInfoCardBox .col-ks:nth-child(2) .KcInfoCard {
	background-color: #f3e6c6;
}
.KcInfoCardBox .col-ks:nth-child(3) .KcInfoCard {
	background-color: #f9c7c0;
}
.KcInfoCardBox .col-ks:nth-child(4) .KcInfoCard {
	background-color: #c1c1f4;
}
.KcInfoCard {
	background-size: 100% 100% !important;
	background: url("/plugin/ycf_new_style/view/img/kc_all/kcCard-dd.png")
		no-repeat;
}
.mess_row .card {
	background-image: url("/plugin/ycf_new_style/view/img/index/mes1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	min-height: 205px;
}
.wx-row .card {
	background-image: url("/plugin/ycf_new_style/view/img/index/wx_bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.card_line {
	min-height: 200px;
}