@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-size: 12px;
	font-family: "微软雅黑", Verdana, Arial, Tahoma, Geneva, sans-serif;
	height: 100%;
	color: #000;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

body.index {
	overflow: hidden;
}

body.paddingBody {
	padding: 10px;
}

/*chrome滚动条*/

::-webkit-scrollbar-track-piece {
	-webkit-border-radius: 0;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: rgba(83, 83, 83, 0.6);
	-webkit-border-radius: 4px;
	outline-offset: -2px;
}

::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: rgba(136, 136, 136, 0.6);
	-webkit-border-radius: 4px;
}

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

a, a:hover {
	text-decoration: none;
	color: #0031be;
	cursor: pointer;
	outline: none;
}

a:hover {
	color: #0A3F87
}

img {
	border: 0;
	margin: 0;
}

p {
	padding: 3px;
	line-height: 17px;
}

select {
	border: 1px solid #ccc;
}

textarea {
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	font-size: 12px;
	width: 96%;
}

.clearfix:after {
	content: ".";
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/*******************
common
*******************/

.container {
	/*	border-top:5px solid #3693CF;*/
	background: #ECF3F7;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.container.darker {
	background: #262626;
}

.header {
	background-color: #152545;
	-moz-box-shadow: 3px 1px 3px #0a1327;
	-webkit-box-shadow: 3px 1px 3px #0a1327;
	box-shadow: 3px 1px 3px #0a1327;
	height: 55px;
	vertical-align: middle;
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 20px;
	z-index: 1000;
	position: fixed;
}

/*******************
v2.1 common comparingRule 样式
*******************/

.comparingRule {
	display: inline-block;
	height: 202px;
	width: 67px;
}

.comparingRule .text {
	width: 100%;
	height: 16px;
	font-size: 12px;
	color: #a4a4a4;
	margin-bottom: 12px;
}

.comparingRule .rule {
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #2460a4;
	text-align: center;
	margin-bottom: 24px;
}

.comparingRule .opt-btn {
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #eaeaea;
	box-shadow: 0px 3px 6px 0px rgba(154, 154, 154, 0.16);
	border-radius: 3px;
	border: solid 1px #d3d3d3;
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
	color: #b7b7b7;
	margin-bottom: 16px;
}

.comparingRule .num {
	width: 100%;
	margin-top: 12px;
	color: #b0b0b0;
	text-align: center;
}

.comparingRule .bottom-border {
	width: 67px;
	height: 9px;
	border: solid 2px #2460a4;
	border-top: transparent;
}

/*******************
v2.1 common warningDialog 样式
*******************/

.warningDialog {
	display: inline-block;
	width: 246px;
	font-size: 12px;
	background-color: #ffffff;
	box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.13);
	border: solid 1px #c8c8c8;
}

.warningDialog .dialogHeader {
	display: inline-block;
	width: 246px;
	height: 37px;
	line-height: 37px;
	font-size: 14px;
	background: #727272;
}

.warningDialog .dialogHeader .close {
	float: right;
	padding-right: 15px;
	line-height: 36px;
	color: #fff;
	opacity: 1;
}

.warningDialog .dialogHeader .icon {
	display: inline-block;
	height: 9px;
	width: 9px;
	border-radius: 50%;
	line-height: 37px;
	margin: 0 21px
}

.warningDialog .dialogHeader .icon.red {
	background-color: red;
}

.warningDialog .dialogHeader .icon.yellow {
	background-color: yellow;
}

.warningDialog .dialogHeader .icon.green {
	background-color: green;
}

.warningDialog .dialogHeader.red {
	background-color: rgba(248, 179, 179, 0.3);
}

.warningDialog .dialogHeader.yellow {
	background-color: rgba(255, 227, 148, 0.3);
}

.warningDialog .dialogHeader.green {
	background-color: rgba(127, 233, 67, 0.3);
}

.warningDialog .content {
	padding: 10px 24px;
}

.warningDialog .content .c {
	display: inline-block;
	height: 30px;
}

.warningDialog .content .c .label {
	display: inline-block;
	color: rgba(146, 146, 146, 0.85);
}

.warningDialog .content .c .text.blue {
	color: rgba(39, 155, 241, 0.85);
}

/*******************
v2.1 common warningPopover 样式
*******************/

.warningPopover {
	display: inline-block;
	width: 580px;
	height: 40px;
	background-color: #fffbe6;
	border-radius: 2px;
	border: solid 1px #ffe58f;
}

.warningPopover .icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	margin: 12px 10px 12px 20px;
}

.warningPopover .icon.yellow {
	background-color: #faad14;
}

.warningPopover .text {
	line-height: 22px;
}

/*******************
v2.1  公共header及路由 .list-header
*******************/

.list-header {
	height: 55px;
	vertical-align: middle;
	width: 100%;
	margin-left: -15px;
	background-image: linear-gradient(315deg, #627497 0%, #2a5dc3 0%, #194499 100%);
	z-index: 1000;
	position: fixed;
}

.list-header .child-logo {
	position: relative;
	height: 100%;
	width: 250px;
	float: left;
}

.list-header .child-logo .bg1 {
	position: absolute;
	z-index: 9;
	height: 100%;
	width: 215px;
	background: url("../images/sp1/logo_bg3.png") 100% 100% no-repeat;
}

.list-header .child-logo .bg2 {
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 250px;
	background: url("../images/sp1/logo_bg4.png") 100% 100% no-repeat;
}

.list-header .child-logo .logo {
	position: absolute;
	z-index: 100;
	height: calc(100% - 24px);
	width: 36px;
	margin: 12px;
}

.list-header .child-logo .menu-name {
	position: absolute;
	z-index: 100;
	left: 72px;
	height: calc(100% - 24px);
	width: 100px;
	line-height: 32px;
	padding: 0px 12px;
	margin: 12px;
	font-size: 18px;
	color: #f1f8ff;
	font-weight: bold;
	font-stretch: normal;
	background: transparent;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	/*去除chrome浏览器的默认下拉图片*/
	-moz-appearance: none;
	/*去除Firefox浏览器的默认下拉图片*/
	background: url('../images/sp1/arrow.png') 100% 60% no-repeat;
	/*outline:none;*/
}
.list-header .child-logo .menu-name option{
	padding: 10px 0;
}

.list-header .child-logo .menu-name option {
	color: #000;
}

.list-header .child-logo .menu-name:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 23px;
	background: url("../images/sp1/arrow.png") 100% 100% no-repeat;
}

