.components-video .video-overlay{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999999}.components-video .video-overlay i{color:#fff;cursor:pointer;font-size:28px;position:absolute;right:24px;top:24px}.components-video .video-overlay .video-overlay-mp4{height:540px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:960px}.components-video .video-overlay .video-overlay-mp4 .player-video{background:#000;height:100%;width:100%}.components-video .video-overlay .video-overlay-mp4 .iframe-inner,.components-video .video-overlay .video-overlay-mp4 .iframe-inner iframe{height:100%;width:100%}.components-video-mobile .video-overlay .video-overlay-mp4{height:280px;width:100%}.video-card{background:#fff;border-radius:8px 0 0;cursor:pointer;height:100%;width:100%}.video-card .video-card__name-active,.video-card:hover .video-card__name{color:#ff5a00}.video-card .preview-img{border:1px solid #f1f1f1;border-radius:10px;cursor:pointer;height:228px;overflow:hidden;position:relative;width:100%}.video-card .preview-img img{height:100%;width:100%}.video-card .preview-img video{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-card .preview-img .preview-video{background:#000;height:100%;width:100%}.video-card .preview-img .preview-img-icon{align-items:center;background:#0006;border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.video-card .preview-img .preview-img-icon i{color:#fff;font-size:30px}.video-card .video-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.video-card .video-overlay i{color:#fff;cursor:pointer;font-size:28px;position:absolute;right:24px;top:24px}.video-card .video-overlay .video-overlay-mp4{height:540px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:960px}.video-card .video-overlay .video-overlay-mp4 .player-video{background:#000;height:100%;width:100%}.video-card__name{color:#303133;font-size:18px;font-weight:400;letter-spacing:0;margin-top:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-mobile .preview-img{height:111px}.video-card-mobile .preview-img video{border:1px solid #f1f1f1;border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-card-mobile .video-card__name{color:#606266;display:-webkit-box;font-size:12px;letter-spacing:normal;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-card-mobile .preview-video{background:#000;height:100%;width:100%}.video-card-mobile .preview-img-icon{height:40px!important;width:40px!important}.video-card-mobile .preview-img-icon i{font-size:18px!important}.video-card-mobile .video-overlay .video-overlay-mp4{height:280px;width:100%}