.comp-modal-page{position:fixed;top:0;left:0;right:0;bottom:0;padding:30px;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;visibility:hidden;opacity:0;transition:all .2s}.comp-modal-page>.content-page{position:relative;min-width:350px;display:flex;flex-direction:column;opacity:0;visibility:hidden}.comp-modal-page>.content-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}.comp-modal-page>.content-page>.head-box{position:relative;height:50px;border-bottom:1px solid #f3f3f3;flex-shrink:0;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .title{font-weight:500;color:#333;font-size:16px;margin:0 20px;flex-grow:1;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .title span{display:none}.comp-modal-page>.content-page>.head-box .title span:first-child{display:initial}.comp-modal-page>.content-page>.head-box .head-operate{margin:0 20px 0 10px;flex-shrink:0;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .close-btn{margin:10px 0;padding:0 20px;font-size:18px;color:#333;font-weight:700;cursor:pointer;display:flex;align-items:center;border-left:1px solid #f3f3f3;flex-shrink:0}.comp-modal-page>.content-page>.scroll-content{position:relative;width:100%;flex-grow:1}.comp-modal-page>.content-page>.bottom-operate{position:relative;flex-shrink:0;border-top:1px solid #f3f3f3}.comp-modal-page>.content-page>.bottom-operate:empty{display:none}.comp-modal-page>.content-page>.bottom-operate .operate-btns{padding:6px 20px;display:flex;justify-content:center;flex-wrap:wrap}.comp-modal-page>.content-page>.bottom-operate .operate-btns .operate-btn{cursor:pointer;margin:5px 5px;padding:10px 20px;background:#fff;height:40px;flex:1;max-width:250px;line-height:20px;color:#333;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;border:1px solid #e3e3e3}.comp-modal-page>.content-page>.bottom-operate .operate-btns .operate-btn.highlight{background:#2faaf7;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}@-webkit-keyframes show{0%{visibility:hidden;opacity:0}to{visibility:initial;opacity:1}}@keyframes show{0%{visibility:hidden;opacity:0}to{visibility:initial;opacity:1}}@-webkit-keyframes hide{0%{visibility:initial;opacity:1}99%{opacity:0;visibility:initial}to{opacity:0;visibility:hidden}}@keyframes hide{0%{visibility:initial;opacity:1}99%{opacity:0;visibility:initial}to{opacity:0;visibility:hidden}}.comp-modal-page.show{visibility:initial;opacity:1}.comp-modal-page.show>.content-page{-webkit-animation:show .3s forwards;animation:show .3s forwards}.comp-modal-page.hide{visibility:hidden;opacity:0}.comp-modal-page.hide>.content-page{-webkit-animation:hide .3s forwards;animation:hide .3s forwards}.comp-modal-page.full>.content-page{width:100%}.comp-modal-page.scroll>.content-page{max-height:100%}.comp-modal-page.scroll>.content-page>.scroll-content{overflow-x:auto;overflow-y:auto}.ivu-message{z-index:9999!important}.table[data-v-14ee9fba]{width:100%;height:100%;border:1px solid #e8eaec}.table .table-div[data-v-14ee9fba]{width:100%;height:100%}.elem-chart[data-v-0ab4b612]{position:relative;width:100%;height:100%;border:1px solid #f3f3f3;border-radius:6px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column}.elem-chart .chart[data-v-0ab4b612]{width:100%;flex-grow:1}.elem-chart .empty[data-v-0ab4b612]{color:#888;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.managsystem-content-operation-day{background:#f8f8f8;position:relative;min-height:100%}.managsystem-content-operation-day>.block-box{width:100%;padding:0 20px 20px;box-sizing:border-box;max-width:1500px;margin:0 auto}.managsystem-content-operation-day>.block-box:first-child{padding-top:20px}.managsystem-content-operation-day>.block-box>.head-box{margin-bottom:10px;display:flex;align-items:center}.managsystem-content-operation-day>.block-box>.head-box .title{font-size:20px;font-weight:700;color:#333}.managsystem-content-operation-day>.block-box>.head-box .date-filter{margin:0 20px}.managsystem-content-operation-day>.block-box .content-box{width:100%}.managsystem-content-operation-day>.block-box .content-box .warning-box{background:#fff;width:100%;padding:10px;display:flex;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.05)}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box{width:300px;flex-shrink:0}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box{margin-bottom:10px;width:100%;padding:10px 20px;background:#eff9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border-radius:6px}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box:first-child{background:#56aaff}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box:nth-child(2){background:#9390f3}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box:last-child{margin-bottom:0}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .title{color:#333;font-size:14px}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .time{font-size:12px;color:#666}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box>.value-box{font-size:50px;line-height:1;display:flex;align-items:flex-end;margin:10px 0;color:#fff}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box>.value-box .unit{font-size:14px;line-height:30px;margin-left:10px}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .trend-box{display:flex}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .trend-box .trend-item{display:flex;margin-right:20px}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .trend-box .trend-item:last-child{margin-right:0}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .trend-box .trend-item .name{font-size:14px;color:#444;margin-right:10px}.managsystem-content-operation-day>.block-box .content-box .warning-box .block-box .item-box .trend-box .trend-item .value{font-size:14px}.managsystem-content-operation-day>.block-box .content-box .warning-box .table-box{flex-grow:1;margin-left:10px;overflow:hidden}.managsystem-content-operation-day>.block-box .content-box .note-box{background:#fff;width:100%;padding:15px;margin:20px 0;display:flex;justify-content:space-between;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.05)}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box{width:calc(33.33333% - 10px);margin:10px 20px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;border-right:1px solid #f3f3f3}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box:last-child{border-right:0}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .title{color:#333;font-size:14px}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .time{font-size:12px;color:#999}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box>.value-box{font-size:50px;line-height:1;display:flex;align-items:flex-end;margin:10px 0;color:#57a3f3}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box>.value-box .unit{font-size:14px;line-height:30px;margin-left:10px}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .trend-box{display:flex}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .trend-box .trend-item{display:flex;margin-right:20px}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .trend-box .trend-item:last-child{margin-right:0}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .trend-box .trend-item .name{font-size:12px;color:#444;margin-right:10px}.managsystem-content-operation-day>.block-box .content-box .note-box .item-box .trend-box .trend-item .value{font-size:12px}.managsystem-content-operation-day>.block-box .content-box .chart-module{margin:10px 0;padding:10px;background:#fff;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.05)}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box{margin:10px 10px 0 10px;display:flex;align-items:center;justify-content:space-between;line-height:1}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box>.title{font-size:16px;font-weight:700;margin-right:20px}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box .date{flex-grow:1;color:#999;display:flex;align-items:center}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box .date .condition-box{margin-left:20px}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box .download-btn{cursor:pointer;padding:8px 20px;display:flex;align-items:center;background:#e3e3e3;color:#000;border-radius:4px;margin-right:20px}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box .download-btn .name{margin-left:5px}.managsystem-content-operation-day>.block-box .content-box .chart-module .head-box .more{cursor:pointer;font-weight:700}.managsystem-content-operation-day>.block-box .content-box .chart-module .type-box{margin:10px 10px 0 10px}.managsystem-content-operation-day>.block-box .content-box .chart-module .chart-box{margin-top:10px;width:100%;height:350px;display:flex}.managsystem-content-operation-day>.block-box .content-box .chart-module .chart-box .chart{width:100%;height:350px}.managsystem-content-operation-day>.block-box .content-box .chart-module .chart-box .chart-left{width:300px;height:350px;flex-shrink:0}.managsystem-content-operation-day>.block-box .content-box .chart-module .chart-box .chart-right{height:350px;flex-grow:1}.managsystem-content-operation-detail{padding:20px}.managsystem-content-operation-detail .chart-box{margin-top:20px;width:100%;height:300px}