.videoSurveillance[data-v-3f424ab1]{position:relative}.videoSurveillance .ul[data-v-3f424ab1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;padding-left:30px}.videoSurveillance .ul .li[data-v-3f424ab1]{position:relative;background:#7e7e7e;width:23.5%;height:280px}.videoSurveillance .ul .li img[data-v-3f424ab1]{width:100%;height:100%}.videoSurveillance .ul .li .playbtn[data-v-3f424ab1]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;z-index:10}.videoSurveillance .ul .li .videoErr[data-v-3f424ab1]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.videoSurveillance .ul .li .name[data-v-3f424ab1]{position:absolute;left:0;bottom:0;width:100%;height:40px;background:rgba(0,0,0,.6);padding:0 10px;color:#fff;z-index:100}.videoSurveillance .noData[data-v-3f424ab1]{padding:100px 0;font-size:20px}.videoModel[data-v-3f424ab1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videoModel .controlBtn .outer-ring[data-v-3f424ab1]{position:relative;width:150px;height:150px;background-color:#0e93cb;border-radius:50%}.videoModel .controlBtn .outer-ring i[data-v-3f424ab1]{font-size:22px;cursor:pointer;color:#fff}.videoModel .controlBtn .outer-ring i[data-v-3f424ab1]:hover{color:#000}.videoModel .controlBtn .outer-ring .caret-up[data-v-3f424ab1]{position:absolute;top:6px;left:75px;margin-left:-10px}.videoModel .controlBtn .outer-ring .caret-down[data-v-3f424ab1]{position:absolute;bottom:6px;left:75px;margin-left:-10px}.videoModel .controlBtn .outer-ring .caret-left[data-v-3f424ab1]{position:absolute;left:6px;top:75px;margin-top:-10px}.videoModel .controlBtn .outer-ring .caret-right[data-v-3f424ab1]{position:absolute;right:6px;top:75px;margin-top:-10px}.videoModel .controlBtn .outer-ring .ob-caret-left[data-v-3f424ab1]{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:24px;left:24px}.videoModel .controlBtn .outer-ring .ob-caret-up[data-v-3f424ab1]{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:24px;right:24px}.videoModel .controlBtn .outer-ring .ob-caret-right[data-v-3f424ab1]{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:24px;right:24px}.videoModel .controlBtn .outer-ring .ob-caret-down[data-v-3f424ab1]{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:24px;left:24px}.videoModel .controlBtn .outer-ring .lineL[data-v-3f424ab1]{position:absolute;top:75px;left:0;width:162px;height:4px;-webkit-transform:rotate(40deg);transform:rotate(40deg);background-color:#fff}.videoModel .controlBtn .outer-ring .lineR[data-v-3f424ab1]{position:absolute;top:75px;left:0;width:154px;height:4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff}.videoModel .controlBtn .outer-ring .inner-ring[data-v-3f424ab1]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background-color:#fff}.videoModel .go-index[data-v-3f424ab1]{cursor:pointer;pointer-events:auto}.videoModel .not-go-index[data-v-3f424ab1]{cursor:not-allowed;pointer-events:none}