* {
	box-sizing: border-box;
}
body {
	background: url(../img/wbg.png) no-repeat #000001;background-size: 100%;
	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 16.667%;
	max-width: 16.667%;
}
.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%;
}
}
.head {
	background: url(../img/headbg.png) no-repeat center center;
	background-size: 100% 100%;
	z-index: 100;
	width: 100%;
	overflow: hidden;
	height: 6.5vh
}
.aui-hide {
	display: none !important;
}
.head .topleft {
	position: absolute;
left:5px;
	top: 5px;

}
.head .topright {
	position: absolute;
	right:70px; top:8px;
}
.selected-a {
	background: #3da1b2;
	border-radius: 30px;
	padding: 3px 10px;
	position: absolute;
	right: 5px;
	top: 35%;
	text-decoration: none
}
.s-box td {
	color: #17b6e1 !important
}
.s-box {
	width: 100%
}
.head .topleft i {
	display: block;
	font-size: 1.6rem;
	color: #17b6e1 !important
}
.head .topright i {
	display: block;
	font-size: 1.6rem;
	color: #17b6e1 !important
}
.b-box .li-a {
	margin-right: 1.6rem;
margin-left:.8rem
}
.b-box .li-s {

	color: #fff !important;
}

.dz_top {
    background: none;
    padding-top: 0.4rem ;
}
.flex-a {
    display: flex;
    align-items: center;
    color: #fff;
}
.b-box{border:1px solid #004e79;  padding: 1px; border-radius: 30px; display: flex;}
.b-box li{  margin:0px; text-align:center; list-style:none; cursor:pointer; padding: 2px 8px;  }
.head h1{	text-align: center;
	font-size: 1.6rem;
	line-height: 6.5vh;}
.head h1 span {
	color: #69e0ff;
 font-weight:bold;
	background: #0088ff -webkit-linear-gradient(left, #0088ff,#01d3ff,#01acff) 0 0 no-repeat;
    -webkit-background-size: 40px;

    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.3);

    -webkit-animation: slideShine 3s infinite;
}
.media {
    display: flex;
    align-items: flex-start;
    height: 50px;
}

