.server{flex:0 0 26%;margin-bottom:16px}.server .chart{width:100%;height:100%;margin-top:-2.3vw}.iot{flex:auto}.iot .chart{width:100%;height:100%;max-height:45.13vh;margin-top:-2.3vw}.map{flex:0 0 62%;margin-bottom:16px;overflow:hidden;padding:0!important}.order{flex:auto}.order .ivu-row{width:100%;height:100%;margin-top:-2.3vw}.order .ivu-row .chart{width:100%;height:100%;max-height:29.72vh}.screen-silder{width:100%;height:100%;position:relative;flex:auto;overflow:hidden}.screen-silder.gutter{margin-top:-2.3vw;padding-top:2.3vw}.screen-silder .scroll-wrapper{width:100%;height:100%;overflow:hidden}.screen-silder li{line-height:1.6vw;height:1.6vw;color:#fff;padding:0 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-silder li i{font-style:normal;color:#eee}.screen-silder .empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6vw;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entrance{flex:0 0 24%;margin-bottom:18px}.warning{flex:0 0 20%;margin-bottom:18px;display:flex;flex-direction:row;align-items:center;justify-content:center}@-webkit-keyframes eye-brow{0%{top:-50px}25%{top:-50px}50%{top:-50px}60%{top:-50px}75%{top:0}80%{top:-50px}to{top:-50px}}@keyframes eye-brow{0%{top:-50px}25%{top:-50px}50%{top:-50px}60%{top:-50px}75%{top:0}80%{top:-50px}to{top:-50px}}@-webkit-keyframes eyes{0%{margin-left:0}25%{margin-left:-15px}50%{margin-left:0}75%{margin-left:15px}to{margin-left:0}}@keyframes eyes{0%{margin-left:0}25%{margin-left:-15px}50%{margin-left:0}75%{margin-left:15px}to{margin-left:0}}@-webkit-keyframes light1{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@keyframes light1{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes light2{0%{transform:scale(0) rotate(35deg)}50%{transform:scale(1) rotate(35deg)}to{transform:scale(0) rotate(35deg)}}@keyframes light2{0%{transform:scale(0) rotate(35deg)}50%{transform:scale(1) rotate(35deg)}to{transform:scale(0) rotate(35deg)}}@-webkit-keyframes light3{0%{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}50%{transform:scaleY(1) translate(-50%) rotate(90deg);height:5px}to{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}}@keyframes light3{0%{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}50%{transform:scaleY(1) translate(-50%) rotate(90deg);height:5px}to{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}}@-webkit-keyframes light4{0%{transform:scale(0) rotate(145deg)}50%{transform:scale(1) rotate(145deg)}to{transform:scale(0) rotate(145deg)}}@keyframes light4{0%{transform:scale(0) rotate(145deg)}50%{transform:scale(1) rotate(145deg)}to{transform:scale(0) rotate(145deg)}}@-webkit-keyframes bulb{0%{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}50%{background-color:#e04311;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,.5)}to{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}}@keyframes bulb{0%{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}50%{background-color:#e04311;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,.5)}to{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.warning .alarm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:10vh;height:10vh;position:relative;flex:none;margin-right:26px}.warning .alarm .bulb{width:7vh;height:7vh;border-top-left-radius:100px;border-top-right-radius:100px;background-color:#ff5722;position:relative}.warning .alarm .bulb:after{content:"";position:absolute;width:40px;height:40px;border:10px solid transparent;border-top-color:hsla(0,0%,100%,.2);top:15%;right:5%;transform:rotate(45deg);border-radius:50%}.warning .alarm .bulb .eyes{margin-top:1.8vh;display:flex;justify-content:space-evenly}.warning .alarm .bulb .eyes span{display:block;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.5);position:relative;overflow:hidden;padding:5px}.warning .alarm .bulb .eyes span:before{content:"";width:10px;height:10px;background-color:#000;display:block;border-radius:50%}.warning .alarm .bulb .eyes span:after{content:"";width:30px;height:30px;background-color:#ff5722;display:block;border-radius:50%;position:absolute;top:-30px;left:calc(50% - 15px);-webkit-animation:eye-brow 3s ease-in-out 0s infinite normal none;animation:eye-brow 3s ease-in-out 0s infinite normal none}.warning .alarm .bulb .mouth{width:40px;height:18px;position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);overflow:hidden}.warning .alarm .bulb .mouth:before{content:"";display:block;width:40px;height:40px;margin-top:-55%;border-radius:50%;background-color:#000;box-shadow:inset 5px 5px 0 1px hsla(0,0%,100%,.2);transition:all .2s ease-in-out}.warning .alarm .bulb .mouth:after{content:"";position:absolute;width:10px;height:10px;background-color:#fff;top:6%;left:50%;transform:translate(-50%,-31%);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.warning .alarm .base{width:10vh;height:2vh;border-top-left-radius:50px;border-top-right-radius:50px;margin-top:-4px;background-color:#394178}.warning .alarm .base,.warning .alarm .bulb{border:2px solid #262b55;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15)}.warning .alarm .light{position:absolute;width:100%;height:100%;top:0}.warning .alarm .light span{position:absolute;width:0;height:5px;background-color:#e04311;border-radius:10px}.warning .alarm .light span:first-child{left:-10%;top:50%;transform-origin:right}.warning .alarm .light span:nth-child(2){transform:rotate(35deg);left:0;top:15%;transform-origin:right}.warning .alarm .light span:nth-child(3){transform:translate(-50%) rotate(90deg);left:40%;top:4%;transform-origin:right}.warning .alarm .light span:nth-child(4){transform:rotate(145deg);right:25%;top:15%;transform-origin:right}.warning .alarm .light span:nth-child(5){right:-10%;top:50%;transform-origin:left}.warning .alarm.active{cursor:pointer;-webkit-animation:shake 1s linear infinite;animation:shake 1s linear infinite}.warning .alarm.active .bulb{-webkit-animation:bulb 1s ease infinite;animation:bulb 1s ease infinite}.warning .alarm.active .eyes span:before{-webkit-animation:eyes 1.2s linear infinite;animation:eyes 1.2s linear infinite}.warning .alarm.active .mouth:before{margin-top:0}.warning .alarm.active .light span{width:30px}.warning .alarm.active .light span:first-child{-webkit-animation:light1 1s ease infinite;animation:light1 1s ease infinite}.warning .alarm.active .light span:nth-child(2){-webkit-animation:light2 1s ease infinite;animation:light2 1s ease infinite}.warning .alarm.active .light span:nth-child(3){-webkit-animation:light3 1s ease infinite;animation:light3 1s ease infinite}.warning .alarm.active .light span:nth-child(4){-webkit-animation:light4 1s ease infinite;animation:light4 1s ease infinite}.warning .alarm.active .light span:nth-child(5){-webkit-animation:light1 1s ease infinite;animation:light1 1s ease infinite}.notice{flex:auto}.notice h4{color:#fff;text-align:center;font-weight:400;font-size:1vw;line-height:1.8vw}.notice .text{font-size:.8vw;line-height:1.2vw;text-overflow:ellipsis;word-break:break-all;color:#fff;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.notice .empty{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;font-size:.6vw;color:#999}.notice .empty,.online{display:flex;align-items:center}.online{flex:0 0 20%;margin-bottom:18px;flex-direction:row;padding-left:30px!important;white-space:nowrap}.online h4{font-size:.8vw;line-height:1.4vw}.online h1,.online h4{color:#fff;font-weight:400}.online h1{font-size:1.4vw;line-height:1.6vw;margin-top:1vw}.online h1 small{font-size:1vw}.online .chart{height:100%;flex:auto;margin-left:12px}.big-screen{width:100%;height:100%;overflow:hidden;position:relative;background:#2b315c;display:flex;flex-direction:column}.big-screen-header{width:100%;flex:none;padding:12px;position:relative}.big-screen-header-wrapper{position:relative;overflow:hidden}.big-screen-header-bg{width:100%;position:relative;z-index:1}.big-screen-header-reading{position:absolute;z-index:2;bottom:0;left:37.82%;width:1.6vw}.big-screen-header-title{width:42.78%;height:77.14%;overflow:hidden;position:absolute;top:0;left:0;z-index:2;padding:16px;display:flex;flex-direction:row;align-items:center}.big-screen-header-title-bg{position:absolute;top:-25%;right:-10%;max-width:none;height:200%;width:200%}.big-screen-header-title-logo{height:100%;margin-right:14px;flex:none}.big-screen-header-title .text{line-height:1;position:relative;z-index:5}.big-screen-header-title b{font-size:1.4vw;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(0deg,#93e5ff,#fff 100%,#fff 0)}.big-screen-header-title p{font-size:.8vw;color:#fff;margin-top:.6vw}.big-screen-header-total{width:57%;position:absolute;top:6.8%;right:0;bottom:12px;z-index:5}.big-screen-header-total .ivu-row{height:100%}.big-screen-header-total .ivu-col{display:flex;flex-direction:row;align-items:center;padding:12px 12px 0}.big-screen-header-total .ivu-icon{font-size:1.5vw;color:#fff;margin-right:1vw;margin-bottom:.8vw}.big-screen-header-total h5{color:#fff;font-size:1vw;font-weight:500;line-height:1;margin-bottom:.3vw}.big-screen-header-total p{color:#fff;font-size:1.4vw}.big-screen-header-total p small{font-size:1vw;margin-left:.2vw}.big-screen-body{padding:0 12px 12px;overflow:hidden;flex:auto;display:flex;flex-direction:row}.big-screen-body .left{margin-right:18px;flex:0 0 26%;overflow:hidden;display:flex;flex-direction:column}.big-screen-body .left .total-wrapper{flex:none;margin-bottom:18px}.big-screen-body .left .total-wrapper .total{display:flex;flex-direction:column;align-items:center;justify-content:center}.big-screen-body .left .total-wrapper .total .item{width:8vw}.big-screen-body .left .total-wrapper .total .star{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:8vw}.big-screen-body .left .total-wrapper .total h5{text-align:center;font-size:1vw;font-weight:500;line-height:1;color:#fff;margin-bottom:.2vw}.big-screen-body .left .total-wrapper .total p{text-align:center;line-height:1;color:#fff;font-size:.6vw}.big-screen-body .left .total-wrapper .total .moring{width:6vw;margin-top:-2vw;margin-bottom:-1.5vw}.big-screen-body .center{flex:auto;position:relative;overflow:hidden;display:flex;flex-direction:column}.big-screen-body .right{flex:0 0 26%;margin-left:18px;position:relative;overflow:hidden;display:flex;flex-direction:column}.big-screen-body .card{background-image:linear-gradient(#394178,#262b55);border-radius:8px;overflow:hidden;position:relative;padding:8px 6px}.big-screen-body .card-title{color:#fff;line-height:1.5vw;font-size:.8vw;font-weight:400;margin-bottom:.8vw}.big-screen-body .card.mr{padding:16px 18px}