.live{min-height:calc(100vh - 175px);margin-top:8px;text-align:left;background:#fff;width:1200px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;padding-bottom:20px;border-radius:4px}.live .apply-invoice-title{height:68px;line-height:68px;background:#3f93dc;border-radius:4px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC,sans-serif;font-weight:500;color:#fff;text-align:center;margin-top:10px}.live .no-live{padding:16px 12px 12px;background:#fff;border-radius:4px 4px 0 0;height:100%}.live .no-live .no-live-tips{margin-top:16px;background:#f5fafc;background-image:url(../img/no_live_bg.cf51c5f9.png);background-position:top;background-repeat:no-repeat;font-size:16px;font-family:PingFangSC-Medium,PingFang SC,sans-serif;font-weight:500;color:#484848;padding-top:153px;padding-bottom:16px;text-align:center}.live .live-list{margin-bottom:20px}.live .live-list .single-live{display:flex;align-items:center;margin-top:30px;padding:0 12px}.live .live-list .single-live .live-thumb{width:300px;height:169px;margin-right:20px;-o-object-fit:cover;object-fit:cover;border-radius:2px;background:#f5f7fa}.live .live-list .single-live .live-content{flex:1;text-align:left}.live .live-list .single-live .live-content .live-name{font-size:24px;font-family:PingFangSC-Medium,PingFang SC,sans-serif;font-weight:700;color:#484848;margin-bottom:20px;line-height:1.4}.live .live-list .single-live .live-content .live-teacher{font-size:18px;font-family:PingFangSC-Regular,PingFang SC,sans-serif;font-weight:400;color:#484848;margin-bottom:4px}.live .live-list .single-live .live-content .live-status{margin-bottom:0}.live .live-list .single-live .live-content .active-status{color:#3f93dc}.live .live-list .single-live .live-btn{width:88px;height:44px;line-height:44px;text-align:center;color:#fff;background-color:#3f93dc;border-radius:12px;cursor:pointer;font-size:18px;font-family:PingFangSC-Regular,PingFang SC,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.live .live-list .single-live .orange-btn{background:#ffc53b;cursor:not-allowed}.live .live-list .single-live .gray-btn{background:#aaa;cursor:not-allowed}.live .live-pagination{display:flex;justify-content:center;padding:30px 0 50px}.live .live-pagination .el-pagination.is-background .el-pager li{margin:0 6px;min-width:44px;height:44px;line-height:44px;font-size:16px;border-radius:8px;background-color:#f4f4f5;font-weight:500;color:#606266;transition:all .3s}.live .live-pagination .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#3f93dc}.live .live-pagination .el-pagination.is-background .el-pager li.active,.live .live-pagination .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#3f93dc!important;color:#fff;box-shadow:0 2px 8px rgba(63,147,220,.3)}.live .live-pagination .el-pagination.is-background .btn-next,.live .live-pagination .el-pagination.is-background .btn-prev{margin:0 6px;min-width:44px;height:44px;line-height:44px;border-radius:8px;background-color:#f4f4f5;transition:all .3s}.live .live-pagination .el-pagination.is-background .btn-next:hover,.live .live-pagination .el-pagination.is-background .btn-prev:hover{color:#3f93dc}.live .live-pagination .el-pagination.is-background .btn-next .el-icon,.live .live-pagination .el-pagination.is-background .btn-prev .el-icon{font-size:18px}