﻿.jhao {
	width: 100%;
	padding: 2px 6px;
	background: rgba(24, 44, 78, .4);
}

.height43 {
	height: 48vh;
	display: flex;
	align-items: center;


}

.height16 {
	height: 9vh;
	display: flex;
	align-items: center;


}

.height25 {
	height: 28.5vh;
	overflow: auto;
}

.jc_echarts {
	width: 100%;
	height: 87%;
}

.all ul {
	padding-left: 0.15rem;
	margin-top: 0.15rem;

}

.ScrollText2 {
	height: 25vh;
	overflow: hidden !important;
}

.num_icon {
	width: 36px;
	height: 16px;
	line-height: 16px;
	color: #61acfb !important;
	display: inline-block;
	text-align: center;
	margin-right: 3px;
	color: #fff !important;
	background: url(../img/num4.png);
	background-size: 100% 100%;
}

.num_icon.border1 {
	background: url(../img/num1.png) !important;
	background-size: 100% 100% !important;
}

.num_icon.border2 {
	background: url(../img/num2.png) !important;
	background-size: 100% 100% !important;
}

.num_icon.border3 {
	background: url(../img/num3.png) !important;
	background-size: 100% 100% !important;
}

.t-right {
	background: url(../img/tab_a.png) no-repeat !important;
	background-size: 100% 100% !important;
	width: 120px;
	height: 20px;
	color: #fff;
	line-height: 11px;
	font-size: 12px;
	position: absolute;
	top: 3px;
	right: 5px;
	padding-left: 20px !important;
	color: #fff !important;
	font-weight: normal;
	font-size: 12px;
	-webkit-text-fill-color: rgba(255, 255, 255, 255) !important;
}

.paming {
	display: flex;
	align-items: center;
	padding: 0 10px;
	flex-wrap: wrap;
}

.paming li {
	width: 152px;
	height: 51px;
	position: relative;
	text-align: center;
	padding-right: 24px;
	font-size: 14px;
	background: url(../img/pm.png) no-repeat;
	background-size: 100% 100%;
	line-height: 60px;
}

.jhao li {
	margin: 3px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 26px;
	line-height: 26px;
	border: 1px dotted #1e3c62;
	border-radius: 5px;
}

.jhao li i {
	font-size: 24px;
	color: #68d8fe;
	margin-right: 5px;
}

.jhao li:first-child {
	border: none;
}

.jhao ul {
	border-top: 2px solid #06f9ff;
	height: 25vh;
	overflow: auto;
	padding: 0 2px;
	background: rgba(24, 44, 78, .5);
	border-bottom: 2px solid #06f9ff;
}

.jhao ul h3 {
	color: #01d3ff;
}

.paming li i {
	font-size: 32px;
	position: absolute;
	top: -30px;
	padding-left: 5px;
	color: #2b74bd;
}

.paming li:first-child i {
	color: #d93f36;
}

.paming li:nth-child(2) i {
	color: #e49126;
}

.paming li:nth-child(3) i {
	color: #68d8fe;
}

.paming li i span {
	font-size: 12px;
	position: absolute;
	margin-left: -23px;
	padding-top: 3px;
	font-weight: bold;
}

.paming li i span {
	color: #fff;
}

.wfspan {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 2px auto;
	position: relative;
	overflow: hidden;

}

dl.width33 {
	overflow: hidden;
	padding: 0px;
	width: 100%;
	margin: 0;

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}

.wfbox dl dd i {
	margin: 0 5px;
	font-size: 26px;
	color: #528935;
}

.width33 dd {

	padding: 8px 3px 5px 3px;
	margin: 5px;
	cursor: pointer;
	font-size: 12px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: calc(14.2% - 10px);
	position: relative;
	background: url(../img/top_bg3.png) no-repeat;
	background-size: 100% 100%;
}

.wfspan i {
	font-size: 26px;
	text-shadow: 0px 0px 23px #a0faf1;
	color: #08efdc;
	padding: 2px;
	margin-right: 5px;
}

.wfspan span {
	font-size: 14px;
	color: #01d3ff;
	font-weight: bold;
}

.width33 dd p {
	color: #d3dad9;
	padding: 2px 5px;
	margin-top: 3px;
	;
	border-radius: 2px;
}

.from-right {
	position: absolute;
	top: 3px;
	font-size: 12px;
	font-weight: normal;
	right: 5px;
}

.from-right table input {
	border: 1px solid #0f4e5f;
	background: rgba(5, 38, 62, 0.8);
	padding: 1px 5px;
	width: 80px;
	border-radius: 5px;
	text-align: center;
}

.from-right table select {
	border: 1px solid #0f4e5f;
	background: rgba(5, 38, 62, 0.8);
	padding: 1px 5px;
	width: 80px;
	border-radius: 5px;
	text-align: center;
}

.from-right table td {
	padding: 0 5px;
}


.wrapper {
	width: 100%;
	display: flex; overflow: hidden;
}
.wrapper h3{width:80px; background:url(../img/titbg.png) no-repeat left bottom; font-size: 12px; text-align: right; color: #43fdff;}


.scrollbox{position:relative;width:calc(100% - 100px);height:24px;overflow:hidden;}
.scrollbox ul{position:absolute;left:0px;top:0px;}
.scrollbox li{float:left;width:91px;height:24px;overflow:hidden; }
.scrollbox li a{float:left;display:inline-block;overflow:hidden;margin-left:5px;
 background: url(../img/pmbg.png) no-repeat; background-size: 100% 100%; line-height: 24px; width: 96%; text-align: center;
}

.scrollbox li i {
	color: #68d8fe;
	
}


@media (max-width:1800px) {
	html {
		zoom: 80%;
	}

	@-ms-viewport {
		width: 1920px;
		height: 1080px;
	}

	.height25 {
		height: 37vh;
		overflow: auto;
	}
	.height43 {
		height: 61vh;
		
	}
	.scrollbox li{width:112px; }

	.ScrollText2 {
		height: 32vh;
	}
	.jhao ul {
		height: 32vh;}
		.ScrollText2 .jctable tr td {
			height: 4.6vh;
		}
		.paming li {
			width: 142px;
			height: 41px;
		
			padding-right: 24px;
			font-size: 12px;
		
			line-height: 30px;
		}

		.height16 {
			height: 12vh;
			
		}
		.paming {
		
			margin-top: 30px;
		}
}