* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*Firefox*/
  -webkit-box-sizing: border-box;
  /*safari*/
  font-family: "Microsoft Yahei", "微软雅黑";
  list-style: none;
}
.signalclear {
  padding-right: 25px;
}
#selectLogType {
  float: left;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.clear {
  display: none;
  position: absolute;
  width: 19px;
  height: 19px;
  margin: 8px 0 0 -28px;
  background: url(__TMPL__/public/assets/image2/clear.png);
}
.signalclear::-ms-clear {
  display: none;
}
.signalclear:valid + .clear {
  display: inline;
}
.RedFont {
  color: red;
}
.imgUD {
  margin-top: -20px;
}
.platform {
  padding-top: 90px;
  width: 100%;
  height: 100%;
  background: url(__TMPL__/public/assets/image2/phone.png) no-repeat right bottom;
  background-size: 95%;
}
#uploadForm,
#uploadForm2 {
  float: right;
}
#uploadForm #addimageLogo,
#uploadForm2 #addimageLogo,
#uploadForm #addimageLogo2,
#uploadForm2 #addimageLogo2 {
  width: 226px;
}
.signalname {
  float: left;
  height: 35px;
  width: 100px;
  margin-right: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
#upload,
#upload2 {
  float: right;
  margin-right: 17px;
  height: 26px;
  padding: 0 12px;
}
.platformset {
  margin: 0 auto;
  width: 650px;
  height: 250px;
  background: white;
  padding: 35px 20px 20px 20px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px #c0bebe;
}
.platformset > .row {
  margin-bottom: 20px;
  margin-left: 25px!important;
}
.platformset > .row span {
  float: left;
  width: 150px;
  text-align: right;
  line-height: 40px;
  padding: 0 5px 0 0;
}
.platformset > .row input {
  width: 450px;
  height: 40px;
  display: block;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 1px 0 3px #cecccc;
  padding: 5px 5px 5px 15px;
  border: 0;
  float: left;
  color: #000;
}
.phone {
  background: #3db3ff;
  color: white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 1px 0 3px #cecccc;
}
.phoneenter {
  width: 200px;
  height: 45px;
  background: #3676f4;
  border: 0;
  color: white;
  border-radius: 5px;
  font-size: 18px;
  margin-left: 425px;
  margin-top: 15px;
}
.modal-dialog {
  position: absolute;
  z-index: 2041;
  opacity: 1;
}
.modal {
  z-index: 9999;
}
.add-a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000000;
  opacity: .5;
}
.modal-open .modal-backdrop {
  position: absolute;
  z-index: 997;
  display: none;
}
.row-leakage {
  z-index: -9999;
}
#tableData td img {
  height: 20px;
}
/*仪表通讯状态*/
.commun-main {
  height: 100%;
}
.row .comm-h {
  height: calc(100% - 44px);
}
/*漏电监测*/
#tableDataLeakageMonitor table th {
  vertical-align: middle;
  background: #3db3ff;
  color: #FFF;
}
#tableDataLeakageMonitor table th .th-inner {
  padding: 0 8px;
}
#tableDataLeakageMonitor table button {
  background-position: 14px 8px;
}
#tableDataLeakageMonitor .fixed-table-body {
  overflow-x: hidden;
}
.leakage-tab tr td {
  vertical-align: middle!important;
}
.tab-remote .s-s-monitor {
  background-position: 14px 2px;
}
.right-main .E-moni {
  width: 50px;
}
.modal-w .leakage label {
  float: left;
  margin-top: 5px;
  width: 60px;
}
.s-s-monitor-mod {
  height: 35px;
}
.l-monitor {
  clear: both;
  float: left;
}
.elc-safe {
  width: auto;
  height: 190px;
  border: 1px solid #ddd;
}
.leakage p {
  background: #3db3ff;
  color: #FFF;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 3px 10px;
}
.modal-dialog .modal-leakage {
  margin-top: -20px;
  height: 600px;
  width: 740px;
  margin-left: calc(50% - 370px);
}
.basicdata #Relation {
  width: 150px;
}
.basicdata #checkedAll {
  width: 30px;
}
/*电力运行报表*/
.side-rig .elec-rig1 #EnergyType,
#timeType {
  width: 95px!important;
}
#tableData th {
  background: #3db3ff;
  color: #FFF;
}
.side-rig-2 .report-line {
  height: calc(100% - 67px);
}
.data-select {
  overflow: hidden;
}
/*环境温湿度*/
.side-rig .temp-line {
  height: calc(50% - 5px);
}
.side-rig .temp-line:last-child {
  margin-top: 10px;
}
.temp-height {
  height: calc(100% - 112px);
}
.subChart-title {
  position: absolute;
  width: 30px;
  font-weight: bold;
  left: 0;
  text-align: right;
  /* height:317px; */
  padding-top: 123px;
}
.subChart {
  width: 100%;
  /* height:317px; */
  padding-left: 30px;
}
/*报警事件记录*/
.modal-list {
  width: 1000px!important;
}
.modal-content .list-body {
  height: 490px;
  padding: 5px 10px 0 10px;
}
.list-body .table-striped {
  height: 420px!important;
}
/* 视频监测 */
.vision-form {
  overflow: hidden;
  padding-top: 0!important;
}
.vision-form span {
  float: left;
  padding-left: 5px;
}
.vision-form .form-control {
  width: 250px;
  vertical-align: 10px;
  float: left;
}
.vision-h {
  height: 90%;
  padding: 0 10px 0 10px;
}
.vision-h div {
  padding-right: 5px!important;
  margin-bottom: 5px;
  height: 50%;
  position: relative;
}
.vision-h div .vision-one {
  height: 100%;
  background: #dcdddd;
}
.vision-one img {
  margin: 10% 39%;
}
/*网关通信状态*/
.gateway {
  margin-bottom: -10px !important;
}
/* 系统设置*/
.fixed-table-body {
  border-bottom: 1px solid #b4b4b5;
  background: #FFF;
}
.modal-dialog .modal-content .user-modal {
  height: 300px!important;
}
#sublist li {
  margin-bottom: 3px;
}
#sublist li input {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: -4px;
}
.row .set-h {
  height: calc(100% - 46px);
}
.basicdata .user-name {
  width: 62px;
}
.user-list {
  margin-top: 10px;
  height: 230px;
  overflow-y: auto;
}
/*用户管理 */
#Relation {
  background: #cee4f9;
  border: 1px solid #add1f3;
  padding: 3px 0 3px 10px;
}
.tran-name {
  float: left;
  font-weight: normal;
}
.row-remote .tran-control {
  width: 250px;
  float: left;
}
.row-remote .select-down {
  padding-left: 5px;
}
.moni-check {
  width: 20px!important;
  height: 20px;
  vertical-align: -5px;
  margin-right: 200px!important;
}
.modal-w {
  width: 450px;
}
.modal-body .radio-inline {
  width: 30px;
}
.modal-body .search,
#tableDataLeakageMonitor .search,
#SignalsearchBtn,
#OverLimitsearchBtn,
#SySsearchBtn {
  padding-left: 28px;
}
.modal-body .radio-no {
  margin-right: 30px;
}
.even-down {
  float: left;
}
.distribut .fullscreen {
  background-image: none;
  padding: 0;
  float: left;
}
.add {
  width: 100px;
  outline: none!important;
  font-size: 16px !important;
  float: right;
  margin-right: 10px;
}
.add img {
  margin-right: 8px;
}
#tab-container .energydata-tab {
  height: calc(100% - 58px);
}
.energydata-tab .add-table {
  height: calc(100% - 46px);
}
.delete {
  float: right;
  margin-right: 17px;
}
.delete img {
  vertical-align: -3px;
}
.basicdata input {
  width: 280px;
}
.basicdata label {
  display: inline-block;
  width: 120px;
  text-align: right;
  font-weight: normal;
  line-height: 25px;
}
.modal-content .transfomer-modal {
  height: 200px!important;
}
.modal-content .meter-modal {
  height: 260px!important;
}
.modal-content .monitor-modal {
  height: 230px!important;
}
.basicdata {
  height: 380px!important;
}
.basicdata select {
  width: 280px;
  height: 26px;
  margin-left: -4px;
}
/*电能集抄*/
.consume-h {
  height: calc(100% - 67px);
  background: #FFF;
  border: 1px solid #b4b4b5;
}
.consume-start1 {
  margin-right: 20px;
}
.consume-start1,
.consume-end {
  float: left;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
}
.elec-rig1 .consume-start {
  padding-top: 0;
}
#startDate {
  margin-right: 5px;
}
.consume-select {
  overflow: hidden;
}
.consume-select button {
  float: left;
}
.side-rig .consume-select select {
  width: 45px!important;
  margin-right: 5px;
}
.side-rig .consume-select button {
  background: url(__TMPL__/public/assets/image2/search-w.png) no-repeat 14px 7px;
  background-color: #3db3ff;
  padding: 0 0 1px 28px;
}
.side-rig .consume-select .export {
  background: url(__TMPL__/public/assets/image2/search.png) no-repeat 12px 6px;
  background-color: #3db3ff;
}
.report-text {
  float: left;
  clear: both;
}
.side-left-i2 .search-consume {
  height: 35px;
  margin: 5px 0 5px 0;
  float: right;
}
.consume-start {
  float: left;
}
.side .consume {
  width: 310px;
}
.side .consume p {
  padding: 5px 0 0 0;
}
.consume-time {
  height: 35px;
  line-height: 35px;
}
.side-left .consume-time div {
  padding-right: 5px;
}
.consume-h thead {
  background-color: #3db3ff;
  color: white;
}
/* 报警模态框 */
.modal-list .modal-header {
  padding: 5px 15px 5px 15px;
}
.modal-list .modal-header .close {
  padding-top: 7px;
}
.modal-dialog {
  padding-top: 110px;
}
.modal-body {
  height: 400px;
}
/*遥信事件*/
.signal-date-w {
  float: left;
}
.even-down .search-sig {
  width: 90px!important;
  float: left;
}
#startDate,
#endDate {
  width: 150px;
  float: left;
}
.overlimit-h {
  min-height: 150px;
  height: calc(100% - 46px);
}
.right-main .row-leakage {
  height: 100%;
}
/*计量及线路损耗*/
.row-loss {
  padding-right: 15px;
  min-height: 250px;
  height: 100%;
}
.reportcollect {
  clear: both;
}
.tab-loss {
  border: 1px solid #b4b4b5;
  background: url(__TMPL__/public/assets/image2/elec.png) no-repeat right bottom;
  background-color: #FFF;
  overflow-y: auto;
}
.reportcollect {
  background: url(__TMPL__/public/assets/image2/reportCollection.png) no-repeat center;
  background-color: white;
  height: calc(100% - 39px);
}
.row-loss .reportCollection {
  background: url(__TMPL__/public/assets/image2/reportCollection.png) no-repeat center;
  padding-right: 0;
}
/* index调整 */
#month,
#day,
#year {
  margin-top: -7px;
}
#tableSubName .bootstrap-table {
  height: 340px;
}
.substation-list > nav {
  float: right;
  padding-right: 10px;
}
.select-down {
  border: 1px solid #ccc;
  width: 270px;
  background-color: #FFF;
  padding: 0;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.left {
  height: 100%;
  width: 160px;
  position: fixed;
  top: 82px;
}
.right-main {
  margin-left: 170px;
  padding-top: 95px;
  /*百分比顶部距离*/
  height: 95%;
  /*总高度百分比设置*/
  position: absolute;
  width: calc(100% - 166px);
  padding-right: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 998;
}
.container-fluid {
  z-index: -1002;
}
#nav-foot {
  z-index: 1;
  width: 100%;
  position: absolute;
  bottom: 0;
}
/*谐波监测*/
/*谐波监测*/
.side-rig-2 .harm-h {
  /* min-height: 632px; */
  height: calc(100% - 112px);
}
.side-left-i2 > .select-down {
  width: 259px;
}
.select-down .ms-drop {
  left: 0;
}
/* 登录界面 */
.container-login {
  padding: 5% 0 5% 0;
  min-height: 768px;
  clear: both;
  overflow: hidden;
  position: relative;
}
.logo-icon {
  width: 196px;
  height: 44px;
  display: inline-block;
  background: url(__TMPL__/public/assets/image2/logo.png) no-repeat;
  background-size: 185px;
  vertical-align: -7px;
}
.login-t {
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  position: relative;
}
.login-t h2 {
  width: 550px;
  float: left;
  font-size: 35px;
}
.app-s {
  width: 135px;
  float: right;
  cursor: pointer;
}
.app-s img {
  vertical-align: middle;
}
.login-c {
  height: 8px;
  margin: 30px 0 20px 0;
}
.login-c ul > li {
  display: block;
  float: left;
  height: 8px;
}
.login-c .login-c1 {
  width: 17%;
  background: #ff0000;
}
.login-c .login-c2 {
  width: 8%;
  background: #d60093;
}
.login-c .login-c3 {
  width: 15%;
  background: #693f94;
}
.login-c .login-c4 {
  width: 25%;
  background: #00b0f0;
}
.login-c .login-c5 {
  width: 35%;
  background: #8dc21f;
}
.login-m {
  position: relative;
  width: 100%;
  height: 600px;
  clear: both;
}
.login-m-l {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(__TMPL__/public/assets/image2/login-b.jpg);
  background-size: 100% 100%;
}
.login-m-r {
  width: 20%;
  height: 75%;
  padding: 50px 30px 0 30px;
  background: #FFF;
  border-radius: 5px;
  position: absolute;
  top: 65px;
  right: 26%;
  z-index: 3;
}
.login-m-r label {
  font-size: 14px;
}
.login-m-r p {
  color: #0397FF;
  font-size: 18px;
  font-weight: bold;
}
.login-m-r button {
  width: 100%;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  behavior: url(ie-css3.htc);
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin-top: 60px;
  background: #3676f4;
  background: -webkit-linear-gradient(left top, #338ff6, #3668ef);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #338ff6, #3668ef);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #338ff6, #3668ef);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #338ff6, #3668ef);
  /* 标准的语法 */
}
.login-m-r button:hover {
  background: #3095f2;
}
.login-m-r input:first-child {
  margin-top: 15px;
}
.hr1 {
  width: 30%;
  z-index: 55;
  display: inline-block;
  vertical-align: 6px;
  border-bottom: 2px solid #0397FF;
}
.hr2 {
  width: 70%;
  z-index: 45;
  display: inline-block;
  vertical-align: 6px;
  border: 1px 1px #CBCBCB;
}
.inputstyle {
  width: 100%;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #d5d5d5;
  color: #333;
  height: 40px;
  padding: 0 10px 0 40px;
  font-family: Verdana,Tahoma,Arial;
  margin-bottom: 15px;
}
.label-username {
  background: url(__TMPL__/public/assets/image2/lock.png) no-repeat 10px 10px;
}
.label-password {
  background: url(__TMPL__/public/assets/image2/lock.png) no-repeat 10px -60px;
}
.login-lock {
  width: 11px;
  height: 16px;
  display: inline-block;
  background: url(__TMPL__/public/assets/image2/lock2.png);
  vertical-align: -2px;
  margin-right: 5px;
}
.remeber {
  height: 18px;
  line-height: 18px;
}
.remeber input[type="checkbox"] {
  vertical-align: -2px;
}
.app-s:hover .app-hidden {
  display: block;
}
.app-hidden {
  display: none;
  width: 143px;
  height: 178px;
  top: 52px;
  z-index: 999;
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  text-align: center;
  position: absolute;
}
.app-hidden img {
  margin-bottom: -19px !important;
  margin-top: -8px;
}
.hid-1 {
  right: 38px;
}
.hid-2 {
  right: 250px;
}
.login-f {
  text-align: center;
  padding-top: 20px;
  font-size: 18px;
}
/*整体框架*/
.container-fluid {
  overflow-x: hidden;
}
/* 头部菜单栏 */
a {
  text-decoration: none;
}
#nav {
  z-index: 9995!important;
  top: 0;
  position: fixed;
  left: 0;
  right: 0;
  min-width: 768px;
  height: 82px;
  padding: 0 20px;
  color: #FFF;
  background: -webkit-linear-gradient(left top, #338ff6, #3668ef);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #338ff6, #3668ef);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #338ff6, #3668ef);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #338ff6, #3668ef);
  /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#338ff6, endColorstr=#3668ef, gradientType=0);
}
.nav-l {
  float: left;
}
.nav-m,
.nav-r {
  float: right;
}
.nav-m {
  height: 82px;
  overflow: hidden;
}
.nav-menu li {
  display: block;
  float: left;
  padding: 10px 15px;
  overflow: hidden;
  padding-top: 16px;
  cursor: pointer;
}
.nav-menu li a {
  color: #FFF;
}
.nav-menu li a:hover {
  text-decoration: none;
}
.nav-menu span {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  background: url(../image2/menu.png) no-repeat;
}
.nav-menu li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.nav-menu .nav-select {
  background-color: rgba(255, 255, 255, 0.2);
}
.nav-menu .menu-t1 span {
  background-position: 0 1px;
}
.nav-menu .menu-t2 span {
  background-position: -95px 1px;
}
.nav-menu .menu-t3 span {
  background-position: -192px 1px;
}
.nav-menu .menu-t4 span {
  background-position: -288px 1px;
}
.nav-menu .menu-t5 span {
  background-position: -386px 1px;
}
.nav-menu .menu-t6 span {
  background-position: -575px 1px;
}
.nav-menu .menu-t7 span {
  background-position: -575px 1px;
}
.nav-menu .menu-t9 span {
  background-position: -765px -1px;
}
.nav-menu .menu-t10 span {
  background-position: -929px -1px;
}
.nav-menu .menu-t11 span {
  background-position: -672px -1px;
}
.nav-l {
  font-size: 25px;
  line-height: 81px;
}
.nav-l img {
  vertical-align: -17px;
  margin-right: 10px;
  height: 53px;
}
.nav-l .nav-logo {
  width: 130px;
  height: 70px;
  display: block;
  float: left;
  margin-right: 10px;
  background: url(__TMPL__/public/assets/image2/logo-white.png) no-repeat 0 24px;
}
.nav-r {
  width: 70px;
  height: 55px;
  background: url(../image2/menu.png) no-repeat -818px 11px;
  cursor: pointer;
  position: relative;
}
.nav-r-h {
  width: 100px;
  height: 80px;
  padding: 55px 20px 0 30px;
  position: absolute;
  top: 0;
  right: -42px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  display: none;
}
.nav-r:hover .nav-r-h {
  display: block;
}
/*谐波监测*/
.elec-rig1 select,
.harmonic-sel .ms-parent {
  width: 150px!important;
}
.ms-parent {
  margin-top: -1px;
}
@media (max-width: 768px) {
  /*IPad竖屏*/
  .main-box4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  /*768大小时*/
  .right-main .main {
    height: auto;
    overflow: hidden;
  }
  .main > .col-md-6 {
    overflow: hidden;
  }
  .right-main .substation-bottom {
    height: auto;
  }
  .nav-menu .menu-t1 {
    background-position: 25px 5px;
  }
  .nav-menu .menu-t2 {
    background-position: -66px 5px;
  }
  .nav-menu .menu-t3 {
    background-position: -164px 5px;
  }
  .nav-menu .menu-t4 {
    background-position: -258px 5px;
  }
  .nav-menu .menu-t5 {
    background-position: -352px 5px;
  }
  .nav-menu .menu-t6 {
    background-position: -450px 5px;
  }
  .nav-menu .menu-t7 {
    background-position: -545px 5px;
  }
  .nav-menu .menu-t8 {
    background-position: -646px 5px;
  }
  .nav-menu .menu-t9 {
    background-position: -737px 5px;
  }
}
/* 脚部菜单栏 */
#nav-foot {
  background: #096EDF;
  height: 41px;
  padding: 0 20px;
  color: #FFF;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10000;
  bottom: 0;
  line-height: 41px;
  font-size: 14px;
  /* span:nth-child(1){
		width:26px;
		height:22px;
		margin-top:10px;
		.d-ib();
		cursor:pointer;
		background:url(__TMPL__/public/assets/image2/top.png) no-repeat center;
		background-color:#FFF;
		.fr();
	} */
}
.alarm {
  width: 49px;
  height: 31px;
  background: url(__TMPL__/public/assets/image2/alarm.gif);
  display: inline-block;
  margin: 4px 0 00;
  float: right;
  cursor: pointer;
}
.left-menu {
  width: 160px;
  height: 100%;
  padding-top: 30px;
  position: absolute;
  background: #F2F2F2;
  border-right: 1px solid #DCDDDD;
}
.left-menu ul {
  margin-bottom: 0;
}
.left-menu ul li {
  padding: 22px 0 22px 30px;
  border-bottom: 1px solid #CCC;
  cursor: pointer;
}
.left-menu a {
  color: #585858;
}
.left-menu ul:nth-child(1) {
  border-top: 1px solid #CCC;
}
.left-menu ul li a:before {
  content: url(__TMPL__/public/assets/image2/left-menu.png);
  width: 30px;
  height: 30px;
  float: left;
}
.left-menu ul .left-active,
.left-menu ul li:hover {
  background: #FFF;
  border-left: 10px solid #3db3ff;
  padding-left: 25px;
}
.left-menu ul .left-active a,
.left-menu ul li:hover a {
  color: #3db3ff;
  text-decoration: none;
}
.left-menu ul li:hover a:before {
  content: url(../image2/left-menu-b.png);
}
.left-menu ul .left-active a:before {
  content: url(../image2/left-menu-b.png);
}
/* 主页 */
.main-box2d .run-bg {
  display: block;
  z-index: 10;
  position: relative;
  width: 100%;
  height: 5em;
  background-color: #5D676F;
  border-right: 1px solid #B5B5B6;
}
.main-box2d .run-bg img {
  padding-top: 21px;
}
.main-box2d .run-p {
  display: block;
  position: relative;
  z-index: 15;
  width: 100%;
  height: 3em;
  background-color: #7d848c;
  border-right: 1px solid #B5B5B6;
}
figure {
  position: relative;
}
/*这个设置为相对定位很重要，不然橙色框全跑到左边*/
figure .img-hover {
  z-index: 5;
  display: block;
  position: absolute;
}
.main-box2d figure .img-hover {
  /*把背景色块隐藏*/
  top: 0;
  left: 0;
  width: 100%;
  height: 8em;
  padding: 0 10px;
  text-align: center;
  background-color: #ffa73c;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.main-box2d figure .img-hover h4 {
  padding-top: 40px;
  color: #FFF;
}
.main-box2d figure .run-bg,
.main-box2d figure,
.main-box2d figure .run-p {
  /*把原来的图和下面的字隐藏*/
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.main-box2d figure:hover .run-bg,
.main-box2d figure.hover .run-bg,
.main-box2d figure:hover .run-p,
.main-box2d figure.hover .run-p {
  -webkit-transform: rotateY(180deg);
  /*鼠标经过时图片和下面的文字旋转180度*/
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.main-box2d figure:hover .img-hover,
.main-box2d figure.hover .img-hover {
  -webkit-transform: rotateY(0);
  /*鼠标经过时底部色块旋转0度*/
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.main-box2d ul li {
  height: 121px;
  margin-bottom: 10px;
}
/* 鼠标经过效果，测试暂时把它们注释掉 */
/*.main-box2d ul li:hover{ background:@orange;}
.main-box2d ul li:hover span{display:none;}
.main-box2d ul li:hover p{
	padding-top:45px; 
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	background:none;
}
*/
.main-box2d .main-box2c-1 {
  background-position: 1px 1px;
}
.main-box2d .main-box2c-2 {
  background-position: -123px -1px;
}
.main-box2d .main-box2c-3 {
  background-position: -245px -1px;
}
.main-box2d .main-box2c-4 {
  background-position: -368px 2px;
}
.main-box2d > ul > li > span {
  width: 42px;
  height: 40px;
  display: inline-block;
  margin: 15px 0 9px 0;
  background: url(../image2/main-box3.png) no-repeat;
}
.container-fluid {
  background: #F0F5FB;
  padding-right: 0!important;
  padding-left: 0!important;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 15px;
  /*文字大小*/
}
.container-fluid .row {
  /*主页两大行的设置，包含里面所有的块（即块的最外层）*/
  margin-left: 0;
  position: relative;
}
.main {
  margin-bottom: 10px;
}
#triangle-right {
  /*向右三角形*/
  width: 0;
  height: 0;
  border-left: 18px solid #30D08A;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 71px;
  left: 39%;
}
#triangle-right2 {
  width: 0;
  height: 0;
  border-left: 18px solid #36BCFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 157px;
  left: 39%;
}
#triangle-right3 {
  width: 0;
  height: 0;
  border-left: 18px solid #92D400;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 243px;
  left: 39%;
}
.container-fluid > .main:last-child {
  margin-top: 15px;
}
.main,
.right-main .substation-bottom {
  height: 49.4%;
  /*上下两个块的百分比高度*/
  min-height: 405px;
}
.main .col-lg-4,
.substation-bottom .col-lg-8,
.substation-bottom .col-lg-4 {
  height: 100%;
  /*小块的百分比高度*/
  overflow: hidden;
}
.substation-bottom .main-box4,
.substation-bottom .main-box5 {
  height: 97%!important;
}
.main-box {
  /*每个大块的设置*/
  background: #FFF;
  border: 1px solid #b4b4b5;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.main-menu {
  /*每个块的蓝底标题*/
  background: url(../image2/menu-icon.png) no-repeat;
  background-color: #3db3ff;
  color: #FFF;
  padding: 10px 0 10px 40px;
}
.main-box .substation {
  background-position: 10px 10px;
}
.main-box .runing {
  background-position: 10px -28px;
}
.main-box .event {
  background-position: 10px -68px;
}
.main-box .electric {
  background-position: 10px -106px;
}
.main-box .survey {
  background-position: 10px -145px;
}
.row > div {
  padding-right: 15px;
  padding-left: 0;
}
/* 主页第一个块 */
.s-select {
  background: rgba(255, 255, 255, 0.8);
  color: #096EDF;
}
.transform-select {
  padding-right: 10px;
}
.survey label {
  float: right;
  margin: 0 5px;
}
.transform-select label {
  float: right;
  margin: 6px 5px;
}
.survey span,
#NothingPower,
#havePower,
#NowPower,
.temperature-r {
  float: right;
  display: block;
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.temperature-r {
  width: 80px;
  padding: 0 5px!important;
}
.survey span:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #096EDF;
}
.survey span:even {
  color: red;
}
.substationlist {
  height: 35px;
  margin-right: 5px;
  border: 1px solid #ddd;
  background: #eee;
}
#tableSubName table th {
  background: #3db3ff;
  color: #FFF;
}
.modal-content .modal-header {
  padding: 10px;
}
.modal-dialog .modal-status {
  height: 484px;
}
.s-enter {
  background-color: #3db3ff;
  width: 90px;
  border-radius: 5px;
  height: 35px;
  color: #FFF;
  border: 0;
  vertical-align: -1px;
  font-size: 16px;
}
.leakage .signalall {
  background: #ffa73c;
  margin-left: 10px;
}
.substation-list {
  margin-top: 10px;
  border: 1px solid #ddd;
  height: 410px;
}
.main-1 .search {
  margin-left: 7px;
  height: 33px;
  width: 50px;
}
.main-1,
.main-2 {
  padding: 10px;
  height: 50px;
}
.main-1b {
  padding: 0 0 10px 10px;
  width: 100%;
  margin-top: 2px;
}
.main-1-s {
  /*第1块里下面的小块*/
  border: 1px solid #DCDCDC;
  text-align: center;
}
.main-1-s h5 {
  margin-top: 0;
}
.main-1-s p {
  margin: 0;
  background: #5D676F;
  color: #FFF;
  font-size: 22px;
  height: 50px;
  padding-top: 10px;
}
.main-1-s p span {
  font-size: 16px;
}
.main-1-s > h5 {
  margin-bottom: 10px;
}
.main-1-s > span {
  width: 100px;
  height: 46px;
  margin: 8px 0 8px 0;
  display: inline-block;
  background: url(../image2/main-box1.png) no-repeat;
}
.main-1-s .h5-1 {
  background-position: 19px 9px;
}
.main-1-s .h5-2 {
  background-position: -107px 5px;
}
.main-1-s .h5-3 {
  background-position: -225px -1px;
}
.main-1-s .h5-4 {
  background-position: -344px -2px;
}
.main-1-s .h5-5 {
  background-position: -450px 0;
}
.main-1b > div {
  padding-right: 10px;
}
/* 主页第二块 */
.form-control-w {
  width: 300px!important;
  display: inline-block !important;
}
.main-2 > p {
  padding: 5px;
  height: 31px;
  background: #F4F4F4;
}
.main-box2b > div > p {
  padding: 5px 0;
}
.main-box2b > div > span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-block;
  background: url(../image2/main-box2.png) no-repeat;
}
.main-2 .main-box2-1 {
  background-color: #F6684E;
  background-position: 21px 17px;
}
.main-2 .main-box2-2 {
  background-color: #36CF89;
  background-position: -74px 17px;
}
.main-2 .main-box2-3 {
  background-color: #FFA73C;
  background-position: -161px 17px;
}
.main-2 .main-box2-4 {
  background-color: #3EBCF8;
  background-position: -242px 17px;
}
.main-box2b > div {
  text-align: center;
}
.main-box2b p {
  margin-bottom: 0;
}
.main-box2 {
  font-size: 30px;
  font-family: Arial;
  font-weight: bold;
}
.main-box2 span {
  font-size: 12px;
  font-weight: normal;
}
.main-box2c p {
  margin-bottom: 0;
  padding: 13px 0 0 0;
}
.main-box2c ul li {
  width: 25%;
  display: inline-block;
  float: left;
  text-align: center;
  /* background: #5D676F; */
  color: #DCDDDD;
  cursor: pointer;
}
/* 主页第三块 */
.distribut .form-ib,
#StationName,
.remote-name,
.right-main > p,
.vision-form #Station {
  float: left;
}
.distribut .form-ib,
.transM-p,
.right-main > p,
.vision-form span {
  padding-top: 7px;
}
.distribut #StationName,
.row-remote #StationName,
.vision-form #Station,
.right-main .form-moni {
  width: 260px;
  margin-right: 5px;
  padding-left: 5px;
}
.vision-form #Station {
  display: block;
  height: 35px;
}
#SubListAddname,
#SubListUpdatename {
  margin-left: -4px;
}
.right-main .tempdata {
  width: 195px!important;
  margin-right: 0!important;
  float: left;
}
#Station {
  -webkit-appearance: none;
  background: #fff;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