.list-header .tabsNav {
	float: left;
	/*position: absolute;*/
	/*left: 260px;*/
	/*top: 0;*/
	/*width: 100%;*/
	width: auto;
	height: 55px;
	color: #fff;
}

.list-header .tabsNav li {
	/*width: 130px;*/
	width: auto;
	padding: 0 15px;
	color: #baddff;
}

.list-header .tabsNav li.current {
	color: #fff;
	background: url("../images/sp1/tabsNav-cur.png") 100% 100% no-repeat;
}

.list-header .menu-right {
	float: right;
	overflow: hidden;
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 0;*/
	/*width: 400px;*/
	height: 100%;
}

.list-header .menu-right .info {
	float: left;
	/*position: absolute;*/
	box-sizing: border-box;
	/*width: 190px;*/
	height: 100%;
	padding: 16px;
}

.list-header .menu-right .info .label {
	color: #95caff;
	font-size: 16px;
}

.list-header .menu-right .info .cur {
	color: #f1f1f1;
	font-size: 16px;
	display: inline-block;
	position: absolute;
	background: transparent;
	border: none;
	width: 60px;
	top: 13px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/sp1/arrow.png) 100% 60% no-repeat;
}

.list-header .menu-right .info .cur option {
	color: #000;
}

.list-header .menu-right .info .cur:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 16px;
	background: url("../images/sp1/arrow.png") 100% 100% no-repeat;
}

.list-header .menu-right .back {
	/*right: 0;*/
	/*position: absolute;*/
	float: right;
	box-sizing: border-box;
	width: 147px;
	height: 100%;
	padding: 16px;
	font-size: 16px;
	color: #f1f1f1;
}

.list-header .menu-right .back:before {
	float: left;
	margin-top: -8px;
	content: "";
	display: inline-block;
	/*position: absolute;*/
	/*top: 8px;*/
	/*left: 8px;*/
	width: 1px;
	height: 40px;
	background: #5a8ca9;
}

.list-header .menu-right .back .icon {
	float: left;
	margin-left: 10px;
	/*position: absolute;*/
	top: 0;
	left: 0;
	height: 100%;
	width: 20px;
	background: url(../images/sp1/back.png) 100% 50% no-repeat;
}

.list-header .menu-right .back .back-text {
	float: left;
	margin-left: 10px;
	/*position: absolute;*/
	/*top: 16px;*/
	/*right: 31px;*/
	height: 100%;
	width: 64px;
}

/*******************
index Page
*******************/

.logo {
	float: left;
	height: 51px;
	margin: 2px 10px;
}

.logo img {
	height: 100%;
}

.topBar {
	color: #fff !important;
	margin: 0 50px 0 0;
	line-height: 35px;
	padding: 10px;
}

.topBar li {
	display: inline-block;
	margin-left: 15px;
}

.topBar li {
	display: inline-block;
	margin-left: 15px;
}

.topBar a {
	color: #fff;
}

.topBar li:last-child {
	border-left: 1px solid #536179;
	padding-left: 15px;
}

.topBar li:last-child a {
	color: #43C3EA;
}

.topBar i {
	font-size: 18px;
	margin-right: 4px;
}

.choice select {
	margin-top: 0px;
	background: rgba(255, 255, 255, 0.2);
	border-color: #7282a2;
	color: #fff;
	margin-right: 15px;
	float: left;
}

.choice select option {
	background: #44516A;
	color: #43C3EA;
}

.banner {
	width: 1024px;
	margin: auto;
	text-align: center;
	vertical-align: bottom;
}

.banner img {
	width: 100%;
	margin: auto;
	vertical-align: bottom;
}

.mainMenus {
	width: 100%;
	margin: 45px auto auto;
	background-image: url(images/categories-bg.jpg);
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 100px;
	z-index: 1;
	position: relative;
}

.mainMenus::before {
	/*
  background: rgba(21, 37, 69, 0.6) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
*/
}

.flexWrap {
	display: -ms-flexbox;
	/* IE10 */
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- H5不用考虑 */
	display: -mz-flexbox;
	/* TWEENER IE 10 */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.item {
	width: 20%;
	float: left;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
}

.item a {
	display: block;
	background: rgba(255, 255, 255, 0.2);
	margin: 5px auto;
	padding: 20px 0;
	border-radius: 6px;
	max-width: 300px;
}

.item span {
	display: block;
	margin: 15px 0 0;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}

.item img {
	width: 50px;
}

.boxWrap {
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 5px rgba(0, 104, 145, 0.2);
	margin: 20px 0;
}

.chartsWrap {
	padding: 10px 15px;
}

.chartsWrap h3 {
	color: #5891E6;
	font-size: 22px;
	margin: 0;
	padding: 0;
}

.chartsWrap .singleItem {
	border-left: 1px solid #ccc;
	margin: 5px -15px;
}

.chartsWrap .singleItem:first-child {
	border: none;
	margin-right: 15px !important;
}

.utilization {
	margin: 5px -5px;
}

.utilization .metric {
	height: 105px;
	margin: 15px -5px 0;
	background: rgba(255, 255, 255, 0.2);
	padding: 10px;
	border: 1px solid #e3e3e3;
	display: block;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}

.metric .icon {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	width: 50px;
	height: 50px;
	background-color: #00CFFF;
	text-align: center;
}

.metric .icon img {
	width: 80%;
	color: #fff;
	margin-top: 5px
}

.metric p {
	margin-bottom: 0;
	line-height: 1.2;
	text-align: right;
}

.metric .number {
	display: block;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
	font-family: Calibri, Arial;
	color: #43C3EA;
}

.metric .title {
	font-size: 16px;
	color: #666;
}

.parking {
	margin: 25px 0 0;
}

.parkingTotal {
	margin: 0 25px 15px;
}

.parkingTotal img {
	width: 60px;
	height: 60px;
}

.parkingTotal .fontLight {
	font-size: 30px;
	font-weight: 520;
	font-family: Calibri, Arial;
	color: #5d5d5d;
}

.parkingTotal h4 {
	margin: 0;
	padding: 0;
}

.parking ul {
	display: block
}

.parking ul li {
	float: left;
	display: inline-block;
	width: 46%;
	margin: 0 2%;
}

.parking li .subtitle {
	font-size: 14px;
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 12px;
	color: #666;
	position: relative;
}

.parking li .subtitle:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.parking li:first-child .subtitle:before {
	background: #ff6258;
}

.parking li:nth-child(2) .subtitle:before {
	background: #19d895;
}

.parking li b {
	font-size: 26px;
	font-weight: 520;
	font-family: Calibri, Arial;
	margin-left: 15px;
	color: #43C3EA;
}

.parking li .percentage {
	color: #999;
	padding-top: 10px;
}

.progress.progress-md {
	height: 10px;
}

/**********弹出层***********/

.popMask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.4);
	z-index: 99
}

