.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-7ec18cd6]{-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-7ec18cd6]{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.parse[data-v-7ec18cd6]{background:rgba(0,0,0,.5)}.parse svg[data-v-7ec18cd6]{-webkit-transform:translate(-50%,-50%);color:#fff!important;cursor:pointer;height:20%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20%}.videoplay[data-v-7ec18cd6]{background:#000;color:#fff;height:100%;overflow:hidden;position:relative;width:100%}.videoplay.big video[data-v-7ec18cd6]{-o-object-fit:contain;object-fit:contain}.videoplay video[data-v-7ec18cd6]{-o-object-fit:fill;height:100%!important;object-fit:fill;width:100%!important}.control[data-v-7ec18cd6]:hover,.parse:hover~.control[data-v-7ec18cd6],.videoplay:hover .control[data-v-7ec18cd6]{display:-webkit-box;display:-ms-flexbox;display:flex}.control[data-v-7ec18cd6]{-webkit-transition:display 2s;background:rgba(0,0,0,.6);bottom:0;display:none;left:0;padding:10px 5%;position:absolute;right:0;transition:display 2s;z-index:3}.control svg[data-v-7ec18cd6]:first-child{-webkit-margin-end:auto;-webkit-margin-start:0;margin-inline-end:auto;margin-inline-start:0}.big .control svg[data-v-7ec18cd6]{height:25px;width:25px}.control svg[data-v-7ec18cd6]{-webkit-filter:grayscale(50%);-webkit-margin-start:30px;cursor:pointer;filter:grayscale(50%);height:15px;margin-inline-start:30px;opacity:1;width:15px}.control svg[data-v-7ec18cd6]:hover{opacity:1}.container-loading[data-v-7ec18cd6]{height:50px;position:relative;width:50px}.container-loading.animation-4[data-v-7ec18cd6],.container-loading.animation-5[data-v-7ec18cd6]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.container-loading .shape[data-v-7ec18cd6]{border-radius:1px;position:absolute}.container-loading.animation-5 .shape[data-v-7ec18cd6]{height:50%;width:50%}.container-loading .shape.shape1[data-v-7ec18cd6]{background-color:#5c6bc0;left:0}.container-loading .shape.shape2[data-v-7ec18cd6]{background-color:#8bc34a;right:0}.container-loading .shape.shape3[data-v-7ec18cd6]{background-color:#ffb74d;bottom:0}.container-loading .shape.shape4[data-v-7ec18cd6]{background-color:#f44336;bottom:0;right:0}.animation-5 .shape1[data-v-7ec18cd6]{animation:animation5shape1-data-v-7ec18cd6 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape1-data-v-7ec18cd6{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-7ec18cd6{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-7ec18cd6]{animation:animation5shape2-data-v-7ec18cd6 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape2-data-v-7ec18cd6{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-7ec18cd6{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-7ec18cd6]{animation:animation5shape3-data-v-7ec18cd6 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape3-data-v-7ec18cd6{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-7ec18cd6{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-7ec18cd6]{animation:animation5shape4-data-v-7ec18cd6 2s ease 0s infinite reverse}@-webkit-keyframes animation5shape4-data-v-7ec18cd6{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-7ec18cd6{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%)}}.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-3bfc5c9d]{color:#61bef4}.red .home .rooms .room[data-v-3bfc5c9d]{color:#ff5353}.dark .home .rooms .room[data-v-3bfc5c9d]{color:#2e3133}.purple .home .rooms .room[data-v-3bfc5c9d]{color:#794fb4}.green .home .rooms .room[data-v-3bfc5c9d]{color:#26a854}.grey .home .rooms .room[data-v-3bfc5c9d]{color:#4d4e4e}.home[data-v-3bfc5c9d]{height:100%;overflow:hidden;width:100%}.home .rooms[data-v-3bfc5c9d]{cursor:pointer}.home-content[data-v-3bfc5c9d]{height:calc(100% - 40px);overflow:auto;padding:20px;width:100%}.home-content .top[data-v-3bfc5c9d]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40vh;width:100%}.home-content .top .video[data-v-3bfc5c9d]{-webkit-margin-end:20px;height:100%;margin-inline-end:20px;position:relative;width:40%}.home-content .top .select[data-v-3bfc5c9d]{height:100%;position:relative;width:calc(60% - 20px)}.home-content .bottom[data-v-3bfc5c9d]{height:calc(100% - 40vh - 20px);margin-top:20px;position:relative;width:100%}.rooms[data-v-3bfc5c9d] .ivu-select-dropdown{max-height:calc(100vh - 200px);overflow:auto}