.code-statistic[data-v-6208a1b1]{width:100%;min-height:100vh}.code-statistic .head[data-v-6208a1b1]{display:flex;align-items:center;height:32px;margin-bottom:20px}.code-statistic .main-cards[data-v-6208a1b1]{width:100%;height:130px;display:flex;justify-content:space-between}.code-statistic .main-cards .card[data-v-6208a1b1]{width:25%;background:#f6f7fb;border-radius:6px;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:space-between;padding:20px;font-size:14px;font-weight:400;color:#333}.code-statistic .main-cards .card p[data-v-6208a1b1]{display:flex;align-items:center;justify-content:space-between}.code-statistic .main-cards .card p[data-v-6208a1b1]>:first-child{font-size:34px;font-weight:700;color:#333}.code-statistic .main-cards .card+.card[data-v-6208a1b1]{margin-left:20px}.code-statistic .header-tabs[data-v-6208a1b1]{position:relative;margin:20px 0}.code-statistic .header-tabs>.el-button[data-v-6208a1b1]{padding:8px 20px;background:#f6f7fb;border-radius:6px 6px 0 0;border:1px solid #b9c5e9;font-size:14px;font-weight:400;color:#333}.code-statistic .header-tabs>.el-button.active[data-v-6208a1b1]{position:relative;color:#6881ec;background:#fff;border-bottom:1px solid transparent;z-index:10}.code-statistic .header-tabs .line[data-v-6208a1b1]{position:absolute;top:31px;left:0;display:inline-block;width:100%;height:1px;background-color:#b9c5e9}.code-statistic .legend[data-v-6208a1b1]{display:flex;height:20px;align-items:center}.code-statistic .legend>span[data-v-6208a1b1]{cursor:pointer}.code-statistic .legend .text[data-v-6208a1b1]{font-size:12px;font-weight:400;color:#333;border:none!important}.code-statistic .legend .icon-circle[data-v-6208a1b1]{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 5px 0 20px}.code-statistic .legend .c1[data-v-6208a1b1]{background-color:#6881ec}.code-statistic .legend .c2[data-v-6208a1b1]{background-color:#7fd5d8}.code-statistic .legend .c3[data-v-6208a1b1]{background-color:#ffbbc0}.code-statistic .legend .c4[data-v-6208a1b1]{background-color:#fea96c}.code-statistic .legend .c-active[data-v-6208a1b1]{background-color:#e0e0e0}.code-statistic .date[data-v-6208a1b1]{width:760px;display:flex;height:32px;align-items:center;margin:20px 0;z-index:20}.code-statistic .date>span[data-v-6208a1b1]{margin-left:20px;font-size:14px;font-weight:400;color:#333}.code-statistic #line[data-v-6208a1b1]{width:100%;height:300px;top:-47px;z-index:10}.code-statistic #bar[data-v-6208a1b1]{width:100%;height:350px}.code-statistic .main-footer .date[data-v-6208a1b1]{display:flex;align-items:center}.code-statistic .main-footer .f-title[data-v-6208a1b1]{display:flex;height:32px;align-items:center;justify-content:space-between;margin:20px 0}.code-statistic .main-footer .f-title>span[data-v-6208a1b1]{font-size:14px;font-weight:700;color:#333}.code-statistic #line-pie[data-v-6208a1b1]{margin-top:20px;width:100%;height:600px}.flex[data-v-6208a1b1]{width:100%;display:flex;align-items:center;justify-content:space-between}