.popBox {
	position: absolute;
	top: calc(50% - 80px);
	left: calc(50% - 250px);
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	width: 500px;
	height: 160px;
	z-index: 90;
}

.popBox .closeBox {
	text-align: right;
	padding: 0 10px 0 0;
	font-size: 20px;
}

.popBox .btn {
	margin: 5px;
	min-width: 80px;
}

.popContent {
	width: 70%;
	margin: 15px auto auto;
}

.popFooter {
	background: #f1f1f1;
	border-top: 1px solid #dedede;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 0 0 8px 8px;
}

ul.beehive {
	padding: 0;
	list-style: none;
	width: 800px;
	margin: 0 auto;
}

ul.beehive li {
	float: left;
	margin: 0 8px;
	height: 150px;
}

ul.beehive .hex {
	overflow: hidden;
	display: block;
	width: 158px;
	height: 180px;
	transform: rotate(-60deg) skewY(30deg);
}

ul.beehive .hexIn {
	background-color: #ccc;
	display: block;
	width: 158px;
	height: 180px;
	line-height: 176px;
	text-align: center;
	transform: skewY(-30deg) rotate(60deg);
}

ul.beehive li:nth-child(5n) {
	margin-left: 90px;
}

.beehiveBox {
	margin: auto;
	width: 720px;
	padding: 40px 0 70px;
}

.beehiveBox li {
	display: block;
	float: left;
	background: url(images/beehive.png) center no-repeat;
	background-size: contain;
	width: 180px;
	height: 180px;
	margin-bottom: -30px;
	text-align: center;
}

.beehiveBox li:hover {
	transition: all .5s;
	-webkit-transition: all .5s;
	background-image: url(images/beehive_hover.png);
	-ms-transform: scale(1.1);
	/* IE 9 */
	-moz-transform: scale(1.1);
	/* Firefox */
	-webkit-transform: scale(1.1);
	/* Safari 和 Chrome */
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.beehiveBox li a img {
	opacity: 0.6
}

.beehiveBox li:hover a {
	color: aqua
}

.beehiveBox li:hover a img {
	opacity: 1
}

.beehiveBox li:nth-child(5n) {
	margin-left: 100px;
}

.beehiveBox li img {
	width: 32%;
	margin-top: 42px;
}

.beehiveBox li span {
	display: block;
	color: #8CCEE0;
	font-size: 14px;
	margin-top: 10px;
}

@media screen and (max-width: 1600px) {
	/*当屏幕尺寸小于600px时，应用下面的CSS样式*/
	.beehiveBox {
		-webkit-transform: scale(0.75, 0.75);
		-moz-transform: scale(0.75, 0.75);
		-o-transform: scale(0.75, 0.75);
		transform: scale(0.75, 0.75);
		padding: 0 0 20px;
	}
}

.categoryMenu {
	margin: 30px
}

.categoryMenu li {
	width: 24.5%;
	text-align: center;
	display: inline-block;
	font-size: 14px;
}

.categoryMenu li a {
	display: block;
	width: 90px;
	color: #152545;
	margin: auto;
}

.categoryMenu li span {
	display: block;
	width: 90px;
	height: 90px;
	line-height: 80px;
	border-radius: 10px;
	background: #eee;
	margin-bottom: 10px;
}

.categoryMenu li img {
	width: 55%;
}

.categoryMenu li span.darker {
	background: #152545;
}

/*******************
	Content Page
*******************/

.tabsNav {
	position: relative;
	width: 100%;
	height: 55px;
	color: #fff;
}

.tabsNav li {
	display: inline-block;
	float: left;
	width: 110px;
	color: #fff;
	line-height: 53px;
	height: 55px;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
}

.tabsNav li.current {
	color: #21A5EA;
	background: rgba(255, 255, 255, 0.1);
}

.tabsNav li i {
	font-size: 15px;
	transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	/* IE 9 */
	-moz-transform: rotate(30deg);
	/* Firefox */
	-webkit-transform: rotate(30deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(30deg);
	/* Opera */
}

.tabsNav li span {
	display: inline-block;
	font-size: 14px;
	margin-left: 5px;
}

.mainContent {
	position: relative;
	/*margin: 70px auto auto;*/
	margin: 24px 15px 20px;
	/*background: rgba(255, 255, 255, 0.5);*/
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 104, 145, 0.2);
	padding: 15px 40px;
	min-height: calc(100% - 85px);
}

.mainContent h2 {
	font-size: 16px;
	font-weight: 550;
	margin: 0;
	padding: 0 0 0 10px;
	color: #1E88E5;
}

/*******************
	Content Page  v2.1
*******************/

.list-content {
	position: relative;
	margin: 24px 15px 20px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 104, 145, 0.2);
	/*padding: 0 40px;*/
	min-height: calc(100% - 85px);
}

