body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html {
	font-family: "微软雅黑";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;

}

body {
	background-color: #0f1225;
	color: #fff;
	position: relative;
	font-family: "微软雅黑";

}

table {
	border-collapse: collapse;
}

img {
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
}

.dblock {
	display: block;
}

header {
	width: 100%;
	height: 10.3646vw;
	background: url(../images/bg_top.png) center no-repeat;
	text-align: center;
	font-size: 2.3958vw;
	color: #e5e9f7;
	line-height: 4.6875vw;
	margin: 0 auto;
}
header a{
	color: #fff;
	font-style: normal;
	cursor: pointer;
	text-decoration: none;
}

#content {
	height: calc(100% - 10.3646vw);
}

.content_center {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.panel-table {
	color: #ccc;
	margin: 0 auto !important;
	width: 100%;
	margin-top: 20px !important;
	font-size: 1.2rem;
	height: calc(100% - 7.3438vw - 40px) !important;
}

.content_center .center_bot {
	width: calc(100% - 3.125vw);
	margin: 0 auto;
	padding: 10px 30px;
	height: 100%;
	box-sizing: border-box;
}

.content_center .center_bot>img {
	width: 88.5417vw;
	height: 7.3438vw;

}

.colorGreen {
	color: #2cad77;
}

.colorRed {
	color: #f1505d;
}

.colorWhite {
	color: #fff;
}

.btn-see {
	background: url("../images/btn_bg.png") no-repeat;
	background-size: 80px 36px;
	border: none;
	color: #52ccff;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.b1 {
	width: 80px;
	height: 36px;
	cursor: pointer;
	border: none;
	border-radius: 3px;

}

.b2 {
	width: 80px;
	height: 36px;
	cursor: pointer;
	border: none;
	border-radius: 3px;
}

.news_list {
	width: 350px;
	height: 240px;
	padding: 10px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}

.news_list ul {
	list-style: none;
}

.news_list ul li {
	width: 100%;
	height: 38px;
	float: left;
	line-height: 38px;
	padding-left: 15px;
}

/*弹窗*/
.pop,
.pop2,
.pop3,
.pop4,
.pop5,
.pop6,
.pop7 {
	position: relative;
	display: none;
	width: 1000px;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: absolute;
	margin: auto;
	z-index: 130;
	border-radius: 3px;
	background-color: #101c35;
	border: rgba(77, 191, 228, .4) solid 1px;
}

.angle-border {
	position: absolute;
	width: 12px;
	height: 12px;
}

.left-top-border {
	top: -2px;
	left: -2px;
	border-left: 2px solid #4dbfe4;
	border-top: 2px solid #4dbfe4;
}

.right-top-border {
	top: -2px;
	right: -2px;
	border-right: 2px solid #4dbfe4;
	border-top: 2px solid #4dbfe4;
}

.left-bottom-border {
	bottom: -2px;
	left: -2px;
	border-bottom: 2px solid #4dbfe4;
	border-left: 2px solid #4dbfe4;
}

.right-bottom-border {
	bottom: -2px;
	right: -2px;
	border-right: 2px solid #4dbfe4;
	border-bottom: 2px solid #4dbfe4;
}

.pop-top {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #60d1fa;
	height: 50px;
	line-height: 50px;
	width: 100%;
	background: url("../images/pop-title.png") no-repeat;
	background-size: 100% 100%;
	background-position: center
}

.pop-top span {
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	display: block;
}

.pop-foot {
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-top: 1px rgba(77, 191, 228, .4) solid;
	text-align: center;
	padding: 20px 0
}

.pop-cancel {
	padding: 10px 50px;
	border: none;
	border-radius: 5px;
	background-color: #2a77e7;
	color: #fff;
	cursor: pointer;
	font-size: 16px
}

.pop-content .pop-box {
	width: 620px;
	margin: 0 auto;

}

.pop-content .pop-box>li {
	margin: 20px 0;
}

.pop-content .pop-box>li>img {
	margin-right: 4px;
}

.bgPop,
.bgPop2,
.bgPop3,
.bgPop4,
.bgPop5,
.bgPop6,
.bgPop7 {
	display: none;
	position: absolute;
	z-index: 129;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}

.notAllowed {
	opacity: 0.5;
	cursor: not-allowed;
}

.select_rw {
	position: absolute;
	left: 1.67vw;
	top: 2.3438vw;
}

.select_rw select {
	-webkit-appearance: none;
	/* Safari 和 Chrome */
	-moz-appearance: none;
	/* Firefox */
	appearance: none;
	/* 其他浏览器 */
	padding: .42vw;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	/* min-width: 240px;  */
	font-size: 14px;

	height: 2.08vw;
	/* min-height: 40px; */
	border-radius: 3px;
	border: 1px solid #486f99;
	background: transparent;
	color: #486f99;
	width: 15.63vw;
	background: url(../images/arrow.png) no-repeat;
	background-position: right 10px center;
}

.select_rw select option {
	background-color: #101e39;
	color: #333;
	border: 1px solid #486f99;
	color: #fff;
	cursor: pointer;
}

.select_rw select:focus {
	outline: none;
}

/* page2.html */
.content-box {
	width: calc(100% - 60px);
	height: calc(100% - 10.3646vw);
	margin: 0 auto;
	display: flex;
	justify-items: center;
	align-items: center;
	justify-content: space-between;
}

.content-box .content-left {
	height: 100%;
	width: 380px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-box .content-left>img {
	width: 100%;
	display: block;
	height: 100%;
}

.content-box .content-right {
	width: calc(100% - 19.7917vw);
	height: 100%;
}

.content-box .content-right .panel-table {
	width: 100%;
	height: 100px !important;
	margin: 0 !important;

}

/* 隐藏原生的 checkbox */
.custom-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* 自定义 checkbox 的样式 */
.custom-checkbox .checkbox-custom {
	position: relative;
	display: inline-block;
	width: 16px;
	/* 自定义宽度 */
	height: 16px;
	/* 自定义高度 */
	border: 2px solid #086da6;
	/* 边框样式 */
	border-radius: 4px;
	/* 边框圆角 */
	vertical-align: middle;
	/* 垂直对齐 */
	margin-right: 5px;
	/* 与文本之间的间距 */
	background-color: #11274f;
	/* 背景色 */
	transition: all 0.3s ease;
	/* 过渡效果 */
	cursor: pointer;
}

/* 当 checkbox 被选中时，改变自定义 checkbox 的样式 */
.custom-checkbox input[type="checkbox"]:checked+.checkbox-custom {
	border-color: #52ccff;
	/* 选中时的边框颜色 */
	/* background-color: #007bff; */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z"/></svg>');
	/* 选中时添加的对钩图标，可以使用 SVG 或者字体图标 */
	background-repeat: no-repeat;
	background-position: center center;
}

/* 首页 */
.select-tt {
	margin: 0 auto;
	text-align: center;
}

.select-tt select {
	-webkit-appearance: none;
	/* Safari 和 Chrome */
	-moz-appearance: none;
	/* Firefox */
	appearance: none;
	/* 其他浏览器 */
	padding: .42vw;
	/* min-width: 240px;  */
	font-size: 14px;

	height: 2.08vw;
	/* min-height: 40px; */
	border-radius: 3px;
	border: 1px solid #108eb8;
	background: transparent;
	color: #01a4ea;
	width: 15.63vw;
	background: url(../images/arrow1.png) no-repeat;
	background-position: right 10px center;
}

.select-tt select option {
	background-color: #101e39;
	color: #333;
	border: 1px solid #486f99;
	color: #fff;
	cursor: pointer;
}

.select-tt select:focus {
	outline: none;
}

.echarts-ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-items: center;
	flex-wrap: wrap;
	height: 100%;
}

.echarts-li {
	width: 30vw;
	height: calc(50% - 2.6042vw);
	position: relative;
	border: rgba(77, 191, 228, .4) solid 1px;
	margin: .5208vw;
}

.echarts-li .echart-title {
	color: #fff;
	font-size: .8333vw;
	padding-left: 1.0417vw;
	padding-top: 1.0417vw;
	height: 2.0833vw;
}

.echarts-li .echart-title>img {
	width: 1.4063vw;
	margin-right: 4px;
	height: 1.1979vw;
}

.echarts-li #echart1,
.echarts-li #echart2,
.echarts-li #echart3,
.echarts-li #echart4,
.echarts-li #echart5,
.echarts-li #echart6 {
	width: 100%;
	height: calc(100% - 2.0833vw - 20px);
}

