.spinner{margin:10px auto;width:80px;height:50px;text-align:center;font-size:10px}.spinner>div{background:rgba(77,151,255,.8);height:100%;width:6px;display:inline-block;margin:0 1px;-webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;animation:sk-stretchdelay 1.2s ease-in-out infinite}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.container[data-v-5b7d68a6]{background:#036;height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;position:relative}.info[data-v-5b7d68a6]{height:55%;padding:10px;box-sizing:border-box;display:flex}.info .info-left[data-v-5b7d68a6]{width:30%;height:100%;background:hsla(0,0%,100%,.1);border-radius:5px;display:flex;flex-direction:column}.info .info-left .info-left-title[data-v-5b7d68a6]{height:9%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.195rem;font-weight:700;letter-spacing:2px}.info .info-left .info-left-title p[data-v-5b7d68a6]{width:9px;height:9px;transform:rotate(45deg) skew(8deg,8deg);background:#169bd5;margin:0 .1rem}.info .info-left .info-left-ul[data-v-5b7d68a6]{flex:1;margin:0;padding:0;margin:2% 0;margin-top:0;overflow-y:auto}.info .info-left .info-left-ul li[data-v-5b7d68a6]{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:.18rem;color:#fff;height:7.53%}.info .info-left .info-left-ul li .name[data-v-5b7d68a6]{flex:1;padding:0 .14rem;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info .info-left .info-left-ul li .count[data-v-5b7d68a6]{width:9.5%;text-align:right;margin-right:4%}.info .info-left .info-left-ul li .detail[data-v-5b7d68a6]{color:#81d9ff;width:13%;cursor:pointer}.info .info-left .info-left-ul li .detail[data-v-5b7d68a6]:active{color:rgba(129,217,255,.8)}.info .info-left .info-left-ul[data-v-5b7d68a6]::-webkit-scrollbar,.info .info-left ul[data-v-5b7d68a6]::-webkit-scrollbar{width:1px;height:1px}.info .info-left .info-left-ul[data-v-5b7d68a6]::-webkit-scrollbar-track,.info .info-left ul[data-v-5b7d68a6]::-webkit-scrollbar-track{background-color:#000;border-radius:2em}.info .info-left .info-left-ul[data-v-5b7d68a6]::-webkit-scrollbar-thumb,.info .info-left ul[data-v-5b7d68a6]::-webkit-scrollbar-thumb{background-color:#666;-webkit-border-radius:2em;-moz-border-radius:2em;width:2px;border-radius:2em;height:2px}.info .info-left .title-ul[data-v-5b7d68a6]{height:20px;margin:0;padding:0}.info .info-left .title-ul li[data-v-5b7d68a6]{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:.19rem;color:#81d9ff;font-weight:700}.info .info-left .title-ul li .name[data-v-5b7d68a6]{flex:1;padding:0 .14rem;letter-spacing:1px}.info .info-left .title-ul li .count[data-v-5b7d68a6]{width:9.5%;text-align:right;margin-right:4%}.info .info-left .title-ul li .detail[data-v-5b7d68a6]{width:13%;cursor:pointer}.info .info-left .title-ul li .detail[data-v-5b7d68a6]:active{color:rgba(129,217,255,.8)}.info .info-right[data-v-5b7d68a6]{flex:1;display:flex;flex-direction:column;margin-left:10px;border-radius:5px;background:hsla(0,0%,100%,.1);padding:8px;box-sizing:border-box}.info .info-right .monthReport-select-box[data-v-5b7d68a6]{width:100%;height:7%;display:flex;align-items:center}.info .info-right .monthReport-select-box .el-select[data-v-5b7d68a6]{width:17%;margin-right:1%}.info .info-right .monthReport-select-box .btn[data-v-5b7d68a6]{border:none;color:#fff;width:.8rem;height:.4rem;border-radius:.07rem;margin-left:.3rem;font-size:.16rem;background:#169bd5;cursor:pointer}.info .info-right .monthReport-select-box .btn[data-v-5b7d68a6]:active{background:rgba(22,155,213,.8)}.info .info-right .monthReport-select-box .btn1[data-v-5b7d68a6]{width:1.6rem;letter-spacing:2px;white-space:nowrap}@media(max-width:1280px){.info .info-right .monthReport-select-box .btn[data-v-5b7d68a6]{width:auto}}.info .info-right .info-right-bottom[data-v-5b7d68a6]{width:100%;margin-top:.6%;flex:1;display:flex;flex-direction:column}.info .info-right .info-right-bottom .btn-box[data-v-5b7d68a6]{display:flex;justify-content:center;width:100%;height:.3rem}.info .info-right .info-right-bottom .btn-box .btn[data-v-5b7d68a6]{height:.28rem;width:1.4rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;border-radius:.04rem;font-size:.15rem;cursor:pointer;color:#fff;border:1px solid #ccc;margin:0 4px;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info .info-right .info-right-bottom .btn-box .btnActive[data-v-5b7d68a6]{background:#169bd5;border:1px solid #169bd5}.info .info-right .info-right-bottom .infoChart[data-v-5b7d68a6]{width:100%;flex:1}.info .info-right .info-right-bottom .title-list[data-v-5b7d68a6]{display:flex;width:100%;height:20px;padding:2px 0}.info .info-right .info-right-bottom .title-list div[data-v-5b7d68a6]{font-size:.185rem;font-weight:700;color:#bbb;width:10%}.info .info-right .info-right-bottom .title-list .div1[data-v-5b7d68a6]{width:30%;padding-right:20px}.info .info-right .info-right-bottom .item-list[data-v-5b7d68a6]{width:100%;height:180px;overflow:hidden;margin-top:8px}.info .info-right .info-right-bottom .scroll-box[data-v-5b7d68a6]{display:flex;font-size:.18rem;color:#fff;height:27px}.info .info-right .info-right-bottom .scroll-box div[data-v-5b7d68a6]{width:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info .info-right .info-right-bottom .scroll-box .div1[data-v-5b7d68a6]{width:30%;padding-right:20px}.info .info-right .info-right-bottom .scroll-box .detail[data-v-5b7d68a6]{color:#81d9ff;width:10%;cursor:pointer}.info .info-right .info-right-bottom .scroll-box .detail[data-v-5b7d68a6]:active{color:rgba(129,217,255,.8)}.bottom[data-v-5b7d68a6]{flex:1;border-radius:5px;margin:10px;margin-top:0;background:hsla(0,0%,100%,.1);display:flex;flex-direction:column}.bottom .bottom-title[data-v-5b7d68a6]{height:9%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.195rem;font-weight:700;letter-spacing:2px;position:relative}.bottom .bottom-title p[data-v-5b7d68a6]{width:9px;height:9px;transform:rotate(45deg) skew(8deg,8deg);background:#169bd5;margin:0 .1rem}.bottom .bottom-title .detail[data-v-5b7d68a6]{position:absolute;right:2%;color:#81d9ff;cursor:pointer;font-size:.18rem}.bottom .bottom-title .detail[data-v-5b7d68a6]:active{color:rgba(129,217,255,.8)}.bottom .btn-box[data-v-5b7d68a6]{display:flex;justify-content:center;margin:10px 0;margin-bottom:15px}.bottom .btn-box .btn[data-v-5b7d68a6]{height:.28rem;width:1.3rem;letter-spacing:1px;line-height:.28rem;text-align:center;border-radius:.04rem;font-size:.15rem;cursor:pointer;color:#fff;border:1px solid #ccc;margin:0 4px;transition:all .3s}.bottom .btn-box .btnActive[data-v-5b7d68a6]{background:#169bd5;border:1px solid #169bd5}.bottom .barChart-box[data-v-5b7d68a6]{height:70%;display:flex;justify-content:space-between;position:relative}.bottom .barChart-box .lengend[data-v-5b7d68a6]{position:absolute;top:0;right:0;height:25px;width:120px;display:flex;align-items:center;color:#fff;cursor:default;font-size:12px}.bottom .barChart-box .lengend p[data-v-5b7d68a6]{width:.12rem;height:.12rem;border-radius:1px;background:#c9141f;margin:7%;margin-top:10%}.bottom .barChart-box .lengend .p2[data-v-5b7d68a6]{background:#c9d31f}.bottom .barChart-box .barChart[data-v-5b7d68a6]{flex:1}