/* 登录 */
.heard{width: 100%;height: 70px;line-height: 70px;padding:  0 30px;}
.heard .logo{ font-size: 24px;color: #333;}
.heard .back{font-size: 14px;color: #999;}
.login-box{width: 100%;height: 800px;background: url(../images/login-back.png);background-size: cover;padding-right: 18.75%; padding-top:180px ;}
.login-box .login{width: 390px; height: 430px;border-radius: 4px; background-color: #fff;text-align: center;padding: 45px 25px;text-align: center;}
.login-box .login .title{font-size: 24px;color: #333; font-weight: bold;padding-bottom: 35px;}
.login-box .login .input-box{width: 100%;height: 45px;line-height: 45px;border-radius: 4px;border: 1px solid #E4E5EB;padding-left: 12px;margin-bottom: 20px;}
.login-box .login .input-box input{padding-left:10px;flex:1; height: 100%;}
.login-box .login .code-box .input-box{width: 190px;margin-bottom: 0;display:flex;padding-left:0;}
.login-box .login .code-box img{width: 135px;height: 43px;}
.login-box .login .btn-box{ width: 100%;padding-top: 45px;}
.login-box .login .btn-box button{  width: 100%;  height: 44px;  border-radius: 4px; color: #fff;   font-size: 18px;
    background-image: -moz-linear-gradient( -90deg, rgb(0,190,238) 0%, rgb(72,140,255) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(0,190,238) 0%, rgb(72,140,255) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(0,190,238) 0%, rgb(72,140,255) 100%);
    box-shadow: 0px 6px 18px 0px rgba(70, 141, 255, 0.22);}
.footer{text-align: center;font-size: 14px;color:#999;padding: 24px 15px;}

/* 一级客户页面 */
.primary-box{width: 100vw;height: 100vh;background: #01071D;}
.primary-box .title-line{height: 115px;line-height: 80px; color: #fff;position: relative;background: url(../images/heard.png) no-repeat; background-size: 100% 100%;}
.primary-box .title-line .weather-box {width: 25.8%;padding-left: 40px;font-size: 16px;    margin-top: 10px;}
.primary-box .title-line .weather-box span{margin-right: 10px;}
.primary-box .title-line .title{ font-size:40px;width: 47.9%;text-align: center;
       background-image:-webkit-linear-gradient( bottom,#16B2FF,#81D6FF,#fff,#fff);-webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight: bold;}
.primary-box .title-line .login-out{width: 26.3%;text-align: right;font-size: 14px;cursor: pointer;    margin-top: 10px;padding-right: 45px;}
.primary-box .title-line .login-out img{margin-right:6px;}
.dropdown-menu {display: none; border: medium none;  font-size: 12px; list-style: none outside none; padding: 0; position: absolute; text-shadow: none;background-color: #fff;top: 115px;right:0;width: 160px; z-index: 1000; border-radius: 0; box-shadow: 0 0 3px rgb(86 96 117 / 30%);opacity: 0;transform: translateX(-100%); transition: all .5s;}
.dropdown-menu > li{height: 40px;padding: 0 20px;    line-height: 40px;}
.dropdown-menu > li > a { color: inherit;text-align: left; font-weight: 400;width: 100%;height:100%; box-sizing: border-box;color:#333;}
.dropdown-menu.open{opacity: 1;transform: translateX(0);display: block }
.dropdown-menu > li:hover{background-color: #efefef;color: #666;}
.dropdown-menu > li:hover a{color: #666;}
.primary-box .title-line .dropdown-menu{top: 70%;}


.primary-box .content-box{height: calc(100vh - 115px);width: 100vw;padding: 0 25px 30px 5px ;position: relative;}
.primary-box .content-box .left-box{width: 256px;height: 100%;padding:45px 0;position: relative;margin-right: 20px; background: url(../images/left.png) no-repeat; background-size: 100% 100%; z-index: 1;}
.primary-box .content-box .left-nav{width: 100%;height: 100%;color: #fff; overflow-y: scroll; -ms-overflow-style: none;scrollbar-width: none;}
.primary-box .content-box .left-nav::-webkit-scrollbar{ display: none;}
.primary-box .content-box .left-nav .nav-item{margin-bottom: 20px;}
.primary-box .content-box .left-nav .nav-item .nav-title{padding-left: 20px;}
.primary-box .content-box .left-nav .nav-item .nav-title span{font-size: 24px;text-shadow: 0px 10px 10px rgba(0, 21, 112, 0.75);  font-weight: bold;border-bottom: 1px solid #109BF7;  background-image:-webkit-linear-gradient( bottom,#109BF7,#96F6FA,#96F6FA);-webkit-background-clip:text; 
   -webkit-text-fill-color:transparent;padding-bottom: 20px;padding-right: 30px;}
.primary-box .content-box .left-nav .nav-item .nav-title i{color:#00A5F8;margin-top: 10px;line-height: 1;height: 16px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);-o-transform: rotate(-90deg); transition: transform 0.2s;}
.primary-box .content-box .left-nav .nav-item.active .nav-title i{transform-origin:center center; transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0);}
.primary-box .content-box .left-nav .nav-item.active ul{display: block;}
.primary-box .content-box .left-nav .nav-item ul{padding: 20px 0 0 0;display: none;}
.primary-box .content-box .left-nav .nav-item ul li{padding:0 15px 0 20px;line-height: 50px;font-size: 14px;color: #9ca8b8;cursor: default;}
.primary-box .content-box .left-nav .nav-item ul li a{color: #9ca8b8;}
.primary-box .content-box .left-nav .nav-item ul li img{width:18px;}
.primary-box .content-box .left-nav .nav-item ul li:hover a{color: #9ca8b8;}
.primary-box .content-box .right-box{flex: 1;height: 100%;position: relative;z-index: 1;opacity: 1;}
.primary-box .content-box .right-box .float-box{height: 160px;background:rgba(37,47,127, 0.8); text-align: left;line-height: 40px; padding:0 10px; font-size: 16px;color: #fff;position: absolute;top: 10px;left: 10px; z-index: 100; border:2px solid #1466bf;}
.primary-box .content-box .right-box .float-box span{color:#F1F800; font-weight: bold; padding-right: 5px;}
.primary-box .content-box .right-box .map-box{width: 100%; height: 100%;background: url(../images/map-mask.png) no-repeat ;background-size: cover;padding:3px;}
.primary-box .content-box .right-box #allmap {width: 100%; height: 100%;}

.primary-box .content-box #wave1{position: absolute;bottom: 0;left: 0; z-index: 2;}
.primary-box .content-box .wave-mask{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index:2;opacity: 3;}


/* 一级客户页面 */
header{ width: 100%; height: 60px;line-height: 60px; background-color: #1B2431;box-shadow: 0px 1px 9px 0px rgba(4, 4, 4, 0.04);position: fixed;left: 0;top: 0;z-index: 99;}       
header h1{height: 60px;width: 230px;text-align: center;background-color: #1B2431; font-size: 22px;line-height: 60px; }
header a{color: #fff;}
header a:hover{color:#fff;}
header .meau-btn{text-align: center;color: #fff;width:60px; height: 60px;border-right:1px solid #385476;}
header .meau-btn span{font-size: 16px;font-weight: 700;}
header .page li{font-size: 13px;height: 60px;min-width: 80px;text-align: center;padding: 0 10px;}
header .page li.active,header .page li:hover{background-color: #2A3F58;}
header .user{margin-right: 20px;}
header .user-pic{ width: 40px; height: 40px;border-radius: 50%;margin-right: 10px;margin-top:10px;}
header .name{font-size: 13px;color: #666666;height: 60px;line-height: 60px;position: relative;padding-right: 15px;cursor: pointer;}
header .name i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 13px;}

.body-box {width: 100vw;height:100%;background-color:#0D0E28;}
.body-box .left-menu{position: fixed;left: 0;top: 60px;z-index: 99;width: 230px;border-top:1px solid #385476; background-color: #1B2431; height: 100%;overflow-y:scroll;overflow-x:hidden; -ms-overflow-style: none;scrollbar-width: none;transition: all .3s;}
.body-box .left-menu::-webkit-scrollbar{ display: none;}
.body-box .left-menu.close{width: 70px;}
.body-box .left-menu.close .nav-list>li .first{padding-left: 24px;}
.body-box .left-menu.close .nav-list>li .first span{opacity: 0;}
.body-box .left-menu.close .nav-list>li .first i{opacity: 0;}
.body-box .left-menu .fa{width:15px;}
.body-box .left-menu .nav-list>li .first{display: flex;align-items: center; color: #9ca8b8;font-size: 14px;height: 50px;
    line-height: 50px;padding-left: 35px;position: relative;}
.body-box .left-menu .nav-list>li .first img{margin-right: 15px;}
.body-box .left-menu .nav-list>li .first i{position: absolute;top:0;right: 25px; transition: transform 0.2s;}
.body-box .left-menu .nav-list>li.active .first,.body-box .left-menu .nav-list>li:hover .first{background-color: #2A3F58;}
/*.body-box .left-menu .nav-list>li.active .first i{transform-origin:center center; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg);o-transform: rotate(90deg);}*/
.body-box .left-menu .nav-list>li ul{display: none;}
/*.body-box .left-menu .nav-list>li.active ul{display: block;}*/
.body-box .left-menu .nav-list>li ul li a{width: 100%; font-size: 14px;height: 50px;line-height: 50px;color: #9ca8b8;padding-left: 60px;box-sizing: border-box;}
.body-box .left-menu .nav-list>li ul li.active a{background-color: #2A3F58;}
.body-box .left-menu .nav-list>li a:hover{background-color: #2A3F58;}

.body-box .table-box{width: calc(100vw - 90px);padding:10px;transition: all .3s;position: relative; 
    min-height: calc(100vh - 115px);}
 /*@-moz-document url-prefix() { */
 /*   .body-box .table-box { width: calc(100vw - 247px); }*/
     
 /*}*/
.body-box .table-box .block-bigBox {width: 100%; display: grid;grid-template-columns: 28.7% 41.1% 28.9%;column-gap:0.65% ;transition: width .3s;}
.body-box .table-box.close{width: calc(100vw - 70px);margin-left: 70px;}
.body-box .layui-table-click{background: none;}




/* 二级客户页面 */
.second-box{background:#0D0E28 url(../images/second-box.png);position: relative;}
.second-box .second-bg{position: absolute;top: -52px;left:46%;transform: translateX(-50%);height: 100%;z-index:99;}
.big-title{height: 115px; line-height: 100px; color: #fff; position: relative;left: 0;top: 0;width: 100%; background:#0D0E28  url(../images/top.png) no-repeat;
    background-size: 100% 100%;z-index: 2;position:relative;}
.big-title .title { font-size: 32px; width: 47.9%; text-align: center; background-image: -webkit-linear-gradient( bottom,#16B2FF,#81D6FF,#fff,#fff);
     -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;position: absolute;left: 50%;transform: translateX(-50%); }
.big-title .tag-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 12%;}
.big-title .tag-box .left{    margin-left: -120px;}
.big-title .tag-box .right{    margin-right: -80px;}
.big-title .tag-box a{width: 115px;height: 33px;font-size: 16px;color: #1cb3ff;text-align: center;line-height: 33px;margin-bottom: 10px;}
.big-title .tag-box .left a{background: url(../images/left-tag.png);}
.big-title .tag-box .right a{background: url(../images/right-tag.png);}
.big-title .login-out{display: flex;  justify-content: flex-end;align-items:center;height:100%; font-size: 16px;cursor: pointer;position: absolute;right: 0;padding-right: 20px; }
.big-title .login-out .user-pic{ width: 40px; height: 40px;border-radius: 50%;margin-right: 10px;margin-top: -10px;}
.big-title .login-out .name{font-size: 14px;height: 60px;line-height: 60px;position: relative;padding-right: 15px;cursor: pointer;margin-top: -10px;color:#fff;}
.big-title .login-out .name i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 13px;}

header .user-pic{ width: 40px; height: 40px;border-radius: 50%;margin-right: 10px;margin-top:10px;}
header .name{font-size: 13px;color: #666666;height: 60px;line-height: 60px;position: relative;padding-right: 15px;cursor: pointer;}

.second-box .weather-box{width: 997px;height: 62px;background: url(../images/weather-box.png) no-repeat; background-size: 100% 100%;margin: 0 auto;text-align: center;
    line-height: 62px;font-size: 18px;color: #18e1f5;font-weight: bold;}
.second-menu>ul{padding-top: 90px;width: 75px;}
.second-menu>ul>li{margin-bottom: 40px;height: 93px;position: relative;}
.second-menu>ul>li>a{width: 100%;height: 100%; text-align: center;vertical-align: text-top;}
.second-menu>ul>li>a .yuan{width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;background:url(../images/yuan.png);margin: 0 auto;text-align:center;color:#9CA8B8;font-size:18px;}
.second-menu>ul>li>a .cont{font-size: 16px;color: #9ca8b8;padding: 10px 0;}
.second-menu>ul>li .sub-nav{position: absolute;left: 75px;top: 0;background-color: rgba(42, 63, 88,0.9);font-size: 16px;z-index: 9;padding:5px 10px;
    border-radius: 5px;display: none;}
.second-menu>ul>li .sub-nav li{line-height:2.2;width: 100px;border-bottom: 1px dashed rgba(255, 255, 255, 0.2);}
.second-menu>ul>li .sub-nav li a{display: block;color: #9ca8b8;}
.second-menu>ul>li .sub-nav li:last-of-type{border-bottom: none;}
.second-menu>ul>li .sub-nav li:hover a{color: #fff;}
.second-menu>ul>li:hover .sub-nav{display: block;}

.second-box .body-box{background-color:#0D0E28 ;}
.second-box .body-box .table-box{width: 100%; padding: 0;margin-left: 0;margin-top: 0;}
.second-box .body-box .table-box .block-bigBox{width:calc(100% - 75px);display: grid;grid-template-columns: 23.4% 48.2% 24.8%;column-gap:1.8% ;transition: all .3s;    padding-right: 25px;}


.body-box .table-box .left-box .block-box{height: 375px;margin-bottom: 45px;background: url(../images/left-bg.png);background-size: 100% 100%;
padding: 30px 5% 0 9%;}
.body-box .table-box .block-box.top{margin-bottom: 45px;height:450px ;}
.body-box .table-box .block-box.bottom{height: 305px;background: url(../images/bottom-bg.png);background-size: 100% 100%;padding: 30px 5% ;}
.body-box .table-box .right-box .block-box{height: 375px;margin-bottom: 45px;background: url(../images/right-bg.png);background-size: 100% 100%;padding: 30px 1% 0 9%;}
.body-box .table-box .block-box .title-line{line-height: 32px;border-bottom: 1px solid #09346A;font-size: 18px;color: #15c5e0;font-weight: bold;padding-left: 15px;
    font-weight: 700;}

  
.body-box .table-box .block-box .content-box{padding: 5px 0;width: 100%;height: calc(100% - 48px);}
.body-box .table-box .block-box .content-box .title{ font-size: 18px;color: #F89406; font-weight: bold;}
/* 电能 */
.body-box .table-box .block-box .content-box .chart-box{width: 190px;height: 190px;position: relative;}
.body-box .table-box .block-box .content-box .chart-box .pie-chart{width: 190px;height: 190px;}
.body-box .table-box .block-box .content-box .title-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 100px;height: 100px;border-radius: 50%;
    text-align: center; line-height: 1.4;font-size: 14px;color: #999;padding-top: 15px;}
.body-box .table-box .block-box .content-box .title-box .total{font-size: 22px;color: #F1F800;  font-weight: bold;}
 .body-box .table-box .block-box .content-box .legend-box{padding-left: 20px;}
.body-box .table-box .block-box .content-box .legend-box li{margin-bottom: 0px; line-height: 1.4;}
.body-box .table-box .block-box .content-box .legend-box li .yuan{width: 8px;height: 8px;border-radius: 50%;margin-top: 5px;margin-right: 10px;}
.body-box .table-box .block-box .content-box .legend-box li .tit{font-size: 16px;color: #999;}
.body-box .table-box .block-box .content-box .legend-box li .num{font-size: 18px;color: #fff;  font-weight: bold;}
.body-box .table-box .block-box .content-box .legend-box li:nth-of-type(1) .yuan{background-color: #2F74FF;}
.body-box .table-box .block-box .content-box .legend-box li:nth-of-type(2) .yuan{background-color: #FF7278;}
.body-box .table-box .block-box .content-box .legend-box li:nth-of-type(3) .yuan{background-color: #FFDF72;}
.body-box .table-box .block-box .content-box .legend-box li:nth-of-type(4) .yuan{background-color: #8C9EFF;}
.body-box .table-box .block-box .content-box .carbon-line{color: #fff;}
.body-box .table-box .block-box .content-box .new-energy {padding-top: 0px;}
.body-box .table-box .block-box .content-box .new-energy li{width:50%;line-height: 1.5;}
.body-box .table-box .block-box .content-box .new-energy li .cont{padding-left: 8px;}
.body-box .table-box .block-box .content-box .new-energy li .num{font-size: 16px;color: #fff; font-weight: bold;}
.body-box .table-box .block-box .content-box .new-energy li .num span{font-size: 14px;color: rgba(255, 255, 255, 0.6); font-weight: normal;margin-left: 8px;}
.body-box .table-box .block-box .content-box .new-energy li .tit{font-size: 14px;color: #83afe6;}
.BMapLabel a{display: block; color: #fff; padding:2px 8px; font-family: "Microsoft YaHei";}
.BMapLabel a span{color: #F1F800; font-weight:bold; padding-right:5px;}
/* 项目展示 */
.body-box .table-box .block-box .project-box{width: 100%;height: 100%;position: relative;}
.body-box .table-box .block-box .project-box  .map1 { width:2.4rem; height:2.4rem; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); background: url(../images/map.png); background-size: 100% 100%; opacity: 0.3;}
.body-box .table-box .block-box .project-box  .map2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.5rem; height:2.5rem;
    background: url(../images/lbx.png); animation: rotate1 15s linear infinite; opacity: 0.3; background-size: 100% 100%; }
.body-box .table-box .block-box .project-box  .map3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.9rem; height: 2.9rem;
    background: url(../images/jt.png); animation: rotate2 10s linear infinite; opacity: 0.7; background-size: 100% 100%;}
.body-box .table-box .block-box .project-box .project{width: 100%;position: absolute;top: 0; left: 0; }

@keyframes rotate1 {
        form {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        to {
          transform: translate(-50%, -50%) rotate(360deg);
        }
      }
 @keyframes rotate2 {
        form {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        to {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }
  
/* 环境 */
.body-box .table-box .block-box .content-box .environment{padding-top: 15px;}
.body-box .table-box .block-box .content-box .environment li{width: 25%;margin-bottom: 10px;}
.body-box .table-box .block-box .content-box .environment li .iconfont{font-size: 24px;}
.body-box .table-box .block-box .content-box .environment li .tit{ font-size: 16px;color: #83afe6;margin-bottom: 3px;margin-left: 5px;}
.body-box .table-box .block-box .content-box .environment li .num{  font-size: 16px;font-weight: bold;color: #fff;padding-top: 5px;}
.body-box .table-box .block-box .content-box .environment li:nth-of-type(4n+1) .iconfont{color: #4096E8;}
.body-box .table-box .block-box .content-box .environment li:nth-of-type(4n+2) .iconfont{color: #67B861;}
.body-box .table-box .block-box .content-box .environment li:nth-of-type(4n+3) .iconfont{color: #F89300;}
.body-box .table-box .block-box .content-box .environment li:nth-of-type(4n+4) .iconfont{color: #FE7278;}

/* 能耗排名 */
.body-box .table-box .block-box .content-box .bd{width: 100%;height: 100%;}
.body-box .table-box .block-box .content-box .bd ul{list-style: none;padding: 0;margin: 0;}
.body-box .table-box .block-box .content-box .bd li{display: grid;grid-template-columns:10% 65% 25%; height:40px;line-height:40px;align-content: center;}
.body-box .table-box .block-box .content-box .bd li div{text-align: left;width: 100%;box-sizing: border-box;font-size: 16px;}
.body-box .table-box .block-box .content-box .bd li .num {display: flex;align-items: center;justify-content: center;}
.body-box .table-box .block-box .content-box .bd li .num span{ display: block;   width: 22px; height: 22px; border-radius: 50%;background-color: #D2DEF5;color: #6880ba;text-align: center;line-height: 22px;}
.body-box .table-box .block-box .content-box .bd li .tit{color: #2089EF;}
.body-box .table-box .block-box .content-box .bd li .cont{color: #fff;}
.body-box .table-box .block-box .content-box .bd li.rank-one .num span,.body-box .table-box .block-box .content-box .bd li.rank-two .num span,
.body-box .table-box .block-box .content-box .bd li.rank-three .num span{width: 34px;height: 37px;line-height: 30px;font-size: 12px; color: #fff;}
.body-box .table-box .block-box .content-box .bd li.rank-one .num span{background:url(../images/top-title1.png);}
.body-box .table-box .block-box .content-box .bd li.rank-two .num span{background:url(../images/top-title2.png);}
.body-box .table-box .block-box .content-box .bd li.rank-three .num span{background:url(../images/top-title3.png);}

/* 能耗分析 */
.body-box .table-box .block-box .content-box .line-chart{width: 100%;height: 100%;}

/* 告警统计 */
.body-box .table-box .block-box .content-box .alarm{width: 100%;height: 100%;padding-left:60px;}
.body-box .table-box .block-box .content-box .alarm li{height:33.3%}
.body-box .table-box .block-box .content-box .alarm li .tit{width:170px;padding-left:30px; font-size: 17px;color:#83afe6;font-weight:bold;}
.body-box .table-box .block-box .content-box .alarm li .num{ font-size: 35px;color:red;}

/* 统计列表-电能 */
.contract-box{width: 100%; padding:20px;/*background-color: #fff;*/border: 1px solid #E2E3E5;}
.list-search{padding-bottom:10px;}
.list-search .table-tit{font-size: 16px; color:#fff; font-weight: bold;}
.list-search .search-part{padding-right: 20px;position: relative;}
.list-search .search-part select{ width: 200px; height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 10px; font-size: 14px;color: #fff;}
.list-search .search-part .tit{font-size: 14px;color: #ccc;  font-weight: bold;line-height: 35px;padding-left:20px;}
.list-search .search-part input{width: 198px;height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 10px; font-size: 14px;color: #fff;}
.list-search .search-part.time-box .icon{position: absolute;width: 20px;height: 20px;right: 30px;top: 8px;background-color: #868686;color: #fff;border-radius: 50%;
    text-align: center;line-height: 20px;}
.list-search .search-part.time-box .icon .iconfont{font-size: 12px;transform: scale(.7);}
.list-search .search-btn , .electric-select .search-btn , .energy-select .search-btn{ width: 76px; height: 35px; line-height:35px; background-color: #209EFB;text-align: center;border-radius: 5px;color: #fff;font-size: 14px;cursor:pointer;}

.contract-table {width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; text-align: center;border: 1px solid #EDEDED;margin-bottom: 35px;}
.contract-table td,.contract-table th { border-left: 1px solid #EDEDED; border-width: 0 0 0 1px; font-size: inherit; margin: 0; overflow: visible; padding: 1em;
     text-align: center;}
.contract-table thead tr { background-color: #F5F5F6;}
.contract-table thead tr th{font-size: 14px;color: #666;font-weight: bold;text-transform: uppercase;}
.contract-table td { background-color: transparent; }
.contract-table tbody tr{background-color: #fff;font-size: 14px;color: #666;border-bottom: 1px solid #EDEDED;}
.layui-table{background: transparent!important;color: #fff!important;}
.layui-table thead tr,.layui-table-header{background-color:transparent!important;color: #fff;}
.layui-laypage a, .layui-laypage span{color: #fff!important;}
.layui-table-view select[lay-ignore]{color: #fff!important;}
.layui-table tbody tr:hover,.layui-table-hover{color: #333;}

.page-box{text-align: center;}
.page-box a,.page-box p{display: inline-flex; padding: 0 12px; border-radius: 2px;height: 26px; line-height: 26px;background-color: #f1eff0;color: #666; font-size: 12px;}
.page-box a.active,.page-box a:hover{background-color: #20A0FF;color: #fff;}
.page-box .input-box{display: inline-block;color: #666;font-weight: 700;margin-left:5px;}
.page-box .input-box input{width: 50px;height: 26px; margin: 0 5px; padding: 0 5px; border: 1px solid #ccc; background-color: #fff; font-weight: normal;}
.page-box button{height: 26px;margin-left: 5px; padding: 0 10px; color: #666; border: 1px solid #ccc; background-color: #fff;font-size: 12px;}

/* 光伏系统 */
.photovoltaic-system {width: 100%;}
.photovoltaic-system .row{width: 100%;display: grid;column-gap: 1%; }
.photovoltaic-system .row.top-line{grid-template-columns:24.5% 74.5%;margin-bottom: 13px;}
.photovoltaic-system .row.top-line .system-box{height: 128px;}
.photovoltaic-system .system-box{width: 100%;/*background-color: #fff;*/border: 1px solid #E2E3E5;padding: 20px;}
.photovoltaic-system .system-box .zjrl{color:#fff; font-size: 14px;}
.photovoltaic-system .system-box .zjrl span{font-weight: bold;}
.photovoltaic-system .row.bottom-line{grid-template-columns:49.5% 49.5%;}
.photovoltaic-system .row.bottom-line .system-box{height: 288px;}
.photovoltaic-system .row.top-line .system-box .icon-box{width: 33.3%;text-align: center;padding-top:10px ;}
.photovoltaic-system .row.top-line .system-box .icon-box img{width: 66px;}
.photovoltaic-system .row.top-line .system-box .icon-box:nth-of-type(1){width: 33.3%;}
.photovoltaic-system .row.top-line .system-box .icon-box:nth-of-type(2){width: 33.3%;}
.photovoltaic-system .row.top-line .system-box .icon-box:nth-of-type(3){width: 33.3%;}
.photovoltaic-system .row.top-line .system-box .icon-box:nth-of-type(1) img{width: 40px;}
.photovoltaic-system .row.top-line .system-box .icon-box:nth-of-type(2) img{width: 40px;}
.photovoltaic-system .row.top-line .system-box .icon-box:nth-of-type(3) img{width: 40px;}
.photovoltaic-system .row.top-line .system-box .icon-box .cont{font-size: 14px;color: #fff;line-height:2;}
.photovoltaic-system .row.top-line .system-box .icon-box .num{font-size: 14px;color: #ccc;line-height: 1;}
.photovoltaic-system .row.top-line .system-box .icon-box .num span{font-size: 20px;color: #fff;margin-right: 5px;color:#fff;}
.photovoltaic-system .row.top-line .system-box .input-box{padding-bottom:10px;}
.photovoltaic-system .row.top-line .system-box .input-box .search-part{padding-right: 20px;position: relative;}
.photovoltaic-system .row.top-line .system-box .input-box .search-part select{ width: 200px; height: 35px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 20px; 
    font-size: 14px;color: #fff;}
.photovoltaic-system .row.top-line .system-box .input-box .search-part input{width: 198px;height: 35px;border:1px solid #E5E6E7;  border-radius: 5px;padding-left:40px;
     font-size: 14px;color: #fff;}
.photovoltaic-system .row.top-line .system-box .input-box .search-part.time-box .icon{position: absolute;width: 20px;height: 20px;left: 10px;top: 8px;background-color: #868686;
    color: #fff;border-radius: 50%; text-align: center;line-height: 20px;}
.photovoltaic-system .row.top-line .system-box .input-box .search-part.time-box .icon .iconfont{font-size: 12px;transform: scale(.7);}

.photovoltaic-system .search-part{padding-right: 20px;margin-bottom: 20px;position: relative;}
.photovoltaic-system .search-part select{ width: 155px; height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 5px; font-size: 14px;color: #fff;}
 select option{color:#333;}
.photovoltaic-system .search-part input{width: 198px;height: 35px;border:1px solid #E5E6E7;  border-radius: 5px;padding-left:40px;
    font-size: 14px;color: #fff;}
.photovoltaic-system .search-part .cate_select{min-width: 160px; position: relative; z-index: 9999999;}
.photovoltaic-system .search-part.time-box .icon{position: absolute;width: 20px;height: 20px;left: 10px;top: 8px;background-color: #868686;
   color: #fff;border-radius: 50%; text-align: center;line-height: 20px;}
.photovoltaic-system .search-part.time-box .icon .iconfont{font-size: 12px;transform: scale(.7);}

.photovoltaic-system .row.top-line .system-box .chart-box{width: 100%;height: calc(100% - 45px);}
.photovoltaic-system .row.top-line .system-box .chart-box .chart{width: 100%;height: 100%;}
.photovoltaic-system .electric-item.electric-txt .electric-chart{height: calc(100% - 80px);}
.photovoltaic-system .electric-item.electric-txt-more .electric-chart{height: calc(100% - 140px);}
.photovoltaic-system .row.bottom-line .system-box.list-box .pic-box{ width: 217px; height: 216px;border-radius: 50%;/*background-color: #E9F8FF;*/margin: 0 35px;}
.photovoltaic-system .row.bottom-line .system-box.list-box .pic-box img{max-width: 80%;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table{width: 62.8%;border: 1px solid #E2E3E5;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table thead th{/*background-color: #F3F3F3;*/height: 36px;padding-left: 15px;font-size: 14px;color: #fff; border-bottom: 1px solid #E2E3E5;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table thead th .iconfont{color: #36A6FE;margin-right: 10px;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table thead th span{font-size: 18px;color: red;font-weight: 700;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table tbody th{/*background-color: #fff;*/border-bottom: 1px solid #E2E3E5;border-right: 1px solid #E2E3E5;padding: 15px;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table tbody th span{font-size: 14px;display: inline-block;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table tbody th .tit{color: #ccc;width: 80px;text-align: right;}
.photovoltaic-system .row.bottom-line .system-box.list-box .system-table tbody th .cont{color: #fff; font-weight: bold;}

/* 电能检测 */
/*.table-box.electric-box{background-color: #fff;}*/
.electric-detection{width: 100%;padding:20px 20px 0; /*background-color: #fff;*/    border: 1px solid #E2E3E5;}
.electric-detection .search-part{padding-right: 20px;margin-bottom: 20px;position: relative;}
.electric-detection .search-part select{ width: 155px; height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 5px; font-size: 14px;color: #fff;}
 select option{color:#333;}
.electric-detection .search-part input{width: 198px;height: 35px;border:1px solid #E5E6E7;  border-radius: 5px;padding-left:40px;
    font-size: 14px;color: #fff;}
.electric-detection .search-part .cate_select{min-width: 160px; position: relative; z-index: 9999999;}
.electric-detection .search-part.time-box .icon{position: absolute;width: 20px;height: 20px;left: 10px;top: 8px;background-color: #868686;
   color: #fff;border-radius: 50%; text-align: center;line-height: 20px;}
.electric-detection .search-part.time-box .icon .iconfont{font-size: 12px;transform: scale(.7);}
.electric-detection .left{width: 48%;}
.electric-detection .right{width: 50.5%;}
.electric-item{width: 100%; border:1px solid #E5E6E7;padding: 15px 20px; margin-bottom: 18px;}
.electric-item .title-line{padding-left: 30px;position: relative;margin-bottom: 10px;height: 30px;}
.electric-item .title-line .tit{ font-size: 16px;color: #fff; font-weight: bold;}
.electric-item .title-line .unit{font-size: 12px;color: #9ca8b8;}
.electric-item .title-line select,.electric-item .title-line input{ width: 90px; height: 30px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 5px; font-size: 13px;color: #999;}
.electric-item .title-line::before{content: ""; position: absolute;left: 5px;top: 50%;transform: translateY(-50%);  width: 5px; height: 17px;background-color: #4DC2FF;}
.electric-item .electric-chart{width: 100%;height: calc(100% - 40px);}
.electric-item .electric-chart .chart{width: 100%;height: 100%;}
.electric-item .electric-mm{padding-top:10px;}
.electric-item .min-max{height: 25px; line-height: 25px; color:#ccc; margin-top:5px;}
.electric-item .min-max .i{width:30%; text-align: center;}
.electric-item .min-max .n{color:#5470C6;}
.electric-item .min-max .t{padding-left:15px; color:#fff;}
.electric-item .min-max:nth-of-type(1) .n{color:#fdae58;}
.electric-item .min-max:nth-of-type(2) .n{color:#91cc75;}
.electric-item.one{height: 330px;}
 /*.electric-item.two{height: 433px;} */
.electric-item.three .title-line{height: 40px; margin:5px 0;}
.electric-item.four{height:235px ;}
.electric-item.electric-txt .electric-chart{height: calc(100% - 80px);}
.electric-item.electric-txt-more .electric-chart{height: calc(100% - 140px);}

.room-box{position: relative;width:100%;}
.room-box .room-pic{width: 100%;height:430px;}
.room-box .tag{ height: 40px;border-radius: 5px;background-color: #fff;text-align: center;line-height: 40px; padding:0 10px; font-size: 16px;color: #333;font-weight: bold;
position: absolute;top: 17px;left: 17px;}
.room-box .mark-box li {position: absolute;}
.room-box .mark-box li .yuan{   width: 20px; height: 20px;border-radius: 50%;background-color: rgba(0, 232, 52,0.471);position: relative;}
.room-box .mark-box li .yuan::before{content: "";width: 13px; height: 13px;border-radius: 50%;background-color: #00E834;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.room-box .mark-box li .mark{width: 71px;height: 71px;border-radius: 3px; background-color: rgba(0, 0, 0,0.278);position: absolute;color: #fff;padding: 8px 0 0 8px;}
.room-box .mark-box li .mark .tit{font-size: 14px;line-height: 1.8;font-weight: 700;}
.room-box .mark-box li .mark .cont{font-size: 12px;line-height: 1.4;}
.room-box.room1 .mark-box li:nth-of-type(1){left: 25%;top: 15px;}
.room-box.room1 .mark-box li:nth-of-type(1) .mark{left: 27px;top: -10px;}
.room-box.room1 .mark-box li:nth-of-type(2){left: 45%;top: 15px;}
.room-box.room1 .mark-box li:nth-of-type(2) .mark{left: 27px;top: -10px;}
.room-box.room1 .mark-box li:nth-of-type(3){left: 65%;top: 15px;}
.room-box.room1 .mark-box li:nth-of-type(3) .mark{left:27px;top: -10px;}
.room-box.room1 .mark-box li:nth-of-type(4){left: 85%;top: 15px;}
.room-box.room1 .mark-box li:nth-of-type(4) .mark{left:27px;top: -10px;}
    
.switch-box{flex: 1; color:#fff; margin-left: 40px;}
.switch-box label{font-size: 14px;color: #333;}
.switch-box .layui-form-item{margin-bottom: 0;box-sizing: border-box;}
.switch-box .layui-form-switch{margin-top: 0;width:50px;height: 25px;}


/*.layui-layer-dialog.popup-class{ width: 435px; height: 280px; border-radius: 5px; background-color:#F1F1F1; }*/
/*.layui-layer-dialog.popup-class .layui-layer-title{color:#333;text-align: center; font-size: 18px;font-weight: bold;padding: 0;border-bottom: 1px solid #E3E3E3;}*/
/*.layui-layer-dialog.popup-class .layui-layer-setwin{width: 30px;height: 30px;right: 0;top: -45px;}*/
/*.layui-layer-dialog.popup-class .layui-layer-setwin .layui-layer-ico{background: url(../images/close.png);width: 100%;height: 100%;margin-left: 0;}*/
/*.layui-layer-dialog.popup-class .layui-layer-content{ font-size: 18px;text-align: center;color: #333;padding: 45px 0;}*/
/*.layui-layer-dialog.popup-class .layui-layer-btn{text-align: center;}*/
/*.layui-layer-dialog.popup-class .layui-layer-btn a{border-radius: 5px; width: 135px; height: 45px;font-size: 16px;text-align: center;line-height: 45px; box-sizing: border-box;}*/

/* 环境监测 */
.electric-detection.environmental .electric-item.two{padding: 0;}
.electric-detection.environmental .electric-item.four{height: 257px;}
.electric-detection.environmental .right .electric-item{margin-bottom: 18px;}

.room-box.room2 .mark-box .mark{height: 55px;}
.room-box.room2 .mark-box li:nth-of-type(1){left:25%;top: 25px;}
.room-box.room2 .mark-box li:nth-of-type(1) .mark{left: 27px;top: -10px;}
.room-box.room2 .mark-box li:nth-of-type(2){left: 45%;top: 25px;}
.room-box.room2 .mark-box li:nth-of-type(2) .mark{left: 27px;top: -10px;}
.room-box.room2 .mark-box li:nth-of-type(3){left: 65%;top:25px;}
.room-box.room2 .mark-box li:nth-of-type(3) .mark{left:27px;top: -10px;}
.room-box.room2 .mark-box li:nth-of-type(4){left:81%;top: 25px;}
.room-box.room2 .mark-box li:nth-of-type(4) .mark{left: 27px;top: -10px; width:100px;}

.electric-item.three .select-part{margin-right: 20px;color:#fff;}  
.electric-item.three .select-part select{width: 64px;height: 35px;color:#fff;}

.electric-item.three .input-box input{width: 64px;flex:1; height: 35px;color:#fff;margin-right: 20px;}
.electric-item.three .input-box span{font-size: 14px; color:#fff;line-height: 35px;}

.electric-item.three .select-box .btn{  width: 79px; height: 35px;border-radius: 3px;color: #fff;background-color: #1495eb;text-align: center;line-height: 35px;}
.electric-item.three .select-box .layui-form-item{margin-bottom: 0;box-sizing: border-box;}
.electric-item.three .select-box .layui-form-switch{margin-top: 0;width:50px;height: 25px;}
.electric-item.three .state{padding-right:30px;color: #fff;}
.electric-item.three .state .dot{width:20px; height: 20px; background: #ccc; border-radius:50%;}
.electric-item.three .state .run{background: #39B54A;}

.layui-form-onswitch{background-color: #39B54A!important;border: 1px solid #39B54A!important;}
.layui-table-view .layui-table{width:100%!important;}

/* 能耗分析 */
.title-line .legend span{font-size: 12px;color: #ccc;margin-left: 15px;}
.title-line .legend span i{  width: 8px; height: 8px;border-radius: 50%;margin-right: 8px;}
.title-line .legend span:nth-of-type(1) i{background-color: #FDAE58;}
.title-line .legend span:nth-of-type(2) i{background-color: #91CC75;}
.title-line .legend span:nth-of-type(3) i{background-color: #5470C6;}
.title-line .legend span:nth-of-type(4) i{background-color: #45A3FB;}
.title-line .legend span:nth-of-type(5) i{background-color: #FF2741;}
.energy-box{width: 100%;padding:20px; /*background-color: #fff;*/    border: 1px solid #E2E3E5;}
.energy-select .search-part{padding-right: 20px;margin-bottom: 20px;position: relative;height: 35px;line-height: 35px;}
.energy-select .search-part span{    font-size: 14px; color: #ccc;   font-weight: bold;    line-height: 35px;padding-left:20px;}
.energy-select .search-part select{ width: 155px; height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 10px;font-size: 14px;color: #fff;}
.energy-select .search-part input{width: 155px;height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding-left:10px;
    font-size: 14px;color: #fff;}
.energy-select .search-part.time-box .icon{position: absolute;width: 20px;height: 20px;right: 30px;top: 8px;background-color: #868686;
   color: #fff;border-radius: 50%; text-align: center;line-height: 20px;padding:0;}
.energy-select .search-part.time-box .icon .iconfont{font-size: 12px;transform: scale(.7);}
.energy-select .search-part.time-box .tit{font-weight: 700;}
.energy-item{width: 49.5%;height: 460px;border:1px solid #E8E8E8;margin-bottom: 23px;}
.energy-item:first-of-type{width: 100%;}
.energy-item .title-line{width: 100% ;height: 45px;padding: 0 15px;/*background-color: #fff;*/ }
.energy-item .title-line .tit{font-size: 16px;color: #fff;font-weight: bold;}
.energy-item .energy-chart{width: 100%;height: 260px;padding-top: 20px;}
.energy-item .energy-chart .chart{width: 100%;height: 100%;}
.energy-item .data-list{margin: 0 auto;width: 60%;padding-top:20px;}
.energy-item .data-list li{width: 33.3%;color: #ccc;padding-left:5%;}
.energy-item .data-list li>div{height: 32px;}
.energy-item .data-list li>div:nth-of-type(1) span{color: #fdae58;}
.energy-item .data-list li>div:nth-of-type(2) span{color: #91cc75;}
.energy-item .data-list li>div:nth-of-type(3) span{color: #5470C6;}
.energy-item .data-list li .icon-xiangxiajiantoucuxiao{color: #11b950;}
.energy-item .data-list li .icon-xiangshangjiantoucuxiao{color:#FF0000;}

/* 设备管理 */
.contract-table th a{color: #666;}
.contract-table th a:hover{color: #666;}
.contract-table th.off-line{color: red;}
.dialogPanel{width:100vw;height:100vh;background:rgba(0,0,0,0.4); position:fixed;top:0;left:0;z-index:9999;display:none;}
.dialogPanel .con{width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.dialogPanel .form_btn{ width:400px; background-color: #ffffff;  border-radius: 10px; position: relative;}
.dialogPanel .dialogClose{position: absolute;width: 30px;height: 30px;right: 0;top: -45px;background: url(../images/close.png); z-index: 10000;}
.dialogPanel .tit{font-size:18px;color: #000;font-weight: bold;line-height:50px;color:#333;text-align: center;border-bottom: 1px solid #E3E3E3;}
.dialogPanel .cont-box{font-size: 14px;color: #666;line-height: 2;padding: 30px;}
.dialogPanel p{margin-bottom:30px;color:#666;display:flex; align-items: center;}
.dialogPanel p input{flex:1; height: 40px;border: 1px solid #CACACA;padding-left: 10px;}
.dialogPanel p textarea{flex:1; height: 90px;border: 1px solid #CACACA;padding-left: 10px;padding-top:10px ;}
.dialogPanel p span{width: 70px;text-align:left; line-height: 22px;}
.dialogPanel .insubmit { width: 100%; height: 40px; line-height: 40px; border: 0; background-color: #1C88F4; color: #fff;  border-radius: 5px;cursor:pointer;}
.dialogPanel .edit_img .cont-box{padding:25px 20px;}
.dialogPanel .edit_img .cont-box img{height:170px;}
.dialogPanel .edit_img .layui-upload-list{text-align: center; padding-top:10px;}
.dialogPanel .edit_img .up-btn span{color:#999;}

.dialogPanel .field_form{height: auto; width: 580px;}
.dialogPanel .field_form .cont-box{padding:20px 30px;}
.dialogPanel .field_form p{margin-bottom:15px;}
.dialogPanel .field_form p span{width:30%;}
.dialogPanel .field_form select{flex:1; height: 40px;border: 1px solid #CACACA;padding-left: 10px;}

.dialogPanelTemp{width:100vw;height:100vh;background:rgba(0,0,0,0.4); position:fixed;top:0;left:0;z-index:9999;display:none;}
.dialogPanelTemp .con{width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.dialogPanelTemp .form_btn{ width:400px; background-color: #ffffff;  border-radius: 10px; position: relative;}
.dialogPanelTemp .dialogClose{position: absolute;width: 30px;height: 30px;right: 0;top: -45px;background: url(../images/close.png); z-index: 10000;}
.dialogPanelTemp .tit{font-size:18px;color: #000;font-weight: bold;line-height:50px;color:#333;text-align: center;border-bottom: 1px solid #E3E3E3;}
.dialogPanelTemp .cont-box{font-size: 14px;color: #666;line-height: 2;padding: 30px;}
.dialogPanelTemp p{margin-bottom:30px;color:#666;display:flex; align-items: center;}
.dialogPanelTemp p input{flex:1; height: 40px;border: 1px solid #CACACA;padding-left: 10px;}
.dialogPanelTemp p textarea{flex:1; height: 90px;border: 1px solid #CACACA;padding-left: 10px;padding-top:10px ;}
.dialogPanelTemp p span{width: 70px;text-align:left; line-height: 22px;}
.dialogPanelTemp .insubmit { width: 100%; height: 40px; line-height: 40px; border: 0; background-color: #1C88F4; color: #fff;  border-radius: 5px;cursor:pointer;}
.dialogPanelTemp .edit_img .cont-box{padding:25px 20px;}
.dialogPanelTemp .edit_img .cont-box img{height:170px;}
.dialogPanelTemp .edit_img .layui-upload-list{text-align: center; padding-top:10px;}
.dialogPanelTemp .edit_img .up-btn span{color:#999;}

.dialogPanelTemp .field_form{height: auto; width: 580px;}
.dialogPanelTemp .field_form .cont-box{padding:20px 30px;}
.dialogPanelTemp .field_form p{margin-bottom:15px;}
.dialogPanelTemp .field_form p span{width:30%;}
.dialogPanelTemp .field_form select{flex:1; height: 40px;border: 1px solid #CACACA;padding-left: 10px;}

.changePassPanel{width:100vw;height:100vh;background:rgba(0,0,0,0.4); position:fixed;top:0;left:0;z-index:9999;display:none;}
.changePassPanel .con{width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.changePassPanel .con .form_box{ width:400px;height: 340px; background-color: #ffffff; border-radius: 10px; position: relative;}
.changePassPanel .con .dialogClose{position: absolute;width: 30px;height: 30px;right: 0;top: -40px; cursor: pointer;}
.changePassPanel .con .dialogClose img{width:100%; height: 100%;}
.changePassPanel .con .tit{font-size:18px;font-weight: bold;line-height:50px;color:#333;text-align: center;border-bottom: 1px solid #E3E3E3;}
.changePassPanel .con .cont-box{font-size: 14px;color: #666;line-height: 2;padding: 25px 20px 0;}
.changePassPanel .con p{margin-bottom:25px;color:#999;display:flex;}
.changePassPanel .con p input{flex:1; height: 40px;border: 1px solid #CACACA;padding-left: 10px;}
.changePassPanel .con p span{width: 90px;text-align:right;height: 40px; line-height: 40px; padding-right:10px; color:#666;}
.changePassPanel .con .insubmit { width: 100%; height: 42px; line-height: 42px; border: 0; background-color: #1C88F4; color: #fff;  border-radius: 5px;cursor:pointer;}

.getReportPanel{width:100vw;height:100vh;background:rgba(0,0,0,0.4); position:fixed;top:0;left:0;z-index:9999;display:none;}
.getReportPanel .con{width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.getReportPanel .con .form_box{ width: 40%;height: 60%; background-color: #ffffff; border-radius: 10px; position: relative;}
.getReportPanel .con .dialogClose{position: absolute;width: 30px;height: 30px;right: 0;top: -40px; cursor: pointer;}
.getReportPanel .con .dialogClose img{width:100%; height: 100%;}
.getReportPanel .con .tit{font-size:18px;font-weight: bold;line-height:50px;color:#333;text-align: center;border-bottom: 1px solid #E3E3E3;}
.getReportPanel .con .cont-box{font-size: 14px;color: #666;line-height: 2;padding: 25px 20px 0;}

.getReportPanel .con .cont-box.left-half{width: 60%; /* 设置宽度为父元素的50% */  float: left; /* 让div左浮动 */}
.getReportPanel .con .cont-box.right-half{width: 40%; /* 设置宽度为父元素的50% */  float: right; /* 让div左浮动 */}
.getReportPanel .con p{margin-bottom:25px;color:#999;display:flex;}

.getReportPanel .con p span{width: 90px;text-align:right;height: 30px;line-height: 30px; padding-right:10px; color:#666;}
.getReportPanel .con .insubmit { position: center;width: 20%;  height: 42px; line-height: 42px; border: 0; background-color: #1C88F4; color: #fff;  border-radius: 5px;cursor:pointer;}
.getReportPanel .con .form_box span{width: 90px;text-align:right;height: 30px; line-height: 30px; padding-right:10px; color:#666;}

.getReportPanel .con .form_box input{flex:1; height: 30px;border: 1px solid #CACACA;padding-left: 10px;}

.readTokenPanel{width:100vw;height:100vh;background:rgba(0,0,0,0.4); position:fixed;top:0;left:0;z-index:9999;display:none;}
.readTokenPanel .con{width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.readTokenPanel .con .form_box{ width:400px;height: 100px; background-color: #ffffff; border-radius: 10px; position: relative;}
.readTokenPanel .con .dialogClose{position: absolute;width: 30px;height: 30px;right: 0;top: -40px; cursor: pointer;}
.readTokenPanel .con .dialogClose img{width:100%; height: 100%;}
.readTokenPanel .con .tit{font-size:18px;font-weight: bold;line-height:50px;color:#333;text-align: center;border-bottom: 1px solid #E3E3E3;}
.readTokenPanel .con .insubmit { width: 100%; height: 42px; line-height: 42px; border: 0; background-color: #1C88F4; color: #fff;  border-radius: 5px;cursor:pointer;}


.readTokenPanel .con .form_box .search-part{padding-right: 20px;position: relative;}
.readTokenPanel .con .form_box .search-part select{ width: 200px; height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 10px; font-size: 14px;color: #fff;}
.readTokenPanel .con .form_box .search-part .tit{font-size: 14px;color: #ccc;  font-weight: bold;line-height: 35px;padding-left:20px;}
.readTokenPanel .con .form_box .search-part input{width: 198px;height: 36px;border:1px solid #E5E6E7;  border-radius: 5px;padding: 0 10px; font-size: 14px;color: #fff;}
.readTokenPanel .con .form_box .search-part.time-box .icon{position: absolute;width: 20px;height: 20px;right: 30px;top: 8px;background-color: #868686;color: #fff;border-radius: 50%;
    text-align: center;line-height: 20px;}
.readTokenPanel .con .form_box .search-part.time-box .icon .iconfont{font-size: 12px;transform: scale(.7);}


/* 修改密码 */
.change-pass{font-size: 14px;color: #666;line-height: 2;padding: 30px; max-width:450px; min-height: 600px;}
.change-pass p{margin-bottom:30px;color:#999;display:flex;}
.change-pass p input{flex:1; height: 40px;border: 1px solid #CACACA;padding-left: 10px;}
.change-pass p textarea{flex:1; height: 90px;border: 1px solid #CACACA;padding-left: 10px;padding-top:10px ;}
.change-pass p span{width: 100px;text-align:left;height: 40px; line-height: 40px;}
.change-pass .insubmit { width: 100%; height: 44px; line-height: 44px; border: 0; background-color: #1C88F4; color: #fff;  border-radius: 5px;cursor:pointer;}


/* 配电拓扑 */
.orgchart-bigBox{width: 100%;border: 1px solid #E2E3E5;overflow-x:scroll;/*background-color: #fff;*/}
.orgchart-box{min-width:100%;}
/*.orgchart {width: 100%;height: 100%;}*/
.orgchart>.nodes:first-of-type>.hierarchy>.node{margin-top:0 ;padding:0 10px;}
.orgchart>.nodes:first-of-type>.hierarchy>.node .title1{font-size: 16px;}
.orgchart>.nodes:first-of-type>.hierarchy>.node img{display: block; margin: 0 auto;}
.orgchart .node .title1{ font-size: 14px;font-weight: bold;color: #fff;margin-bottom: 10px;}
.orgchart .node .list{position: absolute;right: 0;bottom: -2px; font-size: 12px;color: #45a3fb; line-height: 1.6;height:80px;    display: flex;
    align-items: center;justify-content: center;width: 20px;}

  
.energy-item.system .energy-chart{height:calc( 100% - 100px);}

/* 统计 */
.statistics-con .electric-item{width:49.5%; height: 330px;}

.layui-table-body{scrollbar-width: none;}
@media screen and (max-width: 1700px ) and (min-width:1680px){
    .body-box .table-box .block-box .content-box .chart-box {width: 220px;height: 220px;}
    .body-box .table-box .block-box .content-box .chart-box .pie-chart {width: 220px;height: 220px;}
    .body-box .table-box .block-box .content-box .legend-box{padding-left: 15px;}
    .body-box .table-box .block-box .content-box .environment{padding-top: 15px;}
    .body-box .table-box .block-box .content-box .environment li{width: 33.3%;margin-bottom: 20px;}
    .body-box .table-box .block-box .content-box .bd li{grid-template-columns:20% 50% 30%}

    .switch-box label{margin-left: 10px;}
    .switch-box .layui-form-switch{margin-left:5px;}
    .electric-item.three .title-line::before{top: 11px;}
    .room-box .room-pic{height:auto;}
}

@media screen and (max-width: 1680px){
    .primary-box .title-line .weather-box {font-size: 14px;}
    .primary-box .title-line .weather-box span{margin-right:0;}
    
     .second-box .body-box .table-box .block-bigBox{grid-template-columns: 28.4% 40.2% 27.8%;}
    /* .body-box .table-box .block-bigBox{grid-template-columns:40% 59%;column-gap: 1%;} */
    /* .body-box .table-box .block-box.bottom{height: 474px;} */
    .body-box .table-box .block-box .content-box .bd li{grid-template-columns: 10% 55% 35%;}

    .photovoltaic-system .row.top-line{    grid-template-columns: 35% 64%;}
    .photovoltaic-system .row.top-line .system-box{height: 390px;}
    .photovoltaic-system .row.bottom-line{display: block;}
    .photovoltaic-system .row.bottom-line .system-box{margin-bottom: 13px;}

    .switch-box{width: 100%;}
    .electric-detection .left{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .electric-detection .left .electric-item{width: 100%;}
    .electric-detection .right{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .electric-detection .right .electric-item.four{width: 49%;}

    .electric-detection.environmental .left .electric-item{width: 100%;}
    .electric-detection.environmental .right .electric-item.four{width: 100%;}

    .statistics-con .electric-item{width:100%;}
    .room-box .room-pic{height:auto;}
}

@media screen and (max-width: 1440px){
    .list-search .search-part{padding-right:10px;}
    .list-search .search-part .tit{padding-left: 10px;}
    .list-search .search-part select{width: 150px;}
    .list-search .search-part input{width: 150px;}


    .body-box .table-box .block-box .content-box .legend-box ul{display: flex;flex-wrap: wrap;}
    .body-box .table-box .block-box .content-box .legend-box li{width: 50%;    margin-bottom: 10px}
    .body-box .table-box .block-box .content-box .new-energy{padding-top: 10px;}
    .body-box .table-box .block-box .content-box .environment{padding-top: 10px;}
    .body-box .table-box .block-box .content-box .environment li{width: 50%;margin-bottom:10px;padding-left: 20px;}
    /*.body-box .table-box .block-bigBox{grid-template-columns:49% 50%;column-gap: 1%;}*/
    .energy-item{width:100%;}
    .orgchart-box .orgchart .node{max-width: 110px;width: auto;}
    
    .electric-detection .search-part{padding-right: 10px;}
    .electric-detection .search-part select{width: 150px;}
    .electric-detection .search-part input{width: 150px;}
    .room-box .room-pic{height:auto;}
}

@media screen and (max-width: 1080px){
   .photovoltaic-system .system-box{padding:10px;}
   .photovoltaic-system .row.top-line .system-box .input-box .search-part input,.photovoltaic-system .row.top-line .system-box .input-box .search-part select{width:170px;}
   .photovoltaic-system .row.bottom-line .system-box.list-box .pic-box{ width:160px;height:160px; margin:0 15px;  }
   .photovoltaic-system .row.bottom-line .system-box.list-box .pic-box img{max-width:60%}
   .photovoltaic-system .row.bottom-line .system-box.list-box .system-table{width:calc(100% - 190px)}
   .photovoltaic-system .row.bottom-line .system-box.list-box .system-table tbody th{padding:15px 5px;}
    .room-box .room-pic{height:auto;}
}