a {
	color: inherit;
	outline: 0
}



.hide {
	display: none;
}
/*==========搜索框===========*/


.search {
	position: relative;
	top: 15px;
	border-radius: 10px;
	width: 600px;
	margin: auto;
}


.ssts {
	text-align: center;
	width: 100%;
}
.search input {
	width: 600px;
	font-size: 18px;
	height: 52px;
	border-radius: 35px;
	text-indent: 35px;
	color: #ffffff;
	background-color: rgb(0, 0, 0, 0.30);
	border: 1px solid #ffffff;
}

		.search input:focus {
			background-color: rgb(0, 0, 0, 0.60);
			color: #ffffff;
		}


	.search .fa-search {
		position: absolute;
		top: 20px;
		left: 16px
	}

	.search button {
		position: absolute;
		top: 5px;
		right: 0px;
		padding: 0;
		border: 0px;
		height: 46px;
		width: 100px;
		background: #c52020;
		font-weight: 700;
		border-radius: 26px;
		color: #ffffff;
	}




		.search button:hover {
			background: #ea4141;
			cursor: pointer;
		}
 


/*页面选中时背景颜色*/
::selection {
	background: var(--lanse);
	color: var(--baise);
}

::-moz-selection {
	background: var(--lanse);
	color: var(--baise);
}

.border-top {
	border-top: 1px solid #eee;
}

.main-wrapper {
	margin-bottom: 40px
}

/* 通用容器，定义页面宽度 具有五个级别 */
.wps {
	width: 880px;
	margin: 0 auto;
}

.wpu {
	width: 940px;
	margin: 0 auto;
}

.wpn {
	width: 1180px;
	margin: 0 auto;
}

/* 4 列 * 300 */
.wpm {
	width: 1480px;
	margin: 0 auto;
}

/* 5 列 * 300 */
.wpw {
	width: 1780px;
	margin: 0 auto;
}

/* 6 列 * 300 */
.wpv {
	width: 0px;
	margin: 0 auto;
}

.wpx {
	width: 0px;
	margin: 0 auto;
}

/* 外边距样式，作用于元素的上下外边距，上下各具有 n, m, w 三个级别 */
.mtn {
	margin-top: 5px !important;
}

.mtm {
	margin-top: 10px !important;
}

.mtw {
	margin-top: 20px !important;
}

.mtv {
	margin-top: 30px !important;
}

.mbn {
	margin-bottom: 5px !important;
}

.mbm {
	margin-bottom: 10px !important;
}

.mbw {
	margin-bottom: 20px !important;
}

.mbv {
	margin-bottom: 30px !important;
}

.mrn {
	margin-right: 5px !important;
}

.mrm {
	margin-right: 10px !important;
}

.mrw {
	margin-right: 20px !important;
}

.mrv {
	margin-right: 30px !important;
}

.mln {
	margin-left: 5px !important;
}

.mlm {
	margin-left: 10px !important;
}

.mlw {
	margin-left: 20px !important;
}

.mlv {
	margin-left: 30px !important;
}

.mtbn {
	margin: 5px 0 !important;
}

.mtbm {
	margin: 10px 0 !important;
}

.mtbw {
	margin: 20px 0 !important;
}

.mtbv {
	margin: 30px 0 !important;
}

.mlrn {
	margin: 0 5px !important;
}

.mlrm {
	margin: 0 10px !important;
}

.mlrw {
	margin: 0 20px !important;
}

.mlrv {
	margin: 0 30px !important;
}

/* 内边距样式，作用于元素的上下内边距，上下各具有 n, m, w 三个级别 */
.ptn {
	padding-top: 5px !important;
}

.ptm {
	padding-top: 10px !important;
}

.ptw {
	padding-top: 20px !important;
}

.ptv {
	padding-top: 30px !important;
}

.prn {
	padding-right: 5px !important;
}

.prm {
	padding-right: 10px !important;
}

.prw {
	padding-right: 20px !important;
}

.prv {
	padding-right: 30px !important;
}

.pln {
	padding-left: 5px !important;
}

.plm {
	padding-left: 10px !important;
}

.plw {
	padding-left: 20px !important;
}

.plv {
	padding-left: 30px !important;
}

.pbn {
	padding-bottom: 5px !important;
}

.pbm {
	padding-bottom: 10px !important;
}

.pbw {
	padding-bottom: 20px !important;
}

.pbv {
	padding-bottom: 30px !important;
}

.ptbn {
	padding: 5px 0 !important;
}


.bg-gray {
	background-color: #b8c4ce !important;
	color: #fff !important;
}

.bg-nature {
	background-color: transparent !important;
	color: #2c3e50 !important;
}

.bg-orange {
	background-color: #ff8d41 !important;
	color: #fff !important;
}

.bg-blue {
	background-color: #3498db !important;
	color: #fff !important;
}

.bg-green {
	background-color: #1abc9c !important;
	color: #fff !important;
}

.bg-purple {
	background-color: #9b59b6 !important;
	color: #fff !important;
}


.hongse {
	background: var(--hongse);
}

.huangse {
	background: var(--huangse);
}

.baise {
	background: var(--baise);
	color: #000;
}

.lvse {
	background: var(--lvse);
}

.qingse {
	background: var(--qingse);
}

.lanse {
	background: var(--lanse);
}

.zise {
	background: var(--zise);
}

.heise {
	background: var(--heise);
}

.zongse {
	background: var(--zongse);
}

.chengse {
	background: var(--chengse);
}

.fense {
	background: var(--fense);
}

.huise {
	background: var(--huise);
}

.xuancai {
	background: var(--hongse);
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, var(--lanse), var(--hongse));
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, var(--lanse), var(--hongse));
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.Fhongse {
	color: var(--hongse);
}

.Fhuangse {
	color: var(--huangse);
}

.Fbaise {
	color: var(--baise);
}

.Flvse {
	color: var(--lvse);
}

.Fqingse {
	color: var(--qingse);
}

.Flanse {
	color: var(--lanse);
}

.Fzise {
	color: var(--zise);
}

.Fheise {
	color: var(--heise);
}

.Fzongse {
	color: var(--zongse);
}

.Fchengse {
	color: var(--chengse);
}

.Ffense {
	color: var(--fense);
}

.Fhuise {
	color: var(--huise);
}

.Fxuancai {
	background-image: -webkit-linear-gradient(left, var(--lanse), var(--hongse));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.loadcss_v1 {
	width: 10px;
	height: 10px;
	margin: 0 auto;
	padding: 5px;
	border: 5px dashed #d30000;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
}

.loadcss_v1 {
	animation: k-loadingD 1.5s .3s cubic-bezier(.17, .37, .43, .67) infinite;
}

.clear {
	clear: both;
}

.pos-r {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.dispblock {
	display: block;
}

.dispflex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dispflex-show {
	display: flex;
}

/* 换行 */
.dispflex-rowwrap {
	display: flex;
	flex-flow: row wrap;
	flex: initial;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
}

.dispflex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.dispflex-end {
	align-items: flex-end !important;
}

.box_black {
	box-shadow: var(--box-shadow-2);
}

.box_black_a {
	box-shadow: 4px 6px 12px 2px rgb(0 0 0 / 5%), 0 4px 8px 0px rgb(0 0 0 / 5%);
}

.box_txt_black {
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.12);
}

.search-term::before {
	content: "“";
	color: rgb(221, 221, 221);
}

.search-term::after {
	content: "”";
	color: rgb(221, 221, 221);
}

.loadhtml {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.75);
	color: var(--baise);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 18px;
	z-index: 1002;
}
/* layui-white */
.layuser {
	animation-name: layui-downbit;
	-webkit-animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-duration: .3s;
	animation-fill-mode: both;
	position: absolute;
	left: -999999px;
	top: -999999px;
	z-index: 77777777;
	margin: 5px 0;
	min-width: 140px;
	border-radius: 8px;
	box-shadow: var(--mobileCtextshadow2);
	background-color: var(--mobile_baise);
	color: var(--mobileC_444);
	box-sizing: border-box;
	overflow: hidden;
}

	.layuser * {
		box-sizing: border-box;
	}

	.layuser:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 6px;
		left: 0;
		top: -6px;
	}

	.layuser .layui-menu {
		position: relative;
		margin: 5px 0;
		background-color: var(--mobile_baise);
		box-sizing: border-box;
	}

		.layuser .layui-menu li {
			position: relative;
			margin: 1px 0;
			width: calc(100% + 1px);
			line-height: 26px;
			color: var(--mobileC_222);
			font-size: 14px;
			white-space: nowrap;
			cursor: pointer;
			transition: all .3s;
			padding: 4px 8px;
		}

	.layuser .layui-menu-body-title a {
		padding: 8px 24px;
	}

	.layuser .layui-menu-body-title {
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		.layuser .layui-menu-body-title a {
			display: block;
			color: var(--mobileC_222);
			border-radius: 4px;
		}

			.layuser .layui-menu-body-title a:hover {
				background: var(--mobile_Hong);
				color: var(--mobile_baise);
			}
/* layui-white-all */
.layall {
	animation-name: layui-downbit;
	-webkit-animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-duration: .3s;
	animation-fill-mode: both;
	position: absolute;
	left: -999999px;
	top: -999999px;
	z-index: 77777777;
	min-width: 112px;
	border-radius: 8px;
	box-shadow: var(--mobileCtextshadow2);
	background-color: var(--mobile_baise);
	color: var(--mobileC_444);
	box-sizing: border-box;
	overflow: hidden;
}

	.layall * {
		box-sizing: border-box;
	}

	.layall:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 6px;
		left: 0;
		top: -6px;
	}

	.layall .layui-menu {
		position: relative;
		margin: 5px 0;
		background-color: var(--mobile_baise);
		box-sizing: border-box;
	}

		.layall .layui-menu li {
			position: relative;
			width: calc(100% + 1px);
			line-height: 26px;
			color: var(--mobileC_222);
			font-size: 14px;
			white-space: nowrap;
			cursor: pointer;
			transition: all .3s;
		}

	.layall .layui-menu-body-title {
		padding: 8px 24px;
	}

	.layall .layui-menu-body-title {
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.layall .layui-menu-body-title {
		display: block;
		color: var(--mobileC_222);
	}

		.layall .layui-menu-body-title:hover {
			background: var(--mobile_Hong);
			color: var(--mobile_baise);
		}

.fa-myicon-douban:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg t='' class='' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M134.328 175.074h755.344c17.906 0 32.423-14.516 32.423-32.423V96.639c0-17.906-14.516-32.423-32.423-32.423H134.328c-17.906 0-32.423 14.516-32.423 32.423v46.013c0 17.906 14.516 32.422 32.423 32.422zM915.09 848.926H750.625c-25.134 0-40.706-27.264-27.907-48.895 18.217-30.788 36.946-63.062 56.04-96.593l10.294-18.094-110.396-59.019-8.895 19.836c-27.019 60.309-57.356 122.542-90.375 185.374-5.609 10.673-16.753 17.39-28.81 17.39H427.629l38.457-27.173-9.515-16.088c-32.201-54.491-66.871-110.065-103.045-165.19l-11.271-17.183-91.062 61.579 10.716 16.655c19.594 30.452 39.574 63.579 59.721 99.012 12.262 21.565-3.438 48.389-28.245 48.389H108.91c-17.906 0-32.422 14.516-32.422 32.423v46.013c0 17.906 14.516 32.423 32.422 32.423h806.18c17.906 0 32.422-14.516 32.422-32.423v-46.013c0.001-17.907-14.515-32.423-32.422-32.423zM215.69 250.457c-17.906 0-32.423 14.516-32.423 32.423v284.832c0 17.906 14.516 32.423 32.423 32.423h590.087c17.906 0 32.423-14.516 32.423-32.423V282.88c0-17.906-14.516-32.423-32.423-32.423H215.69z m516.706 211.782c0 17.906-14.516 32.423-32.423 32.423H321.48c-17.906 0-32.423-14.516-32.423-32.423v-70.401c0-17.906 14.516-32.423 32.423-32.423h378.494c17.906 0 32.423 14.516 32.423 32.423v70.401z'></path></svg>");
	background-size: 18px 18px;
	margin: 10px auto;
}