#StationName {
  -webkit-appearance: none;
  background: #fff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-1 .form-substation {
  width: 301px;
  float: left;
}
.main-1 .form-ib {
  float: left;
  padding-top: 7px;
}
.main-box2b .main-box2-5 {
  background-color: #74B2FD;
  background-position: -333px 17px;
}
.main-box2b .main-box2-6 {
  background-color: #F6C721;
  background-position: -419px 17px;
}
.main-box2b .main-box2-7 {
  background-color: #F6684E;
  background-position: -507px 17px;
}
.main-box3 > div > span {
  margin-top: 53px;
}
.main-box3c {
  width: 100%;
  padding: 8px 10px 10px 10px;
}
.main-box3c div {
  height: 121px!important;
}
.room {
  background: url(../image2/box3.png) no-repeat;
  background-size: 100% 100%;
}
/* 第四块 */
.main-box4b,
.main-box5b {
  padding: 10px;
}
.box5-1 {
  width: 40%;
  height: 20%;
  display: inline-block;
  float: left;
  padding: 21px 0 21px 0;
  margin-right: -8px;
  text-align: center;
  color: #FFF;
  background: #30D08A;
  border-radius: 10px;
}
.box5-1,
.box5-2,
.box5-3 {
  font-size: 18px;
}
#difference img {
  height: 34px;
}
.main-box5 .box5-2 {
  background: #36BCFF;
}
.main-box5 .box5-2b {
  background: rgba(54, 188, 255, 0.1);
  border: 1px solid rgba(54, 188, 255, 0.3);
}
.main-box5 .box5-3 {
  background: #92D400;
  word-break: break-all;
  word-wrap: break-word;
}
.main-box5 .box5-3b {
  background: rgba(146, 212, 0, 0.1);
  border: 1px solid rgba(146, 212, 0, 0.3);
}
.box5-1b {
  width: 60%;
  height: 20%;
  font-size: 25px;
  padding: 15px 0 15px 45px;
  display: inline-block;
  float: left;
  border-radius: 0 10px 10px 0;
  background: rgba(48, 208, 138, 0.1);
  border: 1px solid rgba(48, 208, 138, 0.3);
}
.main-box5b {
  overflow: hidden;
}
.main-box5 .main-box5c {
  background: #5D676F!important;
  overflow: hidden;
  margin-top: 8px;
  height: 89px;
  padding: 13px 0 13px 0;
}
.main-box5 .main-box5c div {
  text-align: center;
  width: 50%;
  display: inline-block;
  float: left;
  overflow: hidden;
  background: #5D676F;
  color: #9FA0A0;
}
.main-box5 .main-box5c p {
  margin-bottom: 0;
}
.main-box5 .main-box5c div p:first-child {
  font-size: 25px;
  color: #FFF;
}
/* 地图 */
#map {
  width: 100%;
  height: 100%;
}
.map-total {
  width: 320px;
  height: 470px;
  background: #FFF;
  box-shadow: 0 0 15px #676767;
  border-radius: 20px;
  position: absolute;
  top: 110px;
  right: 30px;
  padding: 18px 0;
}
.map-total ul li {
  width: 50%;
  text-align: center;
  padding: 35px 10px 0 10px;
  background: url(../image2/map-totel.png) no-repeat;
  float: left;
}
.map-total span {
  font-size: 18px;
  font-weight: bold;
  color: #ffa73c;
}
.red {
  color: red!important;
  font-size: 18px;
}
.map-total .map-total1 {
  background-position: 56px -1px;
}
.map-total .map-total2 {
  background-position: -89px -1px;
}
.map-total .map-total3 {
  background-position: 59px -100px;
}
.map-total .map-total4 {
  background-position: -89px -100px;
}
.map-total .map-total5 {
  background-position: 54px -197px;
}
.map-total .map-total6 {
  background-position: -89px -197px;
}
.map-total .map-total7 {
  background-position: 62px -290px;
}
.map-total .map-total8 {
  background-position: -89px -290px;
}
.dis-substation {
  margin: 5px 0  0 40px;
  background: #3676f4;
  padding: 10px 72px;
  border-radius: 10px;
  color: white;
  border: 0;
}
.dis-substation:hover {
  background: #ffa73c;
}
/* 配电图 */
.distribut {
  height: 100%;
  background: #F0F5FB;
  padding: 0;
  margin-top: -5px;
}
.distribut .distribut-draw {
  margin-top: 10px;
  overflow: auto;
  height: 95%;
  clear: both;
  background: #000;
}
.distribut .distribut-draw text {
  line-height: 15px!important;
}
.distribut .distribut-draw h3 {
  text-align: center;
  color: white;
  z-index: 999;
}
/* 变压器监测 */
.transform-select .transformer-data {
  float: left;
}
.transform-select #dayCalenda {
  margin-bottom: 0;
}
.curve-today .transform-select .before {
  background: url(../image2/left-b.png) no-repeat 11px 8px;
}
.curve-today .transform-select .after {
  background: url(../image2/right-b.png) no-repeat 69px 8px;
}
.curve-today .transform-select {
  padding: 5px 10px 5px 10px;
  background-image: none;
}
.curve-today .transform-select .after,
.curve-today .transform-select .before {
  background-color: white;
  color: #3db3ff;
}
#NothingPower,
#havePower,
#NowPower {
  margin-top: 0;
}
.side-left .trans-left {
  height: 100%;
}
.side-left {
  height: 100%;
}
.trans-height {
  height: calc(100% - 78px);
  display: block;
  margin-top: 10px;
  overflow-y: auto;
  clear: both;
}
.side-left {
  width: 290px;
  position: absolute;
  left: 0;
}
.side-rig {
  width: 100%;
  height: 100%;
  position: relative;
  padding-right: 15px;
}
.side {
  padding-left: 285px;
  height: 100%;
}
.side-left-i {
  background: #FFF;
  border: 1px solid #b4b4b5;
  height: 100%;
}
.side-left-i .main-menu {
  background-position: 10px 11px;
}
.tran-state {
  background: #FFF;
  border: 1px solid #b4b4b5;
  overflow: hidden;
  height: 280px;
}
.tran-state .main-menu {
  background-position: 10px -68px;
}
.tran-state > ul > li {
  display: inline-block;
  float: left;
}
.mainmenu-time {
  float: right;
  margin-right: 10px;
  font-weight: normal;
}
.tran-stateb {
  padding: 0 0 10px 10px;
  overflow: hidden;
}
.tran-stateb > p {
  color: #ffa73c;
  margin: 10px 0;
}
.tran-stateb > p span {
  font-size: 18px;
  font-weight: bold;
}
.tran-statec {
  width: 20%;
  min-width: 180px;
  padding-right: 10px;
  float: left;
}
.tran-statec img {
  margin: 0 auto;
  display: block;
}
.tran-statec p {
  background: #ffa73c;
  color: #FFF;
  padding: 8px 10px 8px 20px;
}
.tran-statec ul {
  background: #dcdddd;
  padding: 10px 0 10px 36px;
  height: 135px;
}
.tran-statec ul li {
  padding: 5px 0;
  list-style-image: url(../image2/square.png);
}
.curve-today {
  height: calc(100% - 280px);
  padding-top: 10px;
}
.curve-today .main-menu {
  background-position: 10px -106px;
}
.curve-today .curve-today-i {
  background: #FFF;
  border: 1px solid #b4b4b5;
  height: 100%;
}
.curve-today .curve-today-i2 {
  padding: 10px;
  height: 90%;
}
.side-left-i2 {
  padding: 8px 0 8px 8px;
  overflow: auto;
}
.side-left-i2 ul li {
  text-align: center;
  display: block;
  width: 100%;
  height: 80px;
  padding-top: 110px;
  background: url(../image2/transform-s.png) no-repeat 86px 28px;
  cursor: pointer;
}
.side-l-transform {
  height: calc(100% - 41px);
}
.side-left-i2 .trans-select,
.side-left-i2 ul li:hover {
  /*常规尺寸下*/
  color: #ffa73c;
  font-weight: bold;
  background-position: center -98px;
}
/* 电力数据 */
.elec-p button {
  float: right;
  width: 80px;
  height: 30px;
  margin-top: -4px;
  border-radius: 5px;
  border: none;
}
.treeview-h {
  width: 100%;
  height: calc(100% - 71px);
  overflow: auto;
  border-top: 1px solid #dcdddd;
  border-bottom: 1px solid #dcdddd;
}
.side-left-i .energy-h {
  height: calc(100% - 115px);
}
#treeview {
  width: 350px;
  height: auto;
}
#phaseList span {
  margin: 0 15px 0 2px;
}
#phaseList input {
  width: 20px;
  height: 20px;
  vertical-align: -4px;
}
.triangle-bottom1,
.triangle-bottom2 {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ffa73c;
  position: absolute;
  top: 35px;
  left: 40px;
}
.side .side-rig-2 {
  min-width: 652px;
}
.padding-r,
.elec-check {
  padding-right: 15px;
}
#dayCalendar {
  float: left;
}
.elec-rig1 > label:first-child {
  float: left;
}
.elec-rig1 {
  border: 1px solid #b4b4b5;
  padding: 9px 0 11px 20px;
  margin-bottom: 10px;
  background: #FFF;
}
.elec-rig1 label {
  padding-top: 6px;
  font-weight: normal;
  float: left;
}
.elec-rig1 .select {
  margin-right: 15px;
  float: left;
}
.elec-chart,
.elec-data {
  position: relative;
  width: 90px;
  height: 35px;
  border: 0;
  border-radius: 5px;
  color: #FFF;
  background: url(../image2/elec-icon.png) no-repeat;
  background-position: 12px 5px;
  background-color: #3db3ff;
  padding-left: 33px;
  cursor: pointer;
  font-size: 16px;
  margin: 0 5px 10px 0;
}
.elec-data {
  background-position: -88px 6px;
}
.elec-select,
.elec-chart:hover,
.elec-data:hover {
  background-color: #ffa73c;
  border: 0;
  outline: none;
  /*消除蓝色边线*/
}
.elec-p {
  background: #FFA73C;
  padding: 8px 10px;
  color: #FFF;
  white-space: pre;
  margin-bottom: 10px;
}
.elec-line {
  height: calc(100% - 112px);
  border: 1px solid #b4b4b5;
  background-color: white;
}
/* 用能报表 */
.row .before {
  background: url(../image2/before.png) no-repeat 11px 8px;
  background-color: #3db3ff;
  padding-left: 15px;
  width: 90px!important;
  height: 35px;
}
.row .after {
  background: url(../image2/after.png) no-repeat 69px 8px;
  background-color: #3db3ff;
  text-align: left;
  padding-left: 14px;
  width: 90px!important;
  height: 35px;
}
.cascade {
  background-color: #3db3ff;
  color: white;
  clear: both;
  padding: 10px 10px 2px 10px;
}
.cascade span {
  margin-right: 80px;
}
.cascade input {
  width: 15px;
  height: 15px;
  vertical-align: -2px;
}
.input-group .form-control:first-child {
  width: 112px;
}
.energy-rig {
  height: 100%;
}
#tab-container {
  height: 100%;
  min-width: 504px;
  background: #FFF;
  border: 1px solid #b4b4b5;
}
#tab-nav {
  background: #FFF;
  margin: 0;
  padding: 0;
  border-bottom: 8px solid #3db3ff;
}
#tab-nav li {
  display: inline-block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.nav-hour {
  background: url(../image2/hour.png) no-repeat 43px -30px;
}
.nav-day {
  background: url(../image2/nav-day.png) no-repeat 43px -30px;
}
.nav-month {
  background: url(../image2/nav-month.png) no-repeat 43px -30px;
}
.nav-year {
  background: url(../image2/nav-year.png) no-repeat 43px -30px;
}
#tab-nav li a {
  display: block;
  padding-left: 30px;
  border-right: 1px solid #dcdddd;
  color: #696969;
  text-decoration: none;
}
#tab-content {
  margin-top: 10px;
  height: calc(100% - 46px);
  clear: both;
}
#tab-content thead {
  background: #3db3ff;
  color: white;
}
.tab-loss .table-loss {
  width: 80%;
}
#tab-nav li a.nav-active,
#tab-nav li a:hover {
  color: #FFF;
  padding-left: 30px;
  background-color: #3db3ff;
  background-position: 43px 11px;
}
.day {
  border: 1px solid red;
  height: 95%;
}
.energy-date {
  float: left;
  font-weight: normal;
}
.search,
.export {
  border: 0;
  color: #FFF;
  padding: 0 0 1px 28px;
  margin-right: 10px;
}
#year {
  margin-right: 10px;
}
#endDate {
  margin-right: 5px;
}
.reportcollect-search {
  width: 90px!important;
  float: left;
  height: 34px!important;
}
.search {
  background: url(../image2/search-w.png) no-repeat 14px 7px;
  background-color: #3db3ff;
  width: 90px;
  height: 35px;
  border-radius: 5px;
}
.distribut > .search,
.side-left-i .search,
.row-remote .search,
p .search,
.vision-form .search {
  height: 33px;
  width: 50px;
}
.distribut > .search {
  float: left;
}
.vision-form .form-control {
  width: 250px!important;
}
.search-sig {
  height: 35px;
}
.side-left-i .search,
.side-left-i2 > span {
  float: left;
}
button {
  outline: none;
}
.side-left-i2 > .search {
  float: left;
  margin-left: 8px;
  margin-right: 0;
}
.side-left-i2 > .form-control,
.side-left-i2 > .select-down {
  width: 197px;
  padding-left: 5px;
  float: left;
}
p .search {
  vertical-align: -8px;
  margin-left: 5px;
}
p .select-down {
  padding-left: 5px;
}
.distribut > .search {
  vertical-align: -10px;
}
.export {
  width: 90px;
  border-radius: 5px;
  background: url(../image2/search.png) no-repeat 12px 6px;
  background-color: #3db3ff;
  height: 35px;
}
.energy-export {
  float: left;
}
#dayCalendar {
  width: 150px;
  margin-right: 10px;
}
.energy-row {
  padding: 15px 10px 15px 10px;
  height: 85%;
}
.energy-row > .row {
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 10px;
  height: 36px;
  line-height: 32px;
}
.energy-row2,
.energy-row3 {
  display: none;
}
/*变电所状态*/
.clear-l {
  clear: both;
  margin-top: 10px;
}
.main-m-t {
  margin-top: 10px;
}
.box5-1b img {
  margin-left: 40px!important;
  margin-top: -5px;
}
/*同比分析*/
#tab-container .tab-analysis {
  height: 60%;
}
#tab-container .tab-anslysis-t {
  height: 40%;
  padding: 10px 10px 0 10px;
  border: 1px solid #dcdddd;
}
.remote-name {
  float: left;
  font-weight: normal;
}
.remote-sel {
  float: left;
  margin-right: 10px;
  height: 34px;
}
.padding-lr .search-romote {
  background-position: 22px 6px;
}
.row-remote {
  height: 34px;
  line-height: 34px;
}
.row-remote select {
  margin-right: 10px;
}
.row-remote #searchBtn {
  padding-left: 28px;
  float: left;
}
.row-remote .search {
  vertical-align: 9px;
}
.row-remote #check {
  vertical-align: 9px;
}
.row-remote #check input {
  width: 22px;
  height: 22px;
}
.row-remote #check label {
  vertical-align: 5px;
}
.padding-lr .row-remote {
  margin-right: 0;
  height: 32px;
  line-height: 32px;
}
.romote-rig .pagination {
  float: right;
  margin: 20px 10px 103px 0;
  padding-right: 20px;
}
.padding-r .tab-remote {
  padding-left: 0!important;
}
/* 环境监测 */
.commun {
  padding-top: 0;
  font-weight: normal;
  float: left;
}
/* 环境监测 */
.envir-date {
  padding-top: 0;
}
.temperature {
  border: 1px solid #dcdddd;
  background-color: #FFF;
  padding: 10px;
  overflow: hidden;
  height: 120px;
}
.temperature > span {
  width: 130px;
  height: 110px;
  margin-right: 15px;
  display: inline-block;
  background: url(../image2/air.png) no-repeat;
  background-size: 450%;
  background-position: 20px 0;
  float: left;
}
.temperature .tem-p2 {
  background-position: -155px 0;
}
.temperature .tem-p3 {
  background-position: -310px 0;
}
.temperature .tem-p4 {
  background-position: -470px 0;
}
.temperature h2 {
  float: right;
  font-weight: bold;
  padding-bottom: 0;
}
.temperature > p {
  font-weight: bold;
  font-size: 18px;
  padding: 6px 0 0 0;
}
.temperature > hr {
  margin: 0;
  margin-top: -2px;
}
.tem-thick {
  width: 40px;
  border: 2px solid #888888;
  z-index: 9999;
}
.env-date {
  padding: 0 0 3px 0;
  line-height: 35px;
  margin-top: 10px;
}
.env-box2 {
  min-height: 250px;
}
.row-environment {
  height: calc(100% - 211px);
}
.row-environment .col-sm-12 {
  height: calc(50% - 10px);
}
.row-environment .col-sm-12:first-child {
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .overlimit {
    clear: both;
  }
  /*变电所状态*/
  /* .right-main{margin-bottom:50px;} */
  .main-1 .form-substation {
    width: 245px;
  }
  .container-login {
    padding: 3% 0 5% 0;
  }
  .login-m-r {
    padding: 36px 30px 0 30px;
  }
  .tran-statec ul {
    padding: 10px 0 10px 25px;
  }
}
@media (max-width: 1590px) {
  .even-down {
    clear: both;
  }
  .side .elec-report {
    width: 100%;
    height: 286px;
    margin-bottom: 10px;
    position: relative;
  }
  .side .elec-report .treeview-h {
    height: 235px;
  }
  .right-main .side-elec-report {
    padding-left: 0;
    position: relative;
  }
  .side-rig-2 .report-line {
    height: 500px;
  }
  /*变压器监测*/
  .tran-statec {
    padding-right: 5px;
  }
  #dayCalendar,
  .elec-rig1 > button,
  .elec-rig1 .select,
  #phaseList span {
    margin-right: 5px;
  }
}
@media (max-width: 1440px) {
  /*------1440---1440---1440---1440---1440*/
  /**/
  .row-loss .reportCollection {
    background-size: 40%;
  }
  .overlimit-h {
    height: calc(100% - 76px);
  }
  .consume-h {
    height: calc(100% - 110px);
  }
  .row .side-left-tran {
    height: 180px;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 10px;
  }
  .side-l-transform #StationName {
    width: 260px;
  }
  .side-left-i2 .trans-select,
  .side-left-i2 ul li:hover {
    display: block;
    background-size: 65px;
    background-position: center -77px !important;
    text-align: center;
  }
  .side-left-i2 .trans-select,
  .side-left-i2 ul li:hover {
    background-size: 65px;
    background-position: center -77px !important;
  }
  .trans-height {
    height: 90px;
    overflow-y: auto;
  }
  .side-left-i2 ul li {
    padding-top: 68px!important;
    background-position: center 9px!important;
    background-size: 69px;
    float: left;
    width: 100px;
    z-index: 99999;
  }
  .right-main .side-rig-tran {
    height: auto;
    float: left;
  }
  .curve-today {
    height: 320px;
  }
  .right-main .side-tran {
    padding-left: 0;
  }
  /*菜单*/
  /*漏电监测*/
  .modal-dialog .modal-leakage {
    margin-top: 40px;
  }
  .right-main {
    padding-top: 131px;
  }
  .left {
    top: 100px;
  }
  /*遥信事件*/
  .signal-date {
    clear: left;
  }
  .row-remote .signal-date-sel {
    margin-right: 10px!important;
    margin-bottom: 8px;
  }
  /*其他*/
  .main-1b > div {
    width: 20%;
  }
  .main-1b .clear-l {
    clear: none;
  }
  .main-1b .clear-l,
  .main-1b .main-m-t {
    margin-top: 0;
  }
  .nav-l {
    color: #096EDF;
    height: 50px;
    margin-top: -12px;
    margin-left: 10px;
  }
  .nav-l .nav-logo {
    width: 170px;
    height: 57px;
    background: url(../image2/logo.png) no-repeat 30px 24px;
    background-size: 130px;
  }
  .nav-r {
    background: url(../image2/close.png) no-repeat 5px 17px;
  }
  .nav-menu li {
    padding-top: 7px;
  }
  .nav-r-h {
    color: #096EDF;
    padding: 23px 10px 0 20px;
  }
  .map-total {
    top: 150px;
  }
  #nav {
    height: 118px;
    background: none;
    padding: 0;
    background-color: #FFF;
  }
  .nav-m {
    width: 100%;
    height: 66px;
    clear: both;
    background: -webkit-linear-gradient(left top, #338ff6, #3668ef);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #338ff6, #3668ef);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #338ff6, #3668ef);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #338ff6, #3668ef);
    /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColor=#f6f4ef, endColorstr=#f1ede6, gradientType=0);
  }
  .nav-m ul li {
    width: 11%;
    text-align: center;
  }
  .nav-menu .menu-t1 {
    background-position: 56px 5px;
  }
  .nav-menu .menu-t2 {
    background-position: -38px 5px;
  }
  .nav-menu .menu-t3 {
    background-position: -133px 5px;
  }
  .nav-menu .menu-t4 {
    background-position: -228px 5px;
  }
  .nav-menu .menu-t5 {
    background-position: -325px 5px;
  }
  .nav-menu .menu-t6 {
    background-position: -519px 5px;
  }
  .nav-menu .menu-t7 {
    background-position: -519px 5px;
  }
  .nav-menu .menu-t8 {
    background-position: -631px 5px;
  }
  .nav-menu .menu-t9 {
    background-position: -708px 5px;
  }
  /*---菜单---*/
  .elec-rig1 {
    padding: 9px 0 11px 10px;
  }
  .Electric-span {
    margin-top: 7px;
  }
  .main-1 .form-substation {
    width: 210px;
  }
  .modal-dialog .modal-leakage {
    margin-top: -90px;
  }
  /*主页*/
  .clear-l {
    clear: none;
    margin-top: 0;
  }
  .main-m-t {
    margin-top: 0;
  }
  .main-1b .main-m-t {
    margin-top: 0;
  }
  .main .main-1024-b {
    width: 100%;
    height: 250px;
  }
  .right-main {
    margin-bottom: 60px;
  }
  .substation-bottom .main-box4,
  .substation-bottom .main-box5 {
    margin-top: 10px;
  }
  .main-1b > .col-xs-4 {
    width: 20%;
  }
  .main > .col-md-6 {
    width: 50%;
    margin-top: 10px;
  }
  /* .right-main{margin-bottom:45px;} */
  /*电能集抄*/
  .consume-select #Confirm {
    clear: both;
    margin-top: 10px;
    margin-left: 0;
  }
  .consume-select #BtnExport {
    margin-top: 10px;
  }
  /*登录*/
  .container-login {
    padding: 1% 0 5% 0;
  }
  /*计量及线路损耗*/
  .row-loss {
    padding-right: 15px;
  }
  /*电力监测*/
  .side-left {
    width: 285px;
  }
  .side {
    padding-left: 280px;
  }
  .tran-statec {
    min-width: auto;
  }
  .tran-statec ul {
    padding: 10px 0 10px 20px;
  }
  .tran-stateb ul {
    overflow: hidden;
  }
  .tran-stateb {
    padding-bottom: 0;
  }
  .side-left-i2 ul li {
    padding-top: 98px;
  }
  .side-left-i2 .tran s-select,
  .side-left-i2 ul li:hover {
    background-position: 70px -109px;
  }
  .side-left-i2 ul li {
    background-position: 70px 19px;
  }
  /*谐波监测*/
  .harmonic-sel select {
    width: 150px;
  }
  /*登录界面*/
  .login-m-r button {
    margin-top: 46px;
  }
  .container-login {
    padding: 6% 0 5% 0;
  }
  .login-m {
    height: 535px;
  }
}
@media (max-width: 1366px) {
  /*1366    1366*/
  #dayCalendar {
    margin-bottom: 10px;
  }
  /*变压器监测*/
  .tran-stateb > p {
    margin: 0;
  }
  .tran-statec ul li {
    padding: 0;
  }
  .tran-statec ul {
    height: 100px;
  }
  .tran-state {
    height: 222px;
  }
  .tran-statec p {
    padding: 4px 10px 4px 20px;
  }
  .tran-stateb > p:first-child {
    padding: 5px;
  }
  /*电力数据*/
  .side .electric-line {
    height: calc(100% - 156px);
  }
  .modal-dialog .modal-leakage {
    margin-top: 26px;
  }
  .Electric-bottom #dayCalendar {
    margin-bottom: 10px;
  }
  /*变电所状态*/
  .box5-1b img {
    margin-left: 5px!important;
  }
  /*电力运行报表*/
  .side-rig-2 .report-line {
    height: 450px;
  }
  /*所有模态框*/
  .modal-dialog {
    padding-top: 107px;
  }
  /*环境状态*/
  .enviro .col-md-3 {
    width: 50%;
  }
  .subChart-title {
    padding-top: 75px;
  }
  .enviro .col-md-3:nth-child(3) {
    margin-top: 10px;
  }
  .enviro .col-md-3:nth-child(4) {
    margin-top: 10px;
  }
  .temperature > span {
    width: 95px;
  }
  .temperature {
    height: 95px;
  }
  .temperature h2 {
    font-size: 25px;
    margin-top: 5px;
  }
  .temperature > p {
    padding: 0;
  }
  .temperature > span {
    background-position: 6px 0;
  }
  .temperature .tem-p2 {
    background-position: -118px 0;
  }
  .temperature .tem-p3 {
    background-position: -236px 0;
  }
  .temperature .tem-p4 {
    background-position: -346px 0;
  }
  .row-environment {
    height: auto;
  }
  .env-1024 {
    margin-bottom: 50px;
  }
  .fixed-table-body {
    border-bottom: 1px solid #b4b4b5;
  }
  /*电力数据*/
  .side-rig-2 .harm-h {
    height: calc(100% - 156px);
  }
  .elec-line {
    height: calc(100% - 206px);
  }
  .side-energydata {
    margin-bottom: 50px;
  }
  #phaseList {
    display: block;
    float: left;
    margin-top: 3px;
  }
  .data-select > button {
    float: none;
  }
  .Electric-sel {
    clear: both;
  }
  /*计量及线路损耗*/
  .row-loss {
    padding-right: 15px;
  }
  /*变压器监测*/
  .side-tran {
    margin-bottom: 30px;
  }
  .tran-statec ul {
    padding: 5px 0 0 20px;
  }
  .tran-statec p {
    margin-bottom: 5px;
  }
  .curve-today {
    padding-top: 8px;
  }
  /*主页-变电所状态*/
  /*视频监控*/
  .vision-one img {
    margin: 5% 32%;
  }
  /*登录界面*/
  .login-m-r {
    padding: 26px 30px 0 30px;
    right: 23%;
  }
  .login-m-r button {
    margin-top: 25px;
  }
  .login-m {
    height: 450px;
  }
  .container-login {
    padding: 2% 0 5% 0;
  }
  .login-c {
    margin: 15px 0 15px 0;
  }
  .login-m button {
    height: 50px;
  }
}
@media (max-width: 1360) {
  .side .side-left-tran {
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 10px;
  }
}
@media (max-width: 1280px) {
  .instrument-over {
    clear: left;
  }
  .clear1 {
    margin: 50px 0 0 -165px;
  }
  .clear2 {
    margin: 50px 0 0 15px;
  }
  /*变压器监测*/
  .tran-statec {
    width: 50%;
    margin-bottom: 5px;
  }
  .tran-statec p {
    margin: 0;
  }
  .tran-state {
    height: auto;
  }
  .side .side-left-data {
    height: 100%;
  }
  .side .elec-report {
    height: 286px;
  }
  /*越限事件*/
  .overlimit-h {
    height: calc(100% - 83px);
  }
  /*谐波监测*/
  .side-left-i .energy-h {
    height: 672px;
  }
  .side-left-i-CEReport .treeview-h {
    height: 751px;
  }
  /*电力数据*/
  .side-rig-2 .harm-h {
    height: 626px;
  }
  .energy-rig {
    height: 789px;
  }
  .consume-h {
    height: 722px;
  }
  .Temp-h {
    height: calc(100% - 71px);
  }
  .row .comm-h {
    height: calc(100% - 54px);
  }
  /*电能集抄*/
  .consume-select #Confirm {
    clear: none;
    margin-left: 10px;
    margin-top: 0;
  }
  .consume-select #BtnExport {
    margin-top: 0;
  }
  .side-rig .consume-select button {
    margin-top: 0;
    margin-left: 10px;
  }
  /*遥信事件*/
  .even-down {
    clear: both;
  }
  /*变电所状态*/
  .main-1 .form-substation {
    width: 270px;
  }
  .side-left {
    height: auto;
  }
  .right-main .side-tran {
    padding-left: 0;
  }
  .side-left-i2 ul {
    clear: both;
  }
  .side-left-i2 ul li {
    display: block;
    float: left;
    width: 120px;
    background-position: center 11px!important;
    background-size: 65px;
  }
  .side-left-i2 span {
    float: left;
  }
  .side-left-i2 .form-control {
    float: left;
  }
  .side-left-tran .side-left-i {
    height: 180px;
  }
  /*登录界面*/
  .login-t h2 {
    font-size: 31px;
  }
  .logo-icon {
    background-size: 166px;
    width: 175px;
    vertical-align: -10px;
  }
  .login-m-r {
    top: 45px;
  }
  .login-m-r button {
    margin-top: 18px;
  }
}
/*@media (max-width:1180px){       /*小于1024*/
/*}*/
@media (max-width: 1024px) {
  #SignalsearchBtn {
    margin-right: 0;
  }
  #tableDataLeakageMonitor table button {
    background-position: 14px 3px;
  }
  .electric-label {
    clear: both;
  }
  .data-select #dayCalendar {
    margin-bottom: 10px;
  }
  .data-select button {
    float: left;
  }
  .right-main {
    margin-left: 79px;
    width: calc(100% - 79px);
  }
  .main .col-lg-4:last-child {
    height: 359px;
  }
  /*div距离底部的高度*/
  .substation-bottom,
  #tableData,
  .curve-today,
  .energy-rig,
  .fixed-table-container,
  #tab-content {
    margin-bottom: 45px!important;
  }
  .searchBtn {
    height: 25px;
  }
  .side-rig .consume-select select {
    width: 55px!important;
  }
  .consume-end {
    clear: both;
  }
  /*----div距离底部的高度----*/
  .consume-h {
    height: 500px;
  }
  .energydata-tab .fixed-table-container {
    height: 365px!important;
  }
  .consume-select #Confirm,
  .side-rig .consume-select button {
    margin-left: 0;
  }
  .consume-end,
  .consume-start1 {
    margin-right: 5px;
  }
  .consume-select #Confirm {
    clear: none;
  }
  #startDate,
  #endDate {
    width: 142px;
  }
  .side-left-i2 span {
    padding-top: 8px;
  }
  .Electric-sel {
    margin-top: 0;
  }
  /*菜单栏*/
  .left {
    width: 80px;
    z-index: 999;
  }
  .right-main {
    padding-bottom: 50px;
  }
  .left-menu ul li {
    width: 70px;
    height: 70px;
    background-color: #3676f4;
    cursor: pointer;
    border-bottom: 1px solid #FFF;
  }
  .left-menu {
    width: 70px;
  }
  .left-menu ul a {
    width: 120px;
    height: 70px;
    line-height: 70px;
    margin-left: 63px;
    background: #3db3ff;
    color: white;
    display: inline-block;
    z-index: 999;
    display: none;
  }
  .left-menu ul li {
    display: table;
    padding-left: 3px;
  }
  .left-menu ul li span {
    display: table-cell;
    height: 40px;
    color: white;
    /* padding-top: 20px; */
    text-align: center;
    vertical-align: middle;
  }
  .left-menu ul .left-active,
  .left-menu ul li:hover {
    background: #3db3ff;
  }
  .left-menu ul .left-active a,
  .left-menu ul li:hover a {
    color: #FFF;
  }
  .left-menu ul .left-active,
  .left-menu ul li:hover {
    padding-left: 0;
    border-left: 3px solid #3db3ff;
  }
  .left-menu ul li a:before {
    width: 14px;
  }
  /*遥信事件*/
  .signal-clear {
    clear: both;
  }
  /*环境监测*/
  .temperature > span {
    margin-left: 18px;
  }
  .env-1024 {
    margin-bottom: 80px;
  }
  /*用能报表*/
  .side {
    padding-left: 0;
  }
  .energy-rig #dayCalendar {
    margin-right: 0;
  }
  .energy-rig {
    min-width: 502px;
  }
  /*谐波治理*/
  /* 	.side-rig .elec-rig1 .horm-1024{padding-top:15px;} */
  .elec-rig1 button {
    margin-left: 0;
  }
  .elec-rig1 .select {
    margin-right: 10px;
  }
  .elec-rig1 {
    padding: 9px 0 11px 12px;
  }
  .triangle-bottom {
    top: 143px;
  }
  /*用能报表*/
  .side-energydata {
    padding-left: 0;
  }
  .energy-rig {
    height: 500px;
  }
  /*电力数据*/
  .treeview-h {
    height: 244px;
  }
  .elec-check {
    padding: 0;
  }
  .side .side-rig-2 {
    min-width: auto;
  }
  #EnergyType {
    margin-right: 10px;
  }
  /*主页*/
  .main > .col-md-6 {
    width: 100%;
  }
  .main-box3-t {
    height: 357px;
  }
  .col-xs-12 > .main-box {
    margin-bottom: 10px;
  }
  /*变电所概况*/
  .main-2 > p {
    margin-bottom: 10px;
  }
  .main > div:nth-child(2) {
    margin-bottom: 10px;
  }
  /*用户管理*/
  .modal-dialog {
    padding-top: 110px;
  }
  .modal-dialog .modal-leakage {
    margin-top: 0;
  }
  /*其他*/
  .consume-select button {
    margin-top: 10px;
  }
  .side .side-left {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative;
  }
  .side .side-left .treeview-h {
    height: 235px;
  }
  .left {
    top: 119px;
  }
  .nav-r {
    height: 55px;
  }
  .right-main {
    z-index: 999;
    margin-bottom: 50px;
    min-width: 500px;
  }
  .left-menu {
    padding-top: 14px;
  }
  .main-box3 > div > span {
    margin-top: 15px;
  }
  .main-box3c {
    padding-top: 0;
  }
  .main > .main-box:first-child {
    margin-bottom: 15px;
  }
  .right-main .main .main-box3c div {
    height: 113px;
  }
  .container-login {
    padding: 10% 0 5% 0;
  }
  .login-m-r {
    width: 30%;
    padding-top: 24px;
    top: 45px;
    right: 15%;
  }
  .login-m-r button {
    margin-top: 13px;
  }
  .inputstyle {
    margin-bottom: 10px;
  }
  .login-m {
    height: 52%;
    min-height: 400px;
  }
  .login-t h2 {
    font-size: 30px;
  }
  .login-t h2 .logo-icon {
    width: 168px;
    background-size: 160px;
    vertical-align: -12px;
  }
}
@media (max-width: 1000px) {
  .systemname {
    clear: left;
  }
  .clear5 {
    margin: -335px;
  }
  .clear3 {
    margin: 50px 0 0 -321px;
  }
  .clear4 {
    margin: 50px 0 0 -140px;
  }
  .instrument {
    clear: left;
  }
  .right-main > .main {
    height: auto;
  }
  .substation-bottom .main-box4,
  .substation-bottom .main-box5 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .survey span,
  #NothingPower,
  #havePower,
  #NowPower,
  .temperature-r {
    width: 40px;
  }
  .curve-today .transform-select .before {
    background-position: 5px 8px;
  }
  .curve-today .transform-select .after {
    background-position: 56px 8px;
  }
  /* 	.search,.export,.row .before,.row .after{width:70px!important;} */
  .row .before {
    background-position: 4px 8px;
  }
  .row .after {
    background-position: 53px 8px;
    padding-left: 7px;
  }
  .search,
  .export {
    margin-right: 0;
  }
  .tran-state {
    height: 485px;
  }
  /*所有底部div被遮挡*/
  .distribut,
  #tab-container,
  .curve-today,
  .consume-h,
  .clearfix,
  .comm-h {
    margin-bottom: 20px;
  }
  /*---遮挡高度----*/
  .nav-menu li {
    padding: 10px;
  }
  .add {
    width: 79px;
  }
  .searchBtn {
    height: 25px;
  }
  .side-rig .consume-select select {
    width: 55px!important;
  }
  .main .col-lg-4:last-child {
    height: auto;
  }
  .substation-bottom .col-lg-8 {
    height: auto;
  }
  .substation-bottom .main-box4,
  .substation-bottom .main-box5 {
    margin-top: 0;
  }
  .substation-bottom .main-box4,
  .right-main .substation-bottom .main-box5 {
    height: 400px!important;
  }
  #Refresh,
  .after,
  .before,
  .export {
    margin-right: 3px;
  }
  .harmonic-sel {
    clear: both;
    padding-top: 10px;
  }
  /*变电所状态*/
  .modal-list {
    width: 750px!important;
  }
  /*菜单栏*/
  .nav-menu .menu-t1 {
    background-position: 39px 5px;
  }
  .nav-menu .menu-t2 {
    background-position: -56px 5px;
  }
  .nav-menu .menu-t3 {
    background-position: -153px 5px;
  }
  .nav-menu .menu-t4 {
    background-position: -248px 5px;
  }
  .nav-menu .menu-t5 {
    background-position: -344px 5px;
  }
  .nav-menu .menu-t7 {
    background-position: -538px 5px;
  }
  .nav-menu .menu-t9 {
    background-position: -726px 5px;
  }
  /*用电分析*/
  .side {
    padding-left: 0!important;
  }
  /*谐波监测*/
  .triangle-bottom {
    top: 143px;
  }
  /*环境监测*/
  .temperature > span {
    margin-left: 0;
  }
  /*变压器监测*/
  .main-box {
    min-width: 523px!important;
  }
  /*变电所状态*/
  .main-box5 {
    margin-bottom: 80px;
  }
  .row-remote .search-sig {
    left: 451px;
  }
  .main-box3 > div > span {
    margin-top: 10px;
  }
  /*其他*/
  .data-select #export {
    float: left;
  }
  .search {
    background-position: 7px 7px;
  }
  .container-login {
    padding-top: 20%;
  }
  .login-m {
    min-height: 320px;
  }
  .login-m-r {
    width: 32%;
    padding: 12px 15px 0 15px;
    top: 35px;
  }
  .login-m-r input:first-child {
    margin-top: 3px;
  }
  .inputstyle {
    margin-bottom: 5px;
  }
}
@media (max-width: 760px) {
  .enviro .col-md-3 {
    width: 100%;
  }
  .enviro .col-md-3:nth-child(2) {
    margin-top: 10px;
  }
}