.grid-container2 {

	display: grid;

	grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;

	padding: 2px;

}



.grid-item2 {

	background-color: #333;

	padding: 5px;

	font-size: 14px;

	text-align: center;

	margin: 1px;

	border-radius: 10px;

}



.grid-item2 a {

	text-decoration: none;

	color: #f7d0bf;

}



@media only screen and (max-width: 1400px) {

	.grid-item2 {

		font-size: 16px;

	}



	.grid-container2 {

		grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;

	}

}



@media only screen and (max-width: 500px) {

	.grid-item2 {

		font-size: 13px;

	}



	.grid-container2 {

		grid-template-columns: auto auto auto auto auto auto auto auto;

	}

}



.links-top {

	overflow: hidden;

	margin: auto;

	box-shadow: 0 3px 6px 2px rgba(0, 0, 0, .03)

}



.links-top ul li {

	float: left;

	padding: 10px 0;

	width: calc(99%/20);

	text-align: center

}



.links-top ul li img {

	margin: 0 auto;

	padding: 4px;

	width: 56px;

	height: 56px;

	border-radius: 15px;

}



.links-top ul li img:hover {

	background-color: #FF9800;

}



.links-top ul a {

	font-size: 14px;

	color: #fff;

}



.links-top ul a:hover {

	color: #fff;

}



@media (max-width:544px) {

	.leftd {

		width: 90px !important;

	}



	.rightd {

		width: 90px !important;

	}



	.links {

		padding: 0 5px

	}



	.links-top ul li {

		width: 20%

	}



	.links-box .panel-heading .btn {

		padding: 0 10px

	}



	.links-element ul {

		overflow: hidden;

		padding: 10px 0 10px 10px

	}



	.links-top ul a {

		font-size: 13px;

	}

}



.ba1ds {

	position: fixed;

	bottom: 0;

	left: 50%;

	height: 8%;

	width: 995px;

	margin: 0 auto;

	transform: translate(-50%, 0px);

	z-index: 9999;

}



.ta1ds {

	position: fixed;

	top: 0;

	left: 50%;

	height: 8%;

	width: 995px;

	margin: 0 auto;

	transform: translate(-50%, 0px);

	z-index: 9999;

}



.bottoma1ds img {}



.topa1ds img {

	height: 55px !important;

	margin-top: 10px;

}



.leftd {

	position: fixed;

	top: 54%;

	transform: translateY(-50%);

	width: 120px;

	left: 0;

	z-index: 9999;

}



.rightd {

	position: fixed;

	top: 54%;

	transform: translateY(-50%);

	width: 120px;

	right: 0;

	z-index: 9999;

}



.closebox1 {

	text-align: center;

	display: inherit;

	background-color: #965b7950;

	color: #fff;

	padding: 4px 0;

	display: block;

}



.closebox2 {

	text-align: center;

	display: inherit;

	background-color: #965b7950;

	color: #fff;

	display: block;

}



.closebox3 {

	text-align: center;

	display: inherit;

	background-color: #965b7950;

	color: #fff;

	padding: 4px 0;

	display: block;

}



.closebox4 {

	text-align: center;

	display: inherit;

	background-color: #965b7950;

	color: #fff;

	padding: 4px 0;

	display: block;

}



@media screen and (max-width:980px) {

	.ba1ds {

		width: 100%;

	}



	.ta1ds {

		width: 100%;

	}

}



.bottom {

	margin-top: 20px;

	background-color: #45194d;

	padding: 10px 0;

	padding-bottom: 35px;

}



.bottom .wrap p {

	color: #fff;

	text-align: center;

	padding: 4px 0;

}



.return_top {

	display: none;

	z-index: 200;

	position: fixed;

	bottom: 200px;

	right: 5px;

	z-index: 2147483647;

}



.return_top i {

	border-radius: 20%;

	background-color: #965b79d1;

	font-size: 40px;

	color: #efefef;

	font-weight: bold;

}



@media screen and (max-device-width: 760px) {

	.bottom {

		margin-top: 0 !important;

	}



	.return_top i {

		font-size: 32px;

	}

}



.txtguanggao {

	width: 100%;

	overflow: hidden;

	display: block;

	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);

}



.txtguanggao a {

	width: 9.8%;

	float: left;

	border-radius: 3px;

	line-height: 30px;

	height: 30px;

	text-align: center;

	font-size: 16px;

	color: #FFFFFF;

	display: inline-block;

	background-color: #fdf751;

	margin: 1px;

	transition-duration: .3s;

}



.txtguanggao a:hover {

	background: #ff0000;

	color: #FFF

}



@media screen and (max-width: 1000px) {

	.txtguanggao a {

		width: 24.1%;

		float: left;

		border-radius: 3px;

		line-height: 30px;

		height: 30px;

		text-align: center;

		font-size: 13px;

		color: #FFFFFF;

		display: inline-block;

		background-color: #fdf751;

		margin: 1px;

		transition-duration: .3s;

	}

}



.asd a {

	margin: 0 5px 5px 0;

	padding: 2px 8px;

	border: 2px solid;

	display: inline-block;

	background: #ffff00;

	border-color: #da08d3;

	text-align: -webkit-center;

	font-size: 16px;

	font-weight: bold;

	width: 105px;

}



