.search-index .class-tasks-warp{position:relative;min-height:700px;padding:20px;margin-top:20px;border-radius:6px;-webkit-box-shadow:0 6px 20px 0 rgba(68,139,255,.08);box-shadow:0 6px 20px 0 rgba(68,139,255,.08)}.clear{clear:both}.black-btn{color:#333}.black-btn:hover{color:#2c5be8}.video-warp{margin-left:20px}.video-warp .loading,.video-warp .noMore{color:#9b9b9b;margin-top:10px;text-align:center}.video-warp .item{width:240px;margin:0 55px 20px 0;float:left;border-radius:4px;-webkit-transition:.3s;transition:.3s}.video-warp .item .v-i-img img{border-radius:4px 4px 0 0;width:240px;height:135px;cursor:pointer}.video-warp .item .img-bottom{position:absolute;bottom:62px;right:0;width:100%;height:30px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));line-height:30px}.video-warp .item .img-bottom .time{color:#fff;font-size:12px;padding-left:10px}.video-warp .item .img-bottom .score{position:absolute;right:10px;font-size:16px;color:#f5a623}.video-warp .item .v-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 10px 6px 10px;font-weight:600}.video-warp .item .bottom{position:relative;color:#666;padding:0 10px 6px 10px;font-size:12px;line-height:21px}.video-warp .item .bottom .el-icon-view{vertical-align:-1px}.video-warp .item:nth-child(4n){margin-right:0}.video-warp .item:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}