.fa-myicon-qzone:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg t='' class='' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='200' height='200'><path d='M885.504 360.32l-229.76-33.344-102.848-208.256a46.72 46.72 0 0 0-83.84 0L366.336 326.976l-229.824 33.344a46.72 46.72 0 0 0-25.92 79.744L276.864 602.24l-39.232 228.864a46.72 46.72 0 0 0 67.84 49.28l205.504-108.032 205.568 108.032a46.72 46.72 0 0 0 67.84-49.28l-31.36-182.4s28.8-22.784 27.008-22.208c-7.36 2.432-31.616 9.92-33.024 10.368A1025.664 1025.664 0 0 1 512 672.384a846.464 846.464 0 0 1-189.696-26.752L584.32 458.24s-87.552-16.576-160.384-23.808c-47.616-4.736-179.584-4.672-179.584-4.672a288.64 288.64 0 0 1 29.952-13.44 647.04 647.04 0 0 1 98.432-23.552 840.32 840.32 0 0 1 187.712-6.528 1203.648 1203.648 0 0 1 167.232 36.48L464.384 608.896a22.592 22.592 0 0 0 3.584 1.024c27.2 3.648 54.528 5.824 81.92 7.872 57.984 4.352 177.28 5.12 178.752 5.12l19.968-0.256-3.52-20.416 166.336-162.112a46.72 46.72 0 0 0-25.92-79.744z'></path></svg>");
	background-size: 18px 18px;
	margin: 10px auto;
}

.toast-top-center {
	width: 220px;
	padding: 12px 24px;
	box-sizing: border-box;
	text-align: center;
	background-color: var(--mobileBackop3);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	color: var(--mobile_baise);
	z-index: 2147483649;
}

	.toast-top-center .toast-message {
		color: var(--mobile_baise);
		line-height: 30px;
	}

	/* .toast-top-center .toast-error  .toast-message{
	color: var(--mobile_Hong) !important;
} */
	.toast-top-center .toast-close-button {
		position: absolute;
		right: 10px;
		top: 5px;
		background: no-repeat;
		font-size: 26px;
		width: 20px;
		height: 20px;
		line-height: 20px;
	}