.progressUl {
	width: 80%;
	margin: 0 auto;
	height: calc(100% - 2.0833vw);
	overflow-y: auto;
	display: flex;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	overflow: hidden;
}

.progressLi {
	display: flex;
	justify-items: center;
	justify-content: center;
	margin: 10px;
	width: 100%;
}

.progressLi>a {
	color: #c3cbde;
	text-align: right;
	margin-right: 10px;
	width: 45%;
	font-size: .8333vw;
}

.progress {
	width: calc(55% - 16px);
	background-color: #0f1326;
	border-radius: 10px;
	height: 14px;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}

.progressText {
	text-align: right;
	padding-right: 20px;
	line-height: 10px;
	height: 10px;
	margin: 2px;
	color: #0f1326;
	border-radius: 10px;
	font-size: .625vw;
	box-sizing: border-box;
	/* font-weight: bold; */
}

.w1 {
	width: 157px;
}

.w2 {
	width: 160px;
}

.w3 {
	width: 144px;
}

.w4 {
	width: 127px;
}

.w5 {
	width: 158px;
}

.w6 {
	width: 150px;
}

.w7 {
	width: 147px;
}

.w8 {
	width: 162px;
}

.w9 {
	width: 160px;
}

.w10 {
	width: 149px;
}

.w11 {
	width: 132px;
}

