* {margin: 0px;padding: 0px;}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
	background-color: #f2f2f2;
	font-style: normal;
	font-weight: 200;
	font-size: 18px;
	color: #4c4948;
}

/*a {text-decoration: none;color: white;}*/
.normalA{background: transparent;color: inherit;text-decoration:underline;}
p {font-size: 14px;text-indent: 2em; padding: 5px;word-spacing: 1px;}
.frame {display: flex;flex-direction: column; min-height: 100vh;}
.menuFrame {height: 56px;width: 100%; display: flex;align-items: center;justify-content: center;font-family: 楷体, 楷体_2312, 华文行楷;background: #6A6A6A;}
.menuPart {
	font-size: 20px;
	cursor: pointer;
	margin-left: 2px;
	padding-top: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5em;
	height: 41px;
	background: #D03E3E;
	color: #EEEEEE;
}
.menuPart:hover {background: #52A9F0;color: #EEEEEE;}
.spacediv20 {height: 20px;}
.spacediv {height: 30px;}
.spacediv40 {height: 40px;}
.spacediv50 {height: 50px;}
/*轮播控制区*/
.banner-out{width: 100%;background-color: #e6fcff;}
.banner-container{width: 800px;height: 400px;margin: 1rem auto;overflow: hidden;position: relative;}
.banner-img-container{width:4000px;height:400px;overflow: hidden;position: absolute;display: flex;animation: run 15s ease infinite;}
.banner-img-container img{width:800px;height:100%;}
/* 自动轮播 */
@keyframes run {
	0%,6.25%{
		transform: translateX(0);
	}
	12.5%,18.75%{
		transform: translateX(-800px);
	}
	25%,31.25%{
		transform: translateX(-1600px);
	}
	37.5%,43.75%{
		transform: translateX(-2400px);
	}
	50%,56.25%{
		transform: translateX(-3200px);
	}
	62.5%,68.75%{
		transform: translateX(-2400px);
	}
	75%,81.25%{
		transform: translateX(-1600px);
	}
	87.5%,93.75%{
		transform: translateX(-800px);
	}
	100%{
		transform: translateX(-0px);
	}
}
/*轮播图控制区结束*/
/*网页主体部分*/
.mainFrame {display: flex;flex-direction: column;margin: auto;width: 80%;min-height: 100vh;}
.cover {
	container-type: inline-size;
	width: 100%;
	max-width: 1366px;
	min-height: 480px;
	position: relative;
	display: flex;
	align-self: center;
	flex-direction: column;
	border-radius: 8px;
	background: #f9f9f9;
	margin-top: 20px;
	padding: 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
	box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.06);
}
.cover:hover {background: white;box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.15)}
.coverMei {
	display: flex;
	height: 40px;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 25px;
	justify-content: right;
	align-items: center;
}
.coverTitle {
	display: flex;
	height: 40px;
	font-size: 32px;
	font-family: 楷体, 楷体_GB2312, 华文楷体, 华文行楷;
	padding-top: 20px;
	margin-left: 5px;
	justify-content: center;
	align-items: center;
}
.conerDes {
	color: #4c4948;
	font-size: 16px;
	line-height: 26px;
	text-indent: 2em;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.coverContents {
	container-type: inline-size;  /* 关键：启用容器查询 */
	max-width: 1366px;
	height: 100%;
	display: grid;
	gap: 1.8rem;
	flex-direction: column;
	padding-bottom: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	grid-template-columns: repeat(3, 1fr);
}
@container (600px <= width <= 800px) {
    .coverContents {grid-template-columns: repeat(2, 1fr);}
}
@container (max-width: 600px) {
    .coverContents {grid-template-columns: repeat(1, 1fr);}
}
/* 文章卡片样式:上图、中标题、下描述 */
.articleCard {
	background: #ffffff;
	border-radius: 1.2rem;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.02);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	text-decoration: none;          /* 超链接继承卡片 */
	color: inherit;
	border: 1px solid #f1f5f9;
}
.articleCard:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.12);
	border-color: #e2e8f0;
}
.cardImg{/*文章卡片首页图*/
	width: 100%;
	aspect-ratio: 2.35/1;
	object-fit: cover;
	background: #e9edf2;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}
.articleCard:hover .cardImg {transform: scale(1.02);}
.cardContent {
	padding: 0.5rem 1.25rem 1.5rem 1.25rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.cardTitle {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4;
	color: #0f172a;
	transition: color 0.2s;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.articleCard:hover .cardTitle {color: #2563eb;}
.cardTime{
	font-size: 16px;text-align: right;color: darkgray;
	margin-top:0px;
	border-bottom: 1px solid #f1f5f9;
}
.cardDesc{
	height: 80px;
	display: flex;
	gap: 0.5rem;
	font-size: 0.85rem;
	color: #64748b;
	overflow: hidden;
}
.seeMore {
	height: auto;
	width: 100%;
	font-size: 16px;
	text-align: right;
	margin-right: 20px;
	color: black;
}
.seeMore:hover {
	color: #49b1f5;
	background: #f0f0f0;
}
/*列表显示--可能不用了*/
.coverChapter {
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	letter-spacing: 1px;
	color: black;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
}
.coverChapter::before {
	content: "▶";
}
.coverChapter.done::before {
	content: "▼";
}
.coverChapter ul {
	display: none;
	flex-direction: column;
	text-align: left;
	width: 100%;
	list-style: none;
}
.coverChapter ul li {
	display: flex;
}
.coverChapter ul li a {
	width: 100%;
	font-size: 18px;
	text-indent: 2em;
	text-align: left;
	padding: 5px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	color: #4c4948;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif
}
.coverChapter ul li:hover a {
	color: #49b1f5;
	background: #f0f0f0;
}
.coverArtical {
	font-weight: 400;
	font-size: 20px;
	text-indent: 1em;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1px;
	color: black;
	text-decoration: none;
}
.coverArtical:hover {
	color: #49b1f5;
	background: #f0f0f0;
}
/*列表显示--可能不用了结束*/

.cover p, .normalTxt{
	color: black;
	font-size: 18px;
	line-height: 34px;
	text-indent: 2em;	
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	letter-spacing: 1px;
}
.cover table p {font-size: 16px;text-indent: 0em; padding: 0px;word-spacing: 1px;justify-self: center;}
.tbcls {width: 100%; border-collapse: collapse;}
tr,td{ padding: 5px;border-bottom: 1px solid #474747;}
.payFrame {
	padding: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.pay {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
	max-width: 250px;
}
.pay p{
	text-indent: 0;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: bold;
}
/*尾部框架*/
.footFrame {
	background-color: #303030;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 20px;
	color: #ffffff;
	align-items: center;
}
.footHeadpart {
	width: 100%;
	max-width: 1024px;
	display: flex;
	flex-wrap: wrap;
}
/*尾部分列*/
@media screen and (min-width: 601px) {
	.footPart {
		float: left;
		width: 50%;
	}
	
}
@media Screen and (max-width:600px) {
	.footPart {
		float: left;
		width: 100%;
	}
}
.footPart h3 {
	font-family: 楷体, 楷体_GB2312, 华文楷体, 华文行楷;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.footPart p {
	text-align: center;
	text-indent: 2em;
	line-height: 20px;
	font-size: 14px;
	margin: 5px;
}
/*getFile中的样式*/
.file-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.92rem;
}

.file-list li {
	display: flex;
	align-items: center;
	padding: 1rem 1.2rem 0.5rem 1.2rem;
	border-bottom: 1px solid #edf2f8;
	gap: 1rem;
	transition: background 0.1s ease;
	flex-wrap: wrap;
}
.file-list li:hover {
	background: #f6faff;
	color: black;
}
.file-list li a {
	text-decoration: none;
	color: #202020;
	font-size: 1.1rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.file-list li a div{
	font-size: 1rem;
	align-self: flex-end;
}

.mainarticalsection {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.mainartical {
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	display: inline-block;
	background-color: #FFFFFF;
	margin-top: 0px;
	color: #000000;
}
.mainarticalHead {
	text-align: center;
	text-indent: 0em;
	font-weight: bold;
	line-height: 30px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.mainarticalPicHead {
	text-align: center;
	text-indent: 0em;
	font-family: 楷体, 楷体_GB2312, 华文楷体, 华文行楷;
	line-height: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
}
.mainartical p {
	text-align: left;
	text-indent: 2em;
	line-height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
/*边距控制*/
.margUp10{margin-top: 10px;}
.margUp15{margin-top: 15px;}
.margUp20{margin-top: 20px;}
.margUp25{margin-top: 25px;}
.margUp30{margin-top: 30px;}
.margUp40{margin-top: 40px;}
.margUp50{margin-top: 50px;}
.margDown10{margin-bottom: 10px;}
.margDown15{margin-bottom: 15px;}
.margDown20{margin-bottom: 20px;}
.margDown25{margin-bottom: 25px;}
.margDown30{margin-bottom: 30px;}
.margDown40{margin-bottom: 40px;}
.margDown50{margin-bottom: 50px;}
.margUpDown10{margin-top: 10px;margin-bottom: 10px;}
.margUpDown15{margin-top: 15px;margin-bottom: 15px;}
.margUpDown20{margin-top: 20px;margin-bottom: 20px;}
.margUpDown25{margin-top: 25px;margin-bottom: 25px;}
.margUpDown30{margin-top: 30px;margin-bottom: 30px;}
.margUpDown35{margin-top: 35px;margin-bottom: 35px;}
.margUpDown40{margin-top: 40px;margin-bottom: 40px;}
.margUpDown50{margin-top: 50px;margin-bottom: 50px;}
.margLeft10{margin-left: 10px;}
.margLeft15{margin-left: 15px;}
.margLeft20{margin-left: 20px;}
.margLeft25{margin-left: 25px;}
.margLeft30{margin-left: 30px;}
.margLeft40{margin-left: 40px;}
.margLeft50{margin-left: 50px;}
.margRight10{margin-right: 10px;}
.margRight15{margin-right: 15px;}
.margRight20{margin-right: 20px;}
.margRight25{margin-right: 25px;}
.margRight30{margin-right: 30px;}
.margRight40{margin-right: 40px;}
.margRight50{margin-right: 50px;}
.margLeftRight10{margin-left: 10px;margin-right: 10px;}
.margLeftRight15{margin-left: 15px;margin-right: 15px;}
.margLeftRight20{margin-left: 20px;margin-right: 20px;}
.margLeftRight25{margin-left: 25px;margin-right: 25px;}
.margLeftRight30{margin-left: 30px;margin-right: 30px;}
.margLeftRight35{margin-left: 35px;margin-right: 35px;}
.margLeftRight40{margin-left: 40px;margin-right: 40px;}
.margLeftRight50{margin-left: 50px;margin-right: 50px;}
.padUp10{padding-top: 10px;}
.padUp15{padding-top: 15px;}
.padUp20{padding-top: 20px;}
.padUp25{padding-top: 25px;}
.padUp30{padding-top: 30px;}
.padUp40{padding-top: 40px;}
.padUp50{padding-top: 50px;}
.padDown10{padding-bottom: 10px;}
.padDown15{padding-bottom: 15px;}
.padDown20{padding-bottom: 20px;}
.padDown25{padding-bottom: 25px;}
.padDown30{padding-bottom: 30px;}
.padDown40{padding-bottom: 40px;}
.padDown50{padding-bottom: 50px;}
.padUpDown10{padding-top: 10px;padding-bottom: 10px;}
.padUpDown15{padding-top: 15px;padding-bottom: 15px;}
.padUpDown20{padding-top: 20px;padding-bottom: 20px;}
.padUpDown25{padding-top: 25px;padding-bottom: 25px;}
.padUpDown30{padding-top: 30px;padding-bottom: 30px;}
.padUpDown35{padding-top: 35px;padding-bottom: 35px;}
.padUpDown40{padding-top: 40px;padding-bottom: 40px;}
.padUpDown50{padding-top: 50px;padding-bottom: 50px;}
.padLeft10{padding-left: 10px;}
.padLeft15{padding-left: 15px;}
.padLeft20{padding-left: 20px;}
.padLeft25{padding-left: 25px;}
.padLeft30{padding-left: 30px;}
.padLeft40{padding-left: 40px;}
.padLeft50{padding-left: 50px;}
.padRight10{padding-right: 10px;}
.padRight15{padding-right: 15px;}
.padRight20{padding-right: 20px;}
.padRight25{padding-right: 25px;}
.padRight30{padding-right: 30px;}
.padRight40{padding-right: 40px;}
.padRight50{padding-right: 50px;}
.padLeftRight10{padding-left: 10px;padding-right: 10px;}
.padLeftRight15{padding-left: 15px;padding-right: 15px;}
.padLeftRight20{padding-left: 20px;padding-right: 20px;}
.padLeftRight25{padding-left: 25px;padding-right: 25px;}
.padLeftRight30{padding-left: 30px;padding-right: 30px;}
.padLeftRight35{padding-left: 35px;padding-right: 35px;}
.padLeftRight40{padding-left: 40px;padding-right: 40px;}
.padLeftRight50{padding-left: 50px;padding-right: 50px;}
/*边距控制结束*/
/*字颜色控制*/
.bold {color: black;font-weight: bold;}
.redbold {color: red;font-weight: bold;}
.greenbold {color: green;font-weight: bold;}
.yellowbold {color: yellow;font-weight: bold;}
.bluebold {color: blue;font-weight: bold;}
.yellowback {color: black;background-color: yellow;font-weight: bold;}
.redback {color: white;background-color: red;font-weight: bold;}
.blueback {color: white;background-color: blue;font-weight: bold;}
.greenback {color: white;background-color: green;font-weight: bold;}
.blackback {color: white;background-color: black;font-weight: bold;}
.hidefont {color: transparent;background-color: transparent;}
/*字颜色控制结束*/
/*边框控制*/
.borderDown{border-bottom: 1px solid #e0e0e0;}
.borderUp{border-top: 1px solid #e0e0e0;}
.borderLeft{border-left: 1px solid #e0e0e0;}
.borderRight{border-right: 1px solid #e0e0e0;}
.borderAll{border: 1px solid #e0e0e0;}
.borderUpDonw{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.borderLeftRight{border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.borderUpLeft{border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;}
.borderUpRight{border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.borderDownLeft{border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;}
.borderDownRight{border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
/*边框控制结束*/
/*居中*/
.textJuzhong{text-align: center;}
.zyJuzhong{text-align: center;justify-content: center;}
.shangxiaJuzhong{align-items: center;}
.juZhong{text-align: center; justify-content: center; align-items: center;}

.articleTitle {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.articleDes {
	color: #6a6a6a;
	text-indent: 2em;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}

.articleImg {
	clear: both;
	margin: auto;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-family: 楷体, 楷体_2312, 华文行楷;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

.articleFrame {
	margin: auto;
	max-width: 800px;
	font-size: 16px;
	line-height: 26px;
	text-indent: 2em;
	color: black;
}

.searchResultContainer {
	width: 400px;
	max-height: 600px;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 80px;
	font-size: 16px;
	line-height: 24px;
	padding: 5px;
	background: white;
	border: 1px solid #333333;
	overflow-y: auto;
	overflow-x: hidden;
}

.searchOuter {
	width: 100vh;
	height: 100vw;
	position: fixed;
	background:rgba(255,255,255,0.5);
	left: 0px;
	top: 0px;
}

.articleFrame p{
	font-size: 18px;
	line-height: 32px;
	text-indent: 2em;
	margin-bottom: 10px;
}