@charset "utf-8";
/* CSS Document */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*, body {
	padding: 0px;
	margin: 0px;
	font-family: "微软雅黑";
}

body {
	background: #000d4a url(/images/lvs/bg.jpg) center center;
	background-size: cover;
	color: #fff;
	font-size: .1rem;
}

li {
	list-style-type: none;
}

@font-face {
	font-family: electronicFont;
	src: url(font/DS-DIGIT.TTF)
}

i {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

img {
	border: none;
	max-width: 100%;
}

a {
	text-decoration: none;
	color: white;
}

a.active, a:focus {
	outline: none !important;
	text-decoration: none;
}

ol, ul, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0
}

a:hover {
	color: #06c;
	text-decoration: none !important
}

html, body {
	height: 100%;
}

.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}

.clearfix:after {
	clear: both
}

.pulll_left {
	float: left;
}

.pulll_right {
	float: right;
}
/*谷哥滚动条样式*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	position: absolute
}

::-webkit-scrollbar-thumb {
	background-color: #5bc0de
}

::-webkit-scrollbar-track {
	background-color: #ddd
}
/***/
.head {
	height: 1.05rem;
	background: url(/images/lvs/head_bg.png) no-repeat center center;
	background-size: 100% 100%;
	position: relative
}

.head h1 {
	color: white;
	text-align: center;
	font-size: .4rem;
	line-height: .8rem;
	letter-spacing: -1px;
}

.head h1 img {
	width: 1.5rem;
	display: inline-block;
	vertical-align: middle;
}

.time {
	position: absolute;
	right: .15rem;
	top: 0;
	line-height: .75rem;
	font-size: .3rem;
	padding-right: .1rem;
}

.mainbox {
	padding: 0 .2rem 0rem .2rem;
	height: calc(100% - 1.05rem)
}

.mainbox>ul {
	margin-left: -.1rem;
	margin-right: -.1rem;
	height: 100%
}

.mainbox>ul>li {
	float: left;
	padding: 0 .1rem;
	height: 100%;
	width: 25%
}

.mainbox>ul>li:nth-child(2) {
	width: 50%
}

.boxall {
	padding: 0 .2rem .2rem .2rem;
	background: rgba(6, 48, 109, .5);
	position: relative;
	margin-bottom: .15rem;
	z-index: 10;
}

.alltitle {
	font-size: .2rem;
	color: #fff;
	line-height: .5rem;
	position: relative;
	padding-left: .15rem
}

.alltitle:before {
	position: absolute;
	height: .2rem;
	width: 4px;
	background: #49bcf7;
	border-radius: 5px;
	content: "";
	left: 0;
	top: 50%;
	margin-top: -.1rem;
}

.boxnav {
	height: calc(100% - .5rem);
}

.row>li {
	float: left;
	height: 100%;
}

.col-6 {
	width: 50%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33333%;
}

.h100 {
	height: 100%;
}

.tit01 {
	text-align: center;
	color: white;
	font-size: .16rem;
	padding: .3rem 0 .02rem 0;
}