.partners a {

	margin: 1px;

	padding: 2px 8px;

	border: 2px solid;

	display: inline-block;

	background: #cdafe3;

	text-align: -webkit-center;

	font-size: 16px;

	font-weight: bold;

	width: 100px;

	border-radius: 6px;

}



@media (max-width:544px) {

	.asd a {

		width: calc(92%/3);

		margin: 3px;

	}



	.partners a {

		width: calc(96%/4);

		font-size: 13px;

	}

}



.txtguanggaox {

	width: 100%;

	overflow: hidden;

	display: block;

	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);

}



.txtguanggaox a {

	width: 9.8%;

	float: left;

	border-radius: 3px;

	line-height: 30px;

	height: 30px;

	text-align: center;

	font-size: 16px;

	color: #FFFFFF;

	display: inline-block;

	background-color: #fdf751;

	margin: 1px;

	transition-duration: .3s;

}



.txtguanggaox a:hover {

	background: #ff0000;

	color: #FFF

}



@media screen and (max-width: 1000px) {

	.txtguanggaox a {

		width: 23.4%;

		float: left;

		border-radius: 3px;

		line-height: 30px;

		height: 30px;

		text-align: center;

		font-size: 13px;

		color: #FFFFFF;

		display: inline-block;

		background-color: #fdf751;

		margin: 1px;

		transition-duration: .3s;

	}



	.grid-container2 {

		display: grid;

		grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;

		padding: 2px;

	}



	.grid-item2 {

		background-color: #333;

		padding: 5px;

		font-size: 14px;

		text-align: center;

		margin: 1px;

		border-radius: 10px;

	}



	.grid-item2 a {

		text-decoration: none;

		color: #f7d0bf;

	}



	@media only screen and (max-width: 1400px) {

		.grid-item2 {

			font-size: 16px;

		}



		.grid-container2 {

			grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;

		}

	}



	@media only screen and (max-width: 500px) {

		.grid-item2 {

			font-size: 13px;

		}



		.grid-container2 {

			grid-template-columns: auto auto auto auto auto auto auto auto;

		}

	}



	.nav-top {

		height: 30px;

		line-height: 30px;

		background-color: #323232;

	}



	.nav-link {

		padding: 10px;

		line-height: 10px;

		text-align: center;

	}



	.nav-link a {

		color: #CCCCCC !important;

	}



	@media screen and (max-width:750px) {

		.duilian {

			display: none;

		}



		.ads img {

			height: 100px !important;

			width: 100% !important;

		}



		.ads1 img {

			height: 100% !important;

			width: 100% !important;

		}



		.top6 img {

			height: 50px !important;

			width: 15.8% !important;

		}



		.ads bigimg {

			height: 78px !important;

		}

	}



	.cat-section {

		background: var(--bg-surface, #161b22);

		border: 1px solid var(--border, #30363d);

		border-radius: 10px;

		margin-bottom: 14px;

		overflow: hidden;

	}



	.cat-section-title {

		display: flex;

		align-items: center;

		gap: 10px;

		padding: 10px 16px;

		background: linear-gradient(90deg, rgba(45, 212, 191, .12) 0%, transparent 100%);

		border-bottom: 1px solid var(--border, #30363d);

	}



	.cat-section-title::before {

		content: '';

		display: block;

		width: 4px;

		height: 18px;

		border-radius: 2px;

		background: var(--accent, #2dd4bf);

		flex-shrink: 0;

	}



	.cat-section-title h2 {

		font-size: 0.95rem;

		font-weight: 700;

		color: var(--text-primary, #ffffff);

		margin: 0;

		padding: 0;

	}



	.tag-group {

		display: flex;

		flex-wrap: wrap;

		gap: 8px;

		padding: 12px 16px;

	}



	.tag-group a {

		display: inline-block;

		padding: 5px 14px;

		border-radius: 20px;

		font-size: 0.875rem;

		font-weight: 500;

		text-decoration: none;

		color: var(--text-secondary, #c9d1d9);

		background: var(--bg-card, #1c2128);

		border: 1px solid var(--border, #30363d);

		transition: background .2s, color .2s, border-color .2s, transform .15s;

		white-space: nowrap;

	}



	.tag-group a:hover {

		background: rgba(45, 212, 191, .15);

		color: var(--accent, #2dd4bf);

		border-color: var(--accent, #2dd4bf);

		transform: translateY(-1px);

	}



	.tag-group h3 {

		display: contents;

		margin: 0;

		padding: 0;

	}



	@media (max-width: 600px) {

		.tag-group a {

			font-size: 0.82rem;

			padding: 4px 11px;

		}



		.cat-section-title h2 {

			font-size: 0.88rem;

		}

	}



	.cat-section-more {

		margin-left: auto;

		font-size: 0.78rem;

		font-weight: 600;

		color: var(--accent, #2dd4bf);

		border: 1px solid var(--accent, #2dd4bf);

		border-radius: 12px;

		padding: 2px 10px;

		white-space: nowrap;

		transition: background .2s, color .2s;

	}



	.cat-section-more:hover {

		background: var(--accent, #2dd4bf);

		color: #0d1117;

	}