*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{padding:0px;margin:0px;color:#222;font-family:"微软雅黑"}@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}html,body{height:100%}body{background:#000d4a url(../images/bg.jpg) center top;background-size:cover;color:#666;font-size:12px}li{list-style-type:none}i{margin:0px;padding:0px;text-indent:0px}img{border:none;max-width:100%}a{text-decoration:none;color:#399bff}a.active,a:focus{outline:none !important;text-decoration:none}ol,ul,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0}a:hover{color:#06c;text-decoration:none !important}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.pulll_left{float:left}.pulll_right{float:right}::-webkit-scrollbar{width:5px;height:5px;position:absolute}::-webkit-scrollbar-thumb{background-color:#5bc0de}::-webkit-scrollbar-track{background-color:#ddd}.canvas{position:absolute;width:100%;left:0;top:0;height:99%;z-index:1}.allnav{height:calc(100% - 30px)}.loading{position:fixed;left:0;top:0;font-size:18px;z-index:100000000;width:100%;height:100%;background:#1a1a1c;text-align:center}.loadbox{position:absolute;width:160px;height:150px;color:#aaa;left:50%;top:50%;margin-top:-100px;margin-left:-75px}.loadbox img{margin:10px auto;display:block;width:40px}.copyright{background:rgba(19,31,64,0.32);border:1px solid rgba(255,255,255,0.05);line-height:.5rem;text-align:center;padding-right:15px;bottom:0;color:rgba(255,255,255,0.7);font-size:.16rem}.head{font-size:18px;background:url(../images/head_bg.png) no-repeat center center;background-size:100% 100%;line-height:65px;position:relative;z-index:100}.head h1{color:#fff;text-align:center}.head h1 img{width:1.5rem;display:inline-block;vertical-align:middle;margin-right:.2rem}.weather{position:absolute;right:.3rem;top:0;line-height:40px}.weather img{width:.37rem;display:inline-block;vertical-align:middle}.weather span{color:rgba(255,255,255,0.7);font-size:.18rem;padding-right:.1rem}.mainbox{padding:.1rem .1rem 0rem .1rem}.mainul{display:grid;grid-template-columns:1fr 350px;grid-gap:20px;height:100%}.mainul .mainul-l{display:grid;grid-template-rows:100px 1fr;grid-gap:20px}.boxall{border:1px solid rgba(25,186,139,0.17);padding:0 .2rem .4rem .15rem;background:rgba(255,255,255,0.04) url(../images/line.png);background-size:100% auto;position:relative;margin-bottom:.15rem;z-index:10;height:100%}.boxall:before,.boxall:after{position:absolute;width:.1rem;height:.1rem;content:"";border-top:2px solid #02a6b5;top:0}.boxall:before,.boxfoot:before{border-left:2px solid #02a6b5;left:0}.boxall:after,.boxfoot:after{border-right:2px solid #02a6b5;right:0}.alltitle{font-size:14px;color:#fff;text-align:center;line-height:36px}.h32{height:3.2rem}.boxfoot{position:absolute;bottom:0;width:100%;left:0}.boxfoot:before,.boxfoot:after{position:absolute;width:.1rem;height:.1rem;content:"";border-bottom:2px solid #02a6b5;bottom:0}.bar{background:rgba(101,132,226,0.1);padding:15px;line-height:42px;font-size:20px;display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr 1fr}.bar .tq{grid-row:1 / 3}.barbox li,.barbox2 li{width:50%;text-align:center;position:relative;z-index:100}.barbox:before,.barbox:after{position:absolute;width:.3rem;height:.1rem;content:""}.barbox:before{border-left:2px solid #02a6b5;left:0;border-top:2px solid #02a6b5}.barbox:after{border-right:2px solid #02a6b5;right:0;bottom:0;border-bottom:2px solid #02a6b5}.barbox li:first-child:before{position:absolute;content:"";height:50%;width:1px;background:rgba(255,255,255,0.2);right:0;top:25%}.barbox{border:1px solid rgba(25,186,139,0.17);position:relative}.barbox li{font-size:24px;color:#ffeb7b;padding:.05rem 0;font-family:electronicFont;font-weight:bold}.barbox2 li{font-size:.19rem;color:rgba(255,255,255,0.7);padding-top:.1rem}.map{position:relative;height:100%}.map4{width:100%;height:100%}.anchorBL{display:none}.tabs{text-align:center;padding:.1rem 0 0 0}.tabs a{position:relative;display:inline-block;margin-left:1px;padding:.05rem .2rem;color:#898989;transition:all .3s ease-out 0s;font-size:14px}.tabs li{display:inline-block}.tabs a:after{position:absolute;width:1px;height:10px;background-color:rgba(255,255,255,0.1);content:'';margin-left:0;right:-1px;margin-top:7px}.tabs li a.active{border:1px solid rgba(25,186,139,0.17);background:rgba(255,255,255,0.05);color:#fff}.tit02{text-align:center;margin:.1rem 0;position:relative}.tit02 span{border:1px solid rgba(25,186,139,0.17);letter-spacing:2px;padding:.01rem .2rem;background:rgba(255,255,255,0.05);font-size:.18rem;color:#49bcf7}.tit02:before,.tit02:after{position:absolute;width:26%;height:1px;background:rgba(25,186,139,0.2);content:"";top:.12rem}.tit02:after{right:0}.tit02:before{left:0}.wrap{height:2.54rem;overflow:hidden}.wrap li{line-height:.42rem;height:.42rem;font-size:.18rem;text-indent:.24rem;margin-bottom:.1rem}.wrap li p{border:1px solid rgba(25,186,139,0.17);color:rgba(255,255,255,0.6)}.adduser{height:1.5rem;overflow:hidden}.adduser li{height:.5rem}.adduser img{width:.40rem;border-radius:.5rem;margin-right:.1rem;display:inline-block;vertical-align:middle}.adduser span{line-height:.5rem;font-size:.18rem;color:rgba(255,255,255,0.6)}.sycm ul{margin-left:-.5rem;margin-right:-.5rem;padding:.16rem 0}.sycm li{float:left;width:33.33%;text-align:center;position:relative}.sycm li:before{position:absolute;content:"";height:30%;width:1px;background:rgba(255,255,255,0.1);right:0;top:15%}.sycm li:last-child:before{width:0}.sycm li h2{font-size:.3rem;color:#c5ccff}.sycm li span{font-size:.18rem;color:#fff;opacity:.5}@keyframes myfirst2{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes myfirst{from{transform:rotate(0deg)}to{transform:rotate(-359deg)}}.str_wrap{overflow:hidden;width:100%;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap}.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}.str_vertical .str_move_clone{left:0;top:100%}.str_down .str_move_clone{left:0;bottom:100%}.str_vertical .str_move,.str_down .str_move{white-space:normal;width:100%}.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit}.str_wrap img{max-width:none !important}.left-box-new{position:absolute;left:10px;top:10px;width:300px;z-index:1;border-radius:5px;margin:0 0 10px}.left-box-new .info{display:grid;padding:10px 0;color:#ebecee;font-size:14px;line-height:20px}.left-box-new .info h3{font-size:14px;padding:0 0 10px}.left-box-new img{border-radius:50%;height:80px;width:80px}.left-box-new .project{margin:10px 0 0}.left-box-new .project ul{position:static;background:none}.left-box-new .project span{color:#fff}.left-box-new .project .t{display:grid;grid-template-columns:40px 60px 1fr}.left-box-new .project .t span:last-child{text-align:right}.left-box-new .project .b{display:grid;grid-template-columns:1fr 2fr 2fr 1fr}.left-box-new .project li{font-size:14px;color:#fff;background:rgba(40,45,58,0.6);line-height:24px;margin:0 0 15px;padding:5px 10px;border-radius:5px;box-shadow:0 0 1px #ccc;border:1px solid rgba(40,45,58,0.6);cursor:pointer}.left-box-new .project .actived-li{border:1px solid #399bff}.left-box-new .project .orange{background-image:linear-gradient(to left, #f57907, rgba(255,0,0,0), rgba(255,0,0,0), rgba(255,0,0,0))}.left-box-new .project .red{background-image:linear-gradient(to left, red, rgba(255,0,0,0), rgba(255,0,0,0), rgba(255,0,0,0))}.left-box-new .project li:hover{border:1px solid #399bff}.left-box-new .project img{width:22px;height:auto;margin:0 5px 0 0}.left-box-new .project .danger{background-image:linear-gradient(90deg, #1f253b, #de3253)}.left-box-new .project .erro{background-image:linear-gradient(90deg, #1f253b, #CBA31D)}.left-box-new .project .actived{background:#000}.rightbox{transition:0.6s;transition-delay:0.6s;display:grid;grid-template-rows:repeat(3, 1fr);grid-gap:10px;height:100%}.rightbox *{color:#fff}.rightbox .alarm{overflow:hidden;height:200px;margin:20px 15px}.rightbox .alarm .list{margin:0 0 10px;display:grid;grid-template-rows:1fr 1fr;padding:5px 0;border-bottom:1px solid #77757569;line-height:20px}.rightbox .alarm .t span{float:right}.rightbox .alarm .list .b{display:grid;grid-template-columns:30% 20% 50%}.rightbox .alarm .list .b .erro{color:#ff0000}.rightbox .alarm .list .b .orange{color:#f57906}.rightbox.hideIt{transition-delay:0s}.hideIt{transform:rotateY(90deg)}.infoBox{position:relative}.infoDetail{position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;border:1px solid rgba(25,186,139,0.17);transition:0.6s;transition-delay:0.6s;background:rgba(255,255,255,0.04) url(../images/line.png);padding:20px}.infoDetail *{color:#fff}.infoDetail .tit{font-size:16px;font-weight:bold;line-height:24px}.infoDetail .tit span{float:right;width:24px;height:24px;background:url(../images/change.png) center no-repeat;background-size:cover;cursor:pointer}.infoDetail p{font-size:12px;padding:10px 0}.infoDetail h3{font-weight:bold;font-size:16px;margin:30px 0 10px}.infoDetail .alarm{overflow:hidden;height:200px;margin:20px 15px}.infoDetail .alarm .list{margin:0 0 10px;display:grid;grid-template-rows:1fr 1fr;padding:5px 0;border-bottom:1px solid #77757569;line-height:20px}.infoDetail .alarm .t span{float:right}.infoDetail .alarm .list .b{display:grid;grid-template-columns:30% 20% 50%}.infoDetail .alarm .list .b .erro{color:#ff0000}.infoDetail .alarm .list .b .orange{color:#CBA31D}.get-center{position:absolute;right:0;top:0;z-index:100;color:#fff}.infoDetail.hideIt{transition-delay:0s}.grid{display:grid;grid-template-rows:75px 1fr;height:100%}.chats-height{height:200px}@media (min-width: 320px) and (max-width: 900px){body{background:#000d4a;color:#666;font-size:14px}.grid{height:auto;display:block}.head{height:90px}.head h1{font-size:20px}.head .weather{top:40px;left:50%;transform:translateX(-50%);text-align:center}.head .weather span{font-size:12px;padding:0}.mainbox{padding:10px}.mainul{display:block}.mainul .tq{display:none}.mainul .bar{display:block}.mainul .barbox2 li{font-size:14px}.map{width:100%;height:100vw}.left-box-new{width:130px}.left-box-new .project li{font-size:12px}.left-box-new .project .t{grid-template-columns:30px 1fr}.left-box-new .project .b{display:none}.left-box-new .stat{display:none}.rightbox{margin:15px 0 0}.infoDetail,.rightbox{height:auto}}#echart5,#echart6{height:250px}