.live-list-grid[data-v-2c8fd77c]{position:relative;width:100%;min-height:100px}.live-list-grid.laying-out .live-list-item[data-v-2c8fd77c]{visibility:hidden}.load-tips[data-v-2c8fd77c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;color:#86909c;font-size:12px;padding:12px 0}.load-tips .loading-spinner[data-v-2c8fd77c]{width:16px;height:16px;border:2px solid #e5e6eb;border-top-color:#e9302d;border-radius:50%;-webkit-animation:spin-2c8fd77c .8s linear infinite;animation:spin-2c8fd77c .8s linear infinite}.load-tips.end[data-v-2c8fd77c]{color:#a1a7b3}@-webkit-keyframes spin-2c8fd77c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-2c8fd77c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.live-list-item[data-v-2c8fd77c]{width:221px;background-color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:4px 4px 0 0;overflow:hidden;cursor:pointer;-webkit-transition:top .2s ease,left .2s ease,opacity .15s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;transition:top .2s ease,left .2s ease,opacity .15s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,transform .2s ease,top .2s ease,left .2s ease,opacity .15s ease;transition:box-shadow .2s ease,transform .2s ease,top .2s ease,left .2s ease,opacity .15s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease}.live-list-item[data-v-2c8fd77c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 24px rgba(0,0,0,.12);box-shadow:0 10px 24px rgba(0,0,0,.12)}.live-list-item .img-wrap[data-v-2c8fd77c]{position:relative;width:100%;background:#f7f8fa}.live-list-item .img-wrap .live-status-text[data-v-2c8fd77c]{position:absolute;top:0;left:0;font-size:12px;display:inline-block;height:22px;line-height:22px;padding:0 10px;color:#fff;border-radius:4px 0 4px 0;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}.live-list-item .img-wrap .live-status-text.live[data-v-2c8fd77c]{padding:0;background-color:rgba(0,0,0,.4)}.live-list-item .img-wrap .live-status-text.live .live-icon[data-v-2c8fd77c]{padding:3px 6px;background:#e9302d;line-height:10px}.live-list-item .img-wrap .live-status-text.live .live-icon>i[data-v-2c8fd77c]{font-size:10px}.live-list-item .img-wrap .live-status-text.live .live-count[data-v-2c8fd77c]{line-height:10px;padding:4px;font-size:10px}.live-list-item .img-wrap .live-status-text.coming[data-v-2c8fd77c]{background:#ff7d00}.live-list-item .img-wrap .live-status-text.playback[data-v-2c8fd77c]{background:#409eff;color:#fff}.live-list-item .img-wrap .live-status-text.notice[data-v-2c8fd77c]{background:#ff7d00}.live-list-item .img-wrap .live-status-text.end[data-v-2c8fd77c]{background:#409eff}.live-list-item .img-wrap .img[data-v-2c8fd77c]{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;border-top-left-radius:8px;border-top-right-radius:8px}.live-list-item .info-wrap[data-v-2c8fd77c]{padding:0 12px;padding-bottom:8px}.live-list-item .info-wrap .author-container[data-v-2c8fd77c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.live-list-item .info-wrap .author-container .live-text[data-v-2c8fd77c]{background:linear-gradient(108deg,#ff5053 7%,#e9302d 91%);font-size:5px;padding:1px 4px;border-radius:4px;color:#fff;position:absolute;top:15px;left:0}.live-list-item .info-wrap .author-container .live-outer[data-v-2c8fd77c]{position:absolute;top:-3px;left:-3px;width:24px;height:24px;border-radius:50%;border:1px solid #e9302d;opacity:.3}.live-list-item .info-wrap .author-container .author-icon[data-v-2c8fd77c]{width:18px;height:18px;border-radius:50%;margin-right:4px}.live-list-item .info-wrap .author-container .author-icon.live[data-v-2c8fd77c]{border:1px solid #e9302d}.live-list-item .info-wrap .author-container .college-name[data-v-2c8fd77c]{width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;color:#666}.live-list-item .info-wrap .author-container .live-count[data-v-2c8fd77c]{margin-left:auto;font-size:8px;color:#999}.live-list-item .info-wrap .info-left-wrap .live-title[data-v-2c8fd77c]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;color:#333;font-weight:600;width:100%;text-overflow:ellipsis;overflow:hidden;margin-top:10px;margin-bottom:6px;cursor:pointer}.live-list-item .info-wrap .info-left-wrap .live-count[data-v-2c8fd77c]{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-2c8fd77c]{-ms-flex-negative:0;flex-shrink:0;width:96px;height:34px;line-height:32px;text-align:center;font-size:14px;cursor:pointer;background:#fff;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e9302d}.live-list-item .info-wrap .info-right-btn.success[data-v-2c8fd77c]{border:1px solid #f2f3f5;color:#86909c}.live-list-item .info-wrap .info-right-btn.default[data-v-2c8fd77c]{border:1px solid #e9302d}