.buttons-box{width:100%;height:28px;background-color:rgba(43,51,63,.7);position:absolute;display:-ms-flexbox;display:flex;left:0;bottom:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:10}.jessibuca-btn{width:20px;color:#fff;line-height:27px;margin:0 10px;padding:0 2px;cursor:pointer;text-align:center;font-size:12px}.buttons-box-right{position:absolute;display:-ms-flexbox;display:flex;height:30px;right:0}.device-tree-main-box{text-align:left}.device-online{color:#252525}.device-offline{color:#727272}.btn{margin:0 10px}.btn.active,.btn:hover{color:#409eff}.redborder{border:2px solid red!important}.play-box{background-color:#000;border:2px solid #505050;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.play-box,.videoList{display:-ms-flexbox;display:flex}.videoList{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.video-item{position:relative;width:15rem;height:10rem;margin-right:1rem;background-color:#000}.video-item-img{width:100%;height:100%}.video-item-img,.video-item-img:after{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.video-item-img:after{content:"";display:inline-block;z-index:2;width:3rem;height:3rem;background-size:cover;background-color:#000}.video-item-title{position:absolute;bottom:0;color:#000;background-color:#fff;line-height:1.5rem;padding:.3rem;width:14.4rem}.baidumap{width:100%;height:100%;border:none;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.baidumap>.anchorBL,.baidumap>.BMap_cpyCtrl{display:none!important}.containers{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.screen{margin-bottom:20px}