body{background-color: #f2f4f8;}
.top-header{
	height: 35px;
	background-color: #edeef3 !important;
	color: #666666;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.top-header ul li{
	  position: relative;
	    display: inline-block;
		line-height: 35px;
		padding:0 35px;
		color: #666666;
}
.layui-layout-admin .layui-header {
	top: 35px;
	background: #f2f4f8;
	color: #333333;
}
.layui-bg-black {
    background-color: #f2f4f8!important;
    color: #333!important;
}
.layui-nav {
	background: #f2f4f8;
}
.layui-nav .layui-nav-item a {
  color: #333!important;
  }  
 .layui-layout-admin .layui-logo {
    
      box-shadow:0px 0px 0px #000000;
 } 
  .layui-nav .layui-this:after, .layui-nav-bar {
       height: 2px;
       background-color: #000000; 
     
  }
  
 .layui-header {    margin:0 20px;     border-bottom: 1px solid #e7e7e7;}
 
 
 
 .layui-layout-admin .layui-side {
     top: 116px;
 }
 .layui-nav-itemed>.layui-nav-child {
     display: block;
    background: #f2f4f8!important;
 }
 .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
     background: #f2f4f8!important;
     color: #fff;
 }
 .line {
     width: 2px;
     height: 24px;
     background-color: #000;
     vertical-align: bottom;
     display: inline-block;
     margin-right: 20px;
     margin-left: 1px;
	 margin-bottom: 5px;
 }
 .layui-icon-spread-left{
	margin-right: 20px;
 }
 .layui-nav-child dd {
     margin-left: 40px!important;
 }
 .layui-nav .layui-nav-child a {
     display: inline;
 }
 .layui-nav .layui-nav-child a:hover{
    
    border-bottom: #000000;
 }
 .layui-side .layui-nav-tree .layui-nav-bar {
     width: 0px;
 }
 
 
 .layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this>a:hover {
     border-bottom: 2px solid #000000;
	 padding: 4px 0;
	 margin: 0 20px;
 }
 .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this>a:after {
	 border-bottom: 2px solid #000000; 
 } 
 
 
 
 
 .layui-layout-admin .layui-body {
     position: absolute;
     top: 116px;
     padding-bottom: 44px;
 }
 
 .layui-main{
	 background-color: #ffffff;
	 padding: 30px;
 }
 .layui-form-item .layui-input-inline {
     line-height: 36px;
	 height: 36px;
     width: auto;
 }
 .sj{
	 border:0px;
	 width: 73px;
 }
 .icon-sj{
	margin: 10px; 
 }
 .layui-input{
	 color: #666666 !important;
	 border: 1px solid #dbdbdb;
 }
 .title {
     margin-bottom: 20px;
     color: #333;
	 font-weight: 700;
 }
 input[type="checkbox"] {
     position: relative;
     height: 16px;
     width: 16px;
     margin-right: 8px;
     border: 1px solid #666;
     background-color: #fff;
     font-size: 16px;
     transition: box-shadow .2s;
	 top: 3px;
 }
 .cx{
	 line-height: 36px;
	 height: 36px;
	 width: 96px;
	 text-align: center;
	 border-color: transparent;
	     background-color: #3998fc;
	     color: #fff;
 }
 .right-btn{
	     line-height: 36px;
	     height: 36px;
	     margin-left: 10px;
	     background: #f1f1f1;
	     border: 0;
		 color: #666666;
 }
 .right-btn:hover{
	 background: #f1f1f1;
	 color: #666666;
 }
 .title {
	 font-size: 16px;
     margin-bottom: 20px;
     color: #333;
	 font-weight: 700;
 }
 .layui-row-card{
	 float: left;
	 width: 14%;
	 margin-bottom: 10px;
	 
 }
 .card-title{
	     margin-bottom: 4px;
	     line-height: 28px;
	     font-family: PingFangSC-Regular;
	     font-size: 14px;
	     color: #666;
		 padding-left: 10px;
 }
 .title-data{
	 margin-bottom: 8px;
	     font-weight: 700;
	     line-height: 30px;
	     font-size: 22px;
	     color: #333;
		 padding-left: 10px;
 }
 .base-line{
     margin-left: -10px;
     border-bottom: 1px solid #e7e7e7;
 }
table {
	table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    color: #666;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: " Helvetica, Arial PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif"
	}
table th,td{
	    font-weight: 400;
	    vertical-align: middle;
	    background-color: #fff!important;
	    white-space: normal;
		padding-left: 8px;
		    padding-right: 8px;
			/*height: 54px;*/
			text-align: left;
}
/* tr{
	height: 54px;
	line-height: 54px;
} */
td{
	border: 1px solid #eee;
	border-style: solid none;
}
.table-cell{
	
	height: 100%;
	    min-height: 54px;
	    display: inline-table;
	    position: relative;
		width: 100%;
		word-break: break-all;
}
.layui-laypage a, .layui-laypage span{
	color: #999;
	font-size:14px;
}
.layui-laypage-limits select{
	    padding-top: 0;
	    padding-bottom: 0;
	    height: 30px;
	    line-height: 28px;
	    white-space: nowrap;
	    color: #333;
		border: 1px solid #dbdbdb;
		padding: 0 8px;
}
.layui-laypage a{
	padding: 0 6px;
	background-color: #eee;
	    border-color: transparent;
	    color: #b8b8b8;
		border: 1px solid #dbdbdb;
	margin: 0;
}
.layui-laypage a, .layui-laypage span{
	margin: 0;
}
.layui-btn {
	border-radius: 0px;
}


svg .active, .active:hover {
    fill: #3998fc !important;
}
.layui-layout-admin .layui-side {
    width: 180px!important;
}
.layui-side-scroll {
    width: 190px!important;   
}
.layui-nav-tree {
    width: 180px!important;
    padding: 0;
	overflow: hidden!important;
}
.layui-layout-admin .layui-main {
    width: auto;
    margin: 0!important ;
}
.layui-body {
    position: relative;
    left: 190px;
	}
	
	#chart {​
	position: relative;​
	width: 100%;​
	max-width: 1617px;​
	height: 400px;​
	overflow: hidden;​
	}​
	select {​
	padding: 0 10px;​
	-webkit-user-select: none;​
	-ms-user-select: none;​
	user-select: none;​
	vertical-align: middle;​
	transition-property: border-color, background-color, color, opacity;​
	transition-duration: .2s;​
	border: 1px solid #dbdbdb;​
	background-color: #fff;​
	color: #666;​
	height: 36px;​
	line-height: 34px;​
	}​
	/* 分页样式优化（提升优先级，修复点击问题） /​
	.pagination {​
	margin: 20px 0;​
	padding: 0;​
	list-style: none;​
	display: flex;​
	gap: 8px;​
	justify-content: center; / 分页居中显示 /​
	align-items: center;​
	}​
	.pagination li {​
	cursor: pointer;​
	padding: 6px 12px;​
	border: 1px solid #ddd;​
	border-radius: 4px;​
	transition: all 0.2s ease; /  hover 过渡效果 /​
	}​
	.pagination li.active {​
	background: #007bff;​
	color: white;​
	border-color: #007bff;​
	}​
	.pagination li.disabled {​
	cursor: not-allowed;​
	color: #ccc;​
	border-color: #eee;​
	background: #f8f9fa;​
	}​
	.pagination li:not(.disabled):hover {​
	border-color: #007bff;​
	color: #007bff;​
	}​
	.pagination li a {​
	display: block; / 修复点击区域过小问题 */​
	width: 100%;​
	height: 100%;​
	color: inherit;​
	text-decoration: none;​
	}​
	.data-list {​
	margin: 20px 0;​
	padding: 0;​
	list-style: none;​
	}​
	.data-list li {​
	padding: 8px;​
	border-bottom: 1px dashed #eee;​
	}​
	/* 表格样式优化 */​
	#dataTable {​
	width: 100%;​
	border-collapse: collapse;​
	margin-bottom: 20px;​
	}​
	#dataTable th,​
	#dataTable td {​
	padding: 12px;​
	text-align: left;​
	border-bottom: 1px solid #eee;​
	}​
	#dataTable th {​
	background-color: #f8f9fa;​
	font-weight: 500;​
	}​
	/* 加载状态样式优化 */​
	.loading-state {​
	text-align: center;​
	padding: 30px;​
	color: #666;​
	}