.live-list-item[data-v-867afbe4]{float:left;width:384px;height:276px;margin-right:24px;margin-bottom:30px;background-color:#fff;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.1);box-shadow:0 4px 10px 0 rgba(0,0,0,.1);border-radius:4px 4px 0 0;overflow:hidden;cursor:pointer}.live-list-item .img-wrap[data-v-867afbe4]{position:relative;width:100%;height:196px}.live-list-item .img-wrap .live-status-text[data-v-867afbe4]{position:absolute;top:12px;left:12px;font-size:12px;display:inline-block;height:24px;line-height:24px;padding:0 12px;color:#fff}.live-list-item .img-wrap .live-status-text.live[data-v-867afbe4]{background:#e9302d}.live-list-item .img-wrap .live-status-text.coming[data-v-867afbe4]{background:#ff8e29}.live-list-item .img-wrap .live-status-text.playback[data-v-867afbe4]{background:#fff;color:#333}.live-list-item .img-wrap .live-status-text.notice[data-v-867afbe4]{background:#36f}.live-list-item .img-wrap .live-status-text.end[data-v-867afbe4]{background:#000;opacity:.6}.live-list-item .img-wrap .img[data-v-867afbe4]{width:100%;height:100%}.live-list-item .img-wrap .mask[data-v-867afbe4]{position:absolute;left:0;bottom:0;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#fff;padding:0 12px 10px 12px;font-size:12px;background:-webkit-gradient(linear,left top,left bottom,color-stop(28%,transparent),to(rgba(0,0,0,.6)));background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.6))}.live-list-item .img-wrap .mask .college-name[data-v-867afbe4],.live-list-item .img-wrap .mask .start-time[data-v-867afbe4]{-ms-flex-negative:0;flex-shrink:0;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-list-item .img-wrap .mask .start-time[data-v-867afbe4]{text-align:right}.live-list-item .info-wrap[data-v-867afbe4]{padding:16px 12px 16px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-list-item .info-wrap .info-left-wrap[data-v-867afbe4]{-ms-flex-negative:0;flex-shrink:0;width:calc(100% - 100px)}.live-list-item .info-wrap .info-left-wrap .live-title[data-v-867afbe4]{font-size:16px;color:#1d2129;font-weight:600;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:7px;cursor:pointer}.live-list-item .info-wrap .info-left-wrap .live-count[data-v-867afbe4]{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;font-weight:400;color:#86909c}.live-list-item .info-wrap .info-right-btn[data-v-867afbe4]{-ms-flex-negative:0;flex-shrink:0;width:100px;height:36px;line-height:33px;text-align:center;font-size:14px;cursor:pointer;background:#fff;border-radius:4px 4px 4px 4px;-webkit-box-sizing:border-box;box-sizing:border-box}.live-list-item .info-wrap .info-right-btn.success[data-v-867afbe4]{border:1px solid #f2f3f5;color:#86909c}.live-list-item .info-wrap .info-right-btn.default[data-v-867afbe4]{border:1px solid #e9302d}.live-list-item[data-v-867afbe4]:nth-of-type(3n){margin-right:0}