| 12 |
- .chart-scrollbar .chart-warp[data-v-27c023bc]{display:flex;flex-direction:column;height:100%}.chart-scrollbar .chart-warp .chart-warp-bottom[data-v-27c023bc]{flex:1;overflow:hidden;display:flex}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right[data-v-27c023bc]{width:30%;display:flex;flex-direction:column}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item[data-v-27c023bc]{padding:0 7.5px 15px 15px;width:100%;height:33.33%}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item .flex-warp-item-box[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-warp-item-box[data-v-27c023bc]{width:100%;height:100%;background:var(--el-color-white);border:1px solid var(--el-border-color-lighter);border-radius:4px;display:flex;flex-direction:column;padding:15px;transition:all ease .3s}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item .flex-warp-item-box[data-v-27c023bc]:hover,.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-warp-item-box[data-v-27c023bc]:hover{box-shadow:0 2px 12px #0000001a;transition:all ease .3s}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item .flex-warp-item-box .flex-title[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-warp-item-box .flex-title[data-v-27c023bc]{margin-bottom:15px;display:flex;justify-content:space-between}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item .flex-warp-item-box .flex-title .flex-title-small[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-warp-item-box .flex-title .flex-title-small[data-v-27c023bc]{font-size:12px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item .flex-warp-item-box .flex-content[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-warp-item-box .flex-content[data-v-27c023bc]{flex:1;font-size:12px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .flex-warp-item .flex-warp-item-box .flex-content-overflow[data-v-27c023bc],.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-warp-item-box .flex-content-overflow[data-v-27c023bc]{overflow:hidden}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left[data-v-27c023bc]{color:var(--el-text-color-primary)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky[data-v-27c023bc]{display:flex;align-items:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky .sky-left[data-v-27c023bc]{font-size:30px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky .sky-center[data-v-27c023bc]{flex:1;overflow:hidden;padding:0 10px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky .sky-center font[data-v-27c023bc]{margin-right:15px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky .sky-center .span[data-v-27c023bc]{background:#22bc76;border-radius:2px;padding:0 5px;color:var(--el-color-white)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky .sky-right span[data-v-27c023bc]{font-size:30px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky .sky-right font[data-v-27c023bc]{font-size:20px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky-dd .sky-dl[data-v-27c023bc]{display:flex;align-items:center;height:28px;overflow:hidden}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky-dd .sky-dl div[data-v-27c023bc]{flex:1;overflow:hidden}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky-dd .sky-dl div i[data-v-27c023bc]{font-size:14px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky-dd .sky-dl .tip[data-v-27c023bc]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .sky-dd .sky-dl-first[data-v-27c023bc]{color:var(--el-color-primary)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states[data-v-27c023bc]{display:flex}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item[data-v-27c023bc]{flex:1;display:flex;align-items:center;overflow:hidden}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item i[data-v-27c023bc]{font-size:20px;height:33px;width:33px;line-height:33px;text-align:center;border-radius:100%;flex-shrink:1;color:var(--el-color-white);display:flex;align-items:center;justify-content:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item .i-bg1[data-v-27c023bc]{background:#22bc76}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item .i-bg2[data-v-27c023bc]{background:#e2356d}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item .i-bg3[data-v-27c023bc]{background:#43bbef}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item .d-states-flex[data-v-27c023bc]{overflow:hidden;padding:0 10px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item .d-states-flex .d-states-item-label[data-v-27c023bc]{color:var(--el-color-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-states .d-states-item .d-states-flex .d-states-item-value[data-v-27c023bc]{font-size:14px;text-align:center;margin-top:3px;color:var(--el-color-primary)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-btn[data-v-27c023bc]{margin-top:5px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-btn .d-btn-item[data-v-27c023bc]{border:1px solid var(--el-color-primary);display:flex;width:100%;border-radius:35px;align-items:center;padding:5px;margin-top:15px;cursor:pointer;transition:all ease .3s;color:var(--el-color-primary)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-btn .d-btn-item .d-btn-item-left[data-v-27c023bc]{font-size:20px;border:1px solid var(--el-color-primary);width:25px;height:25px;line-height:25px;border-radius:100%;text-align:center;font-size:14px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-btn .d-btn-item .d-btn-item-center[data-v-27c023bc]{padding:0 10px;flex:1}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-left .d-btn .d-btn-item .d-btn-item-eight[data-v-27c023bc]{text-align:right;padding-right:10px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center[data-v-27c023bc]{width:40%;display:flex;flex-direction:column}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-one[data-v-27c023bc]{height:66.67%;padding:0 7.5px 15px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-one .big-data-down-center-one-content[data-v-27c023bc]{height:100%;background:var(--el-color-white);padding:15px;border:1px solid var(--el-border-color-lighter);border-radius:4px;transition:all ease .3s}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-one .big-data-down-center-one-content[data-v-27c023bc]:hover{box-shadow:0 2px 12px #0000001a;transition:all ease .3s}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two[data-v-27c023bc]{padding:0 7.5px 15px;height:33.33%}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box[data-v-27c023bc]{width:100%;height:100%;background:var(--el-color-white);display:flex;flex-direction:column;padding:15px;border:1px solid var(--el-border-color-lighter);border-radius:4px;transition:all ease .3s}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box[data-v-27c023bc]:hover{box-shadow:0 2px 12px #0000001a;transition:all ease .3s}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-title[data-v-27c023bc]{margin-bottom:15px;color:var(--el-text-color-primary);display:flex;justify-content:space-between}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-title .flex-title-small[data-v-27c023bc]{font-size:12px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content[data-v-27c023bc]{flex:1;font-size:12px;display:flex;height:calc(100% - 30px)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left[data-v-27c023bc]{display:flex;flex-wrap:wrap;width:120px;height:100%}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item[data-v-27c023bc]{width:50%;display:flex;align-items:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-wave[data-v-27c023bc]{cursor:pointer;width:40px;height:40px;position:relative;background-color:var(--el-color-primary);border-radius:50%;overflow:hidden;text-align:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-wave[data-v-27c023bc]:before,.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-wave[data-v-27c023bc]:after{content:"";position:absolute;left:50%;width:40px;height:40px;background:#f4f4f4;animation:roateOne-27c023bc 10s linear infinite;transform:translate(-50%);z-index:1}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-wave[data-v-27c023bc]:before{bottom:10px;border-radius:60%}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-wave[data-v-27c023bc]:after{bottom:8px;opacity:.7;border-radius:37%}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-wave .monitor-z-index[data-v-27c023bc]{position:relative;z-index:2;color:var(--el-color-primary);display:flex;align-items:center;height:100%;justify-content:center}@keyframes roateOne-27c023bc{0%{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%,-2%) rotate(180deg)}to{transform:translate(-50%) rotate(360deg)}}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-active[data-v-27c023bc]{background-color:#22bc76}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-left .monitor-item .monitor-active .monitor-z-index[data-v-27c023bc]{color:#22bc76}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-center .big-data-down-center-two .flex-warp-item-box .flex-content .flex-content-right[data-v-27c023bc]{flex:1}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item[data-v-27c023bc]{padding:0 15px 15px 7.5px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-title[data-v-27c023bc]{color:var(--el-text-color-primary)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content[data-v-27c023bc]{display:flex;flex-direction:column}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task[data-v-27c023bc]{display:flex;height:45px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item[data-v-27c023bc]{flex:1;color:var(--el-color-white);display:flex;justify-content:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task-item-box[data-v-27c023bc]{position:relative;width:45px;height:45px;overflow:hidden;border-radius:100%;z-index:0;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 10px 12px #0000004d}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task-item-box[data-v-27c023bc]:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#19d4ae,#19d4ae),linear-gradient(#5ab1ef,#5ab1ef),linear-gradient(#fa6e86,#fa6e86),linear-gradient(#ffb980,#ffb980);animation:rotate 2s linear infinite}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task-item-box[data-v-27c023bc]:after{content:"";position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:100%}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task-item-box .task-item-value[data-v-27c023bc]{text-align:center;font-size:14px;font-weight:700}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task-item-box .task-item-label[data-v-27c023bc]{text-align:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task1[data-v-27c023bc]:after{background:#5492be}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task2[data-v-27c023bc]:after{background:#43a177}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-item .task3[data-v-27c023bc]:after{background:#a76077}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-first-item[data-v-27c023bc]{flex-direction:column;text-align:center;color:var(--el-color-primary)}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .task .task-first-item .task-first[data-v-27c023bc]{font-size:20px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .progress[data-v-27c023bc]{color:var(--el-text-color-primary);display:flex;flex-direction:column;flex:1;justify-content:space-between;margin-top:15px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .progress .progress-item[data-v-27c023bc]{height:33.33%;display:flex;align-items:center}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .progress .progress-item .progress-box[data-v-27c023bc]{flex:1;width:100%;margin-left:10px}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .progress .progress-item .progress-box[data-v-27c023bc] .el-progress__text{color:var(--el-text-color-primary);font-size:12px!important;text-align:right}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .progress .progress-item .progress-box[data-v-27c023bc] .el-progress-bar__outer{background-color:#0000001a!important}.chart-scrollbar .chart-warp .chart-warp-bottom .big-data-down-right .flex-warp-item .flex-content .progress .progress-item .progress-box[data-v-27c023bc] .el-progress-bar{margin-right:-22px!important}
|
