[data-v-9d2bf08c]:root{--nav_h:60px;--layout_padding_left:"220px";--main_padding:10px;--height_right_content:calc(100vh - var(--nav_h) - var(--main_padding)*2);--width-left-aisde:220px,//220px 86px}.data-list-box .data-list .left span[data-v-9d2bf08c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container[data-v-9d2bf08c]{display:flex;flex-direction:column;height:100%;overflow:hidden}.container .other-data[data-v-9d2bf08c]{flex:none;display:flex;height:320px}.container .other-data>section[data-v-9d2bf08c]{position:relative;height:100%;width:25%;margin-left:10px}.container .other-data>section[data-v-9d2bf08c]:first-child{margin-left:0}.container .other-data .shadow-box[data-v-9d2bf08c]{position:absolute;left:0;top:0;z-index:1;width:100%;min-height:100%;background-color:#fff;overflow:hidden}.online-data header[data-v-9d2bf08c]{padding:20px 20px 0}.online-data header p[data-v-9d2bf08c]{font-size:14px;color:#82828a}.online-data header div[data-v-9d2bf08c]{font-size:16px;color:#0368ff}.online-data header div b[data-v-9d2bf08c]{font-size:40px;font-family:DIN,DIN-Medium;font-weight:500;margin-right:5px}.data-list-box[data-v-9d2bf08c]{margin-top:25px;background-color:#fff;padding:0 20px 0}.data-list-box .data-list[data-v-9d2bf08c]{overflow:hidden;border:1px solid #eaeaea;border-radius:5px;transition:all .12s linear}.data-list-box .data-list li[data-v-9d2bf08c]{display:flex;align-items:center;justify-content:space-between;height:32px;border-top:1px solid #eaeaea;padding:0 15px 0 5px}.data-list-box .data-list li[data-v-9d2bf08c]:first-child{border-top:none}.data-list-box .data-list .left[data-v-9d2bf08c]{display:flex;align-items:center}.data-list-box .data-list .left i[data-v-9d2bf08c]{font-size:24px;margin-right:10px;color:#919198}.data-list-box .data-list .left span[data-v-9d2bf08c]{max-width:10em;font-size:14px;color:#2e303e}.data-list-box .data-list .right[data-v-9d2bf08c]{display:flex;align-items:center;font-size:14px;color:#82828a}.data-list-box .data-list .right b[data-v-9d2bf08c]{font-size:16px;color:#2e303e;margin-right:10px}.data-list-box .data-list .right .unit[data-v-9d2bf08c]{width:4em}.data-list-box .btn-show-more[data-v-9d2bf08c]{line-height:38px;font-size:12px;color:#8c8c8c;text-align:center;cursor:pointer}.select-date-radio[data-v-9d2bf08c]{position:absolute;right:10px;top:10px;z-index:1}[data-v-9d2bf08c] .el-radio-button__inner{border-color:#e3e4e8;color:#4c5765}.select-date-radio[data-v-9d2bf08c] .el-radio-button--small .el-radio-button__inner{padding:7px 14px;font-size:14px}.select-date-radio[data-v-9d2bf08c] .el-radio-button:first-child .el-radio-button__inner{border-radius:20px 0 0 20px}.select-date-radio[data-v-9d2bf08c] .el-radio-button:last-child .el-radio-button__inner{border-radius:0 20px 20px 0}.chart-box[data-v-9d2bf08c]{position:relative}.chart-box .title[data-v-9d2bf08c]{font-size:14px;color:#2e303e;padding:10px 0 0 20px}.chart-box .echarts-ring-box[data-v-9d2bf08c]{position:absolute;left:0;top:0;width:100%;height:100%}.main-cont[data-v-9d2bf08c]{flex:auto;background-color:#fff;min-height:300px;background:#fff;margin-top:10px;padding:10px 20px 20px 10px}.main-cont .fillter-bar[data-v-9d2bf08c]{display:flex;align-items:center;margin-bottom:20px}.main-cont .fillter-bar[data-v-9d2bf08c] .el-select{width:180px;margin-right:10px}.main-cont .fillter-bar[data-v-9d2bf08c] .el-select .el-input__inner{padding-left:12px}.main-cont .fillter-bar .el-date-editor[data-v-9d2bf08c]{margin-right:10px}.main-cont .echart-bar-box[data-v-9d2bf08c]{width:100%;height:430px}