.w12 {
	width: 155px;
}

.w1P {
	width: 93%;
}

.w2P {
	width: 85%;
}

.w3P {
	width: 90%;
}

.w4P {
	width: 82%;
}

.w5P {
	width: 96%;
}

.w6P {
	width: 88%;
}

.w7P {
	width: 91%;
}

.w8P {
	width: 83%;
}

.w9P {
	width: 90%;
}

.w10P {
	width: 79%;
}

.w11P {
	width: 93%;
}

.w12P {
	width: 89%;
}

.w1Score {
	width: 74.35%;
	/* 223.07/300 */

}

.w2Score {
	width: 70.6%;
	/* 211.80px/300 */
}

.w3Score {
	width: 69.98%;
	/* 209.95px/300 */
}

.w4Score {
	width: 73.48%;
	/* 220.45px/300 */
}

.w5Score {
	width: 74.35%;
	/* 223.07/300 */
}

.progressColor1 {
	background-color: #37a2da;
}

.progressColor2 {
	background-color: #32c5e9;
}

.progressColor3 {
	background-color: #67e0e3;
}

.progressColor4 {
	background-color: #ffdb5c;
}

.progressColor5 {
	background-color: #ff9f7f;
}

.progressColor6 {
	background-color: #37a2da;
}

.progressColor7 {
	background-color: #32c5e9;
}

.progressColor8 {
	background-color: #67e0e3;
}

.progressColor9 {
	background-color: #ffdb5c;
}

.progressColor10 {
	background-color: #ff9f7f;
}

.progressColor11 {
	background-color: #37a2da;
}

.progressColor12 {
	background-color: #32c5e9;
}

/* 针对所有需要自定义滚动条的元素 */
.custom-scrollbar {
	/* 确保元素可以滚动 */
	overflow-y: auto;

	/* 隐藏默认的滚动条 */
	&::-webkit-scrollbar {
		width: 8px;
		/* 设置滚动条的宽度 */
	}

	/* 定义滚动条的轨道 */
	&::-webkit-scrollbar-track {
		background: #59809f;
		/* 滚动条的背景色 */
	}

	/* 定义滚动条上的滑块 */
	&::-webkit-scrollbar-thumb {
		background: #89b5dc;
		/* 滑块的颜色 */
		border-radius: 10px;
		/* 滑块的圆角 */

		/* 添加滚动效果 */
		transition: background 0.3s ease;
	}

	/* 当滑块被点击或拖动时，改变其背景色 */
	&::-webkit-scrollbar-thumb:hover {
		background: #89b5dc;
	}
}
/* 4.灭火器的使用 */
.small-title{
	width: 13.3854vw!important;
	height: 3.0729vw!important;
}
.small-title>img{
	width: 100%!important;
}
.btnRightTopP{
	position: absolute;
	right: 1.67vw;
	top: 2.3438vw;
}
.btnRightTopP>a{
	width: 4.2708vw;
	height: 2.7083vw;
	cursor: pointer;
	display: inline-block;
}
.btnRightTopP>a>img{
	width: 100%;
}
.page4Table tr{
	height: 6.5vh;
}
.page4Table tr td:first-child{
background-color: #112142;
color: #52ccff;
cursor: pointer;
}
.page4Table tbody tr:last-child{
	font-weight: bold;
}
.page4Table2{
	display: none;
}
.page4Table tr td{
	cursor: pointer;
}