.comp-wrap[data-v-6de831c7]{display:flex;width:100%;height:100%;padding:0 10px}.comp-wrap .circle-box[data-v-6de831c7]{width:8vw;height:8vw}.comp-wrap .l[data-v-6de831c7]{display:flex;align-items:center;justify-content:center;width:34%;height:100%}.comp-wrap .l .circle-box[data-v-6de831c7]{margin-left:10px}.comp-wrap .r[data-v-6de831c7]{width:66%;height:100%}.comp-wrap .r .chart-wrap .chart-box[data-v-6de831c7],.comp-wrap .r .chart-wrap[data-v-6de831c7]{width:100%;height:100%}.comp-container[data-v-9f29d9e2]{height:100%}.comp-container .circle-box[data-v-9f29d9e2]{width:60px;height:60px}.comp-container .top[data-v-9f29d9e2]{position:relative;display:flex;width:100%;height:calc(70% - 7px)}.comp-container .top .cron-icon[data-v-9f29d9e2]{position:absolute;left:0;top:10px;display:flex;align-items:center;justify-content:center;width:60px;height:50px;background:#171c26;border-radius:6px 6px 6px 6px;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;z-index:999}.comp-container .top .cron-icon .img[data-v-9f29d9e2]{transition:all .25s;will-change:tranform}.comp-container .top .cron-icon.fold .img[data-v-9f29d9e2]{-ms-transform:rotate(180deg);transform:rotate(180deg)}.comp-container .top .tab-wrap[data-v-9f29d9e2]{width:80px;height:100%;padding-top:70px;padding-right:20px;border-right:1px dashed hsla(0,0%,100%,.2);transition:all .1s;will-change:width}.comp-container .top .tab-wrap.fold[data-v-9f29d9e2]{width:0;border-right:none;overflow:hidden}.comp-container .top .tab-wrap .tab-item[data-v-9f29d9e2]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:90px;margin-bottom:10px;font-weight:700;font-size:18px;color:#272a32;white-space:pre-line;background:linear-gradient(135deg,#eaeaea,#b2d0ce);border-radius:6px;overflow:hidden;cursor:pointer}.comp-container .top .tab-wrap .tab-item[data-v-9f29d9e2]:last-child{margin-bottom:0}.comp-container .top .tab-wrap .tab-item .cover-div[data-v-9f29d9e2]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);pointer-events:none}.comp-container .top .tab-content[data-v-9f29d9e2]{position:relative;width:calc(100% - 80px);height:100%}.comp-container .top .tab-content .line-wrap[data-v-9f29d9e2]{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.comp-container .top .tab-content .circle-box-wrap[data-v-9f29d9e2]{position:absolute;z-index:9}.comp-container .bottom[data-v-9f29d9e2]{width:100%;height:calc(30% - 3px);margin-top:10px;background:rgba(37,42,52,.9);border-radius:10px 10px 10px 10px;border:1px solid hsla(0,0%,100%,.1)}.comp-container .bottom .bottom-title-box[data-v-9f29d9e2]{display:flex;margin-top:-10px}.comp-container .bottom .bottom-title-box .title-box[data-v-9f29d9e2]{display:flex;align-items:center;height:30px;padding:0 10px;font-size:14px;color:var(--text-primary-color-2);background:linear-gradient(135deg,#eaeaea,#b2d0ce);border-radius:2px 2px 2px 2px}.comp-container .bottom .bottom-content-wrap[data-v-9f29d9e2]{height:calc(100% - 20px)}.page-container[data-v-cdb6a35a]{position:relative;height:100%}.page-container[data-v-cdb6a35a] .has-gutter{display:table-header-group}.page-container .section[data-v-cdb6a35a]{display:flex;height:100%}.page-container .section .section-conent .top-title[data-v-cdb6a35a]{height:34px;font-size:16px;line-height:34px;text-align:center;color:var(--primary-color)}.page-container .section .section-conent .content-container[data-v-cdb6a35a]{height:100%;overflow:auto}.page-container .l-wrap[data-v-cdb6a35a]{position:relative;width:calc(65% - 13px);height:100%}.page-container .r-wrap[data-v-cdb6a35a]{width:calc(35% - 7px);margin-left:20px;height:100%}.empty-wrap[data-v-cdb6a35a]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:95%}.empty-wrap .icon[data-v-cdb6a35a]{width:.8rem}.empty-wrap .text[data-v-cdb6a35a]{font-size:.18rem;margin-top:.4rem;color:#fff}.box-title[data-v-cdb6a35a]{padding:2px 0 10px 0;text-align:center;font-size:16px;color:var(--primary-color)}