.recommend-list[data-v-3c2c7a48]{display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.recommend-list .recommend-list-li[data-v-3c2c7a48]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px;cursor:pointer}.recommend-list .recommend-list-li[data-v-3c2c7a48]:hover{background-color:#4a4a4a}.recommend-list .recommend-list-li .cover-image[data-v-3c2c7a48]{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 120px;flex:0 0 120px;width:120px;height:80px;margin-right:10px;border-radius:4px;overflow:hidden;background-color:#ccc}.recommend-list .recommend-list-li .video-name[data-v-3c2c7a48]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-list .recommend-list-li .video-state[data-v-3c2c7a48]{position:absolute;z-index:1;left:4px;top:4px;width:40px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;border-radius:4px}.recommend-list .recommend-list-li .video-state.live-state[data-v-3c2c7a48]{background:-webkit-linear-gradient(right,#ff553e,#f72e3c);background:linear-gradient(-90deg,#ff553e,#f72e3c)}.recommend-list .recommend-list-li .video-state.back-state[data-v-3c2c7a48]{background:-webkit-linear-gradient(right,#38c0ff,#4398ee);background:linear-gradient(-90deg,#38c0ff,#4398ee)}.recommend-list .recommend-list-li .video-state.preview-state[data-v-3c2c7a48]{background:-webkit-linear-gradient(right,#84d405,#49bf08);background:linear-gradient(-90deg,#84d405,#49bf08)}.recommend-list .recommend-list-li .video-time[data-v-3c2c7a48]{position:absolute;left:4px;bottom:4px;padding:4px 10px;font-size:12px;color:#fff;background:rgba(0,0,0,.4);border-radius:10px}