.app[data-v-3c2c862f]{width:100vw;height:100vh;overflow:hidden;background-color:#000810;-ms-justify-content:center;-ms-align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app-content[data-v-3c2c862f],.app[data-v-3c2c862f]{display:-webkit-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox}.app-content[data-v-3c2c862f]{height:100%}.box[data-v-3c2c862f]{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.flv-video-box[data-v-07db4fb9]{height:100%;width:100%;border-radius:5px;overflow:hidden;background-color:#000;position:relative}.kz[data-v-07db4fb9]{text-align:center;padding:5px 20px 5px 20px;font-size:15px;color:red}.monitor[data-v-07db4fb9]{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .special[data-v-07db4fb9]{position:absolute;top:25%;left:44%;color:red;font-size:45px;text-align:center;line-height:100px;font-weight:700;animation:blink-data-v-07db4fb9 1s linear infinite;-webkit-animation:blink-data-v-07db4fb9 1s linear infinite;animation:imgs-data-v-07db4fb9 1s linear infinite;-webkit-animation:imgs-data-v-07db4fb9 1s linear infinite;-moz-animation:imgs-data-v-07db4fb9 1s linear infinite;-ms-animation:imgs-data-v-07db4fb9 1s linear infinite;-o-animation:imgs-data-v-07db4fb9 1s linear infinite;z-index:99}.monitor .special .img[data-v-07db4fb9]{width:45px;height:45px;margin-right:13px;margin-bottom:-5px}@-webkit-keyframes imgs-data-v-07db4fb9{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes imgs-data-v-07db4fb9{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes blink-data-v-07db4fb9{0%{color:red}50%{color:transparent}to{color:red}}@keyframes blink-data-v-07db4fb9{0%{color:red}50%{color:transparent}to{color:red}}.r-top[data-v-07db4fb9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:10px 0;background-color:#000;color:#bab7b7;font-size:20px}.r-top .r-top-code[data-v-07db4fb9]{padding-left:10px}.r-top .r-top-time[data-v-07db4fb9]{-ms-flex-negative:0;flex-shrink:0;padding-right:35px}.r-show-data[data-v-07db4fb9]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;background-color:#001529;height:50%}.r-show-data .left-monitoring[data-v-07db4fb9],.r-show-data[data-v-07db4fb9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row}.r-show-data .left-monitoring[data-v-07db4fb9]{height:100%;width:100%;position:relative;flex-direction:row;overflow:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.r-show-data .left-monitoring video[data-v-07db4fb9]{width:100%;height:100%}.r-show-data .audio-btn-box[data-v-07db4fb9]{position:absolute;bottom:20px;left:10px;z-index:10;background-color:rgba(1,0,1,.6);width:50px;height:50px;border-radius:50%;color:#fff;font-size:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.r-show-data .audio-btn-box[data-v-07db4fb9]:hover{background-color:rgba(1,0,1,.3)}.r-show-data .audio-btn-box .hidden-line[data-v-07db4fb9]{position:absolute;margin:0;padding:0;width:60%;left:20%;height:3px;top:50%;-webkit-transform:rotate(60deg);transform:rotate(60deg);z-index:3;background-color:#fff;border-radius:6px}.r-show-data[data-v-07db4fb9] .ivu-col-span-24{-webkit-box-flex:1;-ms-flex:1;flex:1}.r-show-data .right-monitoring[data-v-07db4fb9]{height:100%;width:50%;position:relative}.r-show-data .right-monitoring .detailed[data-v-07db4fb9]{padding:20px;overflow:hidden}.r-show-data .right-monitoring video[data-v-07db4fb9]{width:100%;height:100%}.layout-column[data-v-07db4fb9]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-column .left-monitoring[data-v-07db4fb9],.layout-column .right-monitoring[data-v-07db4fb9]{height:50%}.text-key[data-v-07db4fb9]{color:#fff;font-size:12px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.text-value[data-v-07db4fb9]{color:#0ff;font-size:15px}.text-row[data-v-07db4fb9]{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.state[data-v-07db4fb9]{position:absolute;bottom:0;left:0;background-color:#000c17;width:100%;height:100%;z-index:10000}.handle[data-v-07db4fb9]{margin:5px;padding:5px 21px 6px}.buffer-loading-box[data-v-07db4fb9]{position:absolute;width:400px;left:50%;margin-left:-200px;padding:0 0 16px 0;top:100px;z-index:10;text-align:center;color:#2d8cf0}.buffer-loading-box .ivu-spin-fix[data-v-07db4fb9]{background-color:transparent}.buffer-loading-box .loading-content[data-v-07db4fb9]{height:40px;position:relative}.video-box[data-v-6553d2a8]{padding:5px;height:100%;min-height:686px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.video-box[data-v-6553d2a8] .ivu-card-body{height:100%;padding:5px}.grid-ref-box[data-v-6553d2a8]{min-width:500px}