.live-list[data-v-76dc4144]{min-height:calc(100vh - 110px);width:100%}.live-list .tabs-wrap[data-v-76dc4144]{display:flex;align-items:center;height:46px;background:#fff;border-radius:16px;margin-bottom:17px;padding:0 40px}.live-list .tabs-wrap li[data-v-76dc4144]{cursor:pointer;font-size:16px;color:#515350;line-height:22px;padding:0 5px;margin-right:40px}.live-list .tabs-wrap .active[data-v-76dc4144]{position:relative;font-weight:600;font-size:16px;color:#0d1400;line-height:22px}.live-list .tabs-wrap .active[data-v-76dc4144]:after{position:absolute;content:" ";display:block;left:50%;bottom:-8px;transform:translateX(-50%);width:19px;height:4px;background:linear-gradient(132deg,#00eb81,#00c89d);border-radius:3px}.live-list .live-list-cont[data-v-76dc4144]{display:flex}.live-list .calendar[data-v-76dc4144]{width:330px;margin-right:20px}.live-list .right-cont[data-v-76dc4144]{flex:1}.live-list[data-v-76dc4144] .list-comp{height:100%}.live-list[data-v-76dc4144] .list-comp .el-empty{height:80%}.live-list[data-v-76dc4144] .list-comp .live-list-wrap{max-height:calc(100vh - 175px);overflow-y:auto}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-item{display:flex;align-items:center;padding-bottom:20px;position:relative}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-item:after{position:absolute;left:4px;top:50%;display:block;content:"";width:1px;height:122px;background:#e5e6eb}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-item:last-child:after{display:none}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .time-axis{width:95px;padding-left:18px;position:relative;font-weight:500;font-size:16px;color:#333}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .time-axis:after{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(132deg,#00eb81,#00c89d)}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card{flex:1;display:flex;align-items:center;width:600px;height:122px;background:#fff;border-radius:24px;cursor:pointer;padding:0 16px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .cover{width:160px;height:90px;margin-right:12px;-o-object-fit:cover;object-fit:cover;border-radius:16px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info{width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:90px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .name{font-weight:500;font-size:18px;color:#0d1400;line-height:28px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .course-name,.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .unit-name{font-weight:400;font-size:14px;color:#747573;line-height:20px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .course-name{margin-bottom:4px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .course-name,.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .name,.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .unit-name{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .name{margin-bottom:8px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .operate-wrap{width:90px;text-align:right;margin-right:5px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .operate-wrap .status{font-weight:400;font-size:15px;color:#0d1400;line-height:21px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .operate-wrap .status.tips-text{font-weight:400;font-size:15px;color:#747573;line-height:21px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .operate-wrap .status.tips-text.red{color:#f03349}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .operate-wrap .join-live-btn{display:flex;align-items:center;justify-content:center;width:100px;height:30px;background:linear-gradient(132deg,#00eb81,#00c89d);border-radius:15px;font-weight:500;font-size:14px;color:#fff;line-height:18px;-webkit-text-fill-color:#fff}.live-list[data-v-76dc4144] .list-comp .live-list-wrap .live-card .operate-wrap .join-live-btn img{width:16px;height:16px;margin-right:2px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap{padding-right:10px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap::-webkit-scrollbar{width:7px}.live-list[data-v-76dc4144] .list-comp .live-list-wrap::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.electron-live-list.live-list .tabs-wrap[data-v-76dc4144]{display:flex;align-items:center;height:auto;background:transparent;border-radius:0;margin-bottom:15px;padding:10px}.electron-live-list.live-list .tabs-wrap li[data-v-76dc4144]{cursor:pointer;font-size:14px;color:#515350;line-height:20px;padding:0;margin-right:36px}.electron-live-list.live-list .tabs-wrap .active[data-v-76dc4144]{font-weight:500;font-size:14px;color:#0d1400;line-height:20px}.electron-live-list.live-list .tabs-wrap .active[data-v-76dc4144]:after{position:absolute;content:" ";display:block;left:50%;bottom:-4px;transform:translateX(-50%);width:12px;height:3px;background:linear-gradient(132deg,#00eb81,#00c89d);border-radius:3px}.electron-live-list.live-list[data-v-76dc4144] .calendar{width:300px;margin-right:15px}.electron-live-list.live-list[data-v-76dc4144] .calendar #comp_calender{width:300px}.electron-live-list.live-list[data-v-76dc4144] .calendar #comp_calender .wh_content_item{font-size:14px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-item{padding-bottom:12px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-item:after{height:100px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .time-axis{width:80px;padding-left:14px;font-size:14px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card{width:calc(100% - 65px);height:102px;border-radius:16px;padding:0 20px 0 12px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card .cover{width:142px;height:80px;margin-right:8px;-o-object-fit:cover;object-fit:cover;border-radius:16px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info{height:80px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .name{font-size:14px;line-height:20px;margin-bottom:6px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .course-name,.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .unit-name{font-size:12px;line-height:17px}.electron-live-list.live-list .right-cont[data-v-76dc4144] .list-comp .live-list-wrap .live-card .live-info .course-name{margin-bottom:4px}.el-loading-spinner{font-size:40px!important;z-index:99}.el-loading-spinner .el-loading-text{font-size:15px!important;font-weight:700!important}