body,
html {
	width: 100%;
	height: 100vh;
}

.content {
	margin-top: 100px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.content .content-item {
	height: 100%;
}
iframe {
	width: 100%;
	height: 100%;
	border: none;
	padding-left: 100;
}
 
/* 菜单样式开始 */
.content .menu-section {
	width: 15%;
	background-color: rgb(40, 40, 40);
	overflow-y: hidden;
	position: fixed; /* 固定位置 */
 
    top: 100px; /* 距离顶部，需根据导航栏高度调整 */
    left: 0; /* 固定在左侧 */
    
    height: calc(100vh - 100px); /* 占满视口高度，减去导航栏 */
	
}
 
ul,
li {
	list-style: none;
}
 
li {
	text-align: left;
	padding: 8px 0px 8px 10px;
	color: #bdbdbd;
	cursor: pointer;
}
 
.icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	fill: currentColor;
	overflow: hidden;
}
 
.title {
	padding: 0 0 0 10px;
}
 
.closed {
	transform: rotate(-90deg);
	transition: all 0.3s ease;
}
 
.has-children {
	position: relative;
}
 
.open::before {
	content: "-";
	position: absolute;
	left: -1em;
}
 
.selected {
	color: #5da8e3;
	background-color: rgba(105, 105, 105, 0.8);
}
.first-level-selected {
	background-color: rgba(105, 105, 105, 0.8);
	color: #5da8e3;
}
 
.submenu {
	padding: 8px 0px 8px 10px;
	padding-left: 40px;
}
 .submenu .title {
    font-weight: normal; /* Removes bold styling for sub-menu titles */
}
/* 菜单样式结束 */
 
/* 页面内容开始 */
.content .page-section {
	width: 85%;
	margin-left: 200px;
}
 
.content .page-section header {
	height: 60px;
	text-align: left;
	padding: 0 0 0 60px;
	background-color: #fff;
	/* background-color: rgb(230, 230, 230, 0.8); */
}
.content .page-section header h3 {
	line-height: 60px;
	font-size: 20px;
	color: rgb(97, 97, 97);
}
 
.content .page-section .iframe-section {
	height: calc(100% - 60px);
	background-color: rgba(241, 241, 241, 0.8);
	overflow: hidden;
	padding-left: 200;
	 
}
/* 页面内容结束 */
 
/* echarts图表样式开始 */
.echarts-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.panel {
	width: 100%;
	height: 100%;
}
.panel .chart {
	width: 100%;
	height: 100%;
}
 
/* echarts图表样式结束 */
 
/* table表格样式开始 */
.table-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.table-container .panel {
	width: calc(100% - 100px);
	margin: 0 auto;
}
 
.table-container .panel .title {
	padding: 20px 0;
	text-align: center;
	font-size: 20px;
	color: #1a2748;
}
.table-container .panel .item-content {
	width: 100%;
 
	height: 100%;
}
 
.table-head,
.table-body {
	display: flex;
	align-items: baseline;
}
 
.table-head {
	background-color: #1a2748;
	padding: 1rem 0;
}
 
.table-head .head-th {
	flex: 1;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
 
.table-body,
.body-td {
	flex: 1;
	text-align: center;
	color: #000;
	font-size: 14px;
	padding: 5px 0;
}
 
.table-body:nth-child(2n) {
	background-color: #0011b342;
}
 
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #f9f9f9;
	font-size: 14px;
	margin-top: 20px;
}
th,
td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}
th {
	background-color: #4caf50;
	color: white;
}
 
/* table表格样式结束 */
 
/* 关于我们样式开始 */
.about-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.note {
	line-height: 300px;
	text-align: center;
	font-size: 100px;
}
.note {
	animation: jump 0.5s alternate infinite;
}
 
@keyframes jump {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
	}
}
 
/* 关于我们样式结束 */