.real-time-pie .pie-device-status{font-size:.6rem;color:#bac3ce}.real-time-pie .real-time-pie-chart{display:-webkit-box;display:-ms-flexbox;display:flex}.real-time-pie{padding:1rem}.real-time-pie .pie-device-status{font-size:18px;font-weight:600;color:#f2f2f2}.real-time-pie .real-time-pie-chart{width:100%;height:100%}.top10-device-bar-chart{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top10-device-bar-chart .title{font-weight:500;height:72px;line-height:72px;padding-left:16px;border-bottom:1px solid #efefef;color:#f2f2f2}.top10-device-bar-chart .chart{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.top10-drink-bar-chart{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top10-drink-bar-chart .title{height:72px;line-height:72px;padding-left:16px;color:#f2f2f2;font-weight:500;border-bottom:1px solid #efefef}.top10-drink-bar-chart .chart{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.h3{font-size:1.2rem;font-weight:600;margin-right:16px}.line-input-filter{margin-left:2rem}.line-input-filter input{border:none;border-bottom:1px solid #3c3c3c;font-size:.6rem;border-radius:0;height:2rem;line-height:2rem}.circle-input-filter{margin-left:2rem}.circle-input-filter input{font-size:.6rem;height:2rem;line-height:2rem;border-color:#2b3139;border-radius:1rem}::-webkit-scrollbar{width:1px;height:1px;background-color:transparent}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 #1f2732;border-radius:1px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #1f2732;background-color:transparent}.monitor{height:1080px;width:1920px;background-color:#113549}.monitor .monitor-left,.monitor .monitor-right{height:calc(100% - 8px);z-index:999;top:8px;position:absolute}.monitor .monitor-left{left:0;width:calc(25% - 8px);margin-left:8px}.monitor .monitor-right{right:0;width:calc(25% - 8px);margin-right:8px}.monitor .monitor-left .order-info .order-title{height:72px;line-height:72px;font-size:24px;color:#f2f2f2;border-bottom:1px solid #efefef;padding-left:16px}.monitor .monitor-left .order-info .order-title span{color:#0ebf9c}.monitor .monitor-left .order-container{display:-webkit-box;display:-ms-flexbox;display:flex}.monitor .monitor-left .order-container .order-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;text-align:center}.monitor .monitor-left .order-container .order-item p{font-size:20px;font-weight:400;color:#f2f2f2}.monitor .monitor-left .order-container .order-item p:first-child{margin-bottom:16px;font-weight:500;font-size:22px;color:#0ebf9c}.monitor .monitor-left .monitor-left-item:nth-child(-n+3){height:calc(18% - 8px);background-color:#30363e;width:100%;margin-bottom:8px}.monitor .monitor-left .monitor-left-item{height:calc(23% - 8px);background-color:#30363e;width:100%;margin-bottom:8px}.monitor .monitor-middle{width:calc(50% - 16px);height:calc(100% - 16px);z-index:999;top:8px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:25%;margin:0 8px}.monitor .monitor-middle .middle-head{height:72px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#30363e;padding:0 16px;-ms-flex-line-pack:center;align-content:center}.monitor .monitor-middle .middle-head .tab{-webkit-box-flex:1;-ms-flex:1;flex:1;height:72px;text-align:center;line-height:72px;vertical-align:middle}.monitor .monitor-middle .middle-head .tab span{height:60px;display:inline-block;font-size:24px;font-weight:500;color:#fff;border-bottom:3px solid #0ebf9c}.monitor .monitor-middle .middle-head label{line-height:72px;width:160px;text-align:center;cursor:pointer}.monitor .monitor-middle .middle-head label i{font-size:22px}.monitor .monitor-middle .middle-head .logo{display:inline-block;vertical-align:middle;line-height:72px}.monitor .monitor-middle .middle-head .logo img{margin:16px 0;width:auto;height:auto}.monitor .monitor-middle .middle-container{background-color:#30363e;margin-top:8px;padding:16px}.monitor .monitor-middle .middle-container .middle-money{height:108px;padding-bottom:8px;border-bottom:1px solid #666;display:-webkit-box;display:-ms-flexbox;display:flex}.monitor .monitor-middle .middle-container .middle-money .middle-item p{font-size:20px;color:#f2f2f2;font-weight:500}.monitor .monitor-middle .middle-container .middle-money .middle-item .middle-digit{margin:0 auto;max-width:320px}.monitor .monitor-middle .middle-container .middle-money .middle-item .middle-digit span{color:#f6cf01;font-size:56px;vertical-align:middle;line-height:80px}.monitor .monitor-middle .middle-container .middle-money .middle-item .d-roll-wrapper{margin:0 auto}.monitor .monitor-middle .middle-container .middle-money .middle-item .d-roll-wrapper *{color:#f6cf01;font-size:56px;font-weight:600}.monitor .monitor-middle .middle-container .middle-money .middle-item:last-child{width:40%}.monitor .monitor-middle .middle-container .middle-money .middle-item:first-child{border-right:1px solid #666;width:calc(60% - 16px);margin-right:16px}.monitor .monitor-middle .middle-container .middle-chart{height:240px;padding-top:16px}.monitor .monitor-middle .chart{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;z-index:1}.monitor .monitor-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .monitor-right .item{background-color:#30363e;margin-bottom:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.monitor .money{position:absolute;z-index:99;top:0;left:600px;text-align:center}.monitor .money .money-content{width:180px;background-color:#30363e;height:64px}.monitor .ball{width:32px;height:32px;display:none;border-radius:50%;position:absolute;z-index:9999;background-size:cover}.monitor .tr{-webkit-transition:left 1s linear,top 1s cubic-bezier(.48,0,.94,.28);transition:left 1s linear,top 1s cubic-bezier(.48,0,.94,.28)}.monitor .anim{-webkit-animation-name:scaleDraw;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:2s}@-webkit-keyframes scaleDraw{0%{-webkit-transform:scale(0);transform:scale(0)}25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}75%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes scaleDraw{0%{-webkit-transform:scale(0);transform:scale(0)}25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}75%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.2);transform:scale(.2)}}.monitor .order-lst24hour{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .order-lst24hour .title{font-weight:500;height:72px;line-height:72px;padding-left:16px;border-bottom:1px solid #efefef;color:#f2f2f2}.monitor .order-lst24hour .chart{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.anchorBL,.BMap_cpyCtrl{display:none}