body{line-height:1.15;font-size:.5rem;margin:0;padding:0;background-color:#0d1944}*{margin:0;padding:0;font-weight:400}ul{list-style:none}a{text-decoration:none}.viewport{min-width:1024px;max-width:1920px;min-height:780px;margin:0 auto;background:url(./logo-B7favgGk.png) no-repeat 0 0 / contain;display:flex;padding:3.667rem .833rem 0}.column{flex:3;position:relative}.column:nth-child(2){flex:4;margin:1.333rem .833rem 0}.panel{border:2px solid red;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgIAAABtCAMAAADkpvlYAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURQAAAACS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wCS/wlFvgGT/wCO/AdRyQlFvmbW/ghNxgZZ0ACS/whPxwdTygCS/wGT/wCS/wCS/wCS/wCS/wCS/wlGvwlKwwVc0wCS/2HU/glIwQdWzQRn3ApDvACS/wCS/zu7/gGM+gVi1wCS/1XM/gKB8UjD/0K//2PW/mHU/mbX/l7S/gpDvGjY/mLP+mkOCggAAAA9dFJOUwAZESMFCw4CCQQeFSguQTs0SVBY6BYleNP0mlwfiGorNwcTMUZduqpAUjHCTU6ATFVVbTRkf2RiQ8625JyCaeshAAAGD0lEQVR42u3dW3PaSBAFYBthh4DENeANAnMTa0jswPqytpOY/P9/tad7BiGMluLJqpo556U7SlUe0Fc9LUiVzjYfkTemiBzeiK/fzg7zIQQipohsTjPwIQRCpohsTjOAq62k3miMm7NoFIa9XsC4lV6vBw6jUTT752uuASEgAgSA3P/BoMo4lIFEIEBBlG8A1+p1KyDA7T9nnItKEAWjXAO49PrUaEJAEAiAbrdbY5xJV6MMFEGeAd0Rfj2NQ4wAAKhNS4xbmU6nQgEKBvkGcOH5Jy7+fqkaAJeMaxEHUGAQHBrAnxvNl9+4/vOlJgAuGNdiGEyBINeAEojC2dOvzQYCLiqMgxEGQCCD4NCAroNRiFXw+VUFTMqMU5lMJqpAEMggODBg18Gwel5TAeXyZ8atqAOLYJpjIF0Hv01LlyrgE+NYlMFEj4M8A2ibkV0HL3AKUICjCgyCPANKIAxCWQcvKhTgMoLUwCDIfj+g6+AoqJ53n18tgTPGqbw3UMOzYfY7ou06aLZBEvDBgB4Fu98LdusgCXhhID0K0t8N99dBEvDCQE3HgP3/A3nrID8xlw1UKukYaD7DwB+ug54Z2I2BcDQbP1sCXAe9MiBjoNbFQwEINCwBroMeGTBjYHsSbAlwHfTLQHoSZAlwHfTHgD0J7DLAddBDA3ISyDOBWQa4DvpoIF0GDIEN10HvDHzeEYi2BLgO+kWgbH4n0EeClADXQRLgOugfgeoBAa6DXhGokQAJkAAJkAAJkAAJkAAJkAAJkAAJgMBbvUECJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACvhFo1N9IgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIgARIwFcCXRLwm8CABEiABDwmMI5GPRCYgsCEBPwkMNsRKH+iAe8IJIZAtSsvr7dvLudH5R8B+1RY2b66nJ+VVwQOvxigAb8ItNJHArMM0ICPBOwykD0JaMAjAqvsMpAZAzTgEYHdSWDGAA14RqBtT4LMGKABvwgscRLsjQEa8I3AOjMG9HcCGvCNQKfdMmMADwXmKKABzwjMt2NgexTsG2Bcy957CpXAfWepDwX2KNgaIAJnBUwybysVAj++3OsYwFGQNWAQUIGDAsoVfXm9vrZaCcDAv0s9CmQdsAa2CJQB41JEgF0F5OX1SkANyFEwnlkDtZJFUJlM1AHjTiYqYKqrQEpADOCpYGdABoEgUAWMa4EAGQKDnq4CiRJ4Z2Agg0ARCAPGsVyKgK45B3YEdgb6b/+boZC4+iK5kvb6L8m1tn9LtI37SIzmdjgc3qIurq+vF6gPcRw/oPYWi0XvkikspdLUCAgjOQdalsBpBkqINSCtNaCtMSBt3L+BATRqAFUNoKoBVDVQYoqKAMAxIJuADIGUwGkGaog1oK0a0NYakBZz4KYfo1EDqIurq6sFqhqQCgNSmQLS7QqAagABURNDIFmlBFIDjWMGzhFrQFtjQFprQNr4BonRqAGpMCB1IQZQH25vb6UyhaSKEdCDADkG6q32jsBpBqqINaCtMSCtNSCtMYBGDUgVA6hiYIGqBqpMERkMgqBnBWATWC0zBNTAqlWvHzPQD5ChGhhKaw1ICwPfYUBbMSCdLIcx6h0M3KHqXoD6cHd39xAwRQT3XwA0RUDSaq+zBOz3hMlxAyFiDUhrDWj7XaKtMYBGDaCqAakwIHUBA4uQKSCjEQCkApadPQLGwAoIjhmIEGtAWzWgrTUgrTEgDQxIjXEmxKhqAFXPhIgpILj/CsAImO8TEANrDIJWcsxAE+mrAW2tAWmtAW3FgHRqAFUNoOo8kAoDUpmPzhj3HwDqLQhYz98TkN8NO+s2JsExA/gXGtaAtNaAtmpAW2MAjRpAVQNSYUCqGmgwBQT3P0laK5kB88f3BMTAvINJsFphFiRJnXEuidx/AbAWAYcE1AAQQEFbHTDOZbVq4/4LAAi4PyQgBh7xlx0wWC+RNuNUcEtx++X+C4D7PAJq4FEUzFUC41rMnX1UAPkEzn68MR7lP9JH145uFmqEAAAAAElFTkSuQmCC) 51 38 21 132;border-width:2.125rem 1.583rem .875rem 5.5rem;position:relative;margin-bottom:1rem}.panel .inner{position:absolute;top:-.2rem;right:-.5rem;bottom:-.5rem;left:-4.5rem}.panel h3{font-size:1.2rem;color:#fff}.panel a{padding:.167rem;font-size:.667rem;margin:-.125rem 0 0 .875rem;border-radius:.125rem;color:#0bace6}.overview{height:6rem}.overview .inner{display:flex;justify-content:space-between}.overview h4{font-size:1.5rem;padding-left:.2rem;color:#fff;margin-bottom:1.333rem}.overview span{font-size:1.2rem;color:#4c9bfd}.monitor{height:20rem}.monitor .inner{display:flex;flex-direction:column}.monitor .caption{display:flex;line-height:1}.monitor .chart{flex:1}.point{height:18rem}.point .chart{display:flex;margin-top:.625rem;justify-content:space-between}.point .data{display:flex;flex-direction:column;justify-content:space-between;width:50%;height:210px;padding:1.5rem;box-sizing:border-box}.point h4{margin-bottom:.5rem;font-size:1.5rem;color:#fff;margin-top:.8rem}.point span{display:block;color:#4c9bfd;font-size:1.2rem}.map{height:31.6rem;margin-bottom:.833rem;display:flex;flex-direction:column}.map h3{line-height:1;padding:.667rem 0;margin:0;font-size:.833rem;color:#fff}.map .icon-cube{color:#68d8fe}.map .chart{flex:1;background-color:#ffffff0d}.users{height:18.2rem;display:flex}.users .inner{display:flex;flex-direction:column}.users .data{display:flex;flex-direction:row;justify-content:space-between;width:95%;height:33%;padding:2rem;box-sizing:border-box;flex-wrap:nowrap;align-content:stretch;align-items:flex-start}.users h4{margin-bottom:.5rem;font-size:1.5rem;color:#fff;margin-top:1.2rem}.users span{display:block;color:#4c9bfd;font-size:1.2rem}.sales{height:20rem}.sales .caption{display:flex;line-height:1}.sales a{padding:.167rem;font-size:.667rem;margin:-.125rem 0 0 .875rem;border-radius:.125rem;color:#0bace6}.sales .inner{display:flex;flex-direction:column}.sales .chart{flex:1;padding-top:.6rem;position:relative}.channel{height:18rem}.channel .inner{display:flex;flex-direction:column}.channel .chart{display:flex;margin-top:-.375rem;justify-content:space-between}.channel .data{display:flex;flex-direction:column;justify-content:space-between;width:50%;height:230px;padding:1.5rem;box-sizing:border-box}.channel h4{margin-bottom:.5rem;font-size:1.5rem;color:#fff;margin-top:.8rem}.channel span{display:block;color:#4c9bfd;font-size:1.2rem}.clock{position:absolute;top:-1.5rem;right:1.667rem;font-size:.833rem;color:#0bace6}.clock i{margin-right:5px;font-size:.833rem}@media screen and (max-width: 1600px){.quarter span{transform:scale(.9)}}li{list-style-type:none}.showImg{position:relative;width:100%;height:430px;margin:20px auto;overflow:hidden}.showImg img{width:100%;height:100%}.iconDiv{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border:1px solid #666;border-radius:15px;background-color:#7d7d7d33;line-height:30px;text-align:center;font-size:25px;cursor:pointer}.iconDiv:hover{background-color:#7a777780}.icon-left{left:10px}.icon-right{right:10px}.banner-circle{position:absolute;bottom:0;width:100%;height:20px}.banner-circle ul{margin:0 50px;height:100%;text-align:right}.banner-circle ul li{display:inline-block;width:14px;height:14px;margin:0 5px;border-radius:7px;background-color:#7d7d7dcc;cursor:pointer}.active{background-color:#000!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn 1s ease-in-out forwards}.fade-out{animation:fadeOut 1s ease-in-out forwards}.time-display[data-v-a940b464]{font-size:1.2em;color:#007bff;padding:10px;background-color:#f8f9fa;border-radius:5px;text-align:center;font-weight:700}.alarm-text-blink[data-v-babecd4c],.alarm-value[data-v-babecd4c]{animation:blink-babecd4c 1s infinite;color:#f009}@keyframes blink-babecd4c{0%{background-color:transparent}50%{background-color:#ff000080}to{background-color:transparent}}.viewport.alarm[data-v-babecd4c]{animation:blink-babecd4c 1s infinite}@keyframes text-blink-babecd4c{0%{color:inherit}50%{color:red}to{color:inherit}}.zoom-pulse[data-v-babecd4c]{animation:zoomPulse-babecd4c 1s infinite}@keyframes zoomPulse-babecd4c{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.volume-alarm[data-v-babecd4c]{animation:blink-babecd4c 1s infinite;color:#f009}