.comp-video_container{border-radius:8px;height:50vw;overflow:hidden;position:relative;width:100%}@media(min-width:751px){.comp-video_container{height:var(--height);width:var(--width)}}.comp-video_container:hover .video-quality-control{display:block}.comp-video_container .poster{height:100%;overflow:hidden;position:relative;width:100%}.comp-video_container .poster .cover-bg{background-position:50%;background-size:cover;height:var(--height);left:50%;position:absolute;top:0;transform:translate(-50%);width:100%}.comp-video_container .poster .mask{background:#0000001a;height:100%;left:0;position:absolute;top:0;width:100%}.comp-video_container .poster .duration{background:#00000080;border-radius:6px;bottom:15px;color:#fff;font-size:14px;height:26px;line-height:26px;padding:0 10px;position:absolute;right:10px}.comp-video_container .poster .player{color:#fff;cursor:pointer;font-size:48px;height:54px;left:50%;margin:-24px 0 0 -27px;position:absolute;top:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:48px}.comp-video_container video{display:block;height:var(--height);margin:0 auto;width:100%}.comp-video-inner-dailog .dialog-video{max-height:400px;width:100%}.video-quality-control{display:none;position:absolute;right:15px;top:15px;z-index:20}.video-quality-control.show{display:block}.video-quality-control .quality-text{background:#00000080;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:4px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-quality-control .quality-text:hover{background:#000000b3}.video-quality-control .quality-text>i{font-size:14px}.quality-popper{padding:0}.quality-popper li{cursor:pointer;height:36px;line-height:36px;padding:0 12px}.quality-popper li.active{color:var(--primary-color)}.quality-popper li:hover{background-color:#0000001a}