.buttons-box{width:100%;height:28px;background-color:rgba(43,51,63,.7);position:absolute;display:flex;left:0;bottom:0;-webkit-user-select:none;-moz-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:.8rem!important}.buttons-box-right{position:absolute;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;display:flex;align-items:center;justify-content:center}.videoList{display:flex;flex-wrap:wrap;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-image:url(../img/loading.06886141.png);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}