.video-player{width:100%;height:100%;cursor:pointer;position:relative}.video-player .video-play{background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:100;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-player .video-play.android{background-color:#000}.video-player .video-play img{width:34px}.video-player video{z-index:100}.video-player .controls{position:absolute;bottom:0;width:100%;left:0;display:flex;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);padding:20px 8px 10px;cursor:pointer;align-items:center;justify-content:space-between;color:#fff;font-size:12px;z-index:200}.video-player .volume{margin:0 13px}.video-player .progress{flex:1;height:2px;background:hsla(0,0%,100%,.25);border-radius:2px 2px 2px 2px;position:relative;z-index:1}.video-player .progress .curtime{position:absolute;height:100%;left:0;top:0;background:#237aff;z-index:2}.video-player .progress .dot{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;z-index:3;top:-3px;border:2px solid rgba(35,122,255,.5)}.video-player .controls img{height:18px;width:auto}.video-player .ele{display:block;height:auto;width:100%;-o-object-fit:cover;object-fit:cover}