.list-title {
	position: relative;
	margin: 69px auto auto 60px;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: 0px;
	color: #0054a4;
}

.list-title .icon {
	position: relative;
	display: inline-block;
	height: 30px;
	width: 30px;
	left: -26px;
	top: -6px;
}

.list-content .panel-body {
	padding: 0;
}

.list-content .panel-search {
	display: inline-block;
	line-height: 100px;
	width: 100%;
}

.list-content .panel-search .panel-search-item {
	display: inline-block;
	width: 225px;
	line-height: 100px;
	margin-right: 20px;
	text-align: right;
}

.list-content .panel-search .panel-search-item .search-label {
	color: #002753;
	font-size: 14px;
	width: 25%;
	display: inline-block;
}

.list-content .panel-search .panel-search-item .search-content {
	width: 65%;
	display: inline-block;
	margin-left: 5%;
}

.list-content .panel-search .panel-search-item .search-btn {
	display: inline-block;
	width: 65px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-image: linear-gradient(315deg, #3282ed 0%, #60a2f0 100%);
	border-radius: 2px;
	margin-left: 40px;
	width: 100px;
	cursor: pointer;
}

.list-content .panel-search .opt {
	float: right;
}

.list-content .panel-search .opt .search-btn {
	background-image: none;
	background: #7abf11;
	border-radius: 2px;
	cursor: pointer;
}

.list-content .panel-search .opt .switch span {
	display: inline-block;
	width: 42px;
	height: 20px;
	background-size: contain;
	vertical-align: middle;
	cursor: pointer;
}

.list-content .panel-body thead tr {
	height: 54px;
	background-color: rgba(0, 0, 0, 0.02);
}

.list-content .panel-body thead tr th {
	line-height: 54px;
	font-size: 14px;
	padding: 0 8px;
}

 .panel-body tbody tr td a i {
	font-size: 16px;
	margin-right: 20px;
}

.panel-body tbody tr td a.icon {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-right: 20px;
	background-size: contain;
}

 .panel-body tbody tr td a i.fa-cog {
	color: #60a2f0;
}
.panel-body tbody tr td a i.fa-indent {
	color: #60a2f0;
}
.panel-body tbody tr td a i.fa-edit{
	color: Gold;
}
 .panel-body tbody tr td a i.fa-trash {
	color: #ed3232;
}

.list-content .panel-body .Pagination {
	width: 100%;
	line-height: 40px;
	margin-top: 50px;
}

.list-content .panel-body .Pagination .pagination {
	float: right;
}

#table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	border-top: none;
}

#table>tbody>tr>td, #table>tfoot>tr>td {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

#table .th-inner label {
	margin-bottom: 0px;
}

.bootstrap-table .fixed-table-container #table thead th .th-inner {
	padding: 0 8px;
}

.fixed-table-container {
	position: relative;
	clear: both;
	/*border: 1px solid #ddd;*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

/*--------------------------------------------
[ file Upload/ .uploader]
--------------------------------------------*/

.uploader {
	position: relative;
	overflow: hidden;
	cursor: default;
	padding: 0px;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
	height: 34px;
	width: 380px;
}

.filename {
	width: 300px;
	position: absolute;
	left: 0;
	outline: 0 none;
	height: 34px;
	margin: 0;
	padding: 8px 10px;
	overflow: hidden;
	cursor: default;
	border: 1px solid #ccc;
	border-right: 0;
	color: #777;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #f5f5f5;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.button {
	width: 80px;
	position: absolute;
	right: 0;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	outline: 0 none;
	padding: 0 10px;
	margin: 0;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}

.uploader input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 32px;
	cursor: pointer;
	width: 100%;
	opacity: 0;
	/* -moz-opacity:0; opacity:0; filter:alpha(opacity=0);*/
}

.button {
	color: #06c;
	background: #ccc;
	border-color: #cdcdcd;
	/*text-shadow:1px 1px 0px #c04501;*/
}

.uploader:hover .button {
	background: #bbb;
}

.uploader.colors .button {
	color: #fff;
	background: #33577B;
	border-color: #33577B;
	/*text-shadow:1px 1px 0px #c04501;*/
}

.searchBar .btnArea {
	margin-top: 22px;
}

.uploader.colors:hover .button {
	background: #3ea7c6;
}

/*--------------------------------------------
	Alarm
--------------------------------------------*/

.form-control.item-2 {
	width: 49%;
}

.basicInfo {
	margin: 0 0 5px;
}

.basicInfo .form-group {
	margin-bottom: 15px;
}

.floorPlan {
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative;
	margin: 10px auto;
	/*border: 1px solid #ddd;*/
}

#imgContainer {
	width: 100%;
	height: 550px;
}

.floorPlan .legendWrap {
	background: rgba(249, 249, 249, 0.9);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	padding: 10px 15px 0;
	position: absolute;
	top: 15px;
	left: 15px;
	min-width: 180px
}

.legendWrap fieldset {
	margin-bottom: 15px;
}

.legendWrap fieldset ul {
	margin-top: -10px;
}

.legendWrap fieldset li {
	padding: 4px 10px;
	line-height: 34px;
}

.legendWrap fieldset li img {
	height: 22px;
	margin-top: -3px;
}

.legendWrap fieldset span {
	margin-left: 10px;
	font-size: 13px;
}

.legendWrap fieldset .single {
	margin-top: 5px;
	padding: 5px 10px 0;
	border-top: 1px solid #ccc
}

.legendWrap fieldset .single img {
	width: 28px;
}

#positionButtonDiv {
	background: rgba(58, 56, 63, 0.6);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	border: solid 1px #ccc;
	border-radius: 6px;
	color: #fff;
	padding: 8px;
	text-align: left;
	position: absolute;
	right: 15px;
	top: 15px;
}

#positionButtonDiv .positionButtonSpan img {
	float: right;
	border: 0;
}

