.video-player__controls-wrap{height:60px;width:100%;position:absolute;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.video-player__controls{width:100%;height:60px;padding:0 12px;background-color:rgba(0,0,0,.7);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.video-player__controls,.video-player__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-button{font-size:24px;color:#fff;min-width:54px!important;height:32px;cursor:pointer;text-align:center;padding:0}.video-button.label{font-size:1rem;line-height:1rem}.mask{position:absolute;left:0;top:0;width:100%;height:100%;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}.mask .center-button{font-size:2rem}.mask .center-button.label{color:#fff}.mask .el-tooltip{font-size:1rem}.mask.actived{z-index:0}.el-tooltip-content.medium{font-size:14px}.monitor-player .actived:before{position:absolute;top:0;left:0;content:" ";width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid red}