lin-view-ui/lib/theme-chalk/video-card.css

vue components library

.video-card{cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:4px;transition:all .4s}.video-card:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.15);transform:translateY(-3px)}.video-cover-box{position:relative;width:100%;border-radius:4px 4px 0 0}.video-cover-box .error-tip{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;color:#c0c4cc;background:#f4f4f5}.video-cover-box .cover-image{display:block;width:100%;height:100%}.video-cover-box .cover-tip{position:absolute;right:8px;bottom:8px;padding:0 11px;font-size:12px;font-weight:400;line-height:20px;color:#f2f2f2;background:rgba(4,30,66,.5);border-radius:10px}