.visualBigScreen{height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%;background-color:#000430;padding-top:70px}@-webkit-keyframes background-star-rotate{0%{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn)}}@keyframes background-star-rotate{0%{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{-webkit-transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn);transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn)}}.visualBigScreen .background-star{-webkit-transform:perspective(1000px);transform:perspective(1000px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:fixed;-webkit-perspective-origin:-100px -100px;perspective-origin:-100px -100px;left:50%;-webkit-animation:background-star-rotate 60s linear infinite;animation:background-star-rotate 60s linear infinite;bottom:0}.visualBigScreen .background-star .star{width:2px;height:2px;background:#f7f7b8;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.visualBigScreen .main-top .top-title{width:100%;height:70px;line-height:70px;font-size:30px;font-weight:700;text-align:center;color:#fff;position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../img/vbs_title.0787d994.png);background-size:100% 100%;z-index:9}.visualBigScreen .main-top .top-title span{line-height:70px;position:relative;top:-10px;letter-spacing:8px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#2283ff),color-stop(#cff),to(#2283ff));background-image:linear-gradient(90deg,#2283ff,#cff,#2283ff)}.visualBigScreen .main-top .top-title-depot-name{position:absolute;top:8px;height:30px;line-height:30px;left:250px;color:#fff;font-weight:900;font-size:12px;z-index:9999;background-color:transparent}.visualBigScreen .main-top .top-title-depot-change{width:30px;height:30px;line-height:30px;position:absolute;top:10px;right:60px;cursor:pointer;color:#fff;font-weight:900;z-index:9999}.visualBigScreen .main-top .top-title-depot-calendar{width:330px;height:30px;line-height:30px;position:absolute;top:10px;right:50px;cursor:pointer;font-size:15px;font-weight:700}.visualBigScreen .main-top .top-title-depot-calendar span{letter-spacing:1px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:#fff}.visualBigScreen .main-top .top-title-depot-back{width:30px;height:30px;line-height:30px;position:absolute;top:10px;right:20px;background-size:100% 100%;cursor:pointer;z-index:99}.visualBigScreen .main-content-device{display:contents;height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.visualBigScreen .deskContainer{position:absolute;bottom:10px;width:100%;height:120px}.visualBigScreen .desk{--trapezoid-angle:2%;height:100%;width:95%;margin:15px auto;background:-webkit-gradient(linear,left top,left bottom,from(rgba(6,15,54,.1)),color-stop(rgba(12,22,44,.5)),to(rgba(120,150,209,.8)));background:linear-gradient(180deg,rgba(6,15,54,.1),rgba(12,22,44,.5),rgba(120,150,209,.8));-webkit-clip-path:polygon(var(--trapezoid-angle) 0,calc(100% - var(--trapezoid-angle)) 0,100% 100%,0 100%);clip-path:polygon(var(--trapezoid-angle) 0,calc(100% - var(--trapezoid-angle)) 0,100% 100%,0 100%);position:relative;opacity:.8;color:#fff;font-size:14px;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex}.visualBigScreen .desk .deskItem{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:auto;position:relative}.visualBigScreen .desk .ellipse{width:80px;height:40px;line-height:40px;background-color:rgba(120,150,209,.9);-webkit-clip-path:ellipse(50% 50% at 50% 50%);clip-path:ellipse(50% 50% at 50% 50%);margin:auto;z-index:200;position:relative}.visualBigScreen .desk .faguang{--trapezoid-angle:2%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(6,15,54,.1)),color-stop(rgba(91,138,160,.5)),to(rgba(120,150,209,.8)));background:linear-gradient(180deg,rgba(6,15,54,.1),rgba(91,138,160,.5),rgba(120,150,209,.8));-webkit-clip-path:polygon(0 0,10% 100%,90% 100%,100% 0);clip-path:polygon(0 0,10% 100%,90% 100%,100% 0);text-shadow:1px 1px 3px rgba(0,0,0,.2);height:80px;width:100px;margin:-100px auto 0;position:relative}.visualBigScreen .grid-data-panel{display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;bottom:20px}.visualBigScreen .grid-data-panel .data-panel{background-color:rgba(30,64,175,.2);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;border-radius:.75rem;border:1px solid rgba(239,68,68,.3);padding:1rem;color:#fff}.visualBigScreen .grid-data-panel .data-panel .device-name{margin-bottom:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.125rem;line-height:1.75rem;font-weight:700}.visualBigScreen .grid-data-panel .data-panel .device-name .device-name-warn{font-size:.75rem;line-height:1rem;color:#ef4444;padding:.25rem .5rem;border-radius:9999px;background-color:rgba(239,68,68,.2)}.visualBigScreen .grid-data-panel .data-panel .device-name .device-name-normal{font-size:.75rem;line-height:1rem;color:#06690a;padding:.25rem .5rem;border-radius:9999px;background-color:rgba(6,105,10,.2)}.visualBigScreen .grid-data-panel .data-panel .device-infos{font-size:.875rem;line-height:1.25rem}.visualBigScreen .grid-data-panel .data-panel .device-infos .device-infos-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}.visualBigScreen .grid-data-panel .data-panel .device-infos .device-infos-content .device-infos-content-label{color:rgba(156,163,175,.8)}.visualBigScreen .grid-data-panel .data-panel .device-infos .device-infos-content .device-infos-content-normal{color:green}.visualBigScreen .grid-data-panel .data-panel .device-infos .device-infos-content .device-infos-content-warn{color:#ef4444}.visualBigScreen .grid-data-panel .data-panel:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 25px -5px rgba(59,130,246,.4);box-shadow:0 10px 25px -5px rgba(59,130,246,.4)}.visualBigScreen .table-data-panel{margin:0 auto;width:100%}.visualBigScreen .table-data-panel .table-data-panel-title{background-color:#013263;color:#fff;font-size:16px;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex}.visualBigScreen .table-data-panel .table-data-panel-title span{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:1px solid #074b82;border-right:1px solid #074b82;padding:10px 0}.visualBigScreen .table-data-panel .table-data-panel-records{color:#fff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex}.visualBigScreen .air-label,.visualBigScreen .table-data-panel .table-data-panel-records span{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #074b82;padding:8px 0}.visualBigScreen .air-label{background-color:#155385}.visualBigScreen .air-value{border:1px solid #074b82;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 0}.visualBigScreen .side-data-panel{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));position:relative;bottom:20px}.visualBigScreen .side-data-panel .data-panel{background-color:rgba(30,64,175,.2);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;border-radius:.75rem;border:1px solid rgba(239,68,68,.3);padding:1rem;color:#fff}.visualBigScreen .side-data-panel .data-panel .device-name{margin-bottom:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.125rem;line-height:1.75rem;font-weight:700}.visualBigScreen .side-data-panel .data-panel .device-name .device-name-warn{font-size:.75rem;line-height:1rem;color:#ef4444;padding:.25rem .5rem;border-radius:9999px;background-color:rgba(239,68,68,.2)}.visualBigScreen .side-data-panel .data-panel .device-name .device-name-normal{font-size:.75rem;line-height:1rem;color:#06690a;padding:.25rem .5rem;border-radius:9999px;background-color:rgba(6,105,10,.2)}.visualBigScreen .side-data-panel .data-panel .device-infos{font-size:.875rem;line-height:1.25rem}.visualBigScreen .side-data-panel .data-panel .device-infos .device-infos-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}.visualBigScreen .side-data-panel .data-panel .device-infos .device-infos-content .device-infos-content-label{color:rgba(156,163,175,.8)}.visualBigScreen .side-data-panel .data-panel .device-infos .device-infos-content .device-infos-content-normal{color:green}.visualBigScreen .side-data-panel .data-panel .device-infos .device-infos-content .device-infos-content-warn{color:#ef4444}.visualBigScreen .side-data-panel .data-panel:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 25px -5px rgba(59,130,246,.4);box-shadow:0 10px 25px -5px rgba(59,130,246,.4)}