.align-items-center {
    align-items: center !important;
}
.head .time img {
    width: 16px;
    position: relative;
    top: 2px;
    margin-left: 3px;
}.head-close {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 9999;
}
.tqiframe {
    position: absolute;
    right: 280px;
    top: 25px;
}.head .time {
    position: absolute;
    left: 280px;
    top: 33px;
}
.label-selected {
	background: url(../img/u22.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	width: 100%;
margin-top:.5rem;
	padding: 10px;
	font-size: 16px;
	font-weight: 800
}
.head h1 img {
	width: 1.5rem;
	display: inline-block;
	vertical-align: middle;
margin-right: .2rem
}
.foot {
	background: url(../img/footbg.png) no-repeat center center;
	background-size: 100% 100%;
	z-index: 100;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 88px;
	line-height: 88px;
	padding-left: 10px
}
.weather {
	margin-top: 10px;
}
.worder-date-y {
	margin-top: 10px
}
.rightbox {
	position: fixed;
	top: 30%;
	right: 5%;
	z-index: 1000
}
.mianbox {
	width: 360px;
	height: 300px;
	background: url(../img/boxbg.png) no-repeat;
	background-size: auto;
	background-size: 100%;
}
.font28 {
	font-size: 18px;
	color: #ffb400;
	margin-left: 3px
}
.leftbox ul li .fontspan {
	font-size: 12px !important;
	font-size: 11px;
	display: inline-block;
	margin-left: 16px;
	position: relative;
	top: -6px
}
font.font12 {
	color: #ff3000;
	margin: 5px!important;
	font-size: 12px !important;
}
.selectbox {
	margin-left: 30px;
	float: left;
}
.weather {
	float: left;
	width: 13%
}
.foot-right {
	text-align: right;
	margin-right: 18%;
}
.container::after {
	content: "";
	display: block;
	clear: both;
}
.btn_ck {
	border-radius: 3px;
	border: 1px solid rgba(1,189,90,.8);
	background: none;
	padding: 3px 6px;
	border-radius: 0
}
.list_table {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #0f82a2
}
.list_table th {
	text-align: center;
	padding: 15px 3px;
	color: #71e2fb;
	font-size: 14px
}
.list_table tr:nth-child(2n+1) {
	background: rgba(5,38,62,0.8);
}

.list_table tr td {
	padding: 8px 3px;
	text-align: center;
	color: #afeffd
}
.list_table tr td i {
margin-right:.3rem
}
.pagefl {
	color: #afeffd;
	float: left;
	padding: 10px
}
.page-link {
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border-width: 0;
	border: 1px solid #0f82a2;
	background: rgba(5,38,62,0.8);
	font-weight: 400;
	margin: 5px;
	text-decoration: none;
}
.page-ac {
	background: #71e2fb !important;
	border: 1px solid #04ffd9;
	color: #02081e !important
}
.pagination {
	float: right;
	overflow: hidden;
	display: flex;
	padding-left: 10px;
	list-style: none;
	margin: 5px 1px;
}
.btn_qk {
	border-radius: 3px;
	border: 1px solid #7c8ebd;
	background: none;
	padding: 3px 6px;
}
.btn_tj {
	border: 1px solid #0374ff;
	background: #0374ff;
	padding: 3px 6px;
	border-radius: 3px;
}
.input_table {
	width: 100%;
	border-collapse: collapse;
}
.input_table td {
	padding: 5px;
	padding-bottom: 10px
}
.input_table td input {
	border: 1px solid rgba(67,171,202,.8);
	background: none;
	line-height: 26px;
	margin-left: 5px
}
.topbox li {
	width: 20%;
	text-align: left;
	position: relative;
	float: left;
	overflow: hidden;
}
.topbox li .yq-b {    box-shadow: inset 0 0 30px rgb(0 140 217 / 50%);
	display: flex; border-radius: 3px;
	justify-content: space-around;
	align-items: center;
}
.boxall {
	border: 1px solid #008dc1;
padding:0 .2rem .4rem .15rem;
	background: rgba(255,255,255,.01);
	background-size: 100% auto;
	position: relative;
margin-bottom: .15rem;
	z-index: 10;
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(26,65,197,0.6);
}

.jctable {  width: 100%;   border-collapse: collapse;
}
.jctable th {
	text-align: center;
	padding:  3px;
	height: 36px;
	color: #0bcbff;
	font-size: 12px;
	border-bottom: 1px solid #002d49
}
.text-f {
	color: #00ffcc !important;     font-family: 'DS-DigitalBold' !important;
}
.jctable tr:nth-child(2n+1) {
	background:url(../img/trbg.png) no-repeat;
	background-size: 100% 100%;
}
.jctable tr td {
	padding: .5vh 3px;
	color: #fff;height: 30px;
	text-align: center;
	font-size: 12px
}
.color_bg {
    background: url(../img/kuang1.png) no-repeat;
    width: 24px;
    display: inline-block;
    background-size: 100% 100%;
}
.ScrollText{height: 20vh; overflow: hidden;}
.ljbtn {
    background-image: linear-gradient( 
135deg
, #3384ec 10%, #2b7bd5 100%) !important;
    color: #fff;
    padding: 5px; cursor: pointer;
    border-radius: 3px;
}
a {
	text-decoration: none
}
.zgbox .topbox {
	padding-bottom: 5px;
	overflow: hidden;
}
.agbox {
	width: 100%;
	z-index: 10000;	overflow: hidden
}
.bgbox {
	position: fixed;
	right: 0;
	margin-top: 18px;
	width: 25%;
	z-index: 10000;
	background-image: linear-gradient(to left, rgba(1, 10, 33,1), transparent);
	background-position: center;
	padding: 10px;
	background-blend-mode: normal;
	height: 90vh;
	z-index: 10;
}
.cgbox {
	position: fixed;
	margin-top: 18px;
	left: 0;
	width: 23%;
	z-index: 10000;
	background-image: linear-gradient(to right, rgba(1,10, 33,1), transparent);
	background-position: center;
	padding: 10px;
	background-blend-mode: normal;
	height: 90vh;
	z-index: 10;
}
.dgbox {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-image: linear-gradient(to top, rgba(1,10, 33,0.6), transparent);
	background-position: center;
	padding: 10px;
	background-blend-mode: normal;
	height: 15vh;
	z-index: 10;
}
.bgbox li .icon-box2 i {
	display: block;
	font-size: 2rem;
	color: #0bcbff!important
}
.bgbox ul {
	margin-top: 120px
}
.bgbox li .zc-text i {
margin-left:.6rem;
font-size:.8rem
}
.bgbox li .yq-b {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.bgbox li {
	
	list-style: none;
	text-align: center;
}
.bgbox li .icon-box2 {
	color: #0bcbff!important;
	width: 31%;
	font-size: 12px
}
.bgbox li .yq-b {
	padding: 10px 5px;
	background: rgba(25, 45, 77,.6);
	margin-right: 0
}
.bgbox li .icon-yangchen {
	font-size: 2.2rem !important
}
.bgbox li h2 font {
	font-size: 12px;
	font-weight: normal!important
}
.bgbox .zc-text {
	width: 34%;
	font-size: 13px
}
.bgbox .zc-text h2 {
	font-size: 1.2rem;
}

.qubox .equip-status ul { height: 100%; }

.qubox .status-list { width: 100%; position: relative;  float:  left; justify-content: flex-start; display: flex;}

.qubox .status-list .boll-box { width: 61px; height: 100%; position: relative; text-align: center; }

.qubox .status-list .boll-box .ball-pic { display: block; width: 61px; height:63px; margin: 0 auto; margin-top: 5px; }

.qubox .status-list .boll-box .ball-pic img { width: 100%; height: 100%; }

.qubox .status-text { font-size: 14px; color: #00a1e2; vertical-align: top; font-weight: bold; margin-bottom: 6px !important; font-family: 'title' !important;
}
.qubox .status-text .line-num{color: #fff !important; margin: 0 6px;}

	.qubox .status-list .boll-box .trans-pic { position: absolute; width:40px; height:40px; animation: run 7s linear infinite; top:26px; left: 50%; margin-left: -20px; }

	.qubox .status-list .boll-box .trans-pic img { width: 100%; height: 100%; }

	.qubox .status-list .boll-legend { margin-left: 10px; padding-top: 10px; box-sizing: border-box; }

	.qubox .status-list .boll-legend .boll-line { display: block; padding-left:10px; position: relative; font-size: 12px; font-weight: 300; color: #ffffff; box-sizing: border-box; line-height:18px; }

	.qubox .status-list .boll-legend .boll-line .line-num { font-size: 15px;     font-family: 'DS-DigitalBold' !important;font-weight: normal; padding-left: 2px; padding-right:5px; }

	.qubox .boll-line:nth-child(2) .line-num { color: #00fff6; }

	.qubox .boll-line:nth-child(2)::before { content: ""; position: absolute; width: 6px; height: 6px; border-image: linear-gradient(0deg, #25fffc, #00d8ff) 10 10; background: linear-gradient(0deg, #25fffc 0%, #00d8ff 100%); border-radius: 50%; left: 1px; top: 9px; }
	
	.qubox .boll-line:nth-child(3)::before { content: ""; position: absolute; width: 6px; height:6px; background: linear-gradient(0deg, #fa5050 0%, #fa5050 100%); border-radius: 50%; left: 1px; top:9px; }
	
	.qubox .boll-line:nth-child(2) .unit { color: #00fff6; }
	
	.qubox .boll-line:nth-child(3) { margin-top: 2px; }
	
	.qubox .boll-line:nth-child(3) .line-num { color: #fa5050; }
	
	.qubox .boll-line:nth-child(3) .unit { color: #fa5050; }
	
	.qubox .qu_content:nth-child(2){ display: none;}
		
	.qubox2 .qu_content2:nth-child(2){ display: none;}
	.l {
    float: left!important;
}
@keyframes run { 100% { transform: rotateY(360deg); } }
.rate-box .rate-list .in-rate span {    
    font-size: 12px;
	
    font-weight: bold;
    color: #00fff6;
}
.ex-rate2 {
    padding-top: 10px;
    display: block;
}
.rate-box .rate-list .in-rate span.rate-text  {
    font-size: 25px !important;font-family: 'DS-DigitalBold' !important;}
.circle-box .rate-right .rate-box .rate-list .rate-text {
    font-size: 25px !important;font-family: 'DS-DigitalBold' !important;
    vertical-align: top;
}
.rate-box .rate-list:nth-child(2) .in-rate span {
    color: #ffb936;font-family: 'DS-DigitalBold' !important;
}
.rate-right li {
    width: 50%;
    text-align: center;
    padding-top: 20px;
}
.yq-b {

	font-size: 14px;
	height: 7vh;
	margin: 0 .5vh;
    background: url(../img/listbg.png) no-repeat bottom center;

	color: #fff;
	position: relative;
}
.icon-box {
}
.topbox ul li font {
font-size:.9rem;
	font-weight: normal;
}
.topbox ul li i {
	font-size: 1.6rem
}
.zc-text {
	color: #fff;
	font-size: 14px; 
}
.text-success {
	color: #5ac146 !important;
}
.text-info {
	color: #44ceeb !important;
}
.text-danger {
	color: #fa5838 !important;
}
.text-warning {
	color: #ffbc34!important;
}
.text-primary {
	color: #7460ee!important;
}
.topbox .boxfoot {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
.topbox {
	padding-top: .5rem
}
.zg-abox .input {
	border: 1px solid #0f82a2;
	background: rgba(5,38,62,0.8);
padding:.5rem;
	width: 100%
}
.zg-abox table td {
	color: #71e2fb;
	font-size: 13px;
	padding: 5px;
	text-align: right
}
.zg-abox {
	margin: 10px;
	position: relative;
	border: 1px solid #0f82a2;
	overflow: hidden;
	padding: 10px
}
.zg-abox:before, .zg-abox:after {
	position: absolute;
	width: 1.6rem;
height: .6rem;
	content: "";
	border-top: 2px solid #15acd5;
	top: 0;
}
.zg-abox .boxfoot::before, .zg-abox .boxfoot::after {
	position: absolute;
	width: 1.6rem;
 height: .6rem;
	content: "";
	border-bottom: 2px solid #15acd5;
	bottom: 0;
}
.zg-abox:before, .zg-abox .boxfoot:before {
	border-left: 2px solid #1acdfd;
	left: 0;
}
.zg-abox:after, .zg-abox .boxfoot:after {
	border-right: 2px solid #1acdfd;
	right: 0;
}
.zg-abox h2 {
	margin-bottom: 20px;
	margin-left: 26px;
	margin-top: -2px
}
.zg-abox h2 i {
	color: #71e2fb;
margin-right:.3rem
}
.zg-abox h2 span {
	border: 1px solid #15acd5;
	padding: 9px;
	color: #71e2fb;
	font-size: 16px;
	border-top: none;
	border-radius: 0 0 10px 10px
}
.btn-primary {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid #0f82a2;
	background: rgba(5,38,62,0.8);
 padding: .375rem .75rem;
 font-size: .875rem;
 margin-left:.5rem;
	border-radius: 2px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.zg-cbox {
	margin: 10px;
}
.br-1 {
	border-left: 1px solid #0f82a2;
	position: relative
}
.br-1::before {
	position: absolute;
	width: 5px;
	background: #0f82a2;
	height: 5px;
	border-radius: 50%;
	top: 0;
	content: '';
	left: -3px;
}
.br-1::after {
	position: absolute;
	width: 5px;
	background: #0f82a2;
	height: 5px;
	border-radius: 50%;
	bottom: 0;
	content: '';
	left: -3px;
}
.aui-active {
	background-image: linear-gradient(to right, #00d9ff, #01aaff) !important;
    background-size: 100% 100% !important;
    color: #fff;
    border-radius: 25px;
}
.map_vod {
	width: 100%;
	height: 100%;
}
.b-box .li-c {

	font-size: 13px
}
.b-box .li-d {
	
	font-size: 14px;
	color: #39dbfd
}
.selemediv {
	position: relative;
	width: 100%;
	height: 100%
}
.selemenu {
	color: #fff;
	text-indent: 10px;
	border: none;
	background: url(../img/jt_icon.png) 100% center no-repeat;
	width: 100%;
	background-size: 9%;
	padding-right: 10px;
}
.selemenu {
	font-size: 14px;
}
.citylist span {
	display: block;
	clear: both;
	cursor: pointer;
}
.citylist span:hover {
	background: #eee;
}
.citylist {
	display: none;
	line-height: 35px;
	background: rgba(1,19,39,0.2);
	text-indent: 10px;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 35px;
	width: 180px;
	box-shadow: 0px 5px 5px #ccc;
}
.citylist2 {
	font-size: 14px;
	color: #fff;
	padding: 20px 10px;
	position: absolute;
	top: 35px;
	left: -12vh;
	background: rgba(1,10, 33,1);
	border: 1px solid #1f4a69;
	display: none;
	z-index: 100000;
	width: 50vh;
	border-radius: 5px
}
.citylist2 ul {
	float: left;
	width: 100%;
}
.citylist2 ul li {
	float: left;
	cursor: pointer;
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(rgba(67,171,202,0.3)), to(rgba(1,165,187,0.1)));
	border: 1px solid rgba(67,171,202,.4);
padding:.3rem;
margin:.2rem;
color: #fff;
	border-radius: 2px
}
.citylist2 ul li:hover {
	color: #ff4400
}
.citylist2 .shangquan li {
	width: 20%;
	;
}
.citylist2 .chengshi li {
padding:.3rem .6rem
}
.citylist2 .leibie {
	float: left;
padding:.6rem
}
ul, li {
	list-style: none;
}
.citylist2 .active {
	color: #fff;
	background: #0550ff
}
.selectbox {
	margin: auto;background-image: linear-gradient(to right, #00d9ff, #01aaff) !important;
    background-size: 100% 100% !important;
    color: #fff;
    border-radius: 25px;

}
/* 功能概述四周走光 */
.lightRunA {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	offset-distance: 0%;
	-webkit-animation: lightRunA 2s linear infinite;
	-moz-animation: lightRunA 2s linear infinite;
	-ms-animation: lightRunA 2s linear infinite;
	-o-animation: lightRunA 2s linear infinite;
	animation: lightRunA 2s linear infinite;
}
 @keyframes lightRunA {
 from {
 opacity: 0;
}
 10%, 80% {
 opacity: 1;
}
to {
	offset-distance: 100%;
	opacity: 0;
}
}
.funPipe1 .lightRunA {
	left: 50%;
	top: 69px;
	-webkit-animation: lightRunA1 4s linear infinite;
	-moz-animation: lightRunA1 4s linear infinite;
	-ms-animation: lightRunA1 4s linear infinite;
	-o-animation: lightRunA1 4s linear infinite;
	animation: lightRunA1 4s linear infinite;
}
.funPipe2 .lightRunA2 {
	right: 30%;
	top: 69px;
	position: absolute;
	-webkit-animation: lightRunA2 4s linear infinite;
	-moz-animation: lightRunA2 4s linear infinite;
	-ms-animation: lightRunA2 4s linear infinite;
	-o-animation: lightRunA2 4s linear infinite;
	animation: lightRunA2 4s linear infinite;
}
 @keyframes lightRunA1 {
 0% {
 left: 30%;
 transform:translateX(-60%);
}
 100% {
 left: 60%;
}
}
 @keyframes lightRunA2 {
 from {
 opacity: 0;
}
 10%, 80% {
 opacity: 1;
}
to {
	offset-distance: 100%;
	opacity: 0;
}
}
@keyframes lightRunA2 {
 0% {
 right: 30%;
 transform:translateX(-60%);
}
 100% {
 right: 60%;
}
}
.searchbox {
	background: #001b28;
	overflow: hidden;
	padding: 10px;
	position: relative
}
.srearch_table tr:nth-child(2n+1) {
	background: #05263e;
}
.srearch_table {
	background: #021f32
}
.srearch_table td {
	padding: 3px !important;
	color: #69e0ff !important;
}
.searchbox:before, .searchbox:after {
	position: absolute;
width: .6rem;
height: .6rem;
	content: "";
	border-top: 2px solid #007aff;
	top: 0;
}
.searchbox .boxfoot::before, .searchbox .boxfoot::after {
	position: absolute;
 width: .8rem;
 height: .6rem;
	content: "";
	border-bottom: 2px solid #007aff;
	bottom: 0;
}
.searchbox:before, .boxfoot:before {
	border-left: 2px solid #007aff;
	left: 0;
}
.searchbox:after, .boxfoot:after {
	border-right: 2px solid #007aff;
	right: 0;
}
.inputbox {
	display: inline-block;
margin-bottom:.5rem
}
.inputbox input {
	background: #4d5c63;
	border-radius: 8px;
padding:.3rem;
	border: 1px solid #4d5c63;
	color: #fff;
	display: inline-block;
	width: 90%
}
.inputbox {
	background: #4d5c63;
	border-radius: 8px;
	border: 1px solid #4d5c63;
	color: #fff;
	width: 75%;
	display: inline-block;
}
@font-face {
	font-family: 'ds-digitalbold';
	src: url('../font/DS-DigitalBold.ttf');
	src: url('../font/ds-digitalbold-webfont.eot');
	src: url('../font/ds-digitalbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ds-digitalbold-webfont.woff2') format('woff2'), url('../font/ds-digitalbold-webfont.woff') format('woff'), url('../font/ds-digitalbold-webfont.ttf') format('truetype'), url('../font/ds-digitalbold-webfont.svg#ds-digitalbold') format('svg');
}
.zc-text h2 span{font-family: 'DS-DigitalBold' !important;  font-weight: bold; font-size:24px; color: #01c8ff !important;}
.sreachbtn {
	display: inline-block
}
.lable_num {
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	border: 1px solid #1eb1e0;
	border-radius: 11px;
	display: inline-block;
	font-size: 12px;
	font-weight: normal
}
.lable_num_border {
	border: 1px solid #a82232 !important
}
.lable_num_border2 {
	border: 1px solid #fe533f !important
}
.lable_num_border3 {
	border: 1px solid #ff9900 !important
}
 input::-webkit-input-placeholder {
 color:#fff;
}
 input::-moz-placeholder {   /* Mozilla Firefox 19+ */
 color:#fff;
}
 input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#fff;
}
 input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
 color:#fff;
}
.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;
}


.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 / 50%);
   
    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:40px; margin-right: 8px;}
h5, .h5 {
	font-size: 1.09375rem;
}

.lc_body .card-body {
	flex: 1 1 auto;

}
.lc_top{ background:none; padding:.5vh 0}
.lc_body .card-title {
	background: url(../img/title_icon.png) left 6px center no-repeat;
    border-radius: 5px;
    padding-left: 25px;
    font-size: 14px;
    border-bottom: 1px solid #002d49;
    line-height: 3.6vh;
	display: flex;
	justify-content:space-between;
   

}
.lc_body .card-title  .more{ color:#999; font-size:12px; font-weight:normal}
.lc_body .card-title  span{ padding:0 5px;  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;}
 .numb{ font-size:12px !important; position:relative; margin-left:.3rem; font-weight: normal; display: inline-block;transform:scale(.8);}
.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}
	.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: 20vh; overflow:auto
}
.height30 {
	height:43vh; overflow:auto
}

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

	.dc-tb-ul li {
		float: left;
		font-size: 12px;
		list-style: none;
		
		cursor: pointer;
		color: #fff;
		
		
	}
	 	.dc-tb-ul {
			background: url(../img/title_icon.png) left 6px center no-repeat;
			border-radius: 5px;
			padding-left: 25px;
			font-size: 14px;
			border-bottom: 1px solid #002d49;
			line-height: 3.6vh;
	}
	 	.dc-tb-ul li div {
		padding:  0; margin: 0 5px;
		line-height: 3.6vh;
	
	}
		.dc-tb-ul li.action div {
		color: #00a1e2; padding: 0 .3vh;
		border-bottom: 1px solid #00a1e2;
		
	}
.dctab-content .item{  height: 100%; width: 100%;  }

.hide{opacity: 0; position: absolute; top: 20px; z-index: -1;}
.yp_width{width: 48vh; height: 23vh;}


.head-close {
	position: absolute;
	right: 10px;
	top:3px;
	font-size: 14px;
	z-index: 9999;
	height: 25px;
line-height: 25px;
}
.head-close img {
	width: 28px;
}

  .head2 .time{position: absolute; left: 10px; top: 10px;}
.head2 .time img{width: 16px; position: relative; top: 2px; margin-left: 3px;}
.pagination {
	float: right;
	overflow: hidden;
	display: flex;
	padding-left: 10px;
	list-style: none;
	margin: 5px 1px;
	bottom: auto;
}
.color-y{color: #f6ce4f !important;}
.color-g{color: #50bb60 !important;}
.iconbg{background: url(../img/iconbg.png) no-repeat;
	background-size: 100% 100%; width: 45px; height: 45px; line-height: 45px; margin-right: 5px; display: inline-block; text-align: center;}
	.iconbg img{margin: 0 auto; position: relative; top: 6px; width: 20px;animation: run 7s linear infinite;}
	@keyframes run { 100% { transform: rotateY(360deg); } }
	.kf-list{display: flex; flex-wrap: wrap; padding: 1vh;}
.kf-list li{width: 33.33%; height: 10vh; color: #fff; padding: 1vh 0; display: flex; align-items: center; justify-content: center;}	
.kf-list li h2{font-size: 12px; font-weight: normal; color: #88fbff;}
.kf-list li h2 span{font-weight: bold; font-size: 16px; color: #fff; font-family: 'ds-digitalbold' !important; width: 100%; margin-top: 4px; display: inline-block;}
.kf-list li h2 span font{font-size: 12px; margin-left: 3px; font-weight: normal;}
.page-link {
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    border-width: 0;
    border: 1px solid #265ca0;
    background: rgba(5,38,62,0.4);
    font-weight: 400;
    margin:2px 8px;
    text-decoration: none;
}
.hgtitle{text-align: right; margin-top: 6px; padding-right: 10px;}
.zsbox span{font-size: 13px;color: #88fbff;}
.zsbox{color: #fff;font-size: 12px;padding-right: 5px; border-radius: 20px; min-width: 100px; margin-top: 5px; padding: 0 5px; margin-right: 5px; height: 22px; text-align: center; line-height: 22px; background: url(../img/zsbg.png) no-repeat; background-size: 100% 100%;}
.data .citylist2 .shangquan li{float: initial;width: 100%; }
.data .citylist2 {
    font-size: 13px;
    color: #fff;
    padding:5px 10px;
    position: absolute;
    top: 35px;
    left:0;
    background: rgba(1,10, 33,1);
    border: 1px solid #1f4a69;
    display: none;
    z-index: 100000;
    width: 10vh;
    border-radius: 5px;
}

.gclist{padding: 10px;}
.gclist ul{margin: 2% 0; border: 1px solid rgba(7, 62, 104, 0.6);
    background: rgba(7, 62, 104, 0.2);    border-radius: 3px;}
	.gclist ul:first-child{margin: 0; }
.gclist li{padding: 4.7px; display: flex; justify-content: space-between;   }
.gclist li label{margin-right: 10px; display: inline-block;}
.gclist li span{color: #88fbff; width: 80%;  display: inline-block; text-overflow: ellipsis; overflow: hidden;white-space:nowrap ;}

.pagination ul {
    list-style: none;
    padding-left: 0;
	display: flex;background: none !important;
	border: none !important;
}


.pagination ul li {
padding: 0 5px;
vertical-align: top;
display: inline-block;
font-size: 12px;
min-width: 22px;
min-height: 20px;
line-height: 20px;
cursor: pointer;
box-sizing: border-box;
text-align: center;
border: 1px solid #01aaff;
color: #fff;
border-radius:3px;
margin: 0 1px;

height: 22px;
}


.pagination  li.active {
background: #01aaff;
color: white;
cursor: not-allowed;
}

.pagination li.disabled {
cursor: not-allowed;
}
.pagination li.totalPage {
background: transparent;
cursor: default;
border: none;
display: flex;
padding: 0 4px;
}


.pagination li input {
-webkit-appearance: none;
background: rgba(7, 62, 104, 0.2);
background-image: none;
border-radius: 3px;
border: 1px solid #01aaff;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
outline: none;
padding: 3px 0;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 22px;
height: 22px;
margin: 0 6px;
}

.pagination li input:focus{
border-color: #98A6AD;
}
.pagination{
user-select: none; margin-top: 0;
}
.pagination li span{width: 100% !important; overflow: inherit;}
.pagination ul:nth-child(2){
border-radius: 3px;
}

.pagination input[type=number] {
-moz-appearance:textfield;
}
.pagination input[type=number]::-webkit-inner-spin-button,
.pagination input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
	color: #999;
}
input:-moz-placeholder{    /* Firefox版本4-18 */
	color: #999;
}              
input::-moz-placeholder{    /* Firefox版本19+ */
	color: #999;
}              
input:-ms-input-placeholder{   /* IE浏览器 */
	color: #999;
}        


.search {
	padding: 1px;
	margin: 2px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	/* background: url("../img/box-unit-list-bg.png") no-repeat; */
	background-size: 100% 100%;
	position: relative;
	border-radius: 5px;
	/* box-shadow: inset 0 0 30px #004681 !important; */
	border: 1px solid #01aaff;
	background: rgba(7, 62, 104, 0.2);
}

.search .input-wrap {
	display: flex;
	align-items: center;
}

.search .results-panel {
	display: none;
}

.search .results-panel.show {
	display: block;
	position: absolute;
	top: 26px;
	border: 1px solid rgba(7, 62, 104, 0.6);
	background: #032b4d;
	z-index: 1000000;
}

.search input {
	outline: none;
	border: none;
	width: 100%;
	padding: 0 10px;
	line-height: 24px;
	font-size: 13px;
	border: none;
	background: none;
	cursor: pointer;
}

.search input::-webkit-search-decoration,
.search input::-webkit-search-cancel-button,
.search input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search .clear-button {
	width: 25px;
	text-align: right;
	position: relative;
}

.search .clear-button img {
	width: 100%;
	padding: 3px;
}

.search .clear-button.show {
	display: block;
}



.search h2 {
	font-size: 17px;
	margin: 10px 0;
}

.search a {
	text-decoration: none;
	color: inherit;
}

.search .matching-post {
	border-bottom: 1px solid #eee;
}

.search .matching-post:last-child {
	border-bottom: 0;
}

.search p {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search select {
	width: 80px;
	line-height: 24px;
	padding: 6px 2px;
	outline: none;
	cursor: pointer;
	margin-top: 2px;
	padding-left: 5px;
	background: rgba(0, 0, 0, 0.2);
	border: none;
	float: left;
	color: #fff;
	border-radius: 20px 0 0 20px;
}
.height80{height: 85vh;}
.active{background: #01aaff !important;}
.numbox h3{background: rgb(0 140 217 / 10%); font-weight: normal; font-size: 12px;
    border: 1px dashed #003d63;width: 48%; border-radius: 5px; padding: 5px; text-align: center;}
	.numbox h3 font{margin-left: 6px; font-weight: bold;font-size: 14px;}
	.wtbox .gclist ul {
		margin: 1% 0;
	
	}
	.wtbox	.gclist li {
		padding: 4px;

	}
	.wtbox	.gclist  .pagination ul li{
		padding:0 4px;

	}
.active	.numbox h3{ border: 1px dashed #8dc3fc;}
.active	.numbox h3 .color-g {
    color: #017901 !important;
}
.zhbox .gclist li {
	padding: 2px 6px;

}
.height6{height: 12.5vh;}
.zhbox	.gclist  .pagination ul li{
	padding:0 4px;
}
.sm_table td{ padding: 2px 0; color: #88fbff;}
.sm_tabel_img {
    margin-left: 10px; 
    padding: 6px; width: 80px;
    text-align: center;
    background: url(../img/img_bg.png) no-repeat;
    background-size: 100% 100%;
}
.sm_tabel_img img {
    width: 90%;
    height: 90%;
}.text-color {
    color: #fff;
}
.rybox{padding: 10px; overflow: hidden;}
.sbbox {padding: 10px; overflow: hidden; align-items: center; padding-top:20px;}
.sbbox .sm_table{margin-top: 3%;}
.sbbox .sm_table td{ padding: 6px 0; color: #88fbff;}
.sbbox h4{background: #01aaff; font-size: 12px; font-weight: normal; width: 90px;margin-left: 10px;  padding:2px 6px; text-align: center; margin-bottom: 7px;}
.sbbox p{width: 90px;margin-left: 10px;text-align: center;  margin-top: 7px;}
.sbbox a{color: #01aaff;}
.sbbox a:hover{color: #fff;}
.height25 {
	height: 25.1vh; overflow:auto
}
.mapwidth{width: 100%; height: 100%;}
.echartswidth{width: 100%; height: 22vh;}
.anchorBL{display: none;}

.pro-new-show2 {position: relative;width: 100%;overflow: hidden; padding: 10px ; height: 100%; }
.pro-new-show2 .pro-list2{width: 100%;height: 90%;overflow: hidden;}
.pro-new-show2 .pro-list2 ul li{float: left;width:48%;height:100%;overflow: hidden;padding: 0;  margin: 0 5px; position: relative;}
.pro-new-show2 .pro-list2 ul li:last-child{margin-right: 0;}
.pro-new-show2 .pro-list2 ul li p{ font-size: 13px; padding: 6px 0;background: rgba(7, 62, 104, 0.6); position: absolute; top: 0;width: 100%; text-align: center;}
.pagination2{position: absolute;width: 100%;height: auto;overflow: hidden;padding: 10px 0;text-align: center; bottom: 0;}
.pagination2 ul li{width: 8px !important;height: 8px; min-height: 8px;min-width: 8px;
    line-height: 8px;border-radius: 50%;background: #033456;display: inline-block;margin: 0 3px;text-indent:-9999px; }
.pagination2 ul li.on{background: #2069ff; width: 18px;height: 8px; border-radius: 20px;min-width: 18px;
    min-height: 8px;
    line-height: 8px;}
	.pro-new-show2 .pro-list2 ul{height: 100%;}
.pro-list2 li img{width: 100%; height: 100%;}
.tempWrap   {height: 100%;} 

.pro-new-show3 {position: relative;width: 100%;overflow: hidden; padding: 10px ; height: 100%; }
.pro-new-show3 .pro-list3{width: 100%;height: 90%;overflow: hidden;}
.pro-new-show3 .pro-list3 ul li{float: left;width:100%;height:100%;overflow: hidden;padding: 0;  margin: 0 5px; position: relative;}
.pro-new-show3 .pro-list3 ul li:last-child{margin-right: 0;}
.pro-new-show3 .pro-list3 ul li p{ font-size: 13px; padding: 6px 0;background: rgba(7, 62, 104, 0.6); }
@media only screen and  (max-width:1800px) {.echartsmap{position: relative; }
html {
	zoom: 80%;
}

@-ms-viewport {
	width: 1920px;
	height: 1080px;
}
.tqiframe {
	transform: scale(.8); width: 195px;
		top: 13px;
	}
	.height80 {
		height: 108vh;
	}
	.height25 {
		height: 32.6vh;
		overflow: auto;
	}
	.height30 {
		height: 55.3vh;
		overflow: auto;
	}
	.height6 {
		height: 17.5vh;
	}
	.height26 {
		height: 25vh;
		overflow: auto;
	}
	.sm_table td {
		padding: 3px 0;
		color: #88fbff;
	}
}