.big-screen-container{position:absolute;top:0;left:0;z-index:1000;width:100%;min-height:100%;background:#f8f8f9}
.all-data-container{position:absolute;top:0;left:0;z-index:1000;width:100%;min-height:100%;background:#111839}.all-data-container .content{width:100%;height:calc(100vh - 1rem);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.all-data-container .content .l-title{font-size:.18rem;font-weight:700;color:#fff}.all-data-container .content .left-box,.all-data-container .content .right-box{width:25%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.all-data-container .content .left-box .l-box,.all-data-container .content .left-box .r-box,.all-data-container .content .right-box .l-box,.all-data-container .content .right-box .r-box{width:96%;margin-left:2%;height:32.5%;padding:.1rem;background:#162446}.all-data-container .content .left-box .l-box .box-title,.all-data-container .content .left-box .r-box .box-title,.all-data-container .content .right-box .l-box .box-title,.all-data-container .content .right-box .r-box .box-title{font-size:.18rem;font-weight:700;color:#fff;margin-bottom:0;height:10%}.all-data-container .content .left-box .l-box .chart-box,.all-data-container .content .left-box .r-box .chart-box,.all-data-container .content .right-box .l-box .chart-box,.all-data-container .content .right-box .r-box .chart-box{width:100%;height:90%}.all-data-container .content .left-box .l-box .warn-count,.all-data-container .content .left-box .r-box .warn-count,.all-data-container .content .right-box .l-box .warn-count,.all-data-container .content .right-box .r-box .warn-count{color:#f34949;font-size:.3rem;margin-bottom:.1rem}.all-data-container .content .left-box .l-box .warn-title,.all-data-container .content .left-box .r-box .warn-title,.all-data-container .content .right-box .l-box .warn-title,.all-data-container .content .right-box .r-box .warn-title{color:#fff}.all-data-container .content .left-box .l-box .msg-list,.all-data-container .content .left-box .r-box .msg-list,.all-data-container .content .right-box .l-box .msg-list,.all-data-container .content .right-box .r-box .msg-list{list-style:none}.all-data-container .content .left-box .l-box .msg-list li,.all-data-container .content .left-box .r-box .msg-list li,.all-data-container .content .right-box .l-box .msg-list li,.all-data-container .content .right-box .r-box .msg-list li{list-style:none;color:#fff}.all-data-container .content .center-box{width:50%;height:100%}.all-data-container .content .center-box .pv-box,.all-data-container .content .center-box .uv-box{width:50%;height:1.5rem;float:left;padding:.1rem;margin-bottom:.1rem;background:#162446}.all-data-container .content .center-box .pv-box .customer-count-box,.all-data-container .content .center-box .uv-box .customer-count-box{width:100%;text-align:center}.all-data-container .content .center-box .map-box{width:60%;height:calc(100vh - 5.1rem);padding:.1rem;margin-bottom:.1rem;float:left;background:#162446}.all-data-container .content .center-box .real-time-box{width:40%;height:calc(100vh - 5.1rem);float:left;padding:.1rem;margin-bottom:.1rem;background:#162446}.all-data-container .content .center-box .real-time-box .customer-count-box{width:100%;text-align:center;margin-top:calc(100% - 2.5rem)}.all-data-container .content .center-box .city-box{width:100%;height:2.4rem;padding:.1rem;float:left;background:#162446}
.chart-content{width:100%;height:2.6rem}.chart-content .ct-chart{width:100%;height:100%}
.numbers-container{width:100%;height:.5rem;line-height:.5rem;margin-top:.06rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@keyframes scrollNumber0{0%{margin-top:0}to{margin-top:-1100}}@keyframes scrollNumber1{0%{margin-top:0}to{margin-top:-.5rem}}@keyframes scrollNumber2{0%{margin-top:0}to{margin-top:-1rem}}@keyframes scrollNumber3{0%{margin-top:0}to{margin-top:-1.5rem}}@keyframes scrollNumber4{0%{margin-top:0}to{margin-top:-2rem}}@keyframes scrollNumber5{0%{margin-top:0}to{margin-top:-2.5rem}}@keyframes scrollNumber6{0%{margin-top:0}to{margin-top:-3rem}}@keyframes scrollNumber7{0%{margin-top:0}to{margin-top:-3.5rem}}@keyframes scrollNumber8{0%{margin-top:0}to{margin-top:-4rem}}@keyframes scrollNumber9{0%{margin-top:0}to{margin-top:-4.5rem}}.numbers-container .numbers-box{width:.57rem;height:.5rem;overflow-x:hidden;overflow-y:hidden;float:left}.numbers-container .numbers-box span{color:#666;width:100%;height:5.5rem;font-size:.5rem;display:block;text-align:center}.numbers-container .numbers-box span label{width:100%;float:left}.numbers-container .numbers-box span label:first-child,.numbers-container .numbers-box span label:nth-child(2),.numbers-container .numbers-box span label:nth-child(3),.numbers-container .numbers-box span label:nth-child(4),.numbers-container .numbers-box span label:nth-child(5),.numbers-container .numbers-box span label:nth-child(6),.numbers-container .numbers-box span label:nth-child(7),.numbers-container .numbers-box span label:nth-child(8),.numbers-container .numbers-box span label:nth-child(9),.numbers-container .numbers-box span label:nth-child(10){padding-top:0}.numbers-container .numbers-box .numbers-scroll00{margin-top:-5rem;animation:scrollNumber0 1s linear 1 normal;-moz-animation:scrollNumber0 1s linear 1 normal;-webkit-animation:scrollNumber0 1s linear 1 normal;-o-animation:scrollNumber0 1s linear 1 normal}.numbers-container .numbers-box .numbers-scroll01{margin-top:-5rem;animation:scrollNumber0 .9s linear 1 normal;-moz-animation:scrollNumber0 .9s linear 1 normal;-webkit-animation:scrollNumber0 .9s linear 1 normal;-o-animation:scrollNumber0 .9s linear 1 normal}.numbers-container .numbers-box .numbers-scroll02{margin-top:-5rem;animation:scrollNumber0 1.4s linear 1 normal;-moz-animation:scrollNumber0 1.4s linear 1 normal;-webkit-animation:scrollNumber0 1.4s linear 1 normal;-o-animation:scrollNumber0 1.4s linear 1 normal}.numbers-container .numbers-box .numbers-scroll03{margin-top:-5rem;animation:scrollNumber0 1.2s linear 1 normal;-moz-animation:scrollNumber0 1.2s linear 1 normal;-webkit-animation:scrollNumber0 1.2s linear 1 normal;-o-animation:scrollNumber0 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll04{margin-top:-5rem;animation:scrollNumber0 1.8s linear 1 normal;-moz-animation:scrollNumber0 1.8s linear 1 normal;-webkit-animation:scrollNumber0 1.8s linear 1 normal;-o-animation:scrollNumber0 1.8s linear 1 normal}.numbers-container .numbers-box .numbers-scroll05{margin-top:-5rem;animation:scrollNumber0 1.6s linear 1 normal;-moz-animation:scrollNumber0 1.6s linear 1 normal;-webkit-animation:scrollNumber0 1.6s linear 1 normal;-o-animation:scrollNumber0 1.6s linear 1 normal}.numbers-container .numbers-box .numbers-scroll1{margin-top:-.5rem;animation:scrollNumber1 1.2s linear 1 normal;-moz-animation:scrollNumber1 1.2s linear 1 normal;-webkit-animation:scrollNumber1 1.2s linear 1 normal;-o-animation:scrollNumber1 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll2{margin-top:-1rem;animation:scrollNumber2 1.2s linear 1 normal;-moz-animation:scrollNumber2 1.2s linear 1 normal;-webkit-animation:scrollNumber2 1.2s linear 1 normal;-o-animation:scrollNumber2 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll3{margin-top:-1.5rem;animation:scrollNumber3 1.2s linear 1 normal;-moz-animation:scrollNumber3 1.2s linear 1 normal;-webkit-animation:scrollNumber3 1.2s linear 1 normal;-o-animation:scrollNumber3 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll4{margin-top:-2rem;animation:scrollNumber4 1.2s linear 1 normal;-moz-animation:scrollNumber4 1.2s linear 1 normal;-webkit-animation:scrollNumber4 1.2s linear 1 normal;-o-animation:scrollNumber4 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll5{margin-top:-2.5rem;animation:scrollNumber5 1.2s linear 1 normal;-moz-animation:scrollNumber5 1.2s linear 1 normal;-webkit-animation:scrollNumber5 1.2s linear 1 normal;-o-animation:scrollNumber5 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll6{margin-top:-3rem;animation:scrollNumber6 1.2s linear 1 normal;-moz-animation:scrollNumber6 1.2s linear 1 normal;-webkit-animation:scrollNumber6 1.2s linear 1 normal;-o-animation:scrollNumber6 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll7{margin-top:-3.5rem;animation:scrollNumber7 1.2s linear 1 normal;-moz-animation:scrollNumber7 1.2s linear 1 normal;-webkit-animation:scrollNumber7 1.2s linear 1 normal;-o-animation:scrollNumber7 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll8{margin-top:-4rem;animation:scrollNumber8 1.2s linear 1 normal;-moz-animation:scrollNumber8 1.2s linear 1 normal;-webkit-animation:scrollNumber8 1.2s linear 1 normal;-o-animation:scrollNumber8 1.2s linear 1 normal}.numbers-container .numbers-box .numbers-scroll9{margin-top:-4.5rem;animation:scrollNumber9 1.2s linear 1 normal;-moz-animation:scrollNumber9 1.2s linear 1 normal;-webkit-animation:scrollNumber9 1.2s linear 1 normal;-o-animation:scrollNumber9 1.2s linear 1 normal}
.bigScreenHeader-container{width:100%;height:.8rem;line-height:.8rem;color:#fff;font-size:.4rem;font-weight:700;text-align:center}.bigScreenHeader-container .header-btn{position:absolute;left:0;font-size:.3rem;color:#3e5489;padding-left:.1rem}.big-screen-header-container-real-time .header{text-align:left;font-size:.2rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#363b52;line-height:.6rem}.big-screen-header-container-real-time .header>span{padding-left:.2rem}.big-screen-header-container-real-time .header .header-btn{position:absolute;right:0;text-align:right;font-size:.3rem;color:#3e5489;padding-left:.1rem}.big-screen-header-container-real-time .header .header-btn i{color:#a3a5b0;font-size:.24rem}
.real-timePv-container{position:absolute;top:0;left:0;z-index:1000;width:100%;height:calc(100% - .8rem);min-height:calc(100% - .8rem);background:#f8f8f9}.real-timePv-container .chart-box{width:100%;height:32%;margin-top:.5%;float:left}.real-timePv-container .chart-box .card{width:24.5%;height:100%;float:left;margin-left:.5%;background:#fff;border-radius:.08rem}.real-timePv-container .chart-box .card-one-column{width:49%}