.the-title{height:40px;width:100%}.the-title .ivu-card-body{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:space-between}.the-title .ivu-card-body .left{-webkit-margin-start:20px;font-family:Arial,sans-serif;font-size:16px;font-weight:bolder;margin-inline-start:20px}.the-title .ivu-card-body .right{-webkit-margin-end:20px;margin-inline-end:20px}.flex-center[data-v-8b50f6f2]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.video-box[data-v-8b50f6f2]{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.videoplay[data-v-8b50f6f2]{background:#000;height:100%;position:relative;width:100%}.videoplay.big video[data-v-8b50f6f2]{-o-object-fit:contain;object-fit:contain}.videoplay video[data-v-8b50f6f2]{-o-object-fit:fill;height:100%!important;object-fit:fill;width:100%!important}.container-loading[data-v-8b50f6f2]{height:50px;position:relative;width:50px}.container-loading.animation-5 .shape[data-v-8b50f6f2]{border-radius:1px;height:50%;position:absolute;width:50%}.container-loading .shape.shape1[data-v-8b50f6f2]{background-color:#5c6bc0;left:0}.container-loading .shape.shape2[data-v-8b50f6f2]{background-color:#8bc34a;right:0}.container-loading .shape.shape3[data-v-8b50f6f2]{background-color:#ffb74d;bottom:0}.container-loading .shape.shape4[data-v-8b50f6f2]{background-color:#f44336;bottom:0;right:0}.animation-5 .shape1[data-v-8b50f6f2]{animation:animation5shape1-data-v-8b50f6f2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape1-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}75%{-webkit-transform:translate(100%);transform:translate(100%)}}@keyframes animation5shape1-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}75%{-webkit-transform:translate(100%);transform:translate(100%)}}.animation-5 .shape2[data-v-8b50f6f2]{animation:animation5shape2-data-v-8b50f6f2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape2-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-100%);transform:translate(-100%)}50%{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes animation5shape2-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(-100%);transform:translate(-100%)}50%{-webkit-transform:translate(-100%,100%);transform:translate(-100%,100%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}}.animation-5 .shape3[data-v-8b50f6f2]{animation:animation5shape3-data-v-8b50f6f2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape3-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(100%);transform:translate(100%)}50%{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes animation5shape3-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(100%);transform:translate(100%)}50%{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.animation-5 .shape4[data-v-8b50f6f2]{animation:animation5shape4-data-v-8b50f6f2 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape4-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}75%{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes animation5shape4-data-v-8b50f6f2{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}75%{-webkit-transform:translate(-100%);transform:translate(-100%)}}.videoplay[data-v-8b50f6f2] .header-controls{display:none!important}.blue .home-video .title[data-v-5f38f446]{background:#61bef4}.red .home-video .title[data-v-5f38f446]{background:#ff5353}.dark .home-video .title[data-v-5f38f446]{background:#2e3133}.purple .home-video .title[data-v-5f38f446]{background:#794fb4}.green .home-video .title[data-v-5f38f446]{background:#26a854}.grey .home-video .title[data-v-5f38f446]{background:#4d4e4e}.home-video[data-v-5f38f446]{height:100%;width:100%}.home-video .title[data-v-5f38f446]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;border-bottom:3px solid #fff;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 20px;width:100%}.home-video .title .name[data-v-5f38f446]{cursor:pointer}.home-video .title .tip .ivu-icon[data-v-5f38f446]{margin-top:-5px}.home-video #video[data-v-5f38f446]{background:#000;background:url(../../static/img/monitor-background.f02ad04f.jpg);background-size:100% 100%;height:calc(100% - 40px);width:100%}.home-video #video #now_video[data-v-5f38f446]{-o-object-fit:fill;height:100%;object-fit:fill;width:100%}.blue .home-room .title[data-v-689defb3]{background:#61bef4}.red .home-room .title[data-v-689defb3]{background:#ff5353}.dark .home-room .title[data-v-689defb3]{background:#2e3133}.purple .home-room .title[data-v-689defb3]{background:#794fb4}.green .home-room .title[data-v-689defb3]{background:#26a854}.grey .home-room .title[data-v-689defb3]{background:#4d4e4e}.home-room[data-v-689defb3]{background:#fff;height:100%;width:100%}.home-room .title[data-v-689defb3]{-ms-flex-align:center;-ms-flex-pack:end;-webkit-box-align:center;-webkit-box-pack:end;align-items:center;border-bottom:3px solid #fff;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:40px;justify-content:flex-end;padding:0 20px;text-align:right;width:100%}.home-room .title .ivu-icon[data-v-689defb3]{margin:3px 5px 0 0}.home-room .data-box[data-v-689defb3]{-ms-flex-pack:justify;-ms-flex-wrap:wrap;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;height:calc(100% - 40px);justify-content:space-between;overflow:auto;padding-top:5px;width:100%}.home-room .data-box-inside[data-v-689defb3]{width:120px}.home-room .data-box-inside .data-item-box[data-v-689defb3]{-moz-transition:.5s;-ms-flex-direction:column;-o-transition:.5s;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-shadow:1px 1px 5px #b8bfca,-1px 1px 5px #b8bfca;-webkit-transition:.5s;box-shadow:1px 1px 5px #b8bfca,-1px 1px 5px #b8bfca;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;filter:alpha(opacity=70);flex-direction:column;height:calc(100% - 10px);margin:5px;opacity:.7;padding:5px;transition:.5s}.home-room .data-box-inside .data-item-box.active[data-v-689defb3]{-webkit-transform:scale(1.1);opacity:1;transform:scale(1.1)}.home-room .data-box-inside .data-item-box .unit[data-v-689defb3]{color:#fff;font-size:12px;text-align:right}.home-room .data-box-inside .data-item-box .data-none[data-v-689defb3]{color:#fff;font-size:18px;padding:2px 0;text-align:center}.home-room .data-box-inside .data-item-box .data[data-v-689defb3]{color:#fff;font-size:26px;line-height:1.1;min-height:32px;padding:2px 0;position:relative;text-align:center;top:-5px}.home-room .data-box-inside .data-item-box .label[data-v-689defb3]{-ms-flex:1;-ms-flex-direction:column;-ms-flex-pack:center;-webkit-box-direction:normal;-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-pack:center;background-color:#fff;color:#636363;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;font-size:13px;justify-content:center;padding:2px 3px;text-align:center}.data-item-box[data-v-689defb3]{background:#000}.time-fonsize[data-v-689defb3]{-webkit-transform:scale(.8);font-size:12px;transform:scale(.8)}.blue .home-echarts .title[data-v-95359d98]{background:#61bef4}.red .home-echarts .title[data-v-95359d98]{background:#ff5353}.dark .home-echarts .title[data-v-95359d98]{background:#2e3133}.purple .home-echarts .title[data-v-95359d98]{background:#794fb4}.green .home-echarts .title[data-v-95359d98]{background:#26a854}.grey .home-echarts .title[data-v-95359d98]{background:#4d4e4e}.home-echarts[data-v-95359d98]{background:#fff;height:100%;width:100%}.home-echarts .title[data-v-95359d98]{-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;text-align:center;width:100%}.home-echarts .title-time[data-v-95359d98]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:40px;width:calc(100% - 190px)}.home-echarts .title-time div[data-v-95359d98]{-ms-flex:1;-webkit-box-flex:1;cursor:pointer;flex:1;font-size:16px;height:40px;line-height:40px}.home-echarts .title-time div.active[data-v-95359d98]{background:#fff;border:1px solid #ededed;color:#444;height:50px;line-height:50px;position:relative;top:-10px}.home-echarts .title-tip[data-v-95359d98]{font-size:14px;opacity:.7;padding:0 20px;width:190px}.home-echarts .title-tip .ivu-icon[data-v-95359d98]{margin:0 5px 0 0}.home-echarts #char[data-v-95359d98]{height:calc(100% - 40px);width:100%}.home-echarts .reset-btn[data-v-95359d98]{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background-color:#f5b657;border-radius:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;height:40px;justify-content:center;width:131px}.home-echarts .reset-btn[data-v-95359d98] .ivu-icon{font-size:20px}.blue .home .rooms .room[data-v-5324258a]{color:#61bef4}.red .home .rooms .room[data-v-5324258a]{color:#ff5353}.dark .home .rooms .room[data-v-5324258a]{color:#2e3133}.purple .home .rooms .room[data-v-5324258a]{color:#794fb4}.green .home .rooms .room[data-v-5324258a]{color:#26a854}.grey .home .rooms .room[data-v-5324258a]{color:#4d4e4e}.home[data-v-5324258a]{height:100%;overflow:hidden;width:100%}.home .rooms[data-v-5324258a]{cursor:pointer}.home-content[data-v-5324258a]{height:calc(100% - 40px);overflow:auto;padding:20px;width:100%}.home-content .top[data-v-5324258a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40vh;width:100%}.home-content .top .video[data-v-5324258a]{-webkit-margin-end:20px;height:100%;margin-inline-end:20px;position:relative;width:40%}.home-content .top .select[data-v-5324258a]{height:100%;position:relative;width:calc(60% - 20px)}.home-content .bottom[data-v-5324258a]{height:calc(100% - 40vh - 20px);margin-top:20px;position:relative;width:100%}.rooms[data-v-5324258a] .ivu-select-dropdown{max-height:calc(100vh - 200px);overflow:auto}