.piebox {
	height: calc(100% - .5rem);
	width: 100%;
	border-radius: 1rem;
	font-size: .3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sqzs {
	margin-right: .2rem;
}

.sqzs p {
	padding: .2rem 0 .1rem 0;
	font-size: .22rem;
}

.sqzs h1 {
	height: calc(100% - .65rem);
	display: flex;
	align-items: center;
	color: #fef000;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: .5rem;
	justify-content: center;
	padding-bottom: .05rem;
}

.sqzs h1 span {
	font-size: .8rem;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

table {
	width: 100%;
	text-align: center;
}

table th {
	font-size: .16rem;
	background: rgba(0, 0, 0, .1);
}

table td {
	font-size: .13rem;
	color:white;
	/*color: rgba(255, 255, 255, .6);*/
}

table th, table td {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	padding: .1rem 0;
}

/*nav css*/
.navleft {
	width: 600px;
	position: absolute;
	left: 0.15rem;
	top: .2rem;
}

.navleft ul {
	/*padding-top:.2rem;*/
	width: 100%;
}

.navleft li {
	background: url(/images/lvs/bnt.png) center;
	font-size: .2rem;
	line-height: .4rem;
	background-repeat: no-repeat;
	width: 20%;
	height: .4rem;
	float: left;
	text-align: center;
	margin-left: 1%;
}
.navleft li a {
	color: white;
}

/* scroll*/

#FontScroll{
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 10px;
}
#FontScroll ul li{
	height: 38px;
	width: 100%;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
	border-bottom: 1px dashed white;
	overflow: hidden;
}
#FontScroll ul li:nth-child(1){
	box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
	10px 0px 15px #034c6a inset;

}
#FontScroll ul li:hover{
	box-shadow: -10px 0px 15px #034c6a inset, /*左边阴影*/
	10px 0px 15px #034c6a inset;
	cursor: pointer;
}

.fontInner .left{
	display: block;
	width: 70%;
	text-align: left;
	float: left;
	padding-left: .2rem;
}
.fontInner .right{
	width:30%;
	text-align: right;
	display: block;
	float: left;
	padding-right: .1rem;
}
/*img scroll*/
.scontent h5 {
	font-size: .15rem;
	marigin-top: .1rem;
}
/* 使用全局样式样式去掉*/
* { touch-action: pan-y; }