@keyframes k-loadingD {
	0% {
		transform: rotate(0deg)
	}

	50% {
		transform: rotate(180deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes listimgshowIn {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.2);
	}
}

@keyframes listimgshowOut {
	0% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes gotopIn {
	0% {
		bottom: -42px;
	}

	100% {
		bottom: 0px;
	}
}

@keyframes gotopOut {
	0% {
		bottom: 0;
	}

	100% {
		bottom: -42px;
	}
}

@keyframes slidetounlock {
	0% {
		background-position: -200px 0;
	}

	100% {
		background-position: 200px 0;
	}
}

@keyframes opacity {
	0
}

:root {
	--hongse: #d30000;
	--huangse: #f5bb46;
	--baise: #f8f8f8;
	--lvse: #89c253;
	--qingse: #36ba9b;
	--lanse: #4a89d8;
	--zise: #9479d8;
	--heise: #000000;
	--zongse: #e0b793;
	--chengse: #e7553d;
	--fense: #f53da1;
	--huise: #cad0d9;
}
a {
	text-decoration: none;
}
ul {
	list-style-type: none;
}
html {
	background: var(--back-default);
	color: var(--color-default);
}

.gradient-text {
	font-size: 18px;
	font-weight: 900;
}

.gradient-text2 {
	font-size: 38px;

	font-weight:900;

}
.gradient2 {
	background: -webkit-linear-gradient(#d0f6af, #4ce6ce);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient3 {
	background: -webkit-linear-gradient(#f9770d, #f9e60d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient4 {
	background: -webkit-linear-gradient(#3e5ffe, #6343fe);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient5 {
	background: -webkit-linear-gradient(#1e8e80, #8177af);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient6 {
	background: -webkit-linear-gradient(#ae605e, #fbbea3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient7 {
	background: -webkit-linear-gradient(#10e625, #4f9c52);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient8 {
	background: -webkit-linear-gradient(#9cacf9, #6343fe);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient9 {
	background: -webkit-linear-gradient(#b7bb46, #f1ddc0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sizeMenu .ys {
	border-radius:6px;
	width: 30px;
	float: left;
	height: 17px;
	margin: 5px 3px 0 0;
}
.rgb .ys {
	border-radius: 6px;
	width: 80px;
	float: left;
	height: 17px;
	margin: 5px 3px 0 0;
}
.Blue {
	background: rgb(0, 0, 255);
}


.Red {
	background: rgb(255, 0, 0);
}
.Tangerine {
	background: rgb(255, 165, 0);
}
.Yellow {
	background: rgb(255, 255, 0);
}
.Green {
	background: rgb(0, 128, 0);
}
.Cyan {
	background: rgb(0, 255, 255);
}
.Black {
	background: rgb(0, 0, 0);
}
.Purple {
	background: rgb(128, 0, 128);
}
.Pink {
	background: rgb(255, 192, 203);
}
.Brown {
	background: rgb(165, 42, 42);
}
.White {
	background: rgb(255, 255, 255);
}



/*分页样式*/


.pages {
	margin: 30px 0 30px;
	text-align: center;
}

 

	.pages a, .pages .cpb {
		text-decoration: none;
		padding: 6px;
		background-color: rgb(36, 39, 49);
		margin: 0 2px;
 
		border-radius: 3px;
	}

		.pages a:link, .pages a:visited {
			text-decoration: none;
			background-color: #c52020;
			margin: 0 3px;
			border: 1px solid rgb(251, 70, 70);
			border-radius: 3px;
		}

		.pages a:hover {
			text-decoration: none;
			background-color: #e82f2f;
			margin: 0 3px;
			border: 1px solid rgb(251, 70, 70);
			border-radius: 3px;
		}

 
	 .pages input  {
		display: none;
	}
 
/*分页样式结束*/

/*====统一按钮样式====*/
.showtaglistw {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

	.showtaglistw a, .showtaglistw span {
		border-radius: 4px;
		display: block;
		white-space: nowrap;
	}

	.showtaglistw a {
		padding: 4px 8px;
		background-color: var(--block-action);
	}

	.showtaglistw span {
		padding: 0;
	}

	.showtaglistw a:hover {
		color: var(--mobile_baise);
		background-color: var(--mobile_Hong);
	}



 



/*====模拟手机====*/
.opacityIn-0-10 {
	animation: opacityIn 0.3s 0.1s forwards;
}

@keyframes opacityIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.tag-top-nav-wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 20px;
	max-width: var(--max-width);
	margin: 0 auto 20px;
	background-color: var(--block-default);
	border-radius: 10px;
}

	.tag-top-nav-wrapper .tag-top-nav-item {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		flex-wrap: nowrap;
		gap: 10px;
	}

	.tag-top-nav-wrapper .tag-top-nav-item-right {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		flex-wrap: nowrap;
		gap: 20px;
	}

	.tag-top-nav-wrapper .tag-top-nav-item .tag-top-nav-item-title {
		font-size: 18px;
		font-weight: 400;
		color: var(--baise);
	}

	.tag-top-nav-wrapper .tag-top-nav-item .tag-top-nav-item-count {
		font-size: 12px;
		color: var(--color-desc);
	}

.drop-down-general-all {
	position: relative;
}

	.drop-down-general-all .drop-down-btn {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 10px;
		cursor: pointer;
	}

	.drop-down-general-all .drop-down-content {
		position: absolute;
		top: calc(100% + 10px);
		right: 0;
		z-index: 100;
		display: none;
		border-radius: 10px;
		background-color: var(--mobile_baise);
		padding: 0px;
		border-radius: 5px;
		overflow: hidden;
	}

		.drop-down-general-all .drop-down-content::-webkit-scrollbar {
			display: none;
		}

/*====模拟手机END====*/
 
.drop-down-btn{
	display: none;
}
.head-tmenu {
	width: 100%;
	height: 60px;
	background: var(--back-default);
	color: var(--color-default);
	box-shadow: var(--box-shadow-1);
	background-image: var(--mobileHeadback);
	border-bottom: 1px solid var(--line-4);
	border-radius: 6px;
}
	.head-tmenu .search-head-input-btn {
	 
		height: 36px;
		width: 50px;
		display: flex;
 
		border-radius: 10px;
		background: var(--mobile_Hong);
		color: var(--baise);
		font-size: 16px;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		border: 1px solid rgb(232, 47, 47);
	}

	.head-tmenu .head-right-wrapper {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center;
		gap: 50px;
		
	}
.mobile-head-menu{
	display: none;
}
.head-tmenu .topmenu {
	max-width: var(--max-width);
	margin: 0 auto;
	height: 60px;
	padding: 0 30px;
}

 

 
.head-tmenu .topmenu .logo a img{
	width: auto;
	height: 100%;
	display: block;	height: 32px;
}



 
/*====瀑布流====*/

.grid-sizer,
.grid-item {
	width: 20%;
}



.themes-box {
	margin: 6px;
	border: 1px solid #2c2f39;
	background: radial-gradient(circle, #414554, #21242e);
	border-radius: 3px;
}


	.themes-box .thumb {
		position: relative;
		overflow: hidden;
	}



		.themes-box .thumb img {
			width: 100%;
		}

@media (max-width: 1300px) {

	.grid-sizer,
	.grid-item {
		width: 25%;
	}
}

@media (max-width: 1000px) {

	.grid-sizer,
	.grid-item {
		width: 33%;
	}
}



@media (max-width: 800px) {

	.grid-sizer,
	.grid-item {
		width: 50%;
	}


 

	.themes-box .thumb img {
		margin: 1px 0 0 0;
	}
}


.themes-box .thumb:hover .wp-parameter {
	opacity: 1;
}

.themes-box .thumb .wp-parameter {
	font-size: 13px;
 
	text-align: center;
	position: absolute;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	color: #fff;
	box-shadow: 0 0 6px #ccc;
	padding: 3px 6px;
	white-space: nowrap; /* 防止文本换行 */
	top: 50%; /* 垂直居中 */
	left: 50%; /* 水平居中 */
	transform: translate(-50%, -50%); /* 调整位置使其真正居中 */
}







.themes-box .main-content h5 {
	font-size: 14px;
	font-weight: 500;
	color: #b6b7bc;
	height: 28px;
	margin: 0 6px 0 6px;
	width: 98%; /* 设置容器的宽度 */
	overflow: hidden; /* 隐藏溢出的内容 */
	white-space: nowrap; /* 防止文本换行 */
	text-overflow: ellipsis; /* 显示省略号 */
}



 







/*====瀑布流END====*/



/*====瀑布流END====*/








#pageNum {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	text-align: center;
	width:86%;
	max-width: var(--max-width);
	margin-left:auto;
	margin-right: auto;
	line-height: 2.5;
}
#pageNum .pagination{
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 10px;
}
#pageNum a {
	text-decoration: none;
	padding: 4px 14px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: var(--block-default);
	color: var(--color-default);
	border-radius: 4px;
}

#pageNum .pageRemark{
	display: inline;
	background: var(--block-default);
	padding:4px 14px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}
#pageNum .pageRemark b{
	color: var(--mobile_Hong);
}
#pageNum .cur,#pageNum a:hover{
	text-decoration: none;
	padding: 2px 14px;
	background: var(--mobile_baise);
	color: var(--mobileC_333);
	border: 1px solid transparent;
}
.catpos {
	display: flex;
 
}

.catpos .left {
	width: auto;
	line-height: 20px;
	font-size: 14px;
}
.catpos .catpos-left-btn{
	display: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 35%;
}
.catpos .left a{
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.catpos span.jiantou {
	width: 10px;
	height: 10px;
	background: url(../images/svg/jiantou-you.svg) no-repeat;
	background-size: auto 100%;
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
}
 

 
.head_b_menu .menu .fbl-list{
	gap: 10px;
}


@media (max-width: 1200px) {
	.catpos {
		flex-direction: column; /* 子元素垂直排列 */
	}
	}



		.catpos .sizeMenu a {
			margin: 8px;
			padding: 0 5px 3px;
			float: left;
			align-items: center;
			border-radius: 5px;
			background-color: #282c36;
			border: 1px solid rgba(255, 255, 255, 0.05);
		}

.catpos .sizeMenu span {
	margin: 8px 0 8px 8px;
	padding: 0 5px 3px;
	float: left;
	align-items: center;
	border-radius: 5px;
	background-color: #282c36;
	color: #fff;
	border: 1px solid #005fd1;
}


.showcontw .showimg {
	width: 66%;
	background-color: #1b1d24;
	position: relative;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
}

 

	.showcontw .showimg img,
	.showcontw .showimg video {
		max-width: 100%;
		 height: 100%;
	}

	.showcontw a.pver, .showcontw a.next {
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
	}

	.showcontw a.pver {
		background: url(../images/svg/pver.svg) no-repeat center;
		background-size: auto 100%;
		left: -72px;
		top: 50%;
		margin-top: -20px;
	}

	.showcontw a.next {
		background: url(../images/svg/next.svg) no-repeat center;
		background-size: auto 100%;
		right: -72px;
		top: 50%;
		margin-top: -20px;
	}

 
	/* 样机展示 */
	.showcontw .showimg .img-phone-wrapper {
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}

		.showcontw .showimg .img-phone-wrapper .phone-content {
			width: auto;
			height: 840px;
			position: relative;
		}

			.showcontw .showimg .img-phone-wrapper .phone-content .img-phone {
				width: auto;
				height: 100%;
				position: relative;
				z-index: 100;
				overflow: hidden;
			}

				.showcontw .showimg .img-phone-wrapper .phone-content .img-phone img {
					width: auto;
					height: 100%;
				}

			.showcontw .showimg .img-phone-wrapper .phone-content .wall-mobile-photos {
				width: calc(100% - 24px);
				height: calc(100% - 20px);
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				z-index: 99;
				overflow: hidden;
				display: flex;
				justify-content: center;
				align-items: center;
			}

				.showcontw .showimg .img-phone-wrapper .phone-content .wall-mobile-photos img,
				.showcontw .showimg .img-phone-wrapper .phone-content .wall-mobile-photos video {
					width: 100%;
					height: 100%;
					object-fit: cover;
					display: block;
				}

			.showcontw .showimg .img-phone-wrapper .phone-content .lock-screen-effect,
			.showcontw .showimg .img-phone-wrapper .phone-content .home-screen-effect {
				width: calc(100% - 35px);
				height: calc(100% - 35px);
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				z-index: 102;
				opacity: 0;
			}

				.showcontw .showimg .img-phone-wrapper .phone-content .lock-screen-effect img,
				.showcontw .showimg .img-phone-wrapper .phone-content .home-screen-effect img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

		.showcontw .showimg .img-phone-wrapper .img-wall-mini {
			width: 160px;
			height: auto;
			min-height: 160px;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
			box-shadow: var(--box-shadow-2);
		}

			.showcontw .showimg .img-phone-wrapper .img-wall-mini a {
				display: block;
				width: 100%;
				height: 100%;
			}

			.showcontw .showimg .img-phone-wrapper .img-wall-mini img {
				width: auto;
				height: auto;
				opacity: 0.35;
				position: relative;
				z-index: 99;
			}

			.showcontw .showimg .img-phone-wrapper .img-wall-mini:hover img {
				animation: opacityInWall 0.5s ease-in-out forwards;
			}

	@keyframes opacityInWall {
		from {
			opacity: 0.35;
		}

		to {
			opacity: 1;
		}
	}

	@keyframes opacityOutWall {
		from {
			opacity: 1;
		}

		to {
			opacity: 0.35;
		}
	}

	.showcontw .showimg .img-phone-wrapper .img-wall-mini:hover .title {
		animation: opacityOutWall 0.5s ease-in-out forwards;
	}

	.showcontw .showimg .img-phone-wrapper .img-wall-mini .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
		padding: 8px 10px;
		font-size: 60px;
		text-align: center;
		color: var(--baise);
		border-radius: 50px;
		z-index: 100;
		color: var(--mobile_Hong);
	}

	.showcontw .showimg .style-btn-wrapper {
		position: absolute;
		right: 20px;
		bottom: 20px;
		z-index: 105;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		gap: 10px;
	}

		.showcontw .showimg .style-btn-wrapper button {
			width: 100%;
			height: 40px;
			line-height: 40px;
			border-radius: 5px;
			background-color: #282c36;
			color: var(--color-default);
			border: 1px solid rgba(255, 255, 255, 0.05);
			padding: 0 12px;
		}

			.showcontw .showimg .style-btn-wrapper button:hover,
			.showcontw .showimg .style-btn-wrapper button.active {
				background-color: var(--mobile_Hong);
				border: 1px solid var(--mobile_Hong);
				color: var(--mobile_baise);
				cursor: pointer;
			}
	/* 样机移动端-edit-20251019 */
	.mobile-wallpaper-test-wrapper {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 999999;
		justify-content: center;
		align-items: center;
		background: rgba(0,0,0,.8);
		display: none;
	}

		.mobile-wallpaper-test-wrapper .img-phone-wrapper {
			width: 100%;
			height: 100%;
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			gap: 20px;
		}

		.mobile-wallpaper-test-wrapper .phone-content {
			height: 96vh;
			position: relative;
			aspect-ratio: 9 / 16;
			max-width: 92%;
			overflow: hidden;
			border-radius: 0.6rem;
		}

			.mobile-wallpaper-test-wrapper .phone-content .wall-mobile-photos {
				max-width: 100%;
				height: 100%;
				overflow: hidden;
				display: flex;
				justify-content: center;
				align-items: center;
				aspect-ratio: 9 / 16;
				margin: 0 auto;
			}

				.mobile-wallpaper-test-wrapper .phone-content .wall-mobile-photos img,
				.mobile-wallpaper-test-wrapper .phone-content .wall-mobile-photos video {
					width: 100%;
					height: 100%;
					object-fit: cover;
					display: block;
				}

			.mobile-wallpaper-test-wrapper .phone-content .lock-screen-effect,
			.mobile-wallpaper-test-wrapper .phone-content .home-screen-effect {
				height: 96vh;
				max-width: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				z-index: 102;
				opacity: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				aspect-ratio: 9 / 16;
			}

				.mobile-wallpaper-test-wrapper .phone-content .lock-screen-effect img,
				.mobile-wallpaper-test-wrapper .phone-content .home-screen-effect img {
					display: block;
					margin: 0 auto;
					width: auto;
					height: 100%;
				}

		.mobile-wallpaper-test-wrapper .style-btn-wrapper {
			position: absolute;
			left: 50%;
			bottom: 3.5rem;
			z-index: 105;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-items: center;
			gap: 10px;
			transform: translateX(-50%);
		}

			.mobile-wallpaper-test-wrapper .style-btn-wrapper button {
				width: 100%;
				height: 40px;
				line-height: 39px;
				border-radius: 5px;
				background-color: rgba(0,0,0,0.8);
				color: var(--baise);
				padding: 0 0.3rem;
				/* 不换行 */
				white-space: nowrap;
				opacity: 0.7;
			}

				.mobile-wallpaper-test-wrapper .style-btn-wrapper button.style-btn-close {
					background: var(--baise);
					color: var(--heise);
				}

				.mobile-wallpaper-test-wrapper .style-btn-wrapper button:hover,
				.mobile-wallpaper-test-wrapper .style-btn-wrapper button.active {
					background-color: var(--mobile_Hong);
					border: 1px solid var(--mobile_Hong);
					color: var(--mobile_baise);
				}
	/*  */
	.showcatpos {
		width: 80%;
		min-width: 1080px;
		max-width: 1080px;
		margin-left: auto;
		margin-right: auto;
	}

	.showcontw .r_description {
		width: 34%;
	 
		box-sizing: border-box;
		padding:0 30px;
		background-color: var(--block-default);
		border-radius: 0 8px 8px 0;
		overflow: hidden;
	}

 
	 
	  
	/*  */
	.showcontw .showsize {
		max-width: var(--max-width);
		margin-left: auto;
		margin-right: auto;
		background: var(--mobileC_2d2d);
		overflow: hidden;
	}

		.showcontw .showsize li {
			width: 102px;
			display: inline;
			float: left;
			overflow: hidden;
		}

			.showcontw .showsize li.bt {
				width: 108px !important;
				border: 1px solid var(--mobile_Hong);
				background: var(--mobile_Hong);
				background-image: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
				color: var(--mobile_baise);
				overflow: hidden;
				line-height: 35px;
				text-align: center;
			}

			.showcontw .showsize li a {
				display: block;
				line-height: 36px;
				padding: 0 12px;
				border: 1px solid var(--mobileC_333);
				font-size: 12px;
				text-align: center;
				margin: -1px auto auto -1px;
			}

				.showcontw .showsize li a:hover {
					border: 1px solid var(--mobile_Hong);
					background: var(--mobile_Hong);
					background-image: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
					color: var(--mobile_baise);
					font-size: 14px;
				}

	.showcontw .colorshow {
		width: 100%;
		height: 15px;
	}

		.showcontw .colorshow a {
			display: block;
			height: 15px;
			float: left;
		}

			.showcontw .colorshow a:hover {
				-webkit-transform: scaleY(1.5);
				transform: scaleY(1.5);
			}

	.showcontw .properties {
		padding-top: 14px;
		padding-bottom: 14px;
		border-radius: 5px;
		background: var(--back-2);
	}

		.showcontw .properties .txt-list {
			width: 33%;
			text-align: center;
			position: relative;
		}

	.showcontw .contxt {
		margin-top: 15px;
		padding: 10px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		border-radius: 4px;
	 
	 
	}

		.showcontw .contxt .txtw {
			width: 100%;
			height: 100%;
			line-height: 1.6;
		}

 

	.contentfootback {
		margin-top: 24px;
		background-color: #1b1d24;
		padding-top: 20px;
		padding-bottom: 40px;
	}

		.contentfootback .tit {
			text-align: center;
		}

	.showtitle {
		max-width: var(--max-width);
		margin: 20px auto 0 auto;
		line-height: 36px;
		height: 36px;
		position: relative;
	}

		.showtitle .morew {
			width: 130px;
			line-height: 36px;
			height: 36px;
			position: absolute;
			top: 0;
			right: 0;
			text-align: center;
		}

			.showtitle .morew a {
				display: block;
				background: var(--mobile_Hong);
				background-image: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
				color: var(--mobile_baise);
				text-shadow: var(--mobileCtextshadow);
				border-radius: 2px;
			}

		.showtitle h2 {
			font-size: 24px;
			color: var(--mobile_baise);
			float: left;
		}

		.showtitle .editw {
			float: left;
			font-size: 12px;
			height: 16px;
			line-height: 16px;
			margin-top: 15px;
			margin-left: 30px;
		}

	.showImglist-new {
		width: 100%;
		height: auto;
		opacity: 0;
		transition: opacity 0.3s ease;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}

		.showImglist-new .left, .showImglist-new .right {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			background-color: var(--block-action);
			font-size: 17px;
			border-radius: 2px;
			min-height: 80px;
		}

		.showImglist-new .left {
			width: 5%;
			height: 100%;
		}

		.showImglist-new .right {
			width: 5%;
			height: 100%;
		}

		.showImglist-new .showImglistw {
			width: 100%;
			height: auto;
			overflow: hidden;
		}

			.showImglist-new .showImglistw .row {
				display: grid; /* 使用 CSS Grid 布局 */
				grid-auto-flow: column; /* 元素按列排列 */
				grid-auto-columns: 20%; /* 列宽 */
				gap: 0 0px; /* 列间距 */
				width: 100%;
				height: 100%;
			}

			.showImglist-new .showImglistw .col {
				text-align: center;
				box-sizing: border-box;
			}

				.showImglist-new .showImglistw .col a {
					display: block;
				}

			.showImglist-new .showImglistw img {
				height: auto;
				width: 100%;
				border-radius: 4px;
				border: 2px solid transparent;
				box-sizing: border-box;
				transition: all 0.2s;
				object-fit: cover;
			}

				.showImglist-new .showImglistw img.on {
					border: 2px solid var(--mobile_Hong);
				}

	.swcontloadingw {
		position: relative;
		width: 100%;
		height: 80px;
		z-index: 100;
	}

		.swcontloadingw .swcontloading {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -10px;
			margin-left: -10px;
			width: 20px;
			height: 20px;
			border: 4px solid rgba(255, 255, 255, 0.4);
			border-top-color: #eee;
			border-radius: 50%;
			animation: spinner 1s linear infinite;
			z-index: 100;
		}


	/* 图片加载指示器样式 */
	.image-loading-indicator {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 10;
	}

	.loading-spinner {
		width: 0.46rem;
		height: 0.46rem;
		border: 4px solid rgba(255, 255, 255, 0.3);
		border-radius: 50%;
		border-top-color: #fff;
		animation: image-loading-spin 1s ease-in-out infinite;
	}

	.loading-text {
		margin-top: 0.2rem;
		color: #fff;
		font-size: 14px;
	}

	.showcontw .showContPage {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		margin: 10px auto 0;
	}

		.showcontw .showContPage a {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			gap: 10px;
			padding: 8px;
			width: calc(50% - 5px);
			border-radius: 5px;
			border: 1px solid rgba(255, 255, 255, 0.05);
			background-color: #282c36;
		}

	.showcontw .img-table .note {
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -26px;
		font-size: 12px;
		color: #BBB;
		text-align: center;
		z-index: 198;
		display: none;
	}

	.showcontw .img-table .next {
		left: auto;
		right: 10px;
	}

	.showcontw .img-table .arrow {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 0.4rem;
		display: block;
		-webkit-transition: -webkit-transform .15s ease-in-out;
		transition: transform .15s ease-in-out;
	}

	.showcontw .img-table .reverse .arrow {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.loadimgw {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.my-slide {
		height: 357px;
		position: relative;
	}

		.my-slide a {
			display: block;
		}

		.my-slide img {
			width: 100%;
			height: 357px;
		}

		.my-slide a .imgtitle {
			display: block;
			width: 94%;
			padding: 0 3%;
			font-size: 14px;
			line-height: 30px;
			background: var(--mobileCop2);
			position: absolute;
			left: 0;
			bottom: 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

	.indexlistmove {
		width: 1143px;
		margin-left: -0.5%;
	}

		.indexlistmove .ali {
			width: 19.35%;
			display: inline;
			float: left;
			overflow: hidden;
			background: var(--mobileC_222);
			margin-left: 0.5%;
			padding: 6px 0 16px;
			border-radius: 4px;
			margin-bottom: 10px;
		}

			.indexlistmove .ali .title {
				width: 90%;
				line-height: 40px;
				font-size: 20px;
				margin: 0 5% 6px;
				color: var(--mobile_baise);
			}

			.indexlistmove .ali ul {
				width: 90%;
				margin: 0 5%;
			}

			.indexlistmove .ali li {
				width: 33.333%;
				float: left;
				display: inline;
			}

				.indexlistmove .ali li a {
					display: block;
				}

					.indexlistmove .ali li a img {
						width: 100%;
					}

			.indexlistmove .ali .title span.jiantou {
				width: 10px;
				height: 10px;
				background: url(../images/svg/jiantou-you.svg) no-repeat;
				background-size: auto;
				background-size: auto 100%;
				float: left;
				display: inline-block;
				margin-top: 15px;
				margin-right: 5px;
			}

	#jump {
		position: fixed;
		bottom: 200px;
		right: 30px;
		width: 60px;
		z-index: 400;
	}

	*html #jump {
		position: absolute;
		top: expression(documentElement.scrollTop + "px");
		margin: 300px 0 0 0;
	}

		#jump li {
			height: 76px;
			overflow: hidden;
		}

	#top {
		display: block;
		width: 60px;
		height: 76px;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/gotop.png) no-repeat;
		background-size: auto 76px;
		border-radius: 4px;
		overflow: hidden;
	}

		#top:hover {
			background: url(../images/gotopon.png) no-repeat;
			background-size: auto 76px;
		}


	/* 搜索 */
	.search-slogan {
		margin-top: 0;
		text-align: center;
		margin-bottom: 80px; /* 减少标题和搜索框之间的间距 */
		color: #fff;
		animation: fadeIn 0.8s ease-in-out;
	}

		.search-slogan h1 {
			font-size: 42px;
			font-weight: 600;
			margin-bottom: 14px;
			letter-spacing: 0.04rem;
			text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
			line-height: 1;
		}

		.search-slogan p {
			font-size: 22px;
			color: rgba(255, 255, 255, 0.9);
			letter-spacing: 0.02rem;
			font-weight: 300;
		}

	.search-box-indexTw {
		padding: 50px 0; /* 减少顶部空间 */
	}

	.search-box {
		width: auto;
		max-width: 800px;
		margin: 0 auto;
		height: 56px; /* 增加搜索框高度 */
		position: relative;
		z-index: 20;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
		border-radius: 28px;
		transition: all 0.3s ease;
	}

		.search-box:hover {
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
			transform: translateY(-2px);
		}

	.search-box-c {
		width: 82%;
		height: 56px; /* 匹配搜索框高度 */
		position: relative;
	}

		.search-box-c input[type="search"] {
			width: 100%;
			height: 56px; /* 匹配搜索框高度 */
			font-size: 16px;
			border: none;
			padding: 0 30px;
			background-color: rgba(255, 255, 255, 0.95);
			color: #333;
			transition: all 0.3s ease;
			outline: none;
			border-radius: 80px 0 0 80px;
			box-sizing: border-box;
		}

			.search-box-c input[type="search"]:focus {
				background-color: rgba(255, 255, 255, 1);
				box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
			}

	/* 添加新的热门关键词样式 */
	.hot-keyword {
		margin-top: 25px;
	}

		.hot-keyword ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		.hot-keyword li {
			margin: 6px 8px;
			background-color: rgba(255, 255, 255, 0.15);
			border-radius: 15px;
			transition: all 0.3s ease;
		}

			.hot-keyword li a {
				padding: 6px 14px;
				font-size: 14px;
				color: rgba(255, 255, 255, 0.9);
			}

			.hot-keyword li:hover {
				background-color: rgba(255, 255, 255, 0.25);
				transform: translateY(-2px);
			}

	/* 添加动画 */
	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(20px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.search-box-wrapper {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}

	.search-box .search-box-btn {
		width: 18%;
		height: 100%;
		text-align: center;
		color: var(--mobile_baise);
		background: var(--mobile_Hong);
		background-image: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
		border-radius: 0 28px 28px 0;
		transition: all 0.3s ease;
	}

		.search-box .search-box-btn:hover {
			color: var(--mobile_baise);
			background: var(--mobile_Hong);
			background-image: linear-gradient(-20deg, var(--mobile_Hong) 0%, var(--mobileC_960000) 100%);
		}

		.search-box .search-box-btn a {
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			line-height: 56px;
			color: #fff;
			font-size: 16px;
			font-weight: 500;
			text-decoration: none;
			letter-spacing: 0.05em;
		}

			.search-box .search-box-btn a i {
				margin-right: 8px;
			}

		.search-box .search-box-btn .search-text {
			display: inline-block;
			vertical-align: middle;
		}

	.search-box .search-tsw {
		width: calc(100% - 30px);
		overflow: hidden;
		position: absolute;
		left: 30px;
		top: 100%;
		border-radius: 0 0 10px 10px;
		background: var(--mobile_baise);
		color: var(--mobileC_222);
	}

		.search-box .search-tsw .search-ts-box ul {
			width: 100%;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: flex-start;
			box-sizing: border-box;
			max-height: 300px;
			overflow-y: auto;
		}

			.search-box .search-tsw .search-ts-box ul li {
				width: 100%;
				border-bottom: 1px solid var(--mobileC_eee);
				box-sizing: border-box;
				line-height: 1.5;
				font-size: 14px;
			}

				.search-box .search-tsw .search-ts-box ul li a {
					display: block;
					padding: 14px 20px;
				}

				.search-box .search-tsw .search-ts-box ul li:last-child {
					border-bottom: none;
				}

				.search-box .search-tsw .search-ts-box ul li:hover {
					background: rgba(255, 130, 15, 0.1);
				}

	.search-box .type-search-box {
		position: absolute;
		top: -55px;
		left: 0;
		letter-spacing: 0.4px;
		width: 100%;
		text-align: center;
	}

		.search-box .type-search-box .type-search-list {
			display: inline-flex;
			background-color: rgba(0, 0, 0, 0.25);
			border-radius: 20px;
			padding: 5px;
		}

			.search-box .type-search-box .type-search-list li {
				position: relative;
				padding: 6px 18px;
				border-radius: 16px;
				cursor: pointer;
				transition: all 0.3s ease;
			}

				.search-box .type-search-box .type-search-list li:last-child {
					margin-right: 0;
				}

				.search-box .type-search-box .type-search-list li span {
					position: relative;
					font-size: 14px;
					color: rgba(255, 255, 255, 0.8);
					z-index: 5;
					transition: all 0.3s ease;
				}

				.search-box .type-search-box .type-search-list li:before {
					content: '';
					position: absolute;
					width: 0;
					height: 100%;
					top: 0;
					left: 0;
					background: linear-gradient(to right, #ff4e50, #f9d423);
					border-radius: 16px;
					z-index: 1;
					transition: all 0.3s ease;
				}

				.search-box .type-search-box .type-search-list li:hover span {
					color: #fff;
				}

				.search-box .type-search-box .type-search-list li.on {
					box-shadow: 0 2px 8px rgba(255, 78, 80, 0.4);
				}

					.search-box .type-search-box .type-search-list li.on span {
						color: #fff;
					}

					.search-box .type-search-box .type-search-list li.on:before {
						width: 100%;
					}

	/* 搜索列表 */
	.searchlistw {
		max-width: var(--max-width);
		margin: 0px auto;
		overflow: hidden;
	}

		.searchlistw .catdiv {
			width: 100%;
			height: 40px;
		}

			.searchlistw .catdiv .left {
				width: auto;
				line-height: 40px;
				font-size: 16px;
				float: left;
			}

			.searchlistw .catdiv .right {
				height: 100%;
				float: right;
			}

				.searchlistw .catdiv .right .catmore {
					display: block;
					width: 50px;
					height: 20px;
					margin-top: 10px;
					background: url(../images/svg/more.svg) no-repeat right center;
					background-size: auto 100%;
				}

			.searchlistw .catdiv span.jiantou {
				width: 10px;
				height: 10px;
				background: url(../images/svg/jiantou-you.svg) no-repeat;
				background-size: auto 100%;
				display: inline-block;
				margin-top: 15px;
				margin-right: 5px;
			}

		.searchlistw ul {
			width: 1142px;
			margin-left: -0.5%;
		}

		.searchlistw li {
			width: 220px;
			display: inline;
			float: left;
			margin-left: 7px;
			margin-bottom: 10px;
			overflow: hidden;
		}

			.searchlistw li a {
				display: block;
				border-radius: 2px 2px 4px 4px;
				overflow: hidden;
			}

				.searchlistw li a .imgw {
					height: 204px;
					width: 204px;
					padding: 8px;
					text-align: center;
					background: var(--mobileC_2525);
				}

					.searchlistw li a .imgw img {
						max-height: 204px;
						max-width: 204px;
						vertical-align: middle;
					}

	.for-vertical {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-left: -5px;
	}

	.searchlistw li a:hover .tits {
		background: var(--mobile_Hong);
		background-image: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
		color: var(--mobile_baise);
	}

	.searchlistw li .tits {
		width: 200px;
		line-height: 36px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		background: var(--mobileC_222);
		color: var(--mobileC_999);
		padding: 0 10px;
		text-align: center;
	}

	.taglist-w-0703 a {
		width: 20%;
		height: auto;
		overflow: hidden;
		display: block;
		background: #282c36;
	}

		.taglist-w-0703 a:hover {
			animation: listimgshowIn 0.2s forwards;
			box-shadow: var(--mobileCboxshadow);
			border-radius: 5px;
			background-color: var(--mobile_baise);
			color: var(--mobileC_222);
		}

			.taglist-w-0703 a:hover .text-r p.tit {
				color: var(--mobileC_222);
			}

			.taglist-w-0703 a:hover .text-r p.picnum {
				color: var(--mobileC_999);
			}

		.taglist-w-0703 a:nth-of-type(odd) {
			background: var(--block-default);
		}

		.taglist-w-0703 a:hover:nth-of-type(odd) {
			background: var(--mobile_baise);
		}

		.taglist-w-0703 a .photo-l {
			width: 70px;
			height: 70px;
			margin: 20px;
			display: inline;
			float: left;
		}

			.taglist-w-0703 a .photo-l img {
				width: 70px;
				height: 70px;
				border-radius: 80px;
			}

		.taglist-w-0703 a .text-r {
			display: inline;
			float: left;
			padding: 30px 20px 30px 0;
		}

			.taglist-w-0703 a .text-r p {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				max-width: 96px;
			}

				.taglist-w-0703 a .text-r p.tit {
					color: var(--mobile_baise);
					font-size: 18px;
					height: 28px;
				}

				.taglist-w-0703 a .text-r p.picnum {
					color: var(--color-desc);
				}

	.menucolor {
		max-width: var(--max-width);
		margin: 10px auto;
	}

		.menucolor a {
			width: 7.69%;
			display: inline-block;
			float: left;
			height: 14px;
		}

			.menucolor a:hover {
				-webkit-transform: scaleY(1.5);
				transform: scaleY(1.5);
			}

	.indexmovenew {
		padding: 15px 30px;
		background: var(--block-default);
		color: var(--color-default);
		margin: 24px auto;
		display: block;
		text-align: center;
		font-size: 16px;
		max-width: 150px;
		border-radius: 50px;
	}

		.indexmovenew:hover {
			color: var(--mobile_baise);
			box-shadow: var(--mobileCboxshadow2);
			background: var(--mobile_Hong);
			background-image: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
		}

	.bz_size_show {
		position: absolute;
		left: 20px;
		bottom: 20px;
		width: auto;
		padding: 12px 18px;
		text-align: center;
		background: var(--mobileBackop1);
		/* background-image:linear-gradient(-20deg,var(--mobileC_960000) 0%,var(--mobile_Hong) 100%); */
		color: var(--mobile_baise);
		text-shadow: var(--mobileCtextshadow1);
		border-radius: 10px;
		z-index: 200;
	}

		.bz_size_show span.tit {
			width: 100%;
			line-height: 20px;
			display: block;
		}

		.bz_size_show span.sizes {
			font-size: 32px;
			width: 100%;
			font-family: 'Trebuchet' !important;
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			gap: 10px;
		}

			.bz_size_show span.sizes i {
				font-size: 48px;
			}

	.radius {
		border-radius: 4px;
	}

	.catTit_Defaule {
		background: var(--block-default);
		border-radius: 10px;
		padding: 8px 20px;
		border: 1px solid var(--line-3);
		box-sizing: border-box;
		overflow: hidden;
		max-width: var(--max-width);
		margin: 0 auto;
	}

	.tagtit {
		line-height: 40px;
		padding: 6px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

		.tagtit h2 {
			font-size: 20px;
			color: var(--baise);
		}

		.tagtit h2,
		.tagtit span {
			display: inline;
		}

		.tagtit span {
			margin-left: 20px;
		}

	.head_b_menu {
		width: 100%;
		height: 55px;
		background-color: var(--mobileBackop3);
		background-image: var(--mobileHeadback);
		box-shadow: var(--mobileCboxshadow);
	}

		.head_b_menu .menu {
			max-width: var(--max-width);
			margin: 0px auto;
			height: 55px;
			padding: 0 30px;
		}

	/* 分类菜单*/
	.Categories {
		height: 30px;
		width: 100px;
		border-radius: 10px;
		border: 1px solid rgb(232, 47, 47);
		padding: 3px 9px 0px;
		cursor: pointer;
	}

		.Categories a {
			color: #ffffff;
			font-weight: 500;
		}

	.dropdownContent {
		top: 56px;
		right: 130px;
		position: absolute;
		border-radius: 10px;
		background-color: rgba(33, 36, 41, 0.40);
		border: 1px solid rgba(255, 255, 255, 0.1);
		padding: 9px;
		cursor: auto;
		width: 300px;
		box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.4);
		backdrop-filter: blur(20px) saturate(180%);
		transition: all 0.5s ease-out 0.5s;
		z-index: 100;
		column-count: 2;
	}

		.dropdownContent a {
			position: relative;
			color: #fff;
			transition: all 200ms linear;
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 15px;
			border-radius: 10px;
			padding: 5px 0;
			padding-left: 20px;
			padding-right: 15px;
			margin: 2px 0;
			text-align: left;
			text-decoration: none;
			display: -ms-flexbox;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			justify-content: space-between;
			-ms-flex-pack: distribute;
		}

			.dropdownContent a:hover {
				color: #fff;
				background-color: rgba(255, 255, 255, 0.1);
				/* Simple smooth highlight */
				/* Removed backdrop-filter to prevent rendering glitches */
			}



	/* 分类菜单END*/




	/* 搜索遮罩层 */
	.search-mask-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.35);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		z-index: 9999;
		animation: fadeIn 0.3s ease-out;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
		box-sizing: border-box;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}

	@keyframes fadeOut {
		from {
			opacity: 1;
		}

		to {
			opacity: 0;
		}
	}

	.search-mask-wrapper.fadeOut {
		animation: fadeOut 0.2s ease-out forwards;
	}

	/* 搜索框容器 */
	.search-mask-wrapper .search-input-wrapper {
		width: 90%;
		max-width: 620px;
		position: relative;
		animation: slideUp 0.3s ease-out;
		margin: -200px auto 0;
	}


		/* 搜索输入框 */
		.search-mask-wrapper .search-input-wrapper input {
			width: 100%;
			height: 56px;
			border: none;
			border-radius: 28px;
			padding: 0 60px 0 24px;
			font-size: 16px;
			color: #333;
			background: rgba(255, 255, 255, 0.95);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
			outline: none;
			transition: all 0.3s ease;
			box-sizing: border-box;
		}

			.search-mask-wrapper .search-input-wrapper input:focus {
				transform: scale(1.02);
				box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 0 6px 20px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(255, 130, 15, 0.3);
				background: rgba(255, 255, 255, 1);
			}

			.search-mask-wrapper .search-input-wrapper input::placeholder {
				color: #999;
				font-weight: 400;
			}



	/* 关闭按钮 */
	.searchgb::before {
		content: "✕";
		position: absolute;
		top: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.15);
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgba(255, 255, 255, 0.8);
		font-size: 18px;
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		font-weight: 300;
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.searchgb:hover::before {
		background: rgba(255, 255, 255, 0.25);
		color: white;
		transform: scale(1.1) rotate(90deg);
		border-color: rgba(255, 255, 255, 0.2);
	}



	/* 搜索按钮 */
	.search-mask-wrapper .search-input-wrapper button {
		position: absolute;
		right: 4px;
		top: 4px;
		width: 48px;
		height: 48px;
		border: none;
		border-radius: 24px;
		background: linear-gradient(135deg, var(--mobile_Hong), #ff6b35);
		color: white;
		cursor: pointer;
		transition: all 0.3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 16px rgba(255, 130, 15, 0.3);
		z-index: 10;
		overflow: hidden;
	}

		.search-mask-wrapper .search-input-wrapper button:hover {
			transform: scale(1.05);
			box-shadow: 0 6px 20px rgba(255, 130, 15, 0.4);
		}

		.search-mask-wrapper .search-input-wrapper button:active {
			transform: scale(0.95);
		}

		.search-mask-wrapper .search-input-wrapper button i {
			font-size: 18px;
			color: white;
		}

		.search-mask-wrapper .search-input-wrapper button::before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 0;
			height: 0;
			background: rgba(255, 255, 255, 0.2);
			border-radius: 50%;
			transform: translate(-50%, -50%);
			transition: width 0.3s ease, height 0.3s ease;
		}

		.search-mask-wrapper .search-input-wrapper button:active::before {
			width: 60px;
			height: 60px;
		}



	.content-area {
		background: var(--block-default);
		border-radius: 10px;
		padding: 20px;
		margin-top: 0;
	}

		.content-area .content-section {
			display: none;
			animation: fadeIn 0.5s ease-in-out;
		}

			.content-area .content-section.active {
				display: block;
			}

			.content-area .content-section .dark-tab-item-wrapper {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}

				.content-area .content-section .dark-tab-item-wrapper .dark-tab-item {
					display: flex;
					align-items: flex-end;
					padding: 10px 20px;
					text-align: center;
					color: var(--mobile_baise);
					cursor: pointer;
					transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
					flex-wrap: nowrap;
					justify-content: center;
					gap: 5px;
					border: 1px solid rgba(255, 255, 255, 0.05);
					border-radius: 5px;
					width: calc(10% - 9px);
					box-sizing: border-box;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					background: var(--block-default);
				}

					.content-area .content-section .dark-tab-item-wrapper .dark-tab-item:hover,
					.content-area .content-section .dark-tab-item-wrapper .dark-tab-item.active {
						background: var(--block-action);
						border: 1px solid var(--line-1);
					}
					/* .content-area .content-section .dark-tab-item-wrapper .dark-tab-item:hover .tab-text,
.content-area .content-section .dark-tab-item-wrapper .dark-tab-item.active .tab-text{
		color: var(--heise);
		font-weight: 500;
}
.content-area .content-section .dark-tab-item-wrapper .dark-tab-item:hover .tab-count,
.content-area .content-section .dark-tab-item-wrapper .dark-tab-item.active .tab-count{
		color: var(--mobileC_999);
} */
					.content-area .content-section .dark-tab-item-wrapper .dark-tab-item .tab-text {
						font-size: 16px;
						color: var(--mobile_baise);
					}

					.content-area .content-section .dark-tab-item-wrapper .dark-tab-item .tab-count {
						font-size: 12px;
						color: var(--color-desc);
						text-transform: uppercase;
					}

	.catmenu-list-new {
		display: none;
	}

	.thumb-video-container {
		position: absolute;
		left: 10px;
		top: 10px;
		display: flex;
		gap: 5px;
		align-items: center;
		flex-wrap: nowrap;
		padding: 4px 10px;
		border-radius: 20px;
		background: rgba(9,115,0,0.5);
		color: var(--mobile_baise);
		font-size: 12px;
		z-index: 100;
	}

	#pageLimit-confirm-dialog {
		color: var(--mobileC_222);
	}

	.all-container-wrapper-new-1010 {
		max-width: var(--max-width);
		padding: 0 30px;
		margin: 0 auto 20px;
	}

	/* edit 20251001 */
	.hot-icon {
		width: auto;
		height: 22px;
	}

	.index-hot-title {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		box-sizing: border-box;
		display: flex;
		padding: 14px 0px;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		/* background: var(--block-default);
	border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05); */
	}

		.index-hot-title .h1 {
			font-size: 22px;
			font-weight: 300;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.index-hot-title i {
			font-size: 24px;
		}

	.mt-20 {
		margin-top: 20px;
	}

	.index-hot-list-title {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		padding: 15px 0;
		box-sizing: border-box;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-end;
		gap: 20px;
	}

	.searche-head-container .index-hot-list-title .keyword {
		max-width: 380px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}

	.index-hot-list-title h2 {
		font-size: 16px;
		font-weight: 300;
		line-height: 1;
	}

	.index-hot-list-title h1 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		font-size: 22px;
		font-weight: 300;
		line-height: 1;
		position: relative;
	}

		.index-hot-list-title h1:after {
			content: '';
			display: block;
			width: 2px;
			height: 20px;
			background: var(--line-1);
			position: absolute;
			right: -10px;
			top: 50%;
			transform: translateY(-50%);
		}

	.index-hot-list-title i.index-icon-phonewall {
		color: var(--mobile_Hong);
		font-size: 20px;
	}

	.index-hot-list-title i.index-icon-pcwall {
		color: #f9770d;
		font-size: 20px;
	}

	.font-color-hong {
		color: var(--mobile_Hong);
	}

	.font-color-huang {
		color: #f9770d;
	}

	.index-hot-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}

	.index-list-title-new {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding: 0 20px;
		box-sizing: border-box;
		display: flex;
		padding: 10px 0;
		flex-wrap: nowrap;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
	}

		.index-list-title-new .left {
			line-height: 40px;
			font-size: 22px;
			font-weight: 300;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
		}

			.index-list-title-new .left .latest-icon {
				width: 15px;
				height: auto;
				margin-right: 10px;
			}

			.index-list-title-new .left h2 {
				font-size: 22px;
				font-weight: 300;
			}

		.index-list-title-new .right-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-end;
			align-items: center;
			gap: 10px;
		}

			.index-list-title-new .right-wrapper .right a {
				padding: 10px 30px;
				background: var(--block-default);
				color: var(--color-default);
				border-radius: 50px;
			}
	/* 专题列表 一行5列自适应宽度 间距20px */
	.index-hot-recommend-list {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 20px;
	}

		.index-hot-recommend-list .item {
			width: 100%;
			height: 100%;
			overflow: hidden;
			border-radius: 10px;
			background: var(--block-default);
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}

			.index-hot-recommend-list .item .leftimg {
				width: 100%;
				height: auto;
				position: relative;
				z-index: 10;
				overflow: hidden;
			}

				.index-hot-recommend-list .item .leftimg .jiaobiao {
					position: absolute;
					top: 0;
					left: -30px;
					width: 100px;
					height: auto;
					background: rgba(0,0,0,0.5);
					z-index: 10;
					text-align: center;
					padding: 10px 0;
					transform: rotate(-45deg);
					transform-origin: center;
					transform-box: fill-box;
				}

				.index-hot-recommend-list .item .leftimg img {
					width: 100%;
					height: auto;
					object-fit: cover;
				}

			.index-hot-recommend-list .item:hover .leftimg img {
				animation: listimgshowIn 0.5s forwards;
			}

			.index-hot-recommend-list .item .right {
				width: 100%;
				padding: 15px 10px;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: flex-end;
				gap: 10px;
			}

			.index-hot-recommend-list .item:nth-child(1) .right .title {
				color: #fa8c35;
			}

			.index-hot-recommend-list .item:nth-child(2) .right .title {
				color: #bce672;
			}

			.index-hot-recommend-list .item:nth-child(3) .right .title {
				color: #ff461f;
			}

			.index-hot-recommend-list .item:nth-child(4) .right .title {
				color: #44cef6;
			}

			.index-hot-recommend-list .item:nth-child(5) .right .title {
				color: #cca4e3;
			}

			.index-hot-recommend-list .item:nth-child(6) .right .title {
				color: #ffb61e;
			}

			.index-hot-recommend-list .item:nth-child(7) .right .title {
				color: #f9770d;
			}

			.index-hot-recommend-list .item:nth-child(8) .right .title {
				color: #0eb83a;
			}

			.index-hot-recommend-list .item:nth-child(9) .right .title {
				color: #f05654;
			}

			.index-hot-recommend-list .item:nth-child(10) .right .title {
				color: #3eede7;
			}

			.index-hot-recommend-list .item:hover .right .title {
				color: var(--baise);
			}

			.index-hot-recommend-list .item .right .title {
				width: 100%;
				line-height: 1.3;
				font-size: 14px;
				font-weight: 300;
				color: var(--color-default);
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.index-hot-recommend-list .item .right .number {
				width: 30%;
				line-height: 1.2;
				font-size: 12px;
				color: var(--color-desc);
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				text-align: right;
			}
	/* 页脚样式优化 */
	.footer-han-2 {
		width: auto;
		padding: 25px 30px;
		margin: 0 auto 0;
		border-radius: 12px;
		font-size: 16px;
		line-height: 1.6;
		color: var(--color-default);
		text-align: center;
		background: var(--block-default);
		border: 1px solid rgba(255, 255, 255, 0.05);
	}

		.footer-han-2 .han1 {
			font-size: 16px;
			white-space: normal;
			margin-bottom: 20px;
			color: var(--mobile_Hong);
		}

	.line-all {
		width: 100%;
		height: 1px;
		background: var(--line-3);
		margin: 20px 0;
	}

	.footer-han-2 .han2 {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		flex-wrap: wrap;
		font-size: 14px;
	}

		.footer-han-2 .han2 a {
			color: var(--color-default);
			text-decoration: none;
			padding: 8px 20px;
			border-radius: 6px;
			transition: all 0.3s ease;
			font-weight: 400;
			position: relative;
			overflow: hidden;
			background: var(--block-default);
			border: 1px solid rgba(255, 255, 255, 0.05);
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			gap: 8px;
		}

			.footer-han-2 .han2 a:hover {
				background: var(--mobile_Hong);
				border: 1px solid var(--mobile_Hong);
				color: var(--baise);
			}



	/* 关于我们页面样式 */
	.breadcrumb-nav {
		width: 100%;
		padding: 15px 0;
		background: var(--block-default);
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	.breadcrumb-content {
		max-width: var(--max-width);
		margin: 0 auto;
		padding: 0 20px;
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 14px;
		color: var(--color-desc);
	}

		.breadcrumb-content a {
			color: var(--color-default);
			text-decoration: none;
			transition: color 0.3s ease;
		}

			.breadcrumb-content a:hover {
				color: var(--mobile_Hong);
			}

		.breadcrumb-content i {
			font-size: 12px;
			color: var(--color-desc);
		}

	.about-page-container {
		max-width: var(--max-width);
		margin: 0 auto;
		padding: 20px 30px;
		display: flex;
		gap: 30px;
		min-height: calc(100vh - 360px);
	}









	/* 关于我们页面特殊样式 */
	.about-intro {
		line-height: 1.8;
	}

		.about-intro .logo {
			width: 260px;
			height: auto;
			display: block;
			margin: 60px 0;
		}

		.about-intro ul li {
			margin-bottom: 12px;
		}

	/* 免责声明样式 */
	.disclaimer-content {
		line-height: 1.8;
	}

		.disclaimer-content h3 {
			color: var(--mobile_Hong);
		}

	/* 版权声明样式 */
	.copyright-content {
		line-height: 1.8;
	}

		.copyright-content h3 {
			color: var(--mobile_Hong);
		}

	/* 隐私政策样式 */
	.privacy-content {
		line-height: 1.8;
	}

		.privacy-content h3 {
			color: var(--mobile_Hong);
		}

	/* 服务条款样式 */
	.terms-content {
		line-height: 1.8;
	}

		.terms-content h3 {
			color: var(--mobile_Hong);
		}

	/* 联系我们样式 */
	.contact-content {
		line-height: 1.8;
	}

	.contact-methods {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 20px;
		margin: 30px 0;
	}

	.contact-item {
		background: rgba(255, 255, 255, 0.03);
		padding: 20px;
		border-radius: 8px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		transition: all 0.3s ease;
	}

		.contact-item:hover {
			background: rgba(255, 255, 255, 0.05);
			border-color: var(--mobile_Hong);
		}

		.contact-item h3 {
			color: var(--mobile_Hong);
			margin: 0 0 15px 0;
			display: flex;
			align-items: center;
			gap: 10px;
		}

			.contact-item h3 i {
				font-size: 18px;
			}

		.contact-item p {
			margin: 0 0 8px 0;
			font-size: 14px;
			color: var(--color-desc);
		}

	.contact-info,
	.response-time,
	.business-hours {
		margin: 30px 0;
		padding: 20px;
		background: rgba(255, 255, 255, 0.03);
		border-radius: 8px;
		border: 1px solid rgba(255, 255, 255, 0.05);
	}

		.contact-info h3,
		.response-time h3,
		.business-hours h3 {
			color: var(--mobile_Hong);
			margin: 0 0 15px 0;
		}

		.contact-info ul,
		.response-time ul {
			margin: 0;
			padding-left: 20px;
		}

		.contact-info li,
		.response-time li {
			margin-bottom: 8px;
		}

		.business-hours p {
			margin: 0 0 8px 0;
			font-size: 14px;
			color: var(--color-desc);
		}

	/* ==================== 壁纸专题页面样式 ==================== */

	/* 专题页面容器 */
	.topics-page-container {
		max-width: var(--max-width);
		margin: 0 auto;
		padding: 20px 30px;
	}

	/* 页面头部 */
	.topics-header {
		width: 100%;
		margin-bottom: 20px;
		background: var(--block-default);
		border-radius: 12px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		overflow: hidden;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
	}

	.header-content {
		padding: 30px;
		text-align: center;
	}

	.page-title {
		margin: 0 0 15px 0;
		font-size: 28px;
		font-weight: 500;
		color: var(--color-default);
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
	}

		.page-title i {
			font-size: 32px;
			color: var(--mobile_Hong);
		}

	.page-description {
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 1.6;
		color: var(--color-desc);
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.stats-info {
		display: flex;
		justify-content: center;
		gap: 30px;
		flex-wrap: wrap;
	}

	.stat-item {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 14px;
		color: var(--color-desc);
	}

		.stat-item strong {
			color: var(--mobile_Hong);
			font-weight: 600;
			font-size: 16px;
		}

	/* 分类筛选 */
	.topics-filter {
		width: 100%;
		padding: 15px 20px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		border-radius: 10px;
		background: var(--block-default);
		margin: 0 auto 20px;
	}

		.topics-filter .filter-container {
			display: flex;
			align-items: center;
			gap: 15px;
			flex-wrap: wrap;
		}

		.topics-filter .filter-btn-more {
			display: none;
		}

		.topics-filter .filter-title {
			font-size: 14px;
			color: var(--color-default);
			font-weight: 500;
			flex-shrink: 0;
		}

	.filter-buttons {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}

	.filter-btn {
		padding: 8px 16px;
		border: 1px solid rgba(255, 255, 255, 0.05);
		border-radius: 20px;
		background: var(--block-default);
		color: var(--color-default);
		font-size: 13px;
		cursor: pointer;
		transition: all 0.3s ease;
		white-space: nowrap;
		text-align: center;
	}

		.filter-btn:hover {
			border-color: var(--mobile_Hong);
			color: var(--mobile_Hong);
		}

		.filter-btn.active {
			background: var(--mobile_Hong);
			border-color: var(--mobile_Hong);
			color: var(--baise);
		}



	/* 热门推荐区域 */
	.topics-hot-section {
		width: 100%;
	}

		.topics-hot-section .section-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;
			padding: 0 5px;
		}

			.topics-hot-section .section-header h2 {
				margin: 0;
				font-size: 20px;
				font-weight: 500;
				color: var(--color-default);
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.topics-hot-section .section-header i {
				font-size: 22px;
				color: var(--mobile_Hong);
			}

		.topics-hot-section .section-subtitle {
			font-size: 13px;
			color: var(--color-desc);
		}

	.hot-topics-grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 20px;
		margin-bottom: 20px;
	}

	.head-menu .tmenu {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		align-items: center;
	}

	.fz180 i1 {
		transform: rotate(180deg);
	}




	.head-menu .tmenu li {
		margin: 9px;
	}


	.menuyc {
		display: none;
	}

	.head-menu2 .tmenu2 {
		padding: 0px;
	}







	@media (max-width: 1560px) {
		html {
			font-size: 66px;
		}

		body {
			font-size: 0.24rem;
		}




		.footer .footer-about {
			width: 100%;
			height: 100%;
			background-color: var(--back-default);
			padding: 0.3rem;
		}

		.footer-about a, .footer-about span {
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}

		.bannerindexw {
			display: none;
		}

		.hot-keyword {
			width: 92%;
			margin: 0.2rem auto;
			line-height: 1.5;
		}

			.hot-keyword ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
			}

			.hot-keyword li.keyword-title {
				margin: 0;
			}

		.tc-modal-wrap .login-open-ui-tc {
			min-width: 92%;
			width: 92%;
		}


		.validate-items {
			gap: 8px;
		}

		.validate-item {
			padding: 0.2rem 0;
			font-size: 0.26rem;
		}

		.btn-login-tc {
			font-size: 0.32rem;
		}

		#pageNum {
			padding: 0 30px;
			width: 100%;
		}

			#pageNum, #pageNum .pagination a {
				font-size: 0.28rem;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

		.searchHeadwrapp {
			display: none;
		}

		.menuw {
			margin-left: 0.3rem;
			margin-right: 0.3rem;
		}

			.menuw .r ul li a em:nth-child(2) {
				display: none;
			}

		.taglist-w-0703 a .photo-l {
			width: 100%;
			height: auto;
			padding: 0.3rem 0.3rem 0;
			margin: 0;
			box-sizing: border-box;
		}

			.taglist-w-0703 a .photo-l img {
				width: 100%;
				height: auto;
				border-radius: 200px;
				margin: 0 auto;
				display: block;
			}

		.taglist-w-0703 a .text-r {
			width: 100%;
			font-size: 0.24rem;
			padding: 0.2rem;
			box-sizing: border-box;
			margin: 0;
			text-align: center;
		}

			.taglist-w-0703 a .text-r p.tit {
				font-size: 0.28rem;
				width: 100%;
				max-width: 100%;
			}

			.taglist-w-0703 a .text-r p:nth-child(2) {
				max-width: 100%;
				font-size: 0.24rem;
				line-height: 1;
			}

		.menu-tpdq-w, .menu-mntp-w, .menu-tupian-w {
			margin-left: 0.3rem;
			margin-right: 0.3rem;
			height: auto;
		}



		.showcontw .showimg .img-phone-wrapper .phone-content .lock-screen-effect,
		.showcontw .showimg .img-phone-wrapper .phone-content .home-screen-effect {
			width: calc(100% - 0.67rem);
			height: calc(100% - 0.67rem);
		}

		.showcontw {
			display: block;
		}

			.showcontw .showimg {
				width: 100%;
				height: auto;
				max-height: 12rem;
				padding: 0;
				border-radius: 0;
			}

				.showcontw .showimg .img-phone-wrapper {
					height: 12rem;
					max-height: 12rem;
				}

					.showcontw .showimg .img-phone-wrapper .img-wall-mini {
						width: 2rem;
						min-height: 2rem;
						height: auto;
					}

					.showcontw .showimg .img-phone-wrapper .phone-content {
						width: auto;
						height: 100%;
					}

						.showcontw .showimg .img-phone-wrapper .phone-content .img-phone {
							width: auto;
						}

					.showcontw .showimg .img-phone-wrapper .img-wall-mini img {
						height: auto;
					}

			.showcontw .r_description {
				width: 100%;
				height: auto;
				padding: 0.3rem;
				border-radius: 0;
			}
	}











	@media (max-width: 1000px) {
		.head-menu {
			display: none;
		}

		.head-tmenu .drop-down-btn {
			display: block;
			font-size: 0.42rem;
		}

		.drop-down-general-all {
			position: relative;
		}

			.drop-down-general-all .drop-down-btn {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: center;
				gap: 10px;
				cursor: pointer;
			}
	}


	@media (max-width: 800px) {


		.Categories {
			padding: 6px 9px 0 9px;
		}



		.dropdownContent {
			top: 58px;
			right: 20px;
		}


		.head-tmenu .head-right-wrapper {
			gap: 5px;
		}

		.head-tmenu .topmenu {
			padding: 0 6px;
		}





		.menuw {
			border-radius: 0;
			margin-top: 0.2rem;
		}

			.menuw .catmenu-list-btn {
				display: flex;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
				line-height: 0.8rem;
				gap: 0.2rem;
				width: 100%;
				border: 1px solid rgba(255, 255, 255, 0.05);
				background: #282c36;
				border-radius: 5px;
				font-size: 0.28rem;
				color: var(--color-default);
			}

			.menuw .catmenu-list {
				display: none;
			}

				.menuw .catmenu-list .catmenu-list-ul {
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-start;
					align-items: center;
					gap: 5px;
					background: var(--baise);
					padding: 0.2rem;
					box-sizing: border-box;
				}

					.menuw .catmenu-list .catmenu-list-ul li {
						background: var(--baise);
						width: calc(25% - 3.75px);
					}

						.menuw .catmenu-list .catmenu-list-ul li a {
							color: var(--mobileC_222);
							padding: 0;
							width: 100%;
							box-sizing: border-box;
							border: 1px solid var(--mobileC_eee);
							line-height: 0.6rem;
							text-overflow: ellipsis;
							overflow: hidden;
							white-space: nowrap;
							border-radius: 5px;
						}

			.menuw .catmenu-list-ul li:nth-child(n+11):nth-child(2n+2), .menuw .catmenu-list-ul li:nth-child(n+11):nth-child(2n+1) {
				background: none;
			}

			.menuw .catmenu-list-ul li a:hover, .menuw .catmenu-list-ul li a.cur {
				background: var(--mobile_Hong);
				color: var(--baise);
				border: 1px solid var(--mobile_Hong);
			}

				.menuw .catmenu-list-ul li a:hover .catnametit, .menuw .catmenu-list-ul li a.cur .catnametit {
					background: var(--mobile_Hong);
					color: var(--baise);
					margin: 0;
				}

			.menuw .catmenu-list-ul li .catnametit {
				color: var(--mobileC_222);
				font-size: 0.26rem;
			}

		.showcontw .showimg {
			padding: 0;
			max-height: none;
			height: auto;
		}

			.showcontw .showimg .img-phone-wrapper .phone-content {
				width: 100%;
				height: auto;
			}

				.showcontw .showimg .img-phone-wrapper .phone-content .img-phone {
					opacity: 0;
					display: none;
				}

				.showcontw .showimg .img-phone-wrapper .phone-content .wall-mobile-photos {
					width: 100%;
					height: 100%;
					position: static;
					transform: none;
					display: flex;
					flex-wrap: nowrap;
					justify-content: center;
					align-items: center;
				}

				.showcontw .showimg .img-phone-wrapper .phone-content .lock-screen-effect,
				.showcontw .showimg .img-phone-wrapper .phone-content .home-screen-effect {
					width: calc(100% - 0.34rem);
					height: calc(100% - 0.34rem);
				}

			.showcontw .showimg .style-btn-wrapper {
				display: flex;
				flex-wrap: nowrap;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				position: static;
				margin: 0.2rem auto;
			}

			.showcontw .showimg .bz_size_show {
				display: none;
			}

			.showcontw .showimg .img-phone-wrapper {
				height: auto;
				overflow: hidden;
				max-height: none;
			}

				.showcontw .showimg .img-phone-wrapper .phone-content .wall-mobile-photos img {
					width: 100%;
					height: auto;
					display: block;
					margin: 0 auto;
					min-height: 400px;
				}

				.showcontw .showimg .img-phone-wrapper .phone-content .lock-screen-effect img, .showcontw .showimg .img-phone-wrapper .phone-content .home-screen-effect img {
					width: auto;
					height: 100%;
					display: block;
					margin: 0 auto;
				}

				.showcontw .showimg .img-phone-wrapper .img-wall-mini {
					box-shadow: none;
					max-width: 50%;
				}

					.showcontw .showimg .img-phone-wrapper .img-wall-mini img {
						display: none;
					}

				.showcontw .showimg .img-phone-wrapper .img-wall-mini-left {
					position: absolute;
					left: 0;
					top: 50%;
					width: 1.2rem;
					height: 1.5rem;
					z-index: 120;
					transform: translateY(-50%);
				}

				.showcontw .showimg .img-phone-wrapper .img-wall-mini-right {
					position: absolute;
					right: 0;
					top: 50%;
					width: 1.2rem;
					height: 1.5rem;
					z-index: 120;
					transform: translateY(-50%);
				}

				.showcontw .showimg .img-phone-wrapper .img-wall-mini-left .title {
					display: block;
					width: 100%;
					opacity: 0.8;
					color: var(--mobileC_eee);
					left: 0;
					right: auto;
					transform: translate(0%, -50%);
				}

				.showcontw .showimg .img-phone-wrapper .img-wall-mini-right .title {
					display: block;
					width: 100%;
					opacity: 0.8;
					color: var(--mobileC_eee);
					right: 0;
					left: auto;
					transform: translate(0%, -50%);
				}

		.footer-about a, .footer-about span {
			max-width: 92%;
		}

		#pageNum {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding: 0;
		}

		.showImglist-new .left, .showImglist-new .right {
			display: none;
		}

		.showImglist-new .showImglistw {
			width: 100%;
		}

		.showcontw .showimg .wap-title {
			font-size: 0.32rem;
			color: var(--mobileC_eee);
			text-align: left;
			padding: 0.2rem 0.3rem;
			font-weight: 300;
			display: block;
			line-height: 1.5;
		}

 
		.showcontw .img-table .note {
			display: block;
		}




		.fbl-list-wap .menu-item {
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			flex-direction: row;
		}

			.fbl-list-wap .menu-item .mcell {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0.2rem 0;
				position: relative;
			}

				.fbl-list-wap .menu-item .mcell::before {
					content: "";
					width: 1px;
					height: 0.32rem;
					background: #eee;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}

				.fbl-list-wap .menu-item .mcell:last-child::before {
					display: none;
				}

			.fbl-list-wap .menu-item .menus {
				color: #333;
			}

		.fbl-list-wap .bz-menu-content {
			width: calc(100% - 0.4rem);
			padding: 0.2rem;
			font-size: 0.25rem;
			top: calc(100% + 10px);
			color: #333;
			background: #eee;
			margin: 0.2rem 0.2rem 0.1rem;
			border-radius: 5px;
			display: none;
		}

			.fbl-list-wap .bz-menu-content .headTit {
				text-align: center;
			}

				.fbl-list-wap .bz-menu-content .headTit strong {
					font-size: 0.32rem;
				}

			.fbl-list-wap .bz-menu-content .item .tit {
				text-align: center;
				font-size: 0.25rem;
				font-weight: bold;
				margin: 0.2rem auto;
			}

			.fbl-list-wap .bz-menu-content .item .contItem {
				font-size: 0.22rem;
				display: flex;
				flex-direction: row;
				align-items: flex-start;
				justify-content: center;
				gap: 0.15rem;
				flex-wrap: wrap;
			}

				.fbl-list-wap .bz-menu-content .item .contItem a {
					display: block;
					width: calc((100% - 0.15rem * 3) / 4);
					text-align: center;
					background: #fff;
					border-radius: 5px;
					padding: 0.12rem 0;
					box-sizing: border-box;
					border: 1px solid #e5e5e5;
				}

			.fbl-list-wap .bz-menu-content .item-color {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				gap: 0.15rem;
				flex-wrap: wrap;
			}

				.fbl-list-wap .bz-menu-content .item-color a {
					display: block;
					width: calc((100% - 0.15rem * 3) / 4);
					text-align: center;
					border-radius: 5px;
					padding: 0.12rem 0;
					box-sizing: border-box;
					color: #ffffff;
				}
	}



	:root {
		--mobile_Hong: #c52020;
		--mobileC_1b1b: #1B1B1B;
		--mobileC_999: #999999;
		--mobileC_960000: #960000;
		--mobileC_1f1f1f: #1f1f1f;
		--mobileC_2b2b2b: #2b2b2b;
		--mobileC_f5f5f5: #f5f5f5;
		--mobileC_eee: #eeeeee;
		--mobileC_ccc: #CCCCCC;
		--mobileC_ddd: #dddddd;
		--mobileC_333: #333333;
		--mobileC_444: #444444;
		--mobileC_555: #555555;
		--mobile_baise: #ffffff;
		--mobileC_666: #666666;
		--mobileC_282828: #282828;
		--mobileC_2a2a2a: #2a2a2a;
		--mobileC_222: #222222;
		--mobileC_000: #000000;
		--mobileC_2d2d: #2d2d2d;
		--mobileC_2525: #252525;
		--mobileCtextshadow: 1px 1px 3px rgba(0, 0, 0, .55);
		--mobileCtextshadow1: 1px 1px 3px rgba(0, 0, 0, .25);
		--mobileCtextshadow2: 1px 2px 4px rgba(0, 0, 0, .14);
		--mobileCboxshadow: 0px 2px 12px 4px rgba(0, 0, 0, 0.15);
		--mobileCboxshadow1: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		--mobileCboxshadow2: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
		--mobileBackop1: rgba(0, 0, 0, 0.2);
		--mobileBackop2: rgba(0, 0, 0, 0.25);
		--mobileBackop3: rgb(24, 29, 36);
		--mobileBackop4: rgba(30,30,30,.5);
		--mobileCop1: rgba(255, 255, 255, 0.85);
		--mobileCop2: rgba(0, 0, 0, 0.75);
		--mobileCop3: rgba(0, 0, 0, 0.8);
		--mobileCop4: rgba(255, 255, 255, 0.85);
		--mobileCop6: rgba(0, 0, 0, 0.45);
		--mobileIndexBannerBack: linear-gradient(to top,var(--back-1) 0%,transparent 100%),url(https://s21.ax1x.com/2025/09/08/pV2oLad.jpg);
		--mobileBtnHongse: linear-gradient(-20deg, var(--mobileC_960000) 0%, var(--mobile_Hong) 100%);
		--mobileHeadback: linear-gradient(to bottom,#282c36 -10%,var(--block-default) 100%);
		--mobileHeadback1: inset 1px 1px 1px rgb(0 0 0 / 40%), 1px 1px 0 rgb(127 127 127 / 10%);
		--eco-banner-back: linear-gradient(to bottom,var(--back-1) 0%,transparent 100%);
		--block-linear-default: linear-gradient(to bottom, rgba(204, 221, 255, .06) 0%,transparent 100%);
		--block-default: #21242e;
		--block-action: rgba(255, 255, 255, 0.05);
		--color-default: rgba(255, 255, 255, 0.65);
		--color-action: rgba(255, 255, 255, 0.88);
		--color-desc: rgba(255, 255, 255, 0.4);
		--line-1: rgba(255, 255, 255, 0.1);
		--line-3: rgba(255, 255, 255, 0.03);
		--line-4: rgba(255, 255, 255, 0.01);
		--color-secondary-default: #363741;
		--back-default: rgb(22, 26, 34);
		--back-0: rgb(22, 26, 34);
		--back-1: rgb(24, 29, 36);
		--back-2: rgb(20, 23, 30);
		--back-3: #12171c;
	 
		--box-shadow-1: 0 0px 24px 2px rgb(2 9 26 / 30%);
		--box-shadow-2: 0 12px 24px -20px rgb(2 9 26 / 50%);
		--max-width: 1840px;
		--max-user-width: 1280px;
		--wap-min-width: 1024px;
	}