.btn{margin:0 10px}.btn.active,.btn:hover{color:#409eff}.redborder{border:1px solid #409eff!important}.play-box{background-color:#000;border:1px solid #505050;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.play-box,.videoList{display:-webkit-box;display:-ms-flexbox;display:flex}.videoList{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.video-item{position:relative;width:15rem;height:10rem;margin-right:1rem;background-color:#000}.video-item-img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;/deep/.el-empty p{color:#fff}}.video-item-img:after{content:"";display:inline-block;position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;width:3rem;height:3rem;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}.basic-container:first-child{padding-top:20px}.basic-container{padding:20px 20px;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}