/* ============================================
   视频封面标题叠加（PC端）
   用法：在视频封面容器内放置
   <span class="eyou-cover pc-home/pc-list/pc-view" style="color:...">文字</span>
   通过后台「文档标题」下方的「封面标题」输入，不修改原封面图片
   ============================================ */
.eyou-cover{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:100%; max-width:100%; box-sizing:border-box; padding:0 8%;
    text-align:center; font-weight:bold; color:#fff;
    line-height:1.35; z-index:2; pointer-events:none;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
    word-break:break-all; text-shadow:0 1px 3px rgba(0,0,0,.35);
}
/* 首页视频模块封面（17px 加粗）：eyou-thumb 包裹图片与封面文字，使文字以照片为基准居中 */
.eyou_sphz{position:relative; display:block; overflow:hidden;}
.eyou_sphz .eyou-thumb{position:relative; display:block; overflow:hidden;}
.eyou_sphz .eyou-cover.pc-home{font-size:17px;}
/* 视频列表页封面（23px 加粗） */
.course-card .img{position:relative;}
.course-card .img .eyou-cover.pc-list{font-size:23px;}
/* 视频详情页封面（30px） */
.course-thum{position:relative;}
.course-thum .eyou-cover.pc-view{font-size:30px;}