.a.l7-ctrl-logo{display:none}.home-container .data-info ul>li div{font-size:.9375rem;font-weight:bolder;color:#4a90e2!important}.mapboxgl-control-container[data-v-7bcf441f]{width:100%}.home-container{position:fixed;right:0;left:0;top:0;bottom:0;z-index:100000;height:100vh;width:100%;background:#0a141c;min-width:1440px;overflow:hidden}.home-container .loading{position:fixed;top:60px;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#000;z-index:100000}.home-container .loading>>>.loading-tip{color:#fff;margin-top:10px}.home-container header{position:relative;height:60px;background:#0a141c}.home-container header,.home-container header .header-back{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.home-container header .header-back{width:451px;font-size:24px;opacity:.5;color:#fff}.home-container header .header-back .img{opacity:.7;width:80px;height:100%;cursor:pointer}.home-container header .header-back .img:hover{opacity:1}.home-container header .header-back .full-img{cursor:pointer}.home-container header .header-back .full-img:hover{transform:scale(1.1)}.home-container header .header-city{font-size:24px;text-align:center;color:#fff;margin:0 auto;width:calc(100% - 851px);font-family:HYYakuHei-HEW,HYYakuHei}.home-container header .header-city>p{position:relative;text-align:center;top:10px}.home-container header .header-city .dv-decoration-5{margin:0 auto}.home-container header .header-time{position:relative;font-size:14px;color:#dcdcdc}.home-container header .right{width:451px;height:100%;margin-right:15px}.home-container header .right,.home-container header .right>div:first-child{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.home-container header .right>div:first-child{width:150px;height:28px;font-size:13px;color:#dcdcdc;overflow:hidden}.home-container header .right>div:first-child>p{text-align:center;width:50%;height:28px;line-height:28px;cursor:pointer}.home-container header .right>div:first-child>p:hover{color:#fff}.home-container header .right>div:first-child .active{color:#fff;background:#4a90e2}.home-container section{position:relative;height:calc(100% - 60px)}.home-container .user-data-preview{height:100%;width:100%}.home-container .user-data-preview .data-overview .user-details{background:rgba(16,16,21,.6);border:1px solid rgba(56,155,255,.25)}.home-container .user-data-preview .data-overview .user-details>ul{margin-top:20px}.home-container .user-data-preview .data-overview .user-details>ul>li{list-style:none;margin-bottom:25px}.home-container .user-data-preview .data-overview .user-details>ul>li>div:first-child{padding:0 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 10px;-ms-flex-pack:justify;justify-content:space-between}.home-container .user-data-preview .data-overview .user-details>ul>li>div:first-child>p{font-size:33px;color:#32a3f1}.home-container .user-data-preview .data-overview .user-details>ul>li>div:first-child>div{color:#4ac84a;font-size:14px}.home-container .user-data-preview .data-overview .user-details>ul>li>div:first-child>div .decline{color:#da3924}.home-container .user-data-preview .data-overview .user-details>ul>li>div:first-child>div>img{position:relative;top:2px}.home-container .user-data-preview .data-overview .user-details>ul>li>div:last-child{width:150px;height:28px;line-height:28px;font-size:13px;color:hsla(0,0%,100%,.7);padding-left:20px;margin-top:5px;background:linear-gradient(270deg,rgba(21,114,213,0) 2%,#1988ff)}.home-container .user-data-preview .data-overview .city-ranking{margin-top:10px;min-height:250px;height:calc(100% - 465px);padding:0 20px;background:rgba(16,16,21,.6);border:1px solid rgba(56,155,255,.25)}.home-container .user-data-preview .data-overview .city-ranking>.content-title{padding-left:0}.home-container .user-data-preview .data-overview .city-ranking .ranking{width:100%;margin-top:15px;height:calc(100% - 60px)}.home-container .user-data-preview .live-status>div{overflow:hidden;margin-bottom:5px;background:rgba(16,16,21,.6)}.home-container .user-data-preview .live-status .status-details{min-height:275px}.home-container .user-data-preview .live-status .status-details .content{height:calc(100% - 31px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.home-container .user-data-preview .live-status .status-details .content>ul{display:-ms-flexbox;display:flex;width:90%;margin-top:-10px;-ms-flex-pack:justify;justify-content:space-between}.home-container .user-data-preview .live-status .status-details .content>ul>li{width:50%;list-style:none}.home-container .user-data-preview .live-status .status-details .content>ul>li>div{margin:0 auto}.home-container .user-data-preview .live-status .status-details .content>ul>li>p{text-align:center;color:hsla(0,0%,100%,.8);font-size:12px}.home-container .user-data-preview .live-status .status-details .content>ul>li>p:first-of-type{font-size:14px;margin-bottom:20px}.home-container .user-data-preview .live-status .status-details .content>ul>li>p:nth-of-type(2){color:#389bff;font-size:26px;margin-bottom:5px}.home-container .user-data-preview .live-status .portrait-crowd{min-height:270px}.home-container .user-data-preview .live-status .portrait-crowd .content{height:calc(100% - 31px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.home-container .user-data-preview .live-status .portrait-crowd .content .portrait{width:125px;margin:0 0 0 25px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.home-container .user-data-preview .live-status .portrait-crowd .content .portrait img{display:block;height:61px;margin:0 auto 13px}.home-container .user-data-preview .live-status .portrait-crowd .content .portrait p{font-size:12px;text-align:center;color:hsla(0,0%,100%,.6)}.home-container .user-data-preview .live-status .portrait-crowd .content .portrait p:nth-of-type(2){margin-top:3px}.home-container .user-data-preview .live-status .portrait-crowd .content>div:nth-of-type(2){width:270px;height:180px}.home-container .user-data-preview .live-status .channel-proportion{min-height:273px;margin-bottom:0}.home-container .user-data-preview .live-status .channel-proportion .content{height:calc(100% - 31px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.home-container .device-data-preview{height:100%;width:100%}.home-container .device-data-preview .device-state .online-rate{background:rgba(16,16,21,.6);border:1px solid rgba(56,155,255,.25)}.home-container .device-data-preview .device-state .online-rate /deep/ .dv-digital-flop{margin-top:10px}.home-container .device-data-preview .device-state .online-rate /deep/ .active-ring-name{font-size:15px!important;margin-top:-1px;color:hsla(0,0%,100%,.7)}.home-container .device-data-preview .device-state .online-rate .footer{margin-bottom:25px;overflow:hidden}.home-container .device-data-preview .device-state .online-rate .footer>ul{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.home-container .device-data-preview .device-state .online-rate .footer>ul>li{list-style:none;color:hsla(0,0%,100%,.7);font-size:14px;text-align:center}.home-container .device-data-preview .device-state .online-rate .footer>ul>li>p:first-child{color:red;font-size:33px}.home-container .device-data-preview .device-state .online-rate .footer>ul .d-off .number-scroll span{color:red}.home-container .device-data-preview .device-state .online-rate .footer>ul>li:first-child>p:first-child{color:#4a90e2}.home-container .device-data-preview .device-state .quantity-ranking{height:calc(100% - 363px);margin-top:10px;background:rgba(16,16,21,.6);border:1px solid rgba(56,155,255,.25)}.home-container .device-data-preview .device-state .quantity-ranking /deep/ .scroll-table{margin:10px 0 0 10px;width:349px;height:calc(100% - 50px)}.home-container .device-data-preview .data-proportion{background:rgba(16,16,21,.6);border:1px solid rgba(56,155,255,.25)}.home-container .device-data-preview .data-proportion>div{height:calc(100% - 31px)}.home-container .device-data-preview .data-proportion>div>p{color:#4a90e2;padding-left:20px;margin-bottom:5px}.home-container .device-data-preview .data-proportion .real-time-Warning{overflow:hidden;min-height:315px}.home-container .device-data-preview .data-proportion .real-time-Warning /deep/ .scroll-table{height:270px;width:430px;margin:5px 0 0 10px}.home-container .device-data-preview .data-proportion .real-time-Warning /deep/ .scroll-table .ceil{font-size:13px}.home-container .device-data-preview .data-proportion .model-type,.home-container .device-data-preview .data-proportion .proportion-type{min-height:260px}.home-container .device-data-preview .data-proportion .model-type>div,.home-container .device-data-preview .data-proportion .proportion-type>div{height:calc(100% - 31px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.home-container .device-data-preview .data-proportion .model-type>div>div,.home-container .device-data-preview .data-proportion .proportion-type>div>div{width:100%}.home-container .device-data-preview .right-layout{height:calc(100% - 22px)}.home-container .device-data-preview .device-count>p:nth-of-type(2):before{background:#ff6a00}.home-container .device-data-preview /deep/ .city-popup .city-popover>div>div:nth-of-type(2)>p:nth-of-type(2):before{background:#ff6a00!important}.home-container .left-layout{position:absolute;left:15px;top:10px;z-index:2;width:370px;overflow-y:auto;height:calc(100% - 20px)}.home-container .left-layout::-webkit-scrollbar{display:none}.home-container .right-layout{position:absolute;right:15px;top:8px;z-index:2;width:450px;height:calc(100% - 20px);overflow-y:auto}.home-container .right-layout::-webkit-scrollbar{display:none}.home-container .content-title{color:#389bff;font-weight:600;margin-top:10px;font-size:16px;padding-left:20px}.home-container .content-title:before{content:" ";width:10px;height:10px;margin-right:6px;display:inline-block;border-radius:50%;background:#389bff}.home-container #map{position:relative;z-index:1}.home-container .data-info{position:absolute;left:385px;right:510px;top:50px;bottom:0;margin:0 auto;z-index:1;height:100px;width:calc(100% - 852px)}.home-container .data-info ul{max-width:900px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.home-container .data-info ul>li{width:33%;list-style:none;text-align:center}.home-container .data-info ul>li div{color:#ccc;margin-bottom:5px}.home-container .data-info ul>li div:first-child{position:relative;color:#4a90e2;font-size:36px;font-weight:600;height:40px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.home-container .data-info ul>li div:first-child .percentage{position:absolute;right:-60px;width:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.home-container .data-info ul>li div:first-child .percentage img{padding:1px 2px 0 10px}.home-container .data-info ul>li div:first-child .percentage .span{color:#4ac84a;font-size:12px}.home-container .data-info ul>li div:first-child .percentage .decline{color:#da3924}.home-container /deep/ .scroll-table .header-item{color:#4a90e2;opacity:.9;font-size:14px}.home-container /deep/ .scroll-table .rows .row-item .ceil .index{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;padding:0;font-size:12px!important;border-radius:100%}.home-container /deep/ .scroll-table .rows .row-item .ceil .indexY{background:#f5a623}.home-container /deep/ .scroll-table .rows .row-item .ceil .indexG{background:#389bff}.home-container /deep/ .scroll-table .rows .row-item .ceil>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-container /deep/ .city-popup .l7-popup-tip{border-bottom-width:0;border-top-color:rgba(34,86,178,.7)}.home-container /deep/ .city-popup .l7-popup-content{width:250px;height:125px;background:rgba(34,86,178,.7);border-radius:6px;border:1px solid rgba(56,155,255,.25)}.home-container /deep/ .city-popup .l7-popup-content .city-popover .popover-title{color:#fff;font-size:12px;line-height:20px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div{display:-ms-flexbox;display:flex}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div{color:#fff;font-size:12px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:first-of-type{position:relative;width:120px;height:120px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:first-of-type .tips{width:50px;height:50px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;font-size:12px;text-align:center}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:first-of-type .tips>p:first-child{margin-top:7px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2){margin-left:5px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2)>p{margin-bottom:5px;font-size:12px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2)>p:before{content:" ";width:8px;height:8px;display:inline-block;margin-right:5px;border-radius:50%}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2)>p:first-of-type{margin-top:25px}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2)>p:first-of-type:before{background:#3aacf3}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2)>p:nth-of-type(2):before{background:#5ad8a6}.home-container /deep/ .city-popup .l7-popup-content .city-popover>div>div:nth-of-type(2)>p:nth-of-type(3):before{background:#ff6a00}.home-container /deep/ .city-popup .l7-popup-content .city-popover .device-online{margin:23px 0 -20px}.home-container .flop-figure{position:relative;display:-ms-flexbox;display:flex;width:23px;height:100%;color:#4a90e2;line-height:23px;overflow:hidden;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright}.home-container .flop-figure i{position:absolute;font-style:normal;transition:transform .6s ease-in-out;letter-spacing:10px}.home-container .user-flop-box{height:36px;overflow:hidden}.home-container .user-flop-box>div:first-child{height:34px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.home-container .user-flop-box>div:first-child>.flop-figure{width:22px}.home-container .user-flop-box>div:first-child>.flop-figure>i{color:#32a3f1;font-size:35px}.home-container .user-flop-box>div:first-child>.flop-comma>span{left:2px;color:#32a3f1;font-size:34px}.home-container /deep/ .l7-bottom{display:none}.home-container .number-scroll{position:relative;color:#4a90e2;font-size:36px;height:40px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}