:root{--theme-color:#001751;--icon-theme-color:#145fe3;--b3-theme-color:#5487df;--disabled-theme-color:#c6d2e2;--background-theme-color:#f7f9fc;--sp-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);--white:#fff;--black:#000;--main1-font-color:#3d3d3d;--main2-font-color:#595959;--main3-font-color:#1f2329;--explain-font-color:grey;--tips-font-color:#c8c9cc;--border-color:#f0f0f0;--table-title-color:#fafafa;--publish-bg-color:#eef0f4;--success-font-color:#31b522;--success-icon-color:#80e874;--success-background-color:#f0faf2;--error-font-color:#e34d59;--error-border-color:#e47676;--error-background-color:#fef6f6;--font-family:"PingFang SC","PingFangSC-Medium","STHeitiSC-Light","Helvetica-Light",arial,"sans-serif","Droid Sans Fallback","Microsoft Yahei"}.kpi-note .el-tabs__content,.kpi-note .el-tabs__nav-wrap,.kpi-sort .el-tabs__content,.kpi-sort .el-tabs__nav-wrap{padding:0 20px}.task-list .task-box{width:100%;min-height:400px;padding:20px;box-sizing:border-box}.task-list .task-box .task-name .el-input{width:30%}.task-list .task-box .task-name .el-form-item__label{font-size:16px;color:var(--black)}.task-list .task-box .user-list{width:100%}.task-list .task-box .user-list .header{width:100%;font-size:16px;color:var(--black)}.task-list .task-box .user-list .list{width:100%;height:232px;border:1px solid var(--border-color)}.task-list .task-box .user-list .list li{width:100%;height:46px;font-size:14px;color:var(--theme-color);line-height:46px;padding:0 20px;box-sizing:border-box;border-bottom:1px solid var(--border-color);cursor:pointer}.task-list .task-box .user-list .list li .mainKey{margin-right:10px}.task-list .task-box .user-list .list li:last-child{border:none}.kpi-class-list .kpi-contanier{width:100%;height:50vh;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box}.kpi-class-list .kpi-contanier ul{width:49%;height:90%;background:var(--white);border:1px solid var(--border-color);margin-top:20px;border-radius:3px;overflow-y:auto;overflow-x:hidden}.kpi-class-list .kpi-contanier ul li{width:100%;height:48px;line-height:48px;padding-left:30px;box-sizing:border-box;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--black);cursor:pointer}.kpi-class-list .kpi-contanier ul .active{background:var(--border-color)}.kpi-class-list .kpi-contanier ul li:first-child{background:var(--table-title-color)}[data-v-0a5b4d02]:root{--theme-color:#001751;--icon-theme-color:#145fe3;--b3-theme-color:#5487df;--disabled-theme-color:#c6d2e2;--background-theme-color:#f7f9fc;--sp-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);--white:#fff;--black:#000;--main1-font-color:#3d3d3d;--main2-font-color:#595959;--main3-font-color:#1f2329;--explain-font-color:grey;--tips-font-color:#c8c9cc;--border-color:#f0f0f0;--table-title-color:#fafafa;--publish-bg-color:#eef0f4;--success-font-color:#31b522;--success-icon-color:#80e874;--success-background-color:#f0faf2;--error-font-color:#e34d59;--error-border-color:#e47676;--error-background-color:#fef6f6;--font-family:"PingFang SC","PingFangSC-Medium","STHeitiSC-Light","Helvetica-Light",arial,"sans-serif","Droid Sans Fallback","Microsoft Yahei"}.kpi-detail[data-v-0a5b4d02]{width:100%;height:96%;padding:5px 30px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.kpi-detail .container[data-v-0a5b4d02]{width:100%;height:auto;background:var(--white)}.kpi-detail .container .kpi-note[data-v-0a5b4d02]{width:100%;padding-bottom:20px}.kpi-detail .container .kpi-note .note-box[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box[data-v-0a5b4d02]{width:80%}.kpi-detail .container .kpi-note .note-box .note-list[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list[data-v-0a5b4d02]{width:100%}.kpi-detail .container .kpi-note .note-box .note-list .text[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text[data-v-0a5b4d02]{width:100%;display:flex;justify-content:flex-start;align-items:center}.kpi-detail .container .kpi-note .note-box .note-list .text .toux[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .toux[data-v-0a5b4d02]{width:32px;height:32px;font-size:16px;color:var(--background-theme-color);text-align:center;line-height:32px;background:var(--theme-color);border-radius:50%;margin-right:20px}.kpi-detail .container .kpi-note .note-box .note-list .text .content[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content[data-v-0a5b4d02]{width:calc(100% - 54px);height:76px;border:1px solid var(--border-color);margin-top:20px;padding:10px 20px;box-sizing:border-box;position:relative}.kpi-detail .container .kpi-note .note-box .note-list .text .content .big[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .big[data-v-0a5b4d02]{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--border-color);transform:rotate(-90deg);position:absolute;left:-12px;top:25%}.kpi-detail .container .kpi-note .note-box .note-list .text .content .small[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .small[data-v-0a5b4d02]{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid var(--white);position:absolute;bottom:-12px;left:-5px}.kpi-detail .container .kpi-note .note-box .note-list .text .content>div[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content>div[data-v-0a5b4d02]{width:100%;height:38px;line-height:20px}.kpi-detail .container .kpi-note .note-box .note-list .text .content>div[data-v-0a5b4d02]:first-child,.kpi-detail .container .kpi-note .note-status-box .note-list .text .content>div[data-v-0a5b4d02]:first-child{display:flex;justify-content:space-between}.kpi-detail .container .kpi-note .note-box .note-list .text .content>div:first-child span[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content>div:first-child span[data-v-0a5b4d02]{font-size:14px;color:var(--main3-font-color)}.kpi-detail .container .kpi-note .note-box .note-list .text .content>div:first-child>span[data-v-0a5b4d02]:first-child,.kpi-detail .container .kpi-note .note-status-box .note-list .text .content>div:first-child>span[data-v-0a5b4d02]:first-child{font-weight:500}.kpi-detail .container .kpi-note .note-box .note-list .text .content>div:first-child .delete i[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content>div:first-child .delete i[data-v-0a5b4d02]{transform:rotate(90deg)}.kpi-detail .container .kpi-note .note-box .note-list .text .content>div[data-v-0a5b4d02]:nth-child(2),.kpi-detail .container .kpi-note .note-status-box .note-list .text .content>div[data-v-0a5b4d02]:nth-child(2){font-size:16px;color:var(--theme-color);font-weight:500;line-height:10px}.kpi-detail .container .kpi-note .note-box .note-list .text .content .status-item[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .status-item[data-v-0a5b4d02]{position:relative;bottom:10px}.kpi-detail .container .kpi-note .note-box .note-list .text .content .status-item span[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .status-item span[data-v-0a5b4d02]{font-size:14px;margin-right:10px;color:var(--main3-font-color)}.kpi-detail .container .kpi-note .note-box .note-list .text .content .status-item .mark[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .status-item .mark[data-v-0a5b4d02]{font-size:16px;color:var(--theme-color);font-weight:500;position:relative;top:8px}.kpi-detail .container .kpi-note .note-box .note-list .text .content .status-item>span[data-v-0a5b4d02]:nth-child(3),.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .status-item>span[data-v-0a5b4d02]:nth-child(3){font-size:16px;font-weight:500}.kpi-detail .container .kpi-note .note-box .note-list .text .content .status-item>span:nth-child(3) .user-fp[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .note-list .text .content .status-item>span:nth-child(3) .user-fp[data-v-0a5b4d02]{display:inline-block;width:24px;height:24px;border-radius:50%;background:var(--theme-color);font-size:14px;color:var(--background-theme-color);font-weight:500;line-height:24px;text-align:center}.kpi-detail .container .kpi-note .note-box .submit-note[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .submit-note[data-v-0a5b4d02]{width:100%}.kpi-detail .container .kpi-note .note-box .submit-note .text[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .submit-note .text[data-v-0a5b4d02]{width:100%;display:flex;justify-content:flex-start;align-items:center}.kpi-detail .container .kpi-note .note-box .submit-note .text .toux[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .submit-note .text .toux[data-v-0a5b4d02]{width:32px;height:32px;font-size:16px;color:var(--background-theme-color);text-align:center;line-height:32px;background:var(--theme-color);border-radius:50%;margin-right:20px}.kpi-detail .container .kpi-note .note-box .submit-note .sub-btn[data-v-0a5b4d02],.kpi-detail .container .kpi-note .note-status-box .submit-note .sub-btn[data-v-0a5b4d02]{width:100%;text-align:right;margin-top:10px}.kpi-detail .container .kpi-sort[data-v-0a5b4d02]{width:100%}.kpi-detail .container .kpi-sort .kpi-table[data-v-0a5b4d02]{width:100%;min-height:150px}.kpi-detail .container .kpi-sort .kpi-table .add-btn[data-v-0a5b4d02]{width:100%;display:flex;justify-content:flex-end;margin-bottom:10px}.kpi-detail .container .kpi-sort .kpi-table .create_kpi[data-v-0a5b4d02]{width:100%;height:140px;border:1px solid var(--border-color);border-radius:3px;text-align:center}.kpi-detail .container .kpi-sort .kpi-table .create_kpi .item[data-v-0a5b4d02]{width:200px;height:140px;margin:0 auto;cursor:pointer}.kpi-detail .container .kpi-sort .kpi-table .create_kpi .item img[data-v-0a5b4d02]{width:28px;margin:0 auto;margin-top:40px}.kpi-detail .container .kpi-sort .kpi-table .create_kpi .item>div[data-v-0a5b4d02]{margin:0 auto}.kpi-detail .container .kpi-sort .kpi-table .create_kpi .item>div i[data-v-0a5b4d02]{font-size:16px;color:var(--theme-color)}.kpi-detail .container .kpi-sort .kpi-table .create_kpi .item>div span[data-v-0a5b4d02]{font-size:14px;color:var(--theme-color)}.kpi-detail .container .kpi-sort .kpi-table .box-table[data-v-0a5b4d02]{height:90%;overflow-y:auto}.kpi-detail .container .kpi-sort .kpi-table .box-table .op_item1[data-v-0a5b4d02],.kpi-detail .container .kpi-sort .kpi-table .box-table .op_item[data-v-0a5b4d02]{color:var(--theme-color);cursor:pointer}.kpi-detail .container .kpi-sort .kpi-table .box-table .op_item1[data-v-0a5b4d02]{margin-left:20px}.kpi-detail .container .chart[data-v-0a5b4d02]{width:100%;height:500px;padding:20px;box-sizing:border-box}.kpi-detail .container .chart #kpi-chart[data-v-0a5b4d02]{width:100%;height:400px;margin-top:30px}.kpi-detail .container .chart .card[data-v-0a5b4d02]{width:100%;height:80px;display:flex;justify-content:flex-start;align-items:center;position:relative}.kpi-detail .container .chart .card .card-item[data-v-0a5b4d02]{margin-right:20px;width:170px;height:80px;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.05)}.kpi-detail .container .chart .card .card-item>div[data-v-0a5b4d02]{width:100%;text-align:center;color:var(--main3-font-color)}.kpi-detail .container .chart .card .card-item>div[data-v-0a5b4d02]:first-child{font-size:12px;height:30px;line-height:30px;margin-top:10px}.kpi-detail .container .chart .card .card-item>div[data-v-0a5b4d02]:nth-child(2){font-size:24px;font-weight:600}.kpi-detail .container .chart .card .kpi-type[data-v-0a5b4d02]{position:absolute;top:0;right:0;width:72px}.kpi-detail .header[data-v-0a5b4d02]{width:100%;height:70px;line-height:70px;color:var(--main3-font-color)}.kpi-detail .header>span[data-v-0a5b4d02]:first-child{font-size:20px;margin-right:20px}.kpi-detail .header>span[data-v-0a5b4d02]:nth-child(2){font-size:12px}