.black{color:#4e4e4e}

.gradient{filter:none}


#body .mCSB_dragger_bar{background-color:#dddddd;width:6px}
#body .mCSB_draggerRail{background-color: rgba(222, 222, 222, 0.4);}
#body .mCSB_container{margin-right:20px;min-height: 500px;}
.nodeta{position: absolute;top:50%;left:0;transform: translateY(-50%); width: 100%;}
.nodeta span{background:url(../../images/nodate.png) no-repeat center;width: 100%;height: 73px;display: block;}
.nodeta p{text-align: center;font-size: 16px;color: #777777;padding-top: 20px;}
.animPan .nodeta p{color: #ffffff;}
#char_energy_compare{position: relative}


* {
	padding: 0;
	margin: 0;
}

#body {
	font-size: 14px;
	font-family: "微软雅黑", arial;
	background: #f6f7f8;
}

a,
a:hover {
	text-decoration: none !important;
}
body a {
	color: #444;
	text-decoration: none;
}
body a:hover{
	color: #171717;
	text-decoration: none;
}

img,
button {
	border: none;
	outline: none;
	vertical-align: middle;
}
label{cursor:pointer}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.mid{vertical-align:middle;}

.clearBox:after {
	content: '';
	display: block;
	clear: both;
	width: 0;
	height: 0;
}

.noBreak{
	word-break: keep-all;
	white-space:nowrap;
}

ul,
li {
	list-style: none;
}

i,
em {
	font-style: normal;
}

.inline-block {
	display: inline-block;
}

input::-webkit-input-placeholder {
	color: #AAAAAA;
	font-size: 12px;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #AAAAAA;
	font-size: 12px;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #AAAAAA;
	font-size: 12px;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #AAAAAA;
	font-size: 12px;
}
fieldset{border:1px solid #CCC;order-radius:3px;}
legend{padding:0 5px}


.sameRequire {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin:0 2px;
	background: url(../../images/requiredImg.png) no-repeat center;
	background-size: 100% 100%;
}

#body .layui-this{background-color: #dddddd!important;color: #222222!important;}


.none {
	display: none;
}
.hide{visibility:hidden;}
.green{
	color:#5eca2d !important;
}
.yellow{
	color:#eec900 !important;
}
.red{
	color:red !important;
}
.deviceBlue{color: #1890ff !important;}
.orange{
	color:#bb7112
}

/* 提示信息文本 */
/* 异常信息 */
.showThis_error{
	font-size: 12px;
	color:red;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: showSecond;
	animation-name: showSecond;
}
@keyframes showSecond{
	from{transform:translate3d(-35px,0px,0);}
	to{transform:translate3d(0,0,0);}
}

.showThis_em{font-size: 12px;color:#b97100}
.showThis_normal{
	font-size: 12px;
	color:#555;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: showSecond;
	animation-name: showSecond;
}
.showThis_ok{
	font-weight:bold;
	font-size: 12px;
	color:#1f8e15;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: showSecond;
	animation-name: showSecond;
}
.txtMsgDown{position:absolute;padding-left:5px;padding-top:2px;line-height:20px;pointer-events: none;}
.dialog-btns .btns-content .txtMsgDown{top: 7px;right: 646px;width: 160px;text-align: left;margin-top: 0 !important;}
.serverDiaolg .btns-content .allInput{background-color: #f2f2f2;}

.tleft{text-align:left;}
.tright{text-align:right;}
.tcent{text-align:center;}
.pagerBox{margin-top:20px; }

.tips,.workStatusTips{display:inline-block;width: 15px;height: 15px;cursor:pointer; vertical-align:middle;background:url(../../images/tishi.png) no-repeat center top;text-indent: 10em;overflow:hidden;background-size:12px;margin:0 3px}
.tips>*{margin-top:20px;}
.tipstable{line-height: 30px;}
.tipstable th{font-weight: normal;color: #999999;text-align: left;white-space: nowrap;padding-right:10px;}
.tipstable td{font-weight: normal;color: #333333;text-align: left;white-space: nowrap;}
.workStatusTips>*{margin-top:20px;}
.workStatusTable{line-height: 30px;}
.workStatusTable td{font-weight: normal;color: #333333;text-align: left;}
.tipstable2{line-height: 30px;}
.tipstable2 th{font-weight: normal;color: #999999;text-align: left;white-space: nowrap;padding-right:10px;}
.tipstable2 td{font-weight: normal;color: #333333;text-align: left;white-space: nowrap;}
.workStatusTips .tipstable{width: 280px !important;}
.workStatusTips .tipstable th{white-space: normal;color: #333;}
.workStatusTips .tipstable td{white-space: normal;}
#body .layui-layer-tips {
	width: auto !important;
}
.layui-layer-tips .layui-layer-content{max-width: 600px;}
.ibtn{display:inline-block;width: 19px;height: 17px;cursor:pointer; vertical-align:middle}
.ibtn-edit{background:url(../../images/editSmall.png) no-repeat;}
/*.hover .ibtn-edit{background:url(../../images/editSmall_hover.png) no-repeat;}*/
.ibtn-modify,.ark-modify,.em-modify{background:url(../../images/modify.png) no-repeat;}
.em-modify{background:url(../../images/modify.png) no-repeat;}
.ibtn-user-dis{background:url(../../images/smallDisable.png) no-repeat;}
/*.hover .ibtn-user-dis{background:url(../../images/smallDisable-hover.png) no-repeat;}*/
.ibtn-user-ena{background:url(../../images/smallDisable.png) no-repeat;}
/*.hover .ibtn-user-ena{background:url(../../images/smallDisable-hover.png) no-repeat;}*/
.ibtn-dis{background:url(../../images/smallDisable.png) no-repeat;}
/*.hover .ibtn-dis{background:url(../../images/smallDisable-hover.png) no-repeat;}*/
.ibtn-ena{background:url(../../images/smallDisable.png) no-repeat;}
/*.hover .ibtn-ena{background:url(../../images/smallDisable-hover.png) no-repeat;}*/
.ibtn-del{background:url(../../images/smallDelete.png) no-repeat;}
.ibtn-start{background:url(../../images/stop.png) no-repeat center;}
.ibtn-startBan{background:url(../../images/stop_gray.png) no-repeat center;}
.ibtn-startBan:hover{cursor: not-allowed;}
.planTip{background:url(../../images/tip.png) no-repeat center;}
/*.hover .ibtn-del{background:url(../../images/deleteSmall_hover.png) no-repeat;}*/
.ibtn-true{background:url(../../images/editSmall.png) no-repeat;}
.ibtn-false{background:url(../../images/editSmall.png) no-repeat;}
.ibtn-set{background:url(../../images/set.png) no-repeat;}
.ibtn-trans{background:url(../../images/set.png) no-repeat;}
/*.hover .ibtn-set{background:url(../../images/set_hover.png) no-repeat;}*/
.ibtn-transfer{background:url(../../images/transfer.png) no-repeat;}
/*.hover .ibtn-transfer{background:url(../../images/transfer_hover.png) no-repeat;}*/
.ibtn-moreDwon{background:url(../../images/moreDown.png) no-repeat center 5px;}
.ibtn-share{background:url(../../images/share.png) no-repeat;}
/*.hover .ibtn-share{background:url(../../images/share_hover.png) no-repeat;}*/
.ibtn-chart{background:url(../../images/chart.png) no-repeat;}
/*.hover .ibtn-chart{background:url(../../images/chart_hover.png) no-repeat;}*/
.ibtn-enable{background:url(../../images/disable.png) no-repeat;}
/*.hover .ibtn-enable{background:url(../../images/disable_h.png) no-repeat;}*/
.ibtn-reset{background:url(../../images/reset.png) no-repeat;}
/*.hover .ibtn-reset{background:url(../../images/reset_h.png) no-repeat;}*/
.ibtn-pd{background:url(../../images/add_rf.png) no-repeat;}
.ibtn-Rf{background:url(../../images/list_rf.png) no-repeat;}
.ibtn-hisData{background:url(../../images/record.png) no-repeat;}
.ibtn-configure{background:url(../../images/configure.png) no-repeat;}
.ibtn-generate{background:url(../../images/generate.png) no-repeat;}
.ibten-eye{background: url(../../images/show.png) no-repeat center;}
.ibtn-distribute{background: url(../../images/smallDistribute.png) no-repeat center;}
/*导出图标*/
.ibtn-export{background: url(../../images/smallExport.png) no-repeat center;}

.editPoint{background:red;width:10px;height:10px;border-radius:5px;float:right;margin-top:-3px;margin-right:-3px;animation:editPoint 2s infinite;}
@keyframes editPoint{0%{transform:scale(1)}50%{transform:scale(0.5)}100%{transform:scale(1)}}



.che,.rad{vertical-align:middle;display:inline-block;padding-left:22px;height:20px;line-height:20px}
.che>input,.rad>input{display:none;}
.che>input,.rad>input{display:inline-block\9;width:0\9}
.che{background:url(../../images/check_no.png) no-repeat 3px center;}
.che.sel{display:inline-block;background:url(../../images/check.png) no-repeat 3px 4px;}
.che.sel.col2{background-position:3px -14px}
.che.sel.col3{background-position:3px -32px}
.che.sel.col4{background-position:3px -50px}
.che.sel.col5{background-position:3px -68px}
.che.sel.col6{background-position:3px -86px}
.che.sel.col7{background-position:3px -104px}
.che.sel.col8{background-position:3px -122px}
.che.sel.col9{background-position:3px -140px}
.che.sel.col10{background-position:3px -158px}

.rad{background:url(../../images/radio_no.png) no-repeat left center;}
.rad.sel{display:inline-block;background:url(../../images/radio.png) no-repeat left -4px;}
.rad.sel.col2{background-position:left -27px}
.rad.sel.col3{background-position:left -50px}
.rad.sel.col4{background-position:left -73px}
.rad.sel.col5{background-position:left -96px}
.rad.sel.col6{background-position:left -119px}
.rad.sel.col7{background-position:left -142px}
.rad.sel.col8{background-position:left -165px}
.rad.sel.col9{background-position:left -188px}
.rad.sel.col100{background-position:left -211px}
label.rad .layui-form{margin-top:-5px;}

.btn{
	padding: 0px 30px;
	font-size:12px;
	height:28px;
	border-radius:15px;
	line-height: 28px;
	display: inline-block;
	text-align:center;
	transition:all .3s linear;
	cursor: pointer;
	vertical-align:middle;
	background:#e6e6e6;
	overflow: hidden;
}
.btn:hover{background-color:#d8d8d8}
.btn.blue{background: #009cff;color:#fff;}
.btn.blue:hover{background:#0085da;}
.btn.hs{background:#43487f;color:#bcbdcd;}
.btn.hs:hover{background:#50558b}
.btn.hs.sel{background:#7879a1;color:#FFF}
.btn.blue:hover{background:#0085da;}
.btn.dis{background: #CCC;color: #9c9c9c;}
.btn.dis:hover{background: #CCC;;cursor:no-drop}

.btn.btn-width{width:120px}
.btn.btn-width-max{width:220px}

.allInput{
	font-size: 12px;
	border-color: #dddddd;
	border: 1px solid #dddddd;
	border-radius: 15px;
	cursor: pointer;
	transition: all .3s linear;
	background: rgba(255, 255, 255, .1);
	color: #333;
	padding:0 10px ;
	height: 28px;
	line-height:28px;
	vertical-align:middle;
	width:140px
}
.allInput:hover {border-color: #009cff;}
.allInput:focus {border-color: #009cff;box-shadow: 0px 0px 1px #009cff inset;}
.allInput.readonly:hover{border-color: #dddddd;}
.allInput.readonly:focus{border-color: #dddddd;}
.allInput.dis{background:#f7f7f7;color:#aaaaaa;border-color:#dddddd;cursor:no-drop}
.allInput.dis::placeholder {color:#aaaaaa;}
.allInput.dis.hover{border-color:#dddddd}

.allInput2 {
	font-size: 12px;
	border-color: #dddddd;
	border: 1px solid #dddddd;
	border-radius: 15px;
	cursor: pointer;
	transition: all .3s linear;
	background: rgba(255, 255, 255, .1);
	color: #333;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	width: 70px;
}
.allInput2:hover {border-color: #009cff;}
.allInput2:focus {border-color: #009cff;box-shadow: 0px 0px 1px #009cff inset;}
.allInput2.readonly:hover{border-color: #dddddd;}
.allInput2.readonly:focus{border-color: #dddddd;}
.allInput2.dis{background:#FFF;color:#aaaaaa;border-color:#dddddd;cursor:no-drop}
.allInput2.dis::placeholder {color:#aaaaaa;}
.allInput2.dis.hover{border-color:#dddddd}

body .layui-select-disabled .layui-disabled{border-color:#dddddd !important;color: #aaaaaa !important;background: #f7f7f7 !important;}

.loadFile{text-align:center;text-decoration:underline;}

textarea.allInput{resize:none;text-align:left}

.ipt-min{width:70px;margin: 3px 0;}
.ipt-max{width:240px}
.ipt-time{width:14px;border-radius: 8px;box-sizing:inherit;}
.lsel{width:153px;display:inline-block;vertical-align:middle;}
.lsel input{height:30px}
.lsel-max{display:inline-block;vertical-align:middle; }
.lsel-max input{height:30px}
.lsel-min{width:92px;display:inline-block;vertical-align:middle;}
.lsel-min input{height:30px}

.timeCon{display: inline-block;position:relative;margin-right: 10px;}
.prevLeft{cursor:pointer;background:url(../../images/timeImg.png) no-repeat 12px ;display: inline-block;vertical-align:middle;width:28px;height:28px;background-color:#F2F2F2;border-radius:15px 0 0 15px;margin:1px;position:absolute;left:1px;top:0px;}
.nextRight{cursor:pointer;background:url(../../images/timeImg.png) no-repeat -111px;display: inline-block;vertical-align:middle;width:28px;height:28px;background-color:#F2F2F2;border-radius:0 15px 15px 0;position:absolute;right:1px;top:1px;}
.prevLeft:hover,.nextRight:hover {background-color: #c5c5c5}
.prevLeft.dis,.nextRight.dis{background-color:#eee;cursor:no-drop}

.btn-pan{cursor:pointer;display:inline-block;vertical-align:middle;height:28px;background-color:#F2F2F2;line-height:28px;padding:0 20px;border: 1px solid #ddd;}
.btn-pan.left{border-radius:15px 0 0 15px;}
.btn-pan.right{border-radius:0 15px 15px 0;}
.btn-pan.sel{background: #009cff;color: #ffffff;}


.pasdBox-text {height:45px;line-height:45px;margin:12px 0;background:url(../../images/biaozhu.png) no-repeat left 18px;background-size:8px;font-weight:bold;padding-left:20px;font-size:14px;color:#888;letter-spacing:1px;}
.pasdBox-text .title{color: #333;}
.pasdBox-text.bborder{border-bottom:1px solid #DDD;}
.pasdBox-text>div{padding-top: 15px;line-height: 12px;}

/* ����-�˻����� */
.account_security{width:100%;}
.account_security table{width:103%;line-height: 64px;border-radius:13px;background:#f5f5f5;margin-top:32px;display:none;margin-left:-20px}
.bg_accSecur{background: url(../../images/click_up.png) 0px 0px no-repeat;display:inline-block;width: 10px; height: 6px; margin: 0px 0 2px 10px;}
.account_security  .bg_accSecur1{background:url(../../images/click_down.png) 0px 0px no-repeat;}
.account_security table tr{width:100%;font-size: 14px;font-family: "΢���ź�", arial;}
.account_security table tr td:nth-child(1){width: 300px;text-align: center;font-size: 12px;color: #666;}
.account_security table tr td:nth-child(3){width: 240px;text-align: right}
.account_security table tr td:nth-child(3) a{background:#E5E4E4;font-size: 12px;color: #666;}


/* ע���˺ŵ��� */
#div_pageContent .div_content .mb-panel #layui-layer1 .layui-layer-content{background:#F8F8F8}

.pop_border{position:relative;}
.pop_border .layui-layer .layui-layer-btn .dialog-btns{position: absolute;height: 35px;line-height: 35px;right: 300px;text-align: right;z-index: 1000}
.pop_border .layui-layer .layui-layer-btn{background: #f8f8f8;display:none}
.div_content .mb-panel #layui-layer1 .dialog-btns span:nth-child(1){margin-left: 285px;background: #009cff;color: #fff;}

.pop_border .serverDiaolg .layui-layer-content {padding:0px}

.dialog_logoutCont{position:relative;background:#F8F8F8}
.logoutCont_title{position:relative;background:#fff;height:52px;width:100%;}
.logoutCont_title >div{height: 52px;line-height: 52px;text-align: center;font-size:16px;color: #888888;}
.logoutCont_title >div:nth-child(1){width: 53%;position: absolute;top: 0;left: 0px;}
.logoutCont_title >div:nth-child(2){width: 50%;position: absolute;right: 0;top: 0px;}

.logoutCont_title >div.selec:nth-child(1){color:#fff;width: 53%;position: absolute;top: 0;left: 0px;background: url(../../images/step_logoutOne.png) -0 0px no-repeat;}
.logoutCont_title >div.selec:nth-child(2){color:#fff;width: 50%;position: absolute;right: 0;top: 0px;background: url(../../images/step_logoutTwo.png) 0 0px no-repeat;}

.logoutCont_cont{background:#fff;height:490px;width: 98%;margin-top: 10px;margin-left: 11px;overflow: auto;}
.logoutCont_cont h3{font-weight: bold;height:52px;line-height:52px;text-align: center;}
.logoutCont_cont p{display:inline-block;width:96%;line-height: 30px;margin-left: 21px;}

.div_step{text-align: center;line-height:58px;background: #F8F8F8;}
.div_step>button:nth-child(1){width: 153px;height: 36px;background: #009CFF;border-radius: 4px;color:#fff}
.div_step>button:nth-child(2){width: 88px;height: 36px;background: #FFFFFF;border: 1px solid #D0D0D0;border-radius: 4px;margin-left: 14px;}

.div_step2{text-align: center;line-height:58px;background:#F8F8F8}
.div_step2>button:nth-child(1){width: 88px;height: 36px;border-radius: 4px;}
.div_step2>button:nth-child(2){width: 111px;height: 36px;background:#009CFF;color:#fff;border: 1px solid #D0D0D0;border-radius: 4px;margin-left: 14px;}


.div_warn{padding-left: 7%;padding-right: 3%;line-height: 54px;background: #FFEBD5;border: 2px solid #FFB661;border-radius: 8px;color: #FF8432;margin-top: 58px;position: relative;}
.div_warn>span:nth-child(1){display: inline-block;width: 27px;height: 24px;position: absolute;top: 12px;left: 17px;background: url(../../images/warn.png) 0px 0px no-repeat;}
.div_warn>span:nth-child(2){white-space:pre-wrap ;word-break: break-word;display: inline-block;line-height: 35px;}
.logoutCont_cont2{margin: 0px auto;width: 73%;background: #F8F8F8;text-align: center;height: 440px;}
.logoutCont_cont2 h3{font-weight: bold;margin: 52px 0 25px 0;}
.logoutCont_cont2 .verifi_Code{height:200px}
.logoutCont_cont2 .verifi_Code>input{border:1px solid #ccc}
.logoutCont_cont2 .verifi_Code>input:nth-child(1){width: 160px;height: 40px;font-size: 16px;padding-left: 20px;}
.logoutCont_cont2 .verifi_Code>input:nth-child(2){width: 120px;height: 40px;background: #FFF5DE;margin-left: 12px;}
#canvas{width: 120px;height: 40px;background: #FFF5DE;margin-left: 12px;border:1px solid #ccc;position: relative;top: 13px;}




.table-info tr{height:55px;}
.table-info tr td:nth-of-type(odd){text-align: right;}
.table-info tr td:nth-of-type(even){text-align: left;padding-left:50px;}


.table-data{width:100%;color:#444;font-size: 12px;border-collapse:collapse;border-spacing:0;border:1px solid #dedede}
.table-data>thead>tr{height:48px;color:#444444;font-weight:bold;background:#f2f2f2;font-size:13px;border: 1px solid #dedede;}
.table-data>tbody>tr:nth-of-type(even){background:#f2f2f2}
/*.table-data>tbody>tr.hover{background:#009cff;color:white}*/
/*.table-data>tbody>tr.hover a{color:white}*/
.table-data>tbody>tr.hover{background:#c5c5c5;}

.table-data tr{height:38px;transition: all .1s linear;}
.table-data td{padding:0 10px;border-left:1px solid #e0e0e0}
.table-data.sn tr td:nth-child(1){width:30px;text-align:center}
.table-data .ibtn{margin: 5px}

.table-data.min>thead>tr{height:35px;font-size:12px}

.table-title{position:absolute;top:0;width:auto;height:100px;overflow:hidden;}
.table-title>table>tbody{visibility:collapse;}


.table-deviceInfo{width:100%;line-height:25px;margin:12px 0;}
.table-deviceInfo tr{height:30px;}
.table-deviceInfo tr td:nth-of-type(odd){padding-left:20px;}
.table-deviceInfo tr td:nth-of-type(even){padding:0 20px;}

.table-deviceCommand{width:100%;line-height:25px;margin:12px 0;border-collapse: collapse;font-size: 14px;}
.table-deviceCommand tr{height:50px;transition: all .1s linear;}
.table-deviceCommand td{font-size: 14px;}
.table-deviceCommand>tbody>tr:hover{background:#f7f7f7}
.table-deviceCommand tr td:nth-of-type(odd){padding-left:30px;}
.table-deviceCommand tr td:nth-of-type(even){text-align:right;padding-right:30px}
.table-deviceCommand-tlx{width:100%;line-height:25px;margin:12px 0;}
.table-deviceCommand-tlx tr{height:50px;transition: all .1s linear;}
.table-deviceCommand-tlx>tbody>tr:hover{background:#f7f7f7}
.table-deviceCommand-tlx tr td:nth-of-type(odd){padding-left:10px;}
.table-deviceCommand-tlx tr td:nth-of-type(even){text-align:right;padding-right:10px}
.device-set-title{background:#eeeeee;color:#333333;height:30px;text-align:center;line-height:30px;font-weight:bold;}

.table-info-min tr{height:35px}

.nodataBox{margin-top:20px;font-size:25px;font-weight:bold;color:#BBB;line-height:65px;text-align:center;}
.nodataBox table{height:100%;width:100%;text-align: center}

.header{height:175px;width:100%}
.header .top{background-color:#264984}
.header .top{height:71px;background: linear-gradient(to right, #302b6b, #2e5a90);}
.top .logo{display: block;height:71px;width: 200px;background-size: 100% 100%;}
.top .logo img{width:137px;margin-top:17px;margin-left:40px;}
.top .title{margin-top:20px;display:inline-block;letter-spacing: 2px;color:#ffffff;margin-left:10px}
.top .headcurrPlantName{font-size: 20px;font-weight: bold;}
.top .abRight{position: absolute;right:0;top:0;padding-right:71px;z-index:3}
.top .top-listM{width:71px;cursor: pointer;z-index:10000;position:absolute;right:0}
.top .searchDiv{line-height:16px;color:#ffffff;margin-top: 25px;}
.top .btn_header_managePlant{color:#FFF;cursor:pointer;text-decoration:underline;}


/* .panelBody{background:url('../../images/panel_bg.png') no-repeat;background-size:100% 950px;} */
/* .panelBodytwo{background:url('../../images/panel_bg.png') repeat-y;background-size:100% 950px;} */
.panelBody .topPanel{background-image: linear-gradient(90deg, #302b6b 0%, #2e5a90 100%);}
.panelBody .header{background-image: linear-gradient(90deg, #302b6b 0%, #2e5a90 100%);padding-bottom:15px;margin:0;}
.topBodyTwo .subNav{background-image: linear-gradient(90deg, #302b6b 0%, #2e5a90 100%);}
.panelBody .panelPage{margin-top:0;}
.panelBody .header .top,.panelBody .header .logo{background:none}
.panelBody .header .location-name{color:#FFF}
.panelBody .header .location-path{color:#d3d4df}
.panelBody .topMenu .div_weat .black{color:#FFF}
.panelBody .topMenu .div_weat .tr_title,.panelBody .topMenu .div_weat .tr_value{color:#d3d4df}
.panelBody .top-listM .collList>div>div{box-shadow: 0px 0px 18px #444;}
.panelBody .searchDiv .ul_add{box-shadow: 0px 0px 10px #444;}

.panelBody .div_menus{color:#d3d4df}
.panelBody .div_menus>div{background-color:#424d83}
.panelBody .div_menus>div{background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 4px 4px 8px 0px
	rgba(0, 0, 0, 0.16),
	inset -1px -1px 1px 0px
	#394683;}
.panelBody .div_menus>div.sel{color:#FFF;background-image:none;background-color: rgba(233, 237, 242, 0.4);
	box-shadow: 0px 6px 8px 0px
	rgba(3, 18, 49, 0.15),
	-4px -4px 8px 0px
	rgba(255, 255, 255, 0.13),
	inset 1px 1px 1px 0px
	rgba(255, 255, 255, 0.2);
	border-radius: 8px;}
.panelBody .div_menus>div:hover{box-shadow: 0px 0px 18px 2px #221f33;}
.panelBody .div_menus .sel.div_menu_panel .menuImg{background:url(../../images/panel_m_dashboard.png) no-repeat center 13px}
.panelBody .div_menus .div_menu_layout .menuImg{background:url(../../images/panel_layout.png) no-repeat center 13px}
.panelBody .div_menus .div_menu_energy .menuImg{background:url(../../images/panel_m_charts.png) no-repeat 0 -21px}
.panelBody .div_menus .div_menu_charger .menuImg{background:url(../../images/panel_Charging.png) no-repeat center 7px}
.panelBody .div_menus .div_menu_device .menuImg{background:url(../../images/panel_m_device.png) no-repeat center -24px}
.panelBody .div_menus .div_menu_log .menuImg{background:url(../../images/panel_m_log.png) no-repeat center -23px}
.panelBody .div_menus .div_menu_set .menuImg{background:url(../../images/panel_m_set.png) no-repeat center -20px}
.panelBody .div_menus .div_menu_home .menuImg{background:url(../../images/panel_m_home.png) no-repeat center 7px}
.panelBody .div_menus .div_menu_components .menuImg{background:url(../../images/panel_m_components.png) no-repeat center 10px}
.panelBody .div_menus .div_menu_plan .menuImg{background:url(../../images/plan_gray.png) no-repeat center 6px}
.panelBody .div_menus .div_menu_monitor .menuImg{background:url(../../images/m_monitor_nor.png) no-repeat center 10px}
.div-dialog>div>.ico-wanningdia{background:url(../../images/wanningdia.png) no-repeat center;}



.retv{position:relative;}

.top-listM .logout{height:71px;line-height: 71px;background-color:#009cff;box-shadow: 0px 0px 15px #2a2448;}
.top-listM .logout div{width:100%;height:100%;background:url(../../images/logout.png) no-repeat center;transition: all .4s linear;}
.top-listM .logout div:hover{animation: logout 2s linear infinite;}
@keyframes logout{
	0%{transform: scale(1,1);}
	50%{transform: scale(0.9,0.9);}
	100%{transform: scale(1,1);}
}
.top-listM .list{background-color:rgba(0,156,255,0.4);border-radius:2px;margin-top:2px;text-align:center}
.top-listM .list>div>div,.top-listM .list .collBtn{height:35px;background-position-x: center;background-position-y: center;background-repeat: no-repeat;transition: all .3s linear;}
.top-listM .list>div>div:hover{background-color: #3db4ff;}
.top-listM .list .collBtn:hover{background-color: #3db4ff;}
.top-listM .list .collList{display:none;}

.top-listM .collList>div>div{background-color:#FFF;margin-right:71px;float:right;box-shadow: 0px 0px 18px #bacadf;display:none;}
.top-listM .leftMenu{width:100px}
.top-listM .leftMenu>div{height:35px;line-height:35px;transition: all .3s linear;}
.top-listM .leftMenu>div:hover,.top-listM .leftMenu>div.active{background-color:#009cff;color:white}
.newsBox{display:block;padding:10px 30px;width: 330px;text-align: left; position: absolute; right: 0; z-index: -1;}
.newsBox h3{font-size: 14px;color:#222222;line-height: 30px;}
.newsBox h3 span{display:inline-block;width:14px;height: 17px;margin-right:10px;background:url(../../images/edit_file.png) no-repeat center;vertical-align: text-top;}
.newsBox p{line-height:24px;color:#444444;font-size:12px;}
.newsBox p a{color:#009cff;}
.newsBox p a span{display:inline-block;width:17px;height: 5px;margin-right:10px;background:url(../../images/ico_right.png) no-repeat center;vertical-align: middle;margin-left:5px;}
.newsBox .close{display:inline-block;width:26px;height:26px;background:url(../../images/close.png) no-repeat center;position:absolute;right:10px;top:10px;}

.searchDiv{}
.searchDiv>li{float:left;height:16px;padding:0 10px;border-right:1px solid rgba(255,255,255,0.4);cursor:pointer;}
.searchDiv>li.right-line{cursor:pointer;}
.searchDiv>li>i{display:inline-block;width:22px;height:22px;margin-right:5px;vertical-align: middle;margin-top: -3px;}
.searchDiv>li>i.ico-addPlant{background:url(../../images/station.png) no-repeat center;}
.searchDiv>li>i.ico-addCollector{background:url(../../images/device.png) no-repeat center;}
.searchDiv>li>i.ico-user{background:url(../../images/user.png) no-repeat center;}
.searchDiv>li>i.ico-addTigo{background:url(../../images/layout_t.png) no-repeat center;}
.searchDiv>li>i.icon_peeling{background:url(../../images/theme.png) no-repeat center;}
.searchDiv img.openSearch{display:none;}
.searchDiv img.closeSearch{animation: closeSearch 0.5s ease;}
body .selPlantSel .layui-form-select .layui-select-title input{color: white;height: 32px;border-radius: 20px;background: rgba(255,255,255,.1);border-color: rgba(255,255,255,.1);padding-right: 30px;cursor: pointer;transition: all .3s linear;}
body .title .selPlantSel .layui-form-select .layui-select-title input{border:none;background:none;font-size: 20px;}
body .title .layui-form{float:left;}
body .selBmsSel .layui-form-select .layui-select-title input{color: black;height: 32px;border-radius: 20px;background: #f2f2f2;border-color: hsl(0, 0%, 95%);padding-right: 30px;cursor: pointer;transition: all .3s linear;}
body .selBmsSel{float: right;}
.searchDiv .layui-form-select dl {top: 32px;border-radius: 7px;}
@keyframes showS{
	from{transform:translate3d(-80px,0px,0);opacity:.3}
	to{transform:translate3d(0,0,0);opacity:1}
}
@keyframes closeSearch{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@keyframes showUlAdd{
	from{transform:translate3d(0px,30px,0);opacity:.3}
	to{transform:translate3d(0,0,0);opacity:1}
}

.searchDiv .btnT{padding:12px;cursor:pointer;width:21px;transition: all .3s linear;}
.searchDiv .btnT:hover{background-color: #2788da;border-radius: 10px;}
.searchDiv .openAdd {transform: rotate(135deg);}
.searchDiv .ul_add{display:none;position:absolute;right:0;border-radius:5px;color:#009cff;background:#fff;width:230px;animation: showUlAdd 0.3s ease;box-shadow: 0px 0px 10px #bacadf;}
.searchDiv .ul_add li{padding-left:50px;height:44px;line-height:44px;font-size:16px;cursor:pointer;background-repeat: no-repeat;background-position: 14px 11px;}
.searchDiv .ul_add li:hover{background-color: #3db4ff;color: #FFFFFF;}
.searchDiv .ul_add li.addPlant{background-image: url(../../images/station_nor.png)}
.searchDiv .ul_add li.addDevice{background-image: url(../../images/device_nor.png)}
.searchDiv .ul_add li.addPlant:hover{background-image: url(../../images/station_hover.png)}
.searchDiv .ul_add li.addDevice:hover{background-image: url(../../images/device_hover.png)}
.searchDiv .ul_add:after {display: block;content: '';width: 0;height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #ffffff;position: absolute;right: 14px;top: -13px;}


.topMenu{margin:0 20px;padding-left:10px;position:relative;}

.topMenu .div_location{position:absolute;width:30%}
.topMenu .location-name{font-size:24px;font-weight:bold;margin-top: 15px;}
.topMenu .location-path{color: #777777;font-size: 14px;margin-top:24px;line-height:15px;}
.topMenu .txt-location-path>*{display:none}


.topMenu .div_weat{position:absolute;right:0;z-index:0;visibility:hidden;}
.topMenu .tbl_weat{width:320px;text-align:center;font-size:13px}
.topMenu .tbl_weat td{width:33%}
.topMenu .tbl_weat .tr_temp{height:30px;}
.topMenu .tbl_weat .tr_temp div{display:inline-block;}
.topMenu .tbl_weat .tr_temp .txt_temp{font-size:40px;margin-right:10px}
.topMenu .tbl_weat .tr_title{color: rgba(0,0,0,.4);height:30px}
.topMenu .tbl_weat .tr_value{color: rgba(0,0,0,.4);}

.div_menus{text-align:center;color: #8d8fba;}
.div_menus div,.div_menus>div>span{display:inline-block;line-height: 12px;word-break: break-all;}
.div_menus>div{cursor: pointer;border-radius: 5px;transition: all .3s linear;background:#fff;width:100px;height:80px;margin:10px 10px 0 10px;vertical-align: middle;}
.div_menus .menuImg{width:100%;height:65%}
.div_menus>div.sel{background-image: linear-gradient(#336ce6,#336ce6),linear-gradient(90deg, #4447f3 0%,#a243d4 100%);background-blend-mode: normal,normal;border-radius: 8px;color:#FFF}
.div_menus .div_menu_panel .menuImg{background:url(../../images/m_dashboard_nor.png) no-repeat center 10px}
.div_menus .div_menu_layout .menuImg{background:url(../../images/layout1.png) no-repeat center 10px}
.div_menus .div_menu_energy .menuImg{background:url(../../images/m_charts_nor.png) no-repeat center 6px}
.div_menus .div_menu_charger .menuImg{background:url(../../images/Charging1.png) no-repeat center 4px}
.div_menus .div_menu_device .menuImg{background:url(../../images/m_device_nor.png) no-repeat center 7px}
.div_menus .div_menu_log .menuImg{background:url(../../images/m_log_nor.png) no-repeat center 6px}
.div_menus .div_menu_set .menuImg{background:url(../../images/m_set_nor.png) no-repeat center 5px}
.div_menus .div_menu_home .menuImg{background:url(../../images/m_home_nor.png) no-repeat center 5px}
.div_menus .div_menu_components .menuImg{background:url(../../images/m_components_nor.png) no-repeat center 10px}
.div_menus .div_menu_plan .menuImg{background:url(../../images/plan_light.png) no-repeat center 5px}
.div_menus .div_menu_monitor .menuImg{background:url(../../images/m_monitor_nor.png) no-repeat center 10px}


.div_menus .sel.div_menu_panel .menuImg{background:url(../../images/m_dashboard.png) no-repeat center 13px}
.div_menus .sel.div_menu_layout .menuImg{background:url(../../images/layout.png) no-repeat center 13px}
.div_menus .sel.div_menu_energy .menuImg{background:url(../../images/m_charts.png) no-repeat center 10px}
.div_menus .sel.div_menu_charger .menuImg{background:url(../../images/Charging.png) no-repeat center 7px}
.div_menus .sel.div_menu_device .menuImg{background:url(../../images/m_device.png) no-repeat center 12px}
.div_menus .sel.div_menu_log .menuImg{background:url(../../images/m_log.png) no-repeat center 10px}
.div_menus .sel.div_menu_set .menuImg{background:url(../../images/m_set.png) no-repeat center 8px}
.div_menus .sel.div_menu_home .menuImg{background:url(../../images/m_home.png) no-repeat center 5px}
.div_menus .sel.div_menu_components .menuImg{background:url(../../images/m_components.png) no-repeat center 10px}
.div_menus .sel.div_menu_plan .menuImg{background:url(../../images/plan_dark.png) no-repeat center 5px}
.div_menus .sel.div_menu_monitor .menuImg{background:url(../../images/m_monitor.png) no-repeat center 10px}


.div_menus>div:hover{box-shadow:0px 2px 14px 2px #9c9c9c;}
.div_menus>div:hover span{-webkit-animation:tx 0.6s linear;
	-ms-animation:tx 0.6ss linear;
	-moz-animation:tx 0.6s linear;
	-o-animation:tx 0.6s linear;
	animation:tx 0.6s linear;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;}



.footer{height: 50px;line-height: 50px;text-align: center;font-size: 12px;color: #AAAAAA;text-shadow: 0px 0px 1px #dddddd;}
.foot_absolute{position:absolute;bottom:0;left:0;width:100%;display: block;}


/*内容区域*/
.div_content{background:#fff;border-radius:2px;padding:0 10px 70px 10px;margin:0 15px;min-height:500px;box-sizing:border-box;box-shadow: 0px 3px 8px 0px rgba(224, 229, 236, 0.4);border: solid 1px #e1e7f2;}
.mb-title>div{float:left;padding:12px 20px;cursor:pointer;position:relative;border-radius:0 0 5px 5px;color:#999}
.mb-title>div>i{display: block;content: '';width: 0;height: 2px;background: #009cff; transition: All 0.3s linear;position: absolute; top:0px; left: 50%; right: 0px;}
.mb-title>div.sel i,.mb-title>div.hover i{width: 100%;left: 0;right: 0;}
.mb-title>div.sel,.mb-title>div.hover{background:#f2f2f2;color:#333;font-weight: bold;}
.mb-title>i{clear:both;display:block;}
.mb-title{margin-bottom:20px;overflow: hidden;}
.mb-panel{padding:0 30px}
.mb-panel,.mb-panel2{}
.mb-panel>div,.mb-panel2>div,#div_pageContent>div{display:none;}

.mb-right{float:right;margin-top:-45px}
.mb-right>ul li{float:left;margin-left:10px}


.mb-title2{border-top: 1px solid #DDD;overflow:hidden;height:40px;margin:20px 0}
.mb-title2>div{display:inline-block;padding:12px 15px;color:#999;cursor:pointer;transition: All 0.3s linear;}
.mb-title2>div.sel>span{color:#009cff;font-weight:bold;}
.mb-title2>div.hover{color:#009cff}

.mb-title2>div.hover>.group-sub{display:block;color:#999;min-width:80px}
.mb-title2>div>.group-sub{position:absolute;display:none;line-height: 25px;border: 1px solid #ccc;text-align: right;border-radius: 3px;background:#FFF;z-index:1}
.mb-title2>div>.group-sub>div{padding: 5px 10px;transition: All 0.3s linear;}
.mb-title2>div>.group-sub>div:hover{background:#009cff;color:#FFF}
.mb-title2>div>.group-sub>div.sel{background:#009cff;color:#FFF;font-weight:bold;}
.mb-title2>div.selSub>span{border-bottom:1px solid #CCC}



#dialogTips{position:fixed;top:50%;left:50%;display:none;margin-left:-40px;background-color: #FFF;border-radius: 5px;padding: 10px 50px;box-shadow: 2px 5px 20px #717171;animation:showUlAdd 0.3s ease;z-index:1000000001;}
#dialogLoading{
	position:fixed;top:50%;left:50%;display:none;
	margin-left:-45px;animation:showLoading 0.3s ease;
	z-index:1000000000;margin-top:-30px;
	background:#fff url(../../images/load.gif) no-repeat;
	height:32px;
	line-height:32px;padding-left:35px;
	padding-right:5px;
	padding-left:40px;
	border-radius:8px;
}
.showAnim{visibility:hidden;}

@keyframes showLoading{
	0%  {opacity:0;}
	100%{opacity:1;}
}



.div-dialog{display:none;}
body .serverDiaolg .layui-layer-title{font-size:15px;font-weight:bold;text-align:left;background-image:url(../../images/biaozhu.png);background-repeat: no-repeat;background-size: 8px;background-position: 15px;padding-left: 28px;}
body .serverDiaolg .layui-layer-content{padding:15px 20px}
body .serverDiaolg .layui-layer-btn{border-top: 2px solid #f1f1f1;}
body .serverDiaolg .title-content{position:absolute;right:20px;top:7px;z-index: 1;}
body .serverDiaolg .bottom-content{position:absolute;bottom:0px;left:15px;height:57px;line-height:57px}
body .serverDiaolg .btns-content{display:inline-block;}
body .layui-laypage {margin:0}
.dialog-msg .layui-laypage>a{margin:0}
body .serverDiaolg.noPadding .layui-layer-content{padding:0}
body .layui-select-title>input.layui-input{background:none;font-size:13px}
body .layui-form-selected dd{color:#333}
#layuiWeat{width:350px;height: 47px !important;background:none;}
#body #layuiWeat .layui-this{background:none !important;}
#layuiWeat.layui-carousel>[carousel-item]>*{background: none;}
#layuiWeat.layui-carousel>[carousel-item]:before{display: none;}
#layuiWeat.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{display: none;}
#layuiWeat.layui-carousel[lay-arrow=always] .layui-carousel-arrow{left: -20px;background: none;cursor:pointer;}
#layuiWeat dl{width:33%;float:right;color:#d3d4df;font-size: 12px;text-align: center;}
#layuiWeat dl dt{line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#layuiWeat dl dd{line-height: 17px;}
.compare_searc_btn{width: 31px;height: 31px;position: absolute;right: 30px;background: url(../../images/server_search_icon.png) no-repeat center;top:0;cursor:pointer;}
.selPlantSel{position: relative;}
.selectTitle{line-height: 30px;padding-right:30px;background: url(../../images/server_search_icon.png) no-repeat center;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top_plant_search .selectTitle{background: none;}
.top_plant_search{margin-right:20px;cursor:pointer;}
.top_plant_search i{display: inline-block;width: 0;height: 0;border-style: dashed;border-color: transparent;overflow: hidden;position: absolute;right: 10px;top: 50%;margin-top: -3px;cursor: pointer;border-width: 6px;border-top-color: rgba(255,255,255,0.8);border-top-style: solid;transition: all .3s;-webkit-transition: all .3s;}
.top_plant_search i.edge{transform: rotate(-180deg);margin-top:-8px;}
.top_plant_search{position:relative;float: left;}
.selectCon{position:absolute;top:30px;left:0;width: 230px;background: #ffffff;z-index: 899;min-width: 100%;border: 1px solid #d2d2d2;max-height: 300px;overflow-y: auto;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 4px rgba(0,0,0,.12);box-sizing: border-box;}
.selectCon dd:hover,.selectCon dd.active{background-color: #dddddd;color: #222222;}
.selectCon dd{padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor:pointer;}
#header_sel_plantstwo{color: #333333;text-align: left;width: 100%;margin: 0;}
.selectCon{text-align: center;padding:5px 0;display: none;}
.selectCon input{background-image:url(../../images/server_search_icon.png);background-repeat:no-repeat;background-position:right 10px center;margin-bottom: 5px;}
.select_search_cn{position: sticky;left: 0;top: -5px;padding-top:5px;background: #ffffff;}
.golist{float: left;color: #fff;line-height: 32px;background:url(../../images/back.png) no-repeat right center; padding-right:30px;border-left: 1px solid rgba(255,255,255,0.3);padding-left: 20px;font-weight: bold;}
.golist:hover{color: #ffffff;}
#div_pageContent .noPlant{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #ffffff;background:url(../../images/no_station.png) no-repeat top center; padding-top: 230px;width: 600px;text-align: center;}
#div_pageContent .noPlant a{display: inline-block;width: 77px;height: 77px;background:url(../../images/add_blue.png) no-repeat center; margin-bottom: 25px;cursor: pointer;}
#div_pageContent .noPlant a:hover{opacity: 0.7;}

.con-top-left {margin-bottom:20px;}
.con-top-left>.layui-unselect{display: inline-block;margin-left: 5px;margin-right: 20px;}
.con-top-left .layui-form-select .layui-input{height: 28px;	line-height: 28px; }
.con-top-left .allInput{margin-right: 20px;}
.div-dialog .table-info tr td:nth-of-type(even){padding-left: 10px;}
#dialog_manageUser a{ background: #009cff;border-radius: 10px;display: inline-block;padding: 0 10px;line-height: 30px;vertical-align: middle;color: #ffffff;margin-left: 5px;cursor:pointer;}
#dialog_manageUser .layui-form-select dl{max-height: 170px;top: 30px;}
#dialog_manageUser .layui-form-selectup dl{max-height: 170px;bottom: 30px;}
.searchDiv>li.goManager{height: 30px;line-height: 30px; padding: 0 20px;float: none;display: inline-block;cursor: pointer;background: url(../../images/back.png) no-repeat right center;padding-right: 30px;}
.searchDiv>li.goManager:hover{color:#ffffff;}

.tripartiteTips{color: #d2993f;font-size: 14px;text-align: center;}
.tripartiteList{width: 100%;text-align: center;padding:20px 0;height: 20px;}
.tripartiteList:hover span{color: #009cff;border-bottom:1px solid #009cff;}
.tripartiteList li{width: 50%;float: left;cursor: pointer;}
.tripartiteList li i{width: 13px;height: 13px;background: url(../../images/check.png) no-repeat left top;vertical-align: middle;}
.tripartiteList li.active{color: #009cff;}
.tripartiteList li.active i{display: inline-block;margin-right:5px;}
.odatalogLisst{padding: 20px 0 0;}
.odatalogLisst li{width: 100%;color: #dddddd;}
.odatalogLisst li span{color: #888888;margin:0 10px; border-bottom:1px solid #dddddd;}

.label{font-weight: bold;}

.tripartiteTo .layui-form-radio font{font-size: 12px;color: #888888;}
.layui-layer-tips .layui-layer-content{background-color: #ffffff !important;color: #4e4e4e !important;white-space: pre-wrap;word-break: break-all;}
.layui-layer-tips .layui-layer-content i{display:none;}
.div_menu_device{display: none !important;;}
.btn_SelfInfo{cursor:pointer;}
.txt-location-path a:hover{color: #009cff;text-decoration:underline !important;cursor:pointer;}
#tb_device_page{padding-top: 20px;text-align: center}
.nodatetwo{font-size: 14px; color: #aaaaaa;}
.nodatetwo a{color: #009cff;cursor:pointer;}
.selDiv_blank{display: inline-block;margin: 5px 0;}
body .serverDiaolg .title-content .allInput{width: 148px;}
.topmenuLang{display:none;}
/*.layui-layer{width: auto !important;}*/
.setServer{display:none;position:absolute;width: 262px;right: 50px;background: #ffffff;box-shadow: 0px 0px 3px #afafaf;line-height: 30px;}
.setServer a{display: block;width: 100%;padding:  0 10px;text-align: left;color: #999;}
.layui-layer.layui-layer-iframe{width: 90% !important;}
.layui-layer-ico.layui-layer-max,.layui-layer-min{display:none !important;}
.borderTable tr{border-bottom:1px solid #dedede;}
.trendUl{margin-bottom: 20px;}
.trendUl li{width: 138px;height: 56px;padding:10px 0 10px 110px;margin-right:19px;background-color: #f2f2f2;border-radius: 4px;display: inline-block;cursor: pointer;background-size: 56px;}
.trendUl li:last-child{margin-right:0;}
.trendUl li p{line-height: 28px;color: #888888;font-size: 12px;}
.trendUl li p.trendNth{color: #009cff;font-size: 14px;}
.trendUl li.active p,.trendUl li:hover p{color: #ffffff;}
.trendUl li.active,.trendUl li:hover{background-color: #009cff;box-shadow: 0px 6px 16px 0px	#cccccc;}
.trendUl li:nth-child(1){background-image: url(../../images/enday_n.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(1):hover,.trendUl li:nth-child(1).active{background-image: url(../../images/enday_h.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(2){background-image: url(../../images/enmonth_n.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(2):hover,.trendUl li:nth-child(2).active{background-image: url(../../images/enmonth_h.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(3){background-image: url(../../images/enyear_n.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(3):hover,.trendUl li:nth-child(3).active{background-image: url(../../images/enyear_h.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(4){background-image: url(../../images/entotal_n.png);background-repeat: no-repeat;background-position:left 25px center; }
.trendUl li:nth-child(4):hover,.trendUl li:nth-child(4).active{background-image: url(../../images/entotal_h.png);background-repeat: no-repeat;background-position:left 25px center; }

.table_XhUs_muit{width:100%;display:none;}
.changePerv{line-height:30px;padding:10px 0;}
.changePerv i{display: inline-block;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;overflow: hidden;border-top-color: #c2c2c2; border-top-style: solid;transition: all .3s; -webkit-transition: all .3s; vertical-align: sub;margin-left:10px;}
.changePerv i.active{-webkit-transform: rotate(180deg); transform: rotate(180deg);vertical-align: text-top;}
/* */
.changeTVCabinet{line-height:30px;padding:10px 0;}
.changeTVCabinet i{display: inline-block;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;overflow: hidden;border-top-color: #c2c2c2; border-top-style: solid;transition: all .3s; -webkit-transition: all .3s; vertical-align: sub;margin-left:10px;}
.changeTVCabinet i.active{-webkit-transform: rotate(180deg); transform: rotate(180deg);vertical-align: text-top;}

.rangeType{display:inline-block;margin-right:5px;vertical-align:middle;}
.rangeType i{cursor:pointer;float:left;height:28px;background-color:#F2F2F2;line-height:28px;padding:0 20px;border: 1px solid #ddd;}
.rangeType i.left{border-radius:15px 0 0 15px;}
.rangeType i.right{border-radius:0 15px 15px 0;}
.rangeType i.active{background: #009cff;color: #ffffff;}
.deviceBox .lastTd .op-data{display:none;width: 100%;position: absolute;bottom: 0;right: 100%;background-color:#ffffff;}
.op-data{background:url(../../images/tDo_data.png) no-repeat center 30%;}
.op-data:hover{background:url(../../images/tDo_data_hover.png) no-repeat center 30% #57d691;color:#FFF;box-shadow:0px 2px 2px #57d691}
.deviceBox:hover .lastTd .op-data{display:block;}
.deviceBox:hover .lastTd .op-data:hover{background-color:#57d691;}

/* lightColor */
.lightColor .panelBody .header{background:none;}
.lightColor .panelBody .header .top,.lightColor .header .top{background:#ffffff;}
.lightColor .panelBody .header .top .searchDiv,.lightColor .top .searchDiv{color: #999999;}
.lightColor .searchDiv>li{border-right: 1px solid #dedede;}
.lightColor .top .title{color: #999999;}
.lightColor .top_plant_search i{border-top-color: rgba(141,141,141,0.8);}
.lightColor .top-listM .logout{box-shadow:none;background-color: #336ce6;}
.lightColor .panelBody .div_menus>div.sel{background-image: linear-gradient(#336ce6, #336ce6), linear-gradient(90deg, #4447f3 0%, #a243d4 100%);background-blend-mode: normal, normal;}
.lightColor .panelBody .div_menus>div{background-color: #ffffff;box-shadow:none;}
.lightColor .panelBody .div_menus .div_menu_layout .menuImg{background:url(../../images/layout1.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_energy .menuImg{background:url(../../images/m_charts_nor.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_charger .menuImg{background:url(../../images/Charging1.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_device .menuImg{background:url(../../images/m_device_nor.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_log .menuImg{background:url(../../images/m_log_nor.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_set .menuImg{background:url(../../images/m_set_nor.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_home .menuImg{background:url(../../images/m_home_nor.png) no-repeat center 7px}
.lightColor .panelBody .div_menus .div_menu_components .menuImg{background:url(../../images/m_components_nor.png) no-repeat center 10px}
.lightColor .panelBody .div_menus .div_menu_monitor .menuImg{background:url(../../images/m_monitor_nor.png) no-repeat center 10px}


.lightColor .panelBody .div_menus{color: #8d8fba;}
.lightColor .panelBody .header .location-name{color: #333333;}
.lightColor .panelBody .header .location-path{color: #666666;}
.lightColor #layuiWeat dl{color: #666666;}
.lightColor .panelBody .topMenu .div_weat .black{color: #222222;}
.lightColor .header{height: 195px;}
/* .lightColor .topMenu{margin-top: 20px;} */
.lightColor .panelPage .subNav,.lightColor .panelBody .topPanel,.lightColor .topBodyTwo .subBox{background:none;}
.lightColor .panelPage .subNav ul{background-color: #ffffff;box-shadow:none;color: #8d8fba;}
.lightColor .panelPage .subNav li{color: #8d8fba;}
.lightColor .panelPage .subNav li.active{color: #ffffff;background-image: linear-gradient(#336ce6, #336ce6), linear-gradient(90deg, #4447f3 0%, #a243d4 100%);background-blend-mode: normal, normal;	box-shadow: 0px 10px 16px 0px rgba(47, 104, 234, 0.4);}
.lightColor .panelPage .topPanel .animPan,.lightColor .topBodyTwo .subBox .panleft,.lightColor .topBodyTwo .subBox .panright .panbank{background:#ffffff;}
.lightColor .panelPage .totalPan>div>div{background:#ffffff;}
.lightColor .panelPage .totalPan>div>div.hover{box-shadow: -2px 0px 20px 1px #c5c5c5;background: #ffffff;}
.lightColor .panelPage .totalPan .val{color:#333333;}
.lightColor .panelPage .totalPan .unit,.lightColor .panelPage .totalPan .text{color:#666666;}
.lightColor .topBodyTwo .subBox .panright .panbank h3{color:#333333;}
.lightColor .panelPage{color:#8d8fba;}
.lightColor .panelPage>.selDiv{color:#666666;}
.lightColor .selPlantSel .layui-form-select .layui-select-title input{border: solid 1px #cccccc;color:#666666;}
.lightColor .panelPage .topPanel .animPan .val, .lightColor .panelPage .topPanel .animPan .valc{color:#333333;}
.lightColor .panelPage .animPan .tips.w{background: url(../../images/tishi.png) no-repeat center top;}
.lightColor .topBodyTwo .deviceList h3 span{background: #ffffff;color:#333333;}
.lightColor .topBodyTwo .deviceList h3{background-image: linear-gradient(90deg, rgba(51,10,230,0) 0%, #336ce6 39%, rgba(51,10,230,0) 100%);}
.lightColor .topBodyTwo .subBox .panleft .topPanel2:after{border-image-source: linear-gradient(0deg, rgb(74 244 147 / 0) 0%, #336ce6 54%, rgb(74 244 147 / 0) 100%);}
.lightColor .topBodyTwo .subBox .panright .panbank .oneThird .val,.lightColor .topBodyTwo .subBox .panright .panbank .oneThird .name{color:#333333;}
.lightColor .topBodyTwo .subBox .panright .panbank .oneThird .unitBox{color:#666666;}
.lightColor .panelPage .img-energy{background:url(../../images/lightColor/textBg_1.png) no-repeat center;}
.lightColor .panelPage .img-money{background:url(../../images/lightColor/textBg_2.png) no-repeat center;}
.lightColor .panelPage .img-charge{background:url(../../images/lightColor/batCharge.png) no-repeat center;}
.lightColor .panelPage .img-discharge{background:url(../../images/lightColor/batDischarge.png) no-repeat center;}
.lightColor .panelPage .img-grid{background:url(../../images/lightColor/textBg_3.png) no-repeat center;}
.lightColor .panelPage .img-home{background:url(../../images/lightColor/textBg_4.png) no-repeat center;}
.lightColor .panelPage .img-gen{background:url(../../images/lightColor/textBg_gen1.png) no-repeat center;}

.lightColor .topBodyTwo .subBox .panright .panbank .oneThird .img-zfzy{background:url(../../images/lightColor/textBg_zfzy.png) no-repeat center;}

.lightColor .deviceList .devBoxs .devIcon.devthermostat{background:url(../../images/lightColor/dev_thermostat.png) no-repeat center;}
.lightColor .deviceList .devBoxs .devIcon.devbulb{background:url(../../images/lightColor/dev_bulb.png) no-repeat center;}
.lightColor .deviceList .devBoxs .devIcon.devcharger{background:url(../../images/lightColor/dev_charger.png) no-repeat center;}
.lightColor .deviceList .devBoxs .devIcon.devshineBoot{background:url(../../images/lightColor/dev_shineBoot.png) no-repeat center;}
.lightColor .deviceList .devBoxs .devIcon.devsocket{background:url(../../images/lightColor/dev_socket.png) no-repeat center;}
.lightColor .deviceList .devBoxs .devIcon.devstrip{background:url(../../images/lightColor/dev_strip.png) no-repeat center;}
.lightColor .deviceList .devBoxs .devIcon.devswitch{background:url(../../images/lightColor/dev_switch.png) no-repeat center;}
.lightColor .icon.thermostat{background:url(../../images/lightColor/dev_thermostat.png) no-repeat center;background-size:100%;}
.lightColor .icon.bulb{background:url(../../images/lightColor/dev_bulb.png) no-repeat center;background-size:100%;}
.lightColor .icon.charger{background:url(../../images/lightColor/dev_charger.png) no-repeat center;background-size:100%;}
.lightColor .icon.shineBoot{background:url(../../images/lightColor/dev_shineBoot.png) no-repeat center;background-size:100%;}
.lightColor .icon.socket{background:url(../../images/lightColor/dev_socket.png) no-repeat center;background-size:100%;}
.lightColor .icon.strip{background:url(../../images/lightColor/dev_strip.png) no-repeat center;background-size:100%;}
.lightColor .icon.switch{background:url(../../images/lightColor/dev_switch.png) no-repeat center;background-size:100%;}
.lightColor .icon.time{background:url(../../images/linkage_timer.png) no-repeat center 6px;background-size:76%;}
.lightColor .topBodyTwo .subBox .panright .panbank ul li{background-color: #6c87ff;}
.lightColor .panelPage .totalPan .toptext .img{width:64px;}
.lightColor .div_menus>div.sel{background-image: linear-gradient(#336ce6, #336ce6), linear-gradient(90deg, 	#4447f3 0%, #a243d4 100%);background-blend-mode: normal,normal;}
.lightColor .panelPage .animPan .path .t,.lightColor .topPanel2 .path .t{float:left;background:url(../../images/lightColor/t_3.png)no-repeat center}
.lightColor .panelPage .animPan .path .r,.lightColor .topPanel2 .path .r{float:left;background:url(../../images/lightColor/r_3.png)no-repeat center}
.lightColor .panelPage .animPan .path .b,.lightColor .topPanel2 .path .b{float:left;background:url(../../images/lightColor/b_3.png)no-repeat center}
.lightColor .panelPage .animPan .path .l,.lightColor .topPanel2 .path .l{float:left;background:url(../../images/lightColor/l_3.png)no-repeat center}
.lightColor .top-listM .list{background-color:rgba(51,108,230,0.4)}
.lightColor .top-listM .list>div>div:hover{background-color:#336ce6}
.lightColor .top-listM .leftMenu>div:hover, .lightColor .top-listM .leftMenu>div.active{background-color: #336ce6;}
.lightColor .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #336ce6 !important;}
.lightColor .btn-pan.sel, .lightColor .btn.blue{background-color: #336ce6;}
.lightColor .mb-title>div>i{background-color: #336ce6;}
.lightColor .deviceList .devBoxs h4{color: #222222;}
.lightColor .topBodyTwo .subBox .panright .panbank h3 a{color: rgba(34, 34, 34, 0.7);}
.lightColor .panelPage .animPan .timeSelDiv .prevLeft,.lightColor .panelPage .animPan .timeSelDiv .nextRight{background-color: #F2F2F2;}
.lightColor .panelPage .animPan .timeSelDiv input{border: 1px solid #ddd;color:#333;}
.lightColor .panelPage .animPan .timeSelDiv .btn-pan{background-color: #F2F2F2;color:#333; border: 1px solid #ddd;}
.lightColor .panelPage .animPan .timeSelDiv .btn-pan.right{ border: 1px solid #ddd;}
.lightColor .panelPage .animPan .timeSelDiv .btn-pan.sel{background-color: #336ce6;color:#ffffff;}

td .timeBox{position:relative;}
td .timeBox .addTime{position:absolute;right: 20px;top: 13px;cursor:pointer;}
.newSetTime .subTables table{width:100%;}
.newSetTime .conbox{line-height: 32px;color:#999999;}
.newSetTime .conbox>.timeBox{font-size: 18px;color:#333333;}
.newSetTime .statusBox span:nth-child(1){margin-right:10px;}
.newSetTime .statusBox span:nth-child(2){margin-left:10px;}
.newSetTime .editBox{display:none}
.timerightBtn{float:right;margin-right:20px;}
.timerightBtn span{padding:0 10px;cursor:pointer;}
.timeInputs{margin-right:10px;}
.editBox .layui-form-switch{margin-left:10px;vertical-align: middle;display: inline-block;margin-top: 0px;}

/*公共加载圈遮罩层样式*/
.dialogLoadingMask {
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	left: 0 !important;
	background-color: rgba(255,255,255,0.5);
}
/*html.OSS{*/
/*	height: calc(100% - 50px);*/
/*	overflow: auto;*/
/*}*/
/*html.OSS>body{*/
/*	height: 100%;*/
/*	overflow: auto;*/
/*}*/

.countryAndAreaSafetyTr dl.layui-anim.layui-anim-upbit {
	height: 130px;
}
/*工商业电站设备设置页面密码输入框容器按钮组级别*/
.GSY .btns-content{
	z-index: 9999;
}