* {
	box-sizing: border-box;
}
body {
	background: #001427;
	color: #fff;font-family: Verdana, 微软雅黑;
	font-size: 12px; overflow: hidden;
}
.lc_body h1, .lc_body h2, .lc_body h3, .lc_body h4, .lc_body h5, .lc_body h6 {
	margin: 0;
}
.lc_body p {
	margin: 0;
}
.lc_body ul {
	margin: 0;
	padding: 0;

}
.lc_body {margin: 0;
	font-family: Microsoft YaHei;
	color: #fff;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.lc_col_1, .lc_col_2, .lc_col_3, .lc_col_4, .lc_col_5, .lc_col_6, .lc_col_7, .lc_col_8, .lc_col_9, .lc_col_10, .lc_col_11, .lc_col_12, .lc_col, .lc_col_auto, .col-md, .col-md-auto, .lc_col_lg_1, .lc_col_lg_2, .lc_col_lg_3, .lc_col_lg_4, .lc_col_lg_5, .lc_col_lg_6, .lc_col_lg_7, .lc_col_lg_8, .lc_col_lg_9, .lc_col_lg_10, .lc_col_lg_11, .lc_col_lg_12, .col-lg, .lc_col_lg_auto, .lc_col_xl_1, .lc_col_xl_2, .lc_col_xl_3, .lc_col_xl_4, .lc_col_xl_5, .lc_col_xl_6, .lc_col_xl_7, .lc_col_xl_8, .lc_col_xl_9, .lc_col_xl_10, .lc_col_xl_11, .lc_col_xl_12, .col-xl, .lc_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
}
.lc_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.lc_col_5 {
	flex: 0 0 40%;
	max-width: 40%;
}
.lc_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
}
.lc_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
}
.lc_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
 @media (min-width: 1200px) {
.lc_col_xl {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_xl_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_xl_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_xl_2 {
	flex: 0 0 16.667%;
	max-width: 16.667%;
}
.lc_col_xl_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_xl_4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
.lc_col_xl_5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}
.lc_col_xl_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_xl_7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.lc_col_xl_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_xl_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_xl_10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}
.lc_col_xl_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_xl_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
}
.head2 {
	height: 6vh;
	background: url(../img/headbg.png) no-repeat left center;
	background-size: 100% 100%;
	position: relative;
	line-height: 6vh;
	padding: 0;
	margin: 0
}

