.panel{width:100%}.panel-project-head{font-size:16px;margin-top:15px;span{padding-left:6px}}.company-page-tabs{padding:5px 5px;margin-right:3px;cursor:pointer}.company-page-tabs-active{padding:5px 10px;margin-right:3px;cursor:pointer}.panel-container{display:-webkit-box;display:-ms-flexbox;display:flex}.panle-project{padding:0 15px;max-height:calc(100vh - 180px);overflow-y:auto}.panle-project::-webkit-scrollbar{width:3px}.panle-project::-webkit-scrollbar-thumb{background-color:#356282;border-radius:4px}.panle-control{width:calc(100% - 220px);margin-left:20px}.project-item-cont{margin:10px 0;cursor:pointer;img{margin-top:-4px}span{padding-left:6px}}.select-project{color:#36ab60}.panel-body-head{font-size:12px;.panel-control-name{font-weight:600;color:#fff;font-size:14px;width:85%}}.panel-body-content{margin-top:10px;width:100%;height:270px;background:url(../img/contorl.b08f9e18.png);background-size:100% 100%;background-repeat:no-repeat;padding-left:22px;padding-right:8px;padding-top:15px;color:#fff;font-size:13px;.panel-click{cursor:pointer}.panel-content-count{margin-top:20px;margin-bottom:20px;height:20px}.content-divider{width:100%;height:2px;background:#bfbfbf;margin:15px 0}.content-btn-1{margin-top:20px;z-index:2}.label-btn-text{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%);width:60px;text-align:center}label{position:relative;width:60px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-left:32px;input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:checked~span{-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.35),inset 0 5px 5px rgba(0,0,0,.5),inset 0 15px 25px rgba(0,0,0,.35);box-shadow:inset 0 2px 2px rgba(0,0,0,.35),inset 0 5px 5px rgba(0,0,0,.5),inset 0 15px 25px rgba(0,0,0,.35)}span:before{content:"";position:absolute;inset:5px 3px;border-top:1px solid #ccc;-webkit-filter:blur(2px);filter:blur(2px)}input:checked~p{text-shadow:0 0 5px #219cf3,0 0 8px #219cf3}}}.btn-group{margin-top:26px;z-index:2;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.btn-group,.spanDefault{position:absolute;width:100%}.spanDefault{height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#4b897c),color-stop(#44897a),to(#3d7d6f));background:linear-gradient(#4b897c,#44897a,#3d7d6f);border:2px solid #222;border-radius:6px;-webkit-box-shadow:inset 0 -2px 1px rgba(0,0,0,.35),0 5px 5px rgba(0,0,0,.5),0 15px 25px rgba(0,0,0,.35);box-shadow:inset 0 -2px 1px rgba(0,0,0,.35),0 5px 5px rgba(0,0,0,.5),0 15px 25px rgba(0,0,0,.35)}.spanActive{-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.35),inset 0 5px 5px rgba(0,0,0,.5),inset 0 15px 25px rgba(0,0,0,.35);box-shadow:inset 0 2px 2px rgba(0,0,0,.35),inset 0 5px 5px rgba(0,0,0,.5),inset 0 15px 25px rgba(0,0,0,.35)}.div-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.div-flex,.div-flex-no-justify{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}p{padding:0;margin:0}.btn-s{background:-webkit-gradient(linear,left top,left bottom,from(#aab0b9),color-stop(#a2abb8),to(#979fac))!important;background:linear-gradient(#aab0b9,#a2abb8,#979fac)!important}.btn-s-color{color:#303a46}.bord-point{width:11px;height:11px;border-radius:50%;margin-right:5px;margin-top:2px}.text-r{color:red}.text-g{color:#0f0}.text-grey{color:#bfbfbf}.text-align-c{text-align:center}.text-align-l{text-align:left}.text-align-r{text-align:right}.color-fire{color:red}.color-alarm{color:orange}.color-fault{color:#ff0}.color-shield{color:#bfbfbf}.btn-r{margin-right:15px}.ant-switch-checked{background-color:#0f0!important}.blink-fire{border:2px solid red;-webkit-animation:fireBlink .4s infinite alternate;animation:fireBlink .4s infinite alternate}.blink-guan{border:2px solid #ea9518;-webkit-animation:guanBlink .4s infinite alternate;animation:guanBlink .4s infinite alternate}.blink-fault{border:2px solid #ff0;-webkit-animation:faultBlink .4s infinite alternate;animation:faultBlink .4s infinite alternate}@-webkit-keyframes fireBlink{0%{border-color:red;-webkit-box-shadow:2px 0 3px 0 red;box-shadow:2px 0 3px 0 red}to{border-color:#f44;-webkit-box-shadow:-1px 2px 4px 0 red;box-shadow:-1px 2px 4px 0 red}}@keyframes fireBlink{0%{border-color:red;-webkit-box-shadow:2px 0 3px 0 red;box-shadow:2px 0 3px 0 red}to{border-color:#f44;-webkit-box-shadow:-1px 2px 4px 0 red;box-shadow:-1px 2px 4px 0 red}}@-webkit-keyframes guanBlink{0%{border-color:#ea9518;-webkit-box-shadow:2px 0 3px 0 #ea9518;box-shadow:2px 0 3px 0 #ea9518}to{border-color:#edbc74;-webkit-box-shadow:-1px 2px 4px 0 #ea9518;box-shadow:-1px 2px 4px 0 #ea9518}}@keyframes guanBlink{0%{border-color:#ea9518;-webkit-box-shadow:2px 0 3px 0 #ea9518;box-shadow:2px 0 3px 0 #ea9518}to{border-color:#edbc74;-webkit-box-shadow:-1px 2px 4px 0 #ea9518;box-shadow:-1px 2px 4px 0 #ea9518}}@-webkit-keyframes faultBlink{0%{border-color:#ff0;-webkit-box-shadow:2px 0 3px 0 #ff0;box-shadow:2px 0 3px 0 #ff0}to{border-color:#ff4;-webkit-box-shadow:-1px 2px 4px 0 #ff0;box-shadow:-1px 2px 4px 0 #ff0}}@keyframes faultBlink{0%{border-color:#ff0;-webkit-box-shadow:2px 0 3px 0 #ff0;box-shadow:2px 0 3px 0 #ff0}to{border-color:#ff4;-webkit-box-shadow:-1px 2px 4px 0 #ff0;box-shadow:-1px 2px 4px 0 #ff0}}