.positionMapClass area {
	cursor: pointer;
}

.zoomButton {
	border: 0;
	cursor: pointer;
}

.zoomableContainer {
	background: #fff;
}

.videos {
	margin-top: -4px;
}

.videoImg {
	width: 100%;
	height: 220px;
	border: 1px solid #eee;
	background: #5d5d5d
}

.videoSite {
	text-align: center;
	font-size: 13px;
	margin: 5px 0 15px;
}

/*--------------------------------------------
	Equipment
--------------------------------------------*/

.category dl {
	width: 100%;
}

.category dl:last-child {
	margin-bottom: 0
}

.category dt {
	margin-right: 15px;
	padding: 3px 15px 3px 0;
	color: #5d5d5d;
	font-size: 14px;
}

.category dt, .category dd {
	display: inline-block;
	float: left;
}

.category dd {
	width: calc(100% - 90px);
	font-size: 14px;
}

.category dd a {
	display: inline-block;
	margin: 0 15px;
	color: #7d7d7d;
	padding: 3px;
	text-decoration: none;
}

.category dd a:hover {
	color: #50A3EA;
}

.category dd a.current {
	color: #50A3EA;
	border-bottom: 2px solid #50A3EA;
	font-weight: 550;
}

/*--------------------------------------------
	Air
--------------------------------------------*/

.project {
	/*	border-bottom:1px solid #dedede;*/
	margin: 5px 15px 10px;
	padding-bottom: 0;
}

.project h3 {
	padding: 0;
	font-size: 14px;
	font-weight: 550;
	margin: 9px 0 0 0;
	/*	margin: 0 0 15px 30px;*/
	color: #333
}

.project:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.fullLayout {
	width: 100%;
	height: auto !important;
}

.imgWrap img {
	width: 100%;
	position: relative;
}

.legendWrap fieldset .large_pic li img {
	height: 28px;
	margin-top: -3px;
}

.statusInfo {
	position: absolute;
}

.statusInfo img {
	width: 36px;
	height: 36px;
}

.statusInfo li {
	line-height: 26px;
	padding: 2px;
}

.tips {
	border-radius: 10px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	padding: 12px;
	width: 180px;
	margin-left: -70px;
}

.statusInfo.normal .tips {
	color: #005b31;
	background: rgba(203, 237, 221, 0.9)
}

.statusInfo.alarm .tips {
	color: #a70000;
	background: rgba(255, 213, 213, 0.9)
}

.statusInfo.error .tips {
	color: #f17d00;
	background: rgba(255, 255, 214, 0.9)
}

.tips h4 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	font-weight: 550;
}

.tips label {
	margin-right: 10px;
	font-size: 14px;
}

.tips span {
	font-size: 20px;
	font-family: Calibri, Arial;
	font-weight: 500;
}

.modeSetting {
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-bottom: 15px;
}

.modeSetting .form-group {
	line-height: 40px;
}

.modeSetting .toggle-button-wrapper {
	padding-top: 12px;
}

.adjustment {
	padding-top: 5px
}

.adjustment .showVal {
	color: #1E88E5;
	font-size: 16px;
	margin-left: 20px;
}

.adjustment .btn i {
	color: #666
}

#temperatureVal {
	position: relative;
	font-family: Calibri, Arial;
	font-size: 18px;
	font-weight: 500;
}

#temperatureVal:after {
	content: "℃";
	font-size: 14px;
	margin-left: 3px;
}

.choiceWrap {
	margin-top: 10px;
}

.choiceWrap label {
	cursor: pointer;
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
	color: #333;
}

.choiceWrap label i {
	font-size: 20px;
	width: 18px;
	color: #ccc;
}

.choiceWrap .selected, .choiceWrap .selected i {
	color: #1E88E5
}

/************************
	Bootstrap Css Custom
************************/

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.panel-heading {
	font-size: 16px;
}

.panel-heading i {
	margin-right: 5px;
}

.table a.btn {
	margin: auto 2px;
}

.table i {
	font-size: 14px;
}

.panel-footer button {
	margin: 0 5px;
	min-width: 90px;
}

.panel-footer .form-group {
	margin: 5px auto 5px -30px !important;
}

.mainContent>.panel {
	margin-top: 15px;
	/*background: transparent !important;*/
}

.breadcrumb {
	padding: 8px 12px;
	margin-top: 5px;
	margin-bottom: 0;
	list-style: none;
	background: transparent !important;
	border-radius: 4px;
}

.breadcrumb a {
	color: #1E88E5 !important;
}

.form .progress {
	background: #e6e6e6;
}

.progress.progress-md .progress-bar-danger {
	background-color: #ff6258 !important;
}

.progress.progress-md .progress-bar-success {
	background-color: #19d895 !important;
}

.form-group label {
	font-weight: 500;
	color: #666;
}

.form-control {
	background: rgba(255, 255, 255, 0.3);
}

.table-striped {
	border: 1px solid #dedede;
}

.table-striped tr {
	background: rgba(255, 255, 255, 0.6);
}

.table-striped tr td {
	border-top: 1px solid #eee !important
}

.table-striped tr th {
	background: #F5F5F5;
	color: #666;
}

.pagination {
	margin: 0 0 10px 10px;
}

fieldset {
	padding: 10px;
	margin: 0 2px;
	border: 1px solid #ddd
}

legend {
	padding: 5px;
	margin: 0;
	border: 0;
	width: auto;
	font-size: 13px;
	font-weight: 550;
	color: #666;
}

.well {
	margin-top: 15px;
	background-color: #fff;
}

.basicInfo p {
	font-size: 13px;
	color: #333
}

.basicInfo .form-control-static {
	color: #1E88E5;
	font-size: 16px;
	font-weight: 520;
	margin: 0;
	padding: 4px 8px !important;
	border-bottom: 1px solid #ddd;
	min-height: 20px !important;
	min-width: 80px;
	text-align: center;
}

.tab-pane {
	padding-top: 15px;
}

