.playBox[data-v-51b1394a]{width:100%;height:100%;background:#000;position:relative;overflow:hidden;z-index:1;cursor:pointer}.playBox .noOnlineImg[data-v-51b1394a]{width:100%;height:100%}.playBox .noOnlineImg[data-v-51b1394a] .el-image__error,.playBox .noOnlineImg[data-v-51b1394a] .el-image__placeholder{background:#000}.playBox .startCameraBtn[data-v-51b1394a]{position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);z-index:10000;background:rgba(49,49,49,.5);color:#fff}.playBox .cameraListBox[data-v-51b1394a]{position:absolute;top:50%;right:-20%;transform:translateY(-50%);z-index:1000}.playBox .cameraListBox .el-button[data-v-51b1394a]{background:rgba(49,49,49,.5);color:#fff}.playBox .cameraVideoBox[data-v-51b1394a]{width:100%;height:100%}.playBox .cameraVideoBox .cameraVideo[data-v-51b1394a]{object-fit:fill;width:100%;height:100%}.playBox .canvasLayerBox[data-v-51b1394a]{position:absolute;left:50%;top:50%}.playBox .canvasLayerBox .player[data-v-51b1394a]{object-fit:fill;width:100%;height:100%}.playBox .enlarge[data-v-51b1394a]{animation-name:enlarge-data-v-51b1394a;animation-duration:5s}@keyframes enlarge-data-v-51b1394a{0%{transform:scale(0)}to{transform:scale(1)}}.playBox .fadeout[data-v-51b1394a]{animation-name:fadeout-data-v-51b1394a;animation-duration:5s}@keyframes fadeout-data-v-51b1394a{0%{opacity:0}to{opacity:1}}.playBox .loading[data-v-51b1394a]{position:absolute;width:100%;height:100%}.playBox .color-white[data-v-51b1394a]{color:#fff}.playBox[data-v-3251214a]{width:100%;height:100%;background:#000;position:relative;overflow:hidden;cursor:pointer}.playBox .startCameraBtn[data-v-3251214a]{position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);z-index:1000;background:rgba(49,49,49,.5);color:#fff}.playBox .cameraListBox[data-v-3251214a]{position:absolute;top:50%;right:-20%;transform:translateY(-50%);z-index:1000}.playBox .cameraListBox .el-button[data-v-3251214a]{background:rgba(49,49,49,.5);color:#fff}.playBox .cameraVideoBox[data-v-3251214a]{width:100%;height:100%}.playBox .cameraVideoBox .cameraVideo[data-v-3251214a]{object-fit:fill;width:100%;height:100%}.playBox .canvasLayerBox[data-v-3251214a]{position:absolute;left:50%;top:50%}.playBox .canvasLayerBox .player[data-v-3251214a]{object-fit:fill;width:100%;height:100%}.playBox .status[data-v-3251214a]{position:absolute;top:0;left:0;color:#fff;background:rgba(0,0,0,.2549019607843137);z-index:1}.playBox .status .circleBox .circle[data-v-3251214a]{width:.041667rem;height:.041667rem;border-radius:50%;background-color:#52c41a}@keyframes scale-data-v-3251214a{0%{transform:scale(1)}50%,75%{transform:scale(2.5)}78%,to{opacity:0}}.playBox .status .circleBox .circle[data-v-3251214a]:before{content:"";width:.041667rem;height:.041667rem;border-radius:50%;background-color:#52c41a;opacity:.7;animation:scale-data-v-3251214a 2s cubic-bezier(0,0,.49,1.02) infinite;animation-delay:.2s;transition:all .5s ease;transform:scale(1)}.playBox .status .circleBox .warning[data-v-3251214a],.playBox .status .circleBox .warning[data-v-3251214a]:before{background-color:#fadb14}.playBox .status .circleBox .error[data-v-3251214a],.playBox .status .circleBox .error[data-v-3251214a]:before{background-color:#f5222d}.playBox .screenName[data-v-3251214a]{position:absolute;bottom:0;right:0;color:#fff;background:rgba(0,0,0,.2549019607843137);z-index:1}.playBox .screenName i[data-v-3251214a]{color:#66b1ff}.playBox .noScreen[data-v-3251214a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.135417rem;color:#fff}.playBox .enlarge[data-v-3251214a]{animation-name:enlarge-data-v-3251214a;animation-duration:5s}@keyframes enlarge-data-v-3251214a{0%{transform:scale(0)}to{transform:scale(1)}}.playBox .fadeout[data-v-3251214a]{animation-name:fadeout-data-v-3251214a;animation-duration:5s}@keyframes fadeout-data-v-3251214a{0%{opacity:0}to{opacity:1}}.cardContainer[data-v-49aabbd2]{border:none;box-shadow:none}.cardContainer .el-form-item[data-v-49aabbd2]{margin-bottom:.020833rem}.cardContainer .screenCol[data-v-49aabbd2]{height:.9375rem;background:#000;border:.010417rem solid #fff;position:relative}.cardContainer .screenCol .status[data-v-49aabbd2]{position:absolute;top:0;left:0;color:#fff;background:rgba(0,0,0,.2549019607843137);z-index:2}.cardContainer .screenCol .status .circleBox .circle[data-v-49aabbd2]{width:.041667rem;height:.041667rem;border-radius:50%;background-color:#52c41a}@keyframes scale-data-v-49aabbd2{0%{transform:scale(1)}50%,75%{transform:scale(2.5)}78%,to{opacity:0}}.cardContainer .screenCol .status .circleBox .circle[data-v-49aabbd2]:before{content:"";width:.041667rem;height:.041667rem;border-radius:50%;background-color:#52c41a;opacity:.7;animation:scale-data-v-49aabbd2 2s cubic-bezier(0,0,.49,1.02) infinite;animation-delay:.2s;transition:all .5s ease;transform:scale(1)}.cardContainer .screenCol .status .circleBox .warning[data-v-49aabbd2],.cardContainer .screenCol .status .circleBox .warning[data-v-49aabbd2]:before{background-color:#fadb14}.cardContainer .screenCol .status .circleBox .error[data-v-49aabbd2],.cardContainer .screenCol .status .circleBox .error[data-v-49aabbd2]:before{background-color:#f5222d}.cardContainer .screenCol .screenName[data-v-49aabbd2]{position:absolute;bottom:0;right:0;color:#fff;background:rgba(0,0,0,.2549019607843137);z-index:2}.cardContainer .screenCol .screenName i[data-v-49aabbd2]{color:#66b1ff}.cardContainer .screenCol .noScreen[data-v-49aabbd2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.135417rem;color:#fff}.cardContainer .screenCol .tag[data-v-49aabbd2]{position:absolute;top:.010417rem;right:0;z-index:2;background-color:transparent!important;border-color:#409eff!important}