.kpi-main[data-v-7119ef35]{width:100%;height:100%;display:flex;flex-direction:column}.kpi-top[data-v-7119ef35]{width:100%;height:80px;display:flex;align-items:center;box-sizing:border-box;padding:0 20px}.filter-row-item[data-v-7119ef35]{display:flex;align-items:center;margin-right:30px}.filter-row-item-label[data-v-7119ef35]{width:50px;font-size:12px;color:#5a626d;font-weight:700;line-height:24px}.filter-row-item-select[data-v-7119ef35]{width:250px}.filter-row-item-button[data-v-7119ef35]{min-width:80px;max-width:80px;margin:0 10px 0 10px}.kpi-bottom[data-v-7119ef35]{width:100%;height:calc(100% - 80px);padding:10px;box-sizing:border-box;background:#f2f4f5}.kpi-data-row[data-v-7119ef35]{width:100%;height:calc(40% - 5px);margin-bottom:10px;display:flex;align-items:center}.kpi-chart-row[data-v-7119ef35]{width:100%;height:calc(60% - 5px);margin-bottom:10px;display:flex;align-items:center}.martop10[data-v-7119ef35]{margin-top:10px}p[data-v-7119ef35]{padding:0;margin:0}.right-items[data-v-7119ef35]{flex:1;margin-right:0}.key-items[data-v-7119ef35],.right-items[data-v-7119ef35]{border-radius:5px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:10px;height:100%;box-sizing:border-box}.key-items[data-v-7119ef35]{display:flex;width:calc(68% - 10px);margin-right:10px;flex-wrap:wrap}.key-items .keytem[data-v-7119ef35]{width:24%;margin:0 0 10px 8px;border-radius:4px;background-color:#4374f7;padding:10px;box-sizing:border-box}.key-items .keytem.darkpink[data-v-7119ef35]{background-color:pink}.key-items .keytem.red[data-v-7119ef35]{background-color:red}.key-items .keytem.yellow[data-v-7119ef35]{background-color:#f0b662}.key-items .keytem.darkpul[data-v-7119ef35]{background-color:#835cea}.key-items .keytem.lightblue[data-v-7119ef35]{background-color:#68b1ff}.key-items .keytem.purple[data-v-7119ef35]{background-color:#3141ab}.key-items .keytem.lightpurple[data-v-7119ef35]{background-color:#828af2}.key-items .keytem.green[data-v-7119ef35]{background-color:#f26171}.key-items .keytem.lightgreen[data-v-7119ef35]{background-color:#94220d}.key-items .keytem.orange[data-v-7119ef35]{background-color:#f7762a}.key-items .keytem.lightorange[data-v-7119ef35]{background-color:#fdc67a}.key-items .keytem.pink[data-v-7119ef35]{background-color:#fbaca1}.key-items .keytem .num[data-v-7119ef35]{font-size:26px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#fff;line-height:32px}.key-items .keytem .txt[data-v-7119ef35]{font-size:15px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:20px}