.monitorVideo[data-v-a4775e84]{margin-bottom:20px;width:920px;height:540px}.monitorVideo .content[data-v-a4775e84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px}.monitorVideo .content .videoBox[data-v-a4775e84]{margin-right:12px}.monitorVideo .content .videoBox .video[data-v-a4775e84]{width:700px;height:394px}.monitorVideo .content .videoBox .locationBox[data-v-a4775e84]{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;padding:16px 16px 0 20px;background-color:#101c2e}.monitorVideo .content .videoBox .locationBox .locationName[data-v-a4775e84]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;color:#fff}.monitorVideo .content .videoBox .locationBox .locationName .locationIcon[data-v-a4775e84]{margin-right:10px;width:12px;height:14px}.monitorVideo .content .videoBox .locationBox .locationName .locationIcon img[data-v-a4775e84]{width:100%;height:100%}.monitorVideo .content .videoBox .videoStatus[data-v-a4775e84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#2dffb0}.monitorVideo .content .videoBox .videoStatus .circle[data-v-a4775e84]{margin-right:6px;width:8px;height:8px;border-radius:50%;background-color:#00f6ff}.monitorVideo .content .list[data-v-a4775e84]{height:437px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.monitorVideo .content .list .selectBox[data-v-a4775e84]{position:sticky;top:0;right:0;margin-bottom:15px;z-index:10}.monitorVideo .content .list .item[data-v-a4775e84]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:7px;width:208px;height:120px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAAB4CAMAAAC0NYzFAAAANlBMVEUAAAAUXHAegZQghZYhi50lk6UqoLMrq7wtq7oTXnE2x9c62Oc71+Y+3+0+3+5A5fRB6/pE8f+O5TW/AAAAEXRSTlMAZnd5fYKMlJSjssnK1tbk8Cixq5EAAADTSURBVHja7d27DsJADATAHAmQB5Ds//8sFZQ0QEDWbHeVNc1JllZyN7VLkqznz2dojyRJTs/n8IVha5LMbepaVyoNCAgICAjop6ClFmjpUguUeqCxFmgEAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC+l/QsRboqI0FBPQmaK4FmvXl/h7U1wL1fjmgvUGHWqCD9QEICAgICAgICAgICAgICAgICAgICAgICAgICAgICAhoN9CtFuhar1621QJt2lhAQEBAQEBAL0DVziTcAfMiEfbPapadAAAAAElFTkSuQmCC);background-size:cover}.monitorVideo .content .list .item .miniVideo[data-v-a4775e84]{width:202px;height:114px}.monitorVideo .content .list .item .offlineBox[data-v-a4775e84]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:202px;height:114px;background-color:#232c3b}.monitorVideo .content .list .item .offlineBox .offLineIcon[data-v-a4775e84]{width:44px;height:40px}.monitorVideo .content .list .item .offlineBox .offLineIcon img[data-v-a4775e84]{width:100%;height:100%}.monitorVideo .content .list .item .miniVideoMessage[data-v-a4775e84]{position:absolute;bottom:0;left:0;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;padding:0 10px;width:202px;height:22px;font-size:12px;background-color:#001e36;opacity:.7}.monitorVideo .content .list .item .miniVideoMessage .name[data-v-a4775e84]{color:#fff}.monitorVideo .content .list .item .miniVideoMessage .online[data-v-a4775e84]{color:#2dffb0}.monitorVideo .content .list .item .miniVideoMessage .offline[data-v-a4775e84]{color:#ff6063}.monitorVideo .content .video[data-v-a4775e84]{margin:0;padding:0;width:100%;height:100px;line-height:340px;color:#fff;text-align:center;background:#000;-o-object-fit:fill;object-fit:fill;border:0;font-size:100%;vertical-align:baseline}