.head2 .logo img {
	width: 50px;
	display: inline-block;
	margin-right: 20px
}
.head2 .active a {
	display: block;
	background: url(../img/a_bg.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	color: #00e5ff;
}
.head2 h1 {
	color: #e3f5ff;

	text-align: center;
	font-size: 22px;
	margin: 0;
	padding: 0;

}
.htitle span {
    background-image: -webkit-linear-gradient(right,#007eff,#00e6ff,#01aaff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slideShine 3s infinite;
}
.head-close {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 20px;
}

.align-items-center {
	align-items: center !important;
}
.font18{ font-size:16px; font-weight:bold; color:#333; margin-left:1rem}

.text-center {
	text-align: center!important;
}
.m-0 {
	margin: 0!important;
}
.mt-3{ margin-top:10px}
.mt-5{ margin-top:.5rem}
.p-0{padding: 0!important;}

.lc_body .card {

	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box; 
    border-radius: 5px;
	box-shadow: inset 0 0 30px rgb(0 140 217 / 30%);
    border: 1px solid #082841;
	margin-bottom:0;
}

.lc_body .lc_top .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color:none;
	background-clip: border-box;
	border: none;
	border-radius: 5px;
	box-shadow: inherit;
	
}
.lc_body .lc_top .card:before, .lc_body .lc_top .boxfoot:before {
	border: none;
	left: 0;
}
.lc_body .lc_top .card:after, .lc_body .lc_top .boxfoot:after {
	border: none;
	right: 0;
}
.bm_0 {
	border-bottom:none;
}
.br_1 {
	border-right:1px solid #e3e5e4;
}
.bm_1 {
	border-bottom:1px solid #e3e5e4;
}

.task-list li h6 {
	margin-bottom: 8px !important;
}
.tx-12 {
	font-size: 12px;
}

.text-muted {
	color: #99a6b7 !important;
}
.text-444 {
	color: #444 !important;
}
.media {
	display: flex;
	align-items: flex-start; height: 60px;
}
.media-body { color: #fff;
	flex: 1; display: flex; align-items: center; justify-content: space-between; padding:0 10px;
}
.flex-a{display: flex; align-items: center; color: #fff;}
.media .flex-a{font-size: 14px;}
.w-img img{ width: 51px; margin-right: 8px;}
h5, .h5 {
	font-size: 1.09375rem;
}

.lc_body .card-body {
	flex: 1 1 auto;
 padding:6px;
}
.lc_top{ background:none; padding:.5vh 0}
.lc_body .card-title {
	font-size: 14px;
    font-weight: 600;
    background: url(../img/title3.png) center center no-repeat !important;
    color: #fff ;
	text-align: center;
    flex: 1 1 auto;
    padding: .5vh;
    padding-left: 12px ;
   

}
.lc_body .card-title  .more{ color:#999; font-size:12px; font-weight:normal}
.lc_body .card-title  span{ padding:0 10px;  position:relative; }
.lc_body .card-title  span img{margin-right: 3px;}
.lc_body .card-title  span i{color:#085eef;  }
.lc_body .card-title .right{position:absolute; top: 5px; right: 5px; display: flex; align-items: center; font-weight: normal; font-size: 12px;}
.text-danger {
	color: #ff473d !important;
}
.text-999 {
	color: #999 !important;
}
.text-success {
	color: #03c895 !important;
}
.text-warning {
	color: #ffc107 !important;
}
.text-primary {
	color: #8760fb !important;
}

.bg-primary {
	background-color: #8d76dd !important;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}

.text-center {
	text-align: center !important;
}

 *::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 transition: .3s background;
}
::-webkit-scrollbar-thumb {
 background: #0db0eb;
}
*:hover::-webkit-scrollbar-thumb {
 background: #0db0eb;
}
/*-----Br Themes-----*/
h6, .h6 {
	font-size:14px;
	font-weight: normal;
}
.float-right {
	float: right !important;
}

.lc_body a{ text-decoration:none}


.main-content {
	min-height: 78vh;
}

.z-index2 {
	z-index: 2;
}
.p-15 {
	padding: 15px !important;
}


.tx-11 {
	font-size: 11px;
}

.cofont {
	font-weight: normal;
	font-size: 20px;
}

.w-img{ float:left;}
.ml-2{ margin-left:3rem}
.ml-1{ margin-right:1rem}
.media-body h5.mb-1{  margin-top:.2rem !important; font-size:22px; color: #fff;}
.media-body h5.mb-1 .numb{ font-size:12px !important; position:relative; margin-left:.4rem; font-weight: normal;}
.media-body p{ color:#999; margin:0; font-weight:bold}
.colorr font{margin-right: 3px;}
.lc_suzi{ height: 8px;
width: 8px;
 background:#f36b53; 
display: inline-block;
margin-right:1rem;
border-radius: 50%;
 }
.media-body .h5{ margin:1rem 0 !important}
table{border-collapse: collapse;}
.sh_echarts{ width:100%; height:92%}
.sh_echarts2{ width:100%; height:92%}
.position{ position:relative}

*{margin:0;padding:0;list-style:none;}

.p-flex{display: flex; justify-content: space-between;}
.card-title i{ font-size:12px; color:#ff3b14}
.selectbox{padding: 3px; border: 1px solid #002d49;color:#257bec; outline:none;  border-radius: 3px;}
	.top_bg1{  background: url(../img/top_bg1.png);   background-size: 100% 100%;}
	.top_bg2{  background: url(../img/top_bg2.png);   background-size: 100% 100%;}
	.top_bg3{  background: url(../img/top_bg3.png);   background-size: 100% 100%;}
	.top_bg4{  background: url(../img/top_bg4.png);   background-size: 100% 100%;}
	.top_bg5{  background: url(../img/top_bg5.png);   background-size: 100% 100%;}
	.top_bg6{  background: url(../img/top_bg6.png);   background-size: 100% 100%;}


.ellipsis60 {
    width: 400px; display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.text-1{color:#184897; margin-right:.1rem; font-size:8px}
.text-2{color:#4cdcc5; }
.text-3{color:#39b54a;}
.text-4{color:#fea03c;}
.text-5{color:#ff7058; margin-right:.1rem; font-size:8px}
.text-6{color:#4cdcc5; margin-right:.1rem; font-size:8px}
.text-7{color:#ffd05c; margin-right:.1rem; font-size:8px}
.colorb{color: #0ca9fd;  }
.colorr{color: #e34848;}
.colorg{color: #4bd4a0;}
.colorg font{margin-right: 3px;}
.height70 h3{ font-size: 14px; margin: 6px 0;} 
.height70{height: 79.8vh;	overflow: auto}
.right_display{ display: flex; position:absolute; right: 8px; top:6px;}

.displayn{display: none;}

.height40{height: 51.9vh; }

.height26 {
	height: 24.1vh; overflow:auto
}

	.card:before, .card:after {
		position: absolute;
		width: 5px;
		height: 5px;
		content: "";
		border-top: 1px solid #0264a2;
		top: 0;
	}
	.card .boxfoot::before, .card .boxfoot::after {
		position: absolute;
		width: 5px;
		height: 5px;
		content: "";
		border-bottom: 1px solid #0264a2;
		bottom: 0;
	}
	.card:before, .boxfoot:before {
		border-left: 1px solid #0264a2;
		left: 0;
	}
	.card:after, .boxfoot:after {
		border-right: 1px solid #0264a2;
		right: 0;
	}	

.autotab1 	.dc-tb-ul li {
		float: left;
		font-size: 12px;
		list-style: none;
		
		cursor: pointer;
		color: #fff;
		
		
	}
	.autotab1 	.dc-tb-ul {
		font-size: 14px;
    font-weight: 600;
    background: url(../img/title3.png) center center no-repeat !important;
    color: #fff;
	display: flex; justify-content: center;
    flex: 1 1 auto;
    padding: 0.5vh;
    padding-left: 12px;
		overflow: hidden;
	}
	.autotab1 	.dc-tb-ul li div {
		padding:  0; margin: 0 12px;
		line-height:2vh ;
	
	}
	.autotab1 	.dc-tb-ul li.action div {
		color: #00a1e2; padding: 0 .3vh;
		border-bottom: 1px solid #00a1e2;
		
	}
.dctab-content .item{  height: 100%; width: 100%;  }

.hide{display:none}
.autotab2  .dc-tb-ul{display: flex; position: absolute;right: 3px; top: 2px; justify-content: flex-end; }

.autotab2 .dc-tb-ul li {
	float: left;
	font-size: 12px;
	list-style: none;
	
	cursor: pointer;
	color: #fff;
	
	
}
.autotab2 .dc-tb-ul {
	overflow: hidden;border: 1px solid #02436c;border-radius: 3px;
}
.autotab2 .dc-tb-ul li div {
	padding: .2vh 12px;

}
.autotab2 .dc-tb-ul li.action {
	color: #fff;
	background: #0098ea;
	border: 1px solid #02436c;
	border-radius: 3px;
}

.autotab2 .dctab-content {width: 100%; height: 100%;}


.lable-info{ background-image: -webkit-linear-gradient(right,#0088ff,#01d3ff,#01acff); border: 1px solid #2599e7; display: inline-block; padding: .5vh 12px; border-radius: 5px; margin-top: .3vh !important;}
.lable-btn{ background:#01203f; border: 1px solid #07669d; display: inline-block; padding: .5vh 12px; border-radius: 3px; }

.yp_echarts{width: 100%; height: 100%;}
.yp_echarts2{ width: 100vh; height: 22vh;}
.yp_echarts3{width: 48vh; height: 22vh;}
.mt-5{margin-top: .5vh;}
.mapbg{background: url(../img/mapbg.png) no-repeat; background-size: 100% 100%;}
.rank_list li{padding:2px;}
.rank_list h2{display: flex; justify-content: space-between; font-size: 12px; font-weight: normal; margin-bottom: .3rem;}
.num{margin: 0 5px;}
.background{
	width:100%;
	height:8px;
	border-radius: 10px;
	background:#1c2e41;
	margin:0px ;
	overflow:hidden;
}
.progress{
	height: 8px;
   border-radius: 5px;
	overflow:hidden;
}
.unit_list li{padding:.7vh .5vh;}
.unit_list li .percent{margin-left: 10px;}
.unit_list h2{display: flex; justify-content: space-between; font-size: 12px; font-weight: normal; margin-bottom: .3rem;}
.num_icon{width: 16px; height: 16px; line-height: 12px; color: #61acfb !important; display: inline-block; text-align: center; margin-right: 3px; border-radius: 50%; border: 1px solid #61acfb;}
.num_icon.border1{border: 1px solid #ff5a5a !important;  color: #ff5a5a !important;}
.num_icon.border2{border: 1px solid #ff812c !important;  color: #ff812c !important;}
.num_icon.border3{border: 1px solid #ffce2b !important;  color: #ffce2b !important;}
.echartsmap  { text-align: center;
 margin: 0 auto; padding: 1% 0; background: url(../img/map.png) no-repeat;  background-size:  100% 100%;
	width: 300px; position: relative;height: 462px;
}
.echartsmap img{width: 100%; }
.map_1{position: absolute;  top: 61px;left: 120px;}
.map_2{position: absolute;top:98px; right: 42px;}
.map_3{position: absolute; top:180px; left: 60px;}
.map_4{position: absolute;bottom:150px; left:52px;}
.map_5{position: absolute;bottom:162px; right:85px;}
.map_6{position: absolute;bottom:95px; right:12px;}
.map_7{position: absolute; bottom:70px; left:72px;}
.map_7 .maplist{position: absolute; bottom:-30px ; left:32px; width:200px;}

.map_3 .maplist{position: absolute; top:0px ; left:-152px; width:200px;}
.echartsmap .mapbox h3{font-size: 12px; font-weight: normal; 	font-family: 'Microsoft YaHei';  }
.echartsmap .mapbox h3 img{width: 20px; position: relative;top:4px; margin-right: 2px;}
.echartsmap .mapbox img{width: 20px;}
.echartsmap h3 p{font-family:'Microsoft YaHei' !important ;font-size: 13px; font-weight: bold; color: #fedb33 !important; margin-left: 2px; }
.maplist li{display: flex; align-items: center;}
.maplist {margin-top: 1px !important; font-size: 12px;}
.maplist li img{width:12px !important ; margin-right: 3px;}
.maplist li span font{margin-left: 1px;}
.line img{ position: absolute; top:15px ; left:-92px; width:91px !important;}
@media only screen and  (max-height:900px) {.echartsmap{transform:scale(.75);position: relative; top:-50px}
.media {
    display: flex;
    align-items: flex-start;
    height: 45px;
}
.w-img img {
    width: 40px;
    margin-right: 8px;
}
.head2 h1 {
  
    font-size: 18px;
   
}
.height40 {
    height: 52.9vh;
}
.height70 {
    height: 80.8vh;
    overflow: auto;
}
.lc_body .card-title {
    font-size: 13px;
    font-weight: normal;}
}

.head-close {
	position: absolute;
	right: 10px;
	top: 28px;
	z-index: 9999;
}
.head-close img {
	width: 20px;
}
@media only screen and  (max-width:1580px)
{.yp_echarts2{ width: 90vh; height: 22vh;}.yp_echarts3 {
    width: 45vh;
    height: 22vh;
}}