@charset "UTF-8";
:root {
	/* 蓝青 */
	--CyanBlue: #204162;
	/* 淡藤色 */
	--LightVine: #eaefff;
	--XINGLAN: #93b5cf;
	--HAIQING: #22a2c3;
	--FEIYANCAO: #0f59a4;
	--Primary: #0084ff;
	--PrimaryBlue: #1e5292;
	--TopViewBG1: #275996;
	--TopViewBG2: #133556;
	--SHENLAN: #0a2c4d;
	--LightBlue: #4671a6;
	--GrayWhite: #4a5f75;
	--SuccessGreen: #2c9356;
	--GlodYellow: #f3bd4f;
	--BodyBak: #e4eff4;
	--Orange: #de8a1b;
	--ForumBtnBG1: #c0e2fb;
	--ForumBtnBG2: #f3e6c6;
	--ForumBtnBG3: #f9c7c0;
	--ForumBtnBG4: #c1c1f4;
}
@media (max-width: 1023px) {
	:root {
		--bannerHeight: 20em;
	}
}
@media (min-width: 1024px) {
	:root {
		--bannerHeight: 25em;
	}
}

@font-face {
	font-family: "pmzd_font";
	src: url("/plugin/ycf_new_style/view/css/fonts/庞门正道标题体.ttf");
}

html {
	font-size: 16px;
}

html,
body {
	padding: 0;
	margin: 0;
	max-width: 100%;
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
		Arial, sans-serif;
}
#body {
	padding: 0;
	background: var(--BodyBak);
}

#container .container:first-child {
	width: 100%;
}

.newIndex {
	/* background: linear-gradient(to right, var(--TopViewBG1), var(--TopViewBG2)); */
	background-color: var(--TopViewBG2);
}

.newIndex .nav-link:hover,
.newIndex .nav-link.click {
	color: rgb(255, 198, 0) !important;
}

.bannerIndex {
	color: white;
	height: var(--bannerHeight);
	background-color: var(--PrimaryBlue);
	background-image: url("/plugin/ycf_new_style/view/img/public/banner-bl.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.bannerImgBox {
	text-align: center;
}
@media (max-width: 1023px) {
	.bannerImgBox img {
		width: calc(var(--bannerHeight) * 0.5);
	}
}
@media (min-width: 1024px) {
	.bannerImgBox img {
		width: calc(var(--bannerHeight) * 0.7);
	}
}

.card {
	width: 100% !important;
	background: white;
	border: 0;
}

@media ((min-width: 1200px)) {
	.fs-b1 {
		font-size: 3em !important;
	}
	.fs-b2 {
		font-size: 3.5em !important;
	}
	.fs-b3 {
		font-size: 4em !important;
	}
	.fs-b4 {
		font-size: 4.5em !important;
	}
}

.fs-7 {
	font-size: 0.8em !important;
}

.fs-8 {
	font-size: 0.7em !important;
}

.fs-9 {
	font-size: 0.6em !important;
}
.fs-10 {
	font-size: 0.5em !important;
}
.fs-10 {
	font-size: 0.4em !important;
}

.text-PrimaryBlue {
	color: var(--Primary);
}

.text-CyanBlue {
	color: var(--CyanBlue);
}
.text-primaryNew {
	color: var(--Primary);
}
.text-TopViewBG2 {
	color: var(--TopViewBG2);
}

.bg-xinglan {
	background: var(--XINGLAN) !important;
}

.bg-xinglanTogray {
	background: linear-gradient(
		rgba(34, 162, 195, 1),
		rgba(34, 162, 195, 0.6),
		rgba(34, 162, 195, 0.2),
		rgba(34, 162, 195, 0)
	) !important;
}

.bg-haiqing {
	background: var(--HAIQING) !important;
}
.bg-PrimaryBlue {
	background: var(--PrimaryBlue) !important;
}

.bg-blue3 {
	background: var(--LightVine) !important;
}

.bg-primaryNew {
	background-color: var(--Primary) !important;
}

.bg-LightBlue {
	background-color: var(--LightBlue) !important;
}

.bg-GrayWhite {
	background-color: var(--GrayWhite) !important;
}

.bg-SuccessGreen {
	background-color: var(--SuccessGreen) !important;
}

.bg-GlodYellow {
	background-color: var(--GlodYellow) !important;
}
.bg-BodyBak {
	background-color: var(--BodyBak) !important;
}
.bg-Orange {
	background-color: var(--Orange) !important;
}

.border-blue-bottom {
	border-bottom: 2px solid var(--BlueTwo);
}

.btn-xs {
	--bs-btn-padding-y: 0.2rem;
	--bs-btn-padding-x: 0.3rem;
	--bs-btn-font-size: 0.6rem;
}

.bg-orange {
	background-color: var(--bs-orange);
}

.fs-italic {
	font-style: italic;
}

.mt-6 {
	margin-top: 4em !important;
}
.mt-7 {
	margin-top: 5em !important;
}
.mt-8 {
	margin-top: 6em !important;
}
.pt-6 {
	padding-top: 4em !important;
}
.pt-7 {
	padding-top: 5em !important;
}
.pt-8 {
	padding-top: 6em !important;
}

a,
a:hover {
	text-decoration: none;
}

.word {
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.bbs_avatar img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	vertical-align: middle;
}

.bbs_avatar2 img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: middle;
}