.nav-tabs>li>a {
	color: #555;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #1E88E6;
	cursor: default;
	background-color: #F6F9FB;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

/*---------------
Button
-----------------*/

/* Button Primary */

.btn-primary {
	/*background-color: #33577b;*/
	background-image: linear-gradient(315deg, #3282ed 0%, #60a2f0 100%);
	color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	/*background-color: #396189;*/
	background-image: linear-gradient(315deg, #3282ed 0%, #60a2f0 100%);
	color: #fff;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	/*background: #2c4a69;*/
	background-image: linear-gradient(315deg, #3282ed 0%, #60a2f0 100%);
	box-shadow: none;
	color: #fff;
}

.search-btn {
	display: inline-block;
	width: 65px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-image: linear-gradient(315deg, #3282ed 0%, #60a2f0 100%);
	border-radius: 2px;
	width: 100px;
	border-radius: 4px;
	cursor: pointer;
}

.add-btn {
	display: inline-block;
	width: 65px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-image: none;
	background: #7abf11;
	border-radius: 4px;
	cursor: pointer;
}

.cancel-btn {
	display: inline-block;
	width: 65px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-image: none;
	background: #ffffff;
	border: 1px solid #5d5d5d;
	border-radius: 4px;
	cursor: pointer;
}

.btn-primary .badge {
	color: #33577b;
	background-color: #fff;
}

/* Button white */

.btn-white {
	background-color: #e4e4e4;
	color: #666;
}

.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open>.dropdown-toggle.btn-white {
	background-color: #eeeeee;
	color: #666;
}

.btn-white:active, .btn-white.active, .open>.dropdown-toggle.btn-white {
	background: #d7d7d7;
	box-shadow: none;
	color: #666;
}

.btn-white .badge {
	color: #e4e4e4;
	background-color: #fff;
}

/****************Turn On/Off**********************/

.toggle-button-wrapper {
	line-height: 30px;
}

.toggle-button {
	display: none;
}

.button-label {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 30px;
	background-color: #ccc;
	box-shadow: #ccc 0px 0px 0px 1px;
	border-radius: 30px;
	overflow: hidden;
}

.circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
}

.button-label .text {
	line-height: 30px;
	font-size: 15px;
	text-shadow: 0 0 2px #ddd;
	font-weight: 500;
}

.on {
	color: #fff;
	display: none;
	text-indent: 10px;
}

.off {
	color: #fff;
	display: inline-block;
	text-indent: 42px;
}

.button-label .circle {
	left: 0;
	transition: all 0.3s;
}

.toggle-button:checked+label.button-label .circle {
	left: 50px;
}

.toggle-button:checked+label.button-label .on {
	display: inline-block;
}

.toggle-button:checked+label.button-label .off {
	display: none;
}

.toggle-button:checked+label.button-label {
	background-color: #43C3EA;
	box-shadow: #43C3EA 0px 0px 0px 1px;
}

/*---------------
码表区域
-----------------*/

.flex-wrap {
	margin: auto;
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	flex-wrap: wrap;
	width: 100%;
}

.col-box {
	margin: 0 .5% 1%;
	width: 19%;
	position: relative;
	border: 1px solid #ddd;
	padding: 5px;
}

/*
.col-box:nth-child(5n){
	border-right:none;
}
*/

.col-box ul {
	margin: auto;
	padding: 0;
}

.col-box ul li label {
	display: inline-block;
	margin-right: 5px;
	color: #7d7d7d;
	font-weight: 500;
	font-size: 13px;
	width: 80px;
	vertical-align: top;
}

.col-box ul li {
	font-size: 13px;
	margin-bottom: 4px;
}

.col-box ul li .subName {
	color: #666;
	font-size: 12px;
	display: block;
}

.meterInfo {
	display: inline-block;
	vertical-align: top;
}

.valNormal {
	color: #00c762;
	font-size: 16px;
}

.valAlert {
	color: #c70000;
	font-size: 16px;
}

.measurement {
	width: 100%;
	height: 270px;
}

/*******************
new index style
*******************/

.n-index {
	background: linear-gradient(to bottom, #FFF 0%, #E2E2E2 100%)
}

.n-index .header {
	height: 60px;
	padding-left: 0px;
	background: url("../images/sp1/header_bg.png") 100% 29% no-repeat rgba(255,255,255,0.6);
	box-shadow: none;
	margin-left: -35px;
}

.n-index .header .logo {
	height: 100%;
	margin: 0;
}

.n-index .header .logo img {
	position: relative;
	top: 12px;
	left: 34px;
	/*width: 334px;*/
	height: 39px;
}

.n-index .header .logo span {
	display: inline-block;
	position: absolute;
	height: 100%;
}

.n-index .header .logo span.bg1 {
	width: 445px;
	background: url("../images/sp1/logo_bg1.png") 100% 100% no-repeat;
	z-index: 9;
}

.n-index .header .logo span.bg2 {
	width: 468px;
	background: url("../images/sp1/logo_bg2.png") 100% 100% no-repeat;
	z-index: 99;
}

.n-index .topBar li:last-child {
	border: none;
}

.n-index .topBar li {
	position: relative;
	/*left: 155px;*/
	left: 13%;
	top: 4px;
	font-size: 16px;
}

.n-index .topBar li.cur {
	color: #95CAFF;
}

.n-index .topBar li.cur-sel {
	padding-left: 0;
}

.n-index .topBar li.cur-sel .cur {
	color: #f1f1f1;
	font-size: 16px;
	display: inline-block;
	position: absolute;
	background: transparent;
	border: none;
	width: 60px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/sp1/arrow.png) 100% 60% no-repeat;
}

.n-index .topBar li.cur-sel .cur option {
	color: #000;
}

.n-index .topBar li.cur-user {
	padding-left: 0;
	color: #727272;
	float: right;
	left: 0;
	margin: 6px 128px;
	font-size: 14px;
}

.n-index .topBar li.cur-user .user {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: -3px 12px;
	background: url("../images/sp1/user.png") 100% 100% no-repeat;
}

.n-index .mainMenus {
	height: 490px;
	margin-top: 60px;
	padding: 0 33px;
	background: url("../images/sp1/menu-bg.png") 50% 100% no-repeat;
}

.n-index .Box {
	width: 1600px;
	padding-top: 80px;
	margin: 0 auto;
}

.n-index .Box li {
	display: block;
	float: left;
	position: relative;
	background-size: contain;
	height: 180px;
	margin-left: 51px;
	text-align: center;
	margin-top: -90px;
}

.n-index .Box li a img {
	-webkit-transform: scale(1);
	-webkit-transition-duration: 0.2s;
}

/*.n-index .Box li a img:hover {*/
	/*-webkit-transform: scale(1.1);*/
	/*-webkit-transition-duration: 0.5s;*/
	/*z-index: 99999;*/
/*}*/
.n-index .Box li a {
	color: #707070;

}

.n-index .Box li:hover a img{
	-webkit-transform: scale(1.1);
	-webkit-transition-duration: 0.5s;
	z-index: 999;
}
.n-index .Box li:hover span{
	color: #35528c;
	font-weight: bold;
}

.n-index .Box li span {
	position: absolute;
	top: 70px;
	font-size: 18px;
	left: 86px;

	z-index: 9999;
}

.n-index .Box li:first-child {
	margin-left: 200px;
}

.n-index .Box li:nth-child(10) {
	margin-left: 200px;
}

.n-index .row .main-content {
	width: calc(100% - 66px);
	margin: 0 33px;
	padding: 27px;
	border: solid 1px #dedede;
	background: #FFFFFF;
	height: 100%;
	display: inline-block;
}

.n-index .row .main-content.border-bottom .c-box1 {
	width: 100%;
	height: 100%;
}

.n-index .row .main-content.border-bottom .c-box1:after {
	content: "";
	display: inline-block;
	background: url("../images/sp1/border-bg.png") 100% 100% no-repeat;
	width: calc(100% + 66px);
	margin-left: -33px;
	height: 63px;
}

.n-index .row .main-content .c-box {
	float: left;
	height: 100%;
}

.n-index .row .main-content .c-box.c-box2 .c-box-content, .n-index .row .main-content .c-box.c-box3 .c-box-content, .n-index .row .main-content .c-box.c-box4 .c-box-content {
	height: 330px;
}

.n-index .row .main-content .c-box.c-box2 {
	width: 22%;
}

.n-index .row .main-content .c-box.c-box2 .c-box-content div {
	display: inline-block;
	height: 330px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box3 .c-box-content div {
	display: inline-block;
	height: 330px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box4 .c-box-content div {
	display: inline-block;
	height: 330px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box3 {
	width: 39%;
}

.n-index .row .main-content .c-box.c-box4 {
	width: 39%;
}

.n-index .row .main-content .c-box.c-box5 {
	display: inline-block;
	height: 330px;
	width: 61%;
}

.n-index .row .main-content .c-box.c-box5 .c-box-content div {
	display: inline-block;
	height: 330px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box6 {
	height: 330px;
	width: 39%;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content {
	position: relative;
	flex-wrap: wrap;
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .center-line {
	position: absolute;
	top: 50%;
	width: 90%;
	left: 5%;
	right: 5%;
	height: 1px;
	background: #e8e8e8;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card {
	height: 45%;
	width: 50%;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card .left {
	display: inline-block;
	width: 100px;
	height: 100%;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card .right {
	float: right;
	width: 60%;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card .right .text {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	text-align: right;
	color: #7f7f7f;
	padding-right: 40px;
	margin-top: 20px;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card .right .num {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	padding-right: 40px;
	text-align: right;
	color: #0056ce;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card .right .num .grey {
	color: #7f7f7f;
	font-size: 20px;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card.card1 .left .icon {
	display: inline-block;
	height: 100%;
	width: 100%;
	background: url("../images/sp1/switch.png") 50% 50% no-repeat;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card.card2 .left .icon {
	display: inline-block;
	height: 100%;
	width: 100%;
	background: url("../images/sp1/light.png") 50% 50% no-repeat;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card.card3 .left .icon {
	display: inline-block;
	height: 100%;
	width: 100%;
	background: url("../images/sp1/Plug.png") 50% 50% no-repeat;
}

.n-index .row .main-content .c-box.c-box6 .c-box-content .c-box-content-card.card4 .left .icon {
	display: inline-block;
	height: 100%;
	width: 100%;
	background: url("../images/sp1/charge.png") 50% 50% no-repeat;
}

.n-index .row .main-content .c-box.c-box7 {
	margin-top: 40px;
	height: 380px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box7 .c-box-content div {
	height: 380px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box8 {
	display: inline-block;
	margin-top: 40px;
	height: 380px;
	width: 25%;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content {
	display: inline-block;
	height: 380px;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .c-box-content-top {
	display: inline-block;
	height: 30%;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .c-box-content-top .icon {
	display: inline-block;
	width: 200px;
	height: 90px;
	background: url("../images/sp1/car-icon.png") 100% 100% no-repeat;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .c-box-content-top .text {
	float: right;
	margin-top: 10px;
	padding-right: 20px;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .c-box-content-top .text .text1 {
	display: inline-block;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 20px;
	text-align: right;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .c-box-content-top .text .num {
	display: inline-block;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 20px;
	text-align: right;
	color: #0056ce;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content {
	position: relative;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .c-box-content-bottom {
	display: inline-block;
	height: 50%;
	width: 100%;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab {
	position: absolute;
	bottom: 102px;
	width: 70px;
	height: 65px;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab1 {
	left: 32%;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab2 {
	right: 32%;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab .num {
	display: inline-block;
	width: 100%;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab1 .num {
	color: #2a77dd;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab2 .num {
	color: #ffbf00;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab1 .text {
	background: #2a77dd;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab2 .text {
	background: #ffbf00;
}

.n-index .row .main-content .c-box.c-box8 .c-box-content .tab .text {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 10%;
}

.n-index .row .main-content .c-box.c-box9 {
	display: inline-block;
	margin-top: 40px;
	height: 380px;
	width: 75%;
}

.n-index .row .main-content .c-box.c-box9 .c-box-content {
	width: 100%;
	height: 340px;
}

.n-index .row .main-content .c-box.c-box9 .c-box-content div {
	height: 100%;
	width: 100%;
}

.n-index .row .main-content .c-box .c-box-header {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-size: 24px;
	padding-left: 26px;
	color: #7f7f7f;
}

.n-index .row .main-content .c-box .c-box-header .icon {
	display: inline-block;
	height: 20px;
	width: 20px;
	background: url("../images/sp1/ant-icon.png") 100% 100% no-repeat;
	background-size: cover;
}

.n-index .row .main-content .c-box .c-box-content {
	display: flex;
	padding: 0 30px;
	justify-content: space-between;
	height: 100%;
	width: 100%;
}

.n-index .row .main-content .c-box .c-box-content .chartBox {
	display: inline-flex;
	height: 294px;
	width: 294px;
}

.n-index .row .main-content .c-box .c-box-content .chartBox div {
	height: 294px;
	width: 294px;
}

/*******************
v2.1 common icon 字体样式
*******************/

.f16 {
	font-size: 16px;
}

.f14 {
	font-size: 14px;
}

.f12 {
	font-size: 12px;
}

.font-black {
	color: #000000;
}

.font-black2 {
	color: #323232;
}

.font-black3 {
	color: #646464;
}

.font-blue {
	color: #0054a4;
}

.font-blue2 {
	color: #60a2f0;
}

/*******************
v2.1 common icon 按钮样式
*******************/

.btn {
	display: inline-block;
	/*width: 65px;*/
	/*height: 32px;*/
	cursor: pointer;
}

/*******************
v2.1 common icon 样式
*******************/

.icon.compass {
	background: url("../images/sp1/compass.png") 100% 100% no-repeat;
}

.icon.ant-icon {
	background: url("../images/sp1/ant-icon.png") 100% 100% no-repeat;
}

.icon.lighting {
	background: url("../images/sp1/lighting.png") 100% 100% no-repeat;
}

.icon.Socket {
	background: url("../images/sp1/Socket.png") 100% 100% no-repeat;
}

.icon.ON {
	background: url("../images/sp1/ON.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.OFF {
	background: url("../images/sp1/OFF.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.OFF-LINE {
	background: url("../images/sp1/OFF-LINE.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.OFF-LINE {
	background: url("../images/sp1/OFF-LINE.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.detail {
	background: url("../images/sp1/detail.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.edit {
	background: url("../images/sp1/edit.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.delete {
	background: url("../images/sp1/delete.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.clock {
	background: url("../images/sp1/clock.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.TV {
	background: url("../images/sp1/TV.png") 100% 100% no-repeat;
	background-size: cover;
}

.icon.Switch-disable {
	background: url("../images/sp1/Switch-disable.png") 100% 50% no-repeat;
	background-size: cover;
}
.icon.legend-success {
	background: url("../images/sp1/legend-success.png") 100% 50% no-repeat;
	background-size: cover;
}
.icon.legend-warning {
	background: url("../images/sp1/legend-warning.png") 100% 50% no-repeat;
	background-size: cover;
}
.icon.legend-fault {
	background: url("../images/sp1/legend-fault.png") 100% 50% no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 1680px) {
	.n-index .header {
		background: url("../images/sp1/header_bg.png") 20% 29% no-repeat;
	}
	.n-index .topBar li.cur {
		color: #95CAFF;
		float: left;
	}
	.n-index .Box {
		display: block;
		width: 100%;
		padding-top: 80px;
		margin: 0 auto;
	}
	.n-index .Box ul {
		width: 1280px;
		display: block;
		margin: 0 auto;
		height: 300px;
	}
	.n-index .Box li:first-child {
		margin-left: 170px;
	}
	.n-index .Box li:nth-child(10) {
		margin-left: 171px;
	}
	.n-index .Box li {
		display: block;
		float: left;
		background-size: cover;
		height: 150px;
		margin-left: 46px;
		text-align: center;
		margin-top: -80px;
	}
	.n-index .Box li a {
		display: block;
		float: left;
		background-size: contain;
		height: 200px;
		width: 200px;
	}
	.n-index .Box li a img {
		width: 100%;
		height: 100%;
		-webkit-transform: scale(1);
		-webkit-transition-duration: 0.2s;
	}
	.n-index .Box li a img:hover {
		-webkit-transform: scale(1.1);
		-webkit-transition-duration: 0.5s;
		z-index: 99999;
	}
	.n-index .mainMenus {
		height: 380px;
	}
	.n-index .row .main-content .c-box .c-box-content .chartBox {
		display: inline-flex;
		height: 180px;
		width: 180px;
	}
	.n-index .row .main-content .c-box .c-box-content .chartBox div {
		height: 180px;
		width: 180px;
	}
	.list-content .panel-body .left-content .title {
		width: 100%;
	}
	.list-content .panel-body .left-content .content .l .num {
		margin-right: -20px;
	}
	.list-content .panel-search .panel-search-item {
		display: inline-block;
		width: 12%;
		line-height: 100px;
		margin-right: 0%;
		text-align: right;
	}
	.list-content .panel-search .panel-search-item .search-label {
		color: #002753;
		font-size: 14px;
		width: 40%;
		display: inline-block;
	}
	.list-content .panel-search .panel-search-item .search-content {
		width: 50%;
		display: inline-block;
		margin-left: 2%;
	}
}
/*addgan*/
.panel-body table th{
	font-size: 14px;
	line-height: 54px !important;
}
.panel-body thead tr {
	height: 54px;
	background-color: rgba(0, 0, 0, 0.02);
}
.panel-body {
	padding: 15px 0;
}
.panel{
	border: none;
	box-shadow: none;
}

.panel-default > .panel-heading{
	background: none;
	border: none;
}