/* center .chart */
div.chart-big {min-width: 3.5rem;margin: 0 0 0 0.1rem;}div.chart-big div.physical {font-size: 0;margin: 0 auto;text-align: center;width: 100%;}div.chart-big div.physical div.per {display: inline-block;vertical-align: middle;padding: 0rem 0.2rem;min-height: 1.54rem;}div.chart-big div.physical div.per p {width: 0.85rem;font-size: 0.12rem;line-height: 0.25rem;color: #f1f1f1;white-space: pre-wrap;}div.chart-big div.physical div.per-icon {display: block;width: 0.85rem;height: 0.85rem;font-size: 0.16rem;overflow: hidden;border-radius: 50%;background-image: -webkit-linear-gradient(rgba(212, 252, 121, 0.6), rgba(103, 194, 58, 0.6));background-image: -moz-linear-gradient(rgba(212, 252, 121, 0.6), rgba(103, 194, 58, 0.6));background-image: linear-gradient(rgba(212, 252, 121, 0.6), rgba(103, 194, 58, 0.6));box-sizing: border-box;padding: 0.02rem;cursor: pointer;margin: 0 auto;}div.chart-big div.physical div.per-icon div.per-content {width: 100%;height: 100%;border-radius: 50%;background: #3c4446;overflow: hidden;position: relative;}div.chart-big div.physical div.per-icon div.per-content div.img {height: 0.4rem;line-height: 0.4rem;overflow: hidden;position: absolute;top: 0.1rem;left: 0;right: 0;}div.chart-big div.physical div.per-icon div.per-content div.text {font-size: 0.12rem;line-height: 0.2rem;position: absolute;top: 0.5rem;left: 0;right: 0;white-space: pre-wrap;}div.chart-big div.physical div.per-icon.active {padding: 0.04rem;}div.chart-big div.physical div.per-icon:hover {padding: 0.04rem;}div.chart-big div.physical.big {width: 9rem;}
/* icon */
.icon {width: 0.4rem;height: 0.4rem;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
/*active*/
.middle.mb10.ml10 .content .info .per {padding: 0;}.middle.mb10.ml10 .content .info .per span.icon {width: 0.4rem;height: 0.5rem;line-height: 0.5rem;background: #fff;text-align: center;text-indent: 0;border-radius: 50%;}.middle.mb10.ml10 .content .info .per span.icon img {width: 0.3rem;height: auto;vertical-align: middle;}.middle.mb10.ml10 .content .info .per span.icon.active {background: #32bd80;}.middle.mb10.ml10 .content .info .per span.control-name {font-size: 0.13rem;text-indent: 0.05rem;}.middle.mb10.ml10 .content .info .per span.control-switch {float: right;height: 0.5rem;line-height: 0.5rem;font-size: 0;margin-right: 0.1rem;text-align: center;}.middle.mb10.ml10 .content .info .per span.control-switch label {display: inline-block;vertical-align: middle;height: 0.2rem;line-height: 0.2rem;min-width: 0.4rem;background: #32bd80;font-size: 0.12rem;cursor: pointer;}.middle.mb10.ml10 .content .info .per span.control-switch label.first {border-radius: 0.04rem 0 0 0.04rem;}.middle.mb10.ml10 .content .info .per span.control-switch label.last {border-radius: 0 0.04rem 0.04rem 0;}.middle.mb10.ml10 .content .info .per span.control-switch label.white {background: #fff;color: #4F4D4D;}.middle.mb10.ml10 .content .info .per span.control-switch label.stop {background: #ccc;color: #4F4D4D;}.middle.mb10.ml10 .content .info .per span.control-switch label:hover {opacity: 0.8;}.middle.mb10.ml10 .content .info .per span.control-switch label.no {cursor: no-drop;}.middle.mb10.ml10 .content .info .per span.control-switch label.no:hover {opacity: 1;}.middle.mb10.ml10 .content .info div.per.online {opacity: 1;}
/*div.chart-big div.physical div.per-icon.active div.per-content div.img{color: red;}*/
div.chart-big div.physical div.per-icon.active div.per-content{background: linear-gradient(rgba(212, 252, 121, 0.6), rgba(103, 194, 58, 0.6)) !important;}
/* center .range */
div.status-per {display: inline-block;vertical-align: top;width: 100%;text-align: center;background: rgba(175, 211, 249, 0.1);min-width: 4rem;height: 100%;}div.status-per div.title {background: rgba(2, 22, 42, 0.6);font-size: 0.12rem;color: #3a8ee6;line-height: 0.30rem;text-align: left;text-indent: 0.24rem;}
div.status-per div.per-all {height: 1rem;overflow-y: auto;overflow-x: hidden;}
div.status-per div.per-all.big {height: 100%;padding-top:20px;}
div.status-per div.per {display: inline-block;vertical-align: middle;width: 20%;min-height: 2em;padding:2px;font-size: 0.1rem;line-height:2em;}
div.status-per div.per span.img {display: block;margin: 0 auto;border-radius: 50%;width: 0.5rem;height: 0.5rem;line-height: 0.5rem;background: #1a2935;text-align: center;}div.status-per div.per span.img img {width: auto;height: auto;vertical-align: middle;}div.status-per div.per p:nth-of-type(1) {font-size: 0.12rem;color: #aaa;}

#table-datalog td,#table-datalog th{text-align: left;}


/*station info status*/
.status-stat-left{ float: left;height: 57px;width: 48%;text-align: center;margin-top: 2%;margin-right: 2%;}
.status-stat-right{ float: right;height: 57px;width: 48%;text-align: center;margin-top: 2%;margin-left: 2%;}

.status-stat-right span ,.status-stat-left span{ display: inline-block;margin-top: 0.8em;text-indent: 0vw;margin-bottom: 0.5em;}
.counter-value{font-size:1.68em;}

.shotcontainer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 15px;
}
.shotcontainer .item {
	flex: 1 1 calc(33.333% - 10px);
	cursor: pointer;
	border:1px solid #dddddd;
	padding:2px;
	max-width: 120px;
}
shotcontainer .item img{display: block;}


.modal{margin:auto;border:3px solid #f0f0f0;padding: 10px;text-align: center;background:#000d4a;}
.modal .modal-title{ background:#000d4a;color:#fff;height:3em;line-height:3em; font-size:1.8em;text-align:left;padding-left:2em; }
.modal .modal-footer{text-align: right;}
.modal .modal-footer button{padding:0.5em 1em;}