.avatar-1 {
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 1.3rem;
}

.avatar-2 {
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 1.8rem;
}

.avatar-3 {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 2.4rem;
}

.avatar-4 {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 4.5rem;
}

.avatar-5 {
	width: 6rem;
	height: 6rem;
	border-radius: 6rem;
}

#ItIsNavSearch {
	width: 150px;
}

.dropdown:hover > .dropdown-menu {
	display: block;
}

.dropdown > .dropdown-toggle:active {
	pointer-events: none;
}
.breadcrumb,
.breadcrumb:hover {
	background: var(--BodyBak) !important;
	border: 0;
}
.postlist .media-body {
	width: 100%;
}
.wxCard {
	background-color: rgb(7, 193, 96);
	color: white;
}
.icon-top-1,
.icon-top-2,
.icon-top-3 {
	color: #fff;
	font-size: 0.6rem;
	font-style: normal;
	padding: 0.25rem 0.3rem;
	border-radius: 0.25rem;
	vertical-align: text-bottom;
	font-family: Helvetica, Arial, PingFang SC, Noto Sans, Roboto, Microsoft Yahei,
		sans-serif;
	-webkit-font-smoothing: auto;
}
[class^="icon-top-1"]:before {
	/*content: "\f024";*/
	content: "置顶";
}
[class^="icon-top-3"]:before {
	/*content: "\f024";*/
	content: "全站置顶";
}
.icon-top-1 {
	background: #ff8800;
}
.icon-top-2 {
	color: #ff8800;
}
.icon-top-3 {
	/*background: #da24a7;*/
	/*background: #f30c74;*/
	/*background: #EE1B2E;*/
	background: #ee5023;
}
.form-group {
	margin-bottom: 0.75em;
}
.buyOkBox {
	border: 1px dashed #fff;
	background: linear-gradient(to bottom, #34538b, #cd0000);
	background-origin: border-box;
}
.buyOkBox div {
	background: #fff;
}
.wx_img {
	height: 6em;
	width: 6em;
}
.forum-btn {
	background: url("/plugin/ycf_new_style/view/img/index/up.png") no-repeat
		bottom right;
	background-size: 25% 70%;
	padding-right: 1.5em;
}
.z-4 {
	z-index: 4;
}
.text-overflow {
	word-break: keep-all; /* 不换行,只能在半角空格或连字符处换行。 */
	white-space: nowrap; /* 不换行 */
	overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.z-max {
	z-index: 99 !important;
}
.forumBtnBG1,
.forumBtnBG1:hover {
	background-color: var(--ForumBtnBG1);
}
.forumBtnBG2,
.forumBtnBG2:hover {
	background-color: var(--ForumBtnBG2);
}
.forumBtnBG3,
.forumBtnBG3:hover {
	background-color: var(--ForumBtnBG3);
}
.forumBtnBG4,
.forumBtnBG4:hover {
	background-color: var(--ForumBtnBG4);
}
.cardTitle {
	position: relative;
	padding-left: 0.8em;
	vertical-align: middle;
}
.cardTitle::before {
	content: "";
	position: absolute;
	background-color: var(--bs-red);
	width: 4px;
	left: 0;
	top: 18%;
	height: 1em;
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	width: 6px;
	background: rgba(#101f1c, 0.1);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(144, 147, 153, 0.5);
	background-clip: padding-box;
	min-height: 28px;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	transition: background-color 0.3s;
	cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(144, 147, 153, 0.3);
}
.thread-visible:after {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 100px;
	background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
}