.live_cast {
    height:8.054054054054054rem;
    background-color:#F5F7FA;
    padding:0.5405405405405406rem;
    box-sizing:border-box;
}
.live_cast .container {
    overflow-x:scroll;
    overflow-y:hidden;
}
.live_cast .container .course-card-price {
    font-size:0.32432432432432434rem;
    color:#F01414;
    border:1px solid #FF6161;
    border-radius:0.10810810810810811rem;
    padding:0 0.13513513513513514rem;
    position:relative;
    margin-right:0.35135135135135137rem;
}
.live_cast .container .row {
    width:32.432432432432435rem;
}
.live_cast .container .row .moduleTitleBar {
    width:16.216216216216218rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:0.6756756756756757rem;
}
.live_cast .container .row .moduleTitleBar .titleIcon {
    background-image:url('https://cdn-r.oss-cn-hangzhou.aliyuncs.com/pro/image/PC/index_itemTag_hot.png');
    background-size:100%;
    width:1.162162162162162rem;
    height:0.5675675675675675rem;
    font-size:0.35135135135135137rem;
    font-weight:500;
    color:#FFFEFE;
    display:flex;
    align-items:center;
    padding-left:0.13513513513513514rem;
    box-sizing:border-box;
    margin-right:0.40540540540540543rem;
}
.live_cast .container .row .moduleTitleBar .titleDesc {
    font-size:0.4864864864864865rem;
    font-weight:600;
    color:#2b333b;
    margin-right:1.6216216216216217rem;
}
.live_cast .container .row .moduleTitleBar .more {
    font-size:0.43243243243243246rem;
    font-weight:400;
    color:#5A5A5A;
    margin-right:0.3783783783783784rem;
}
.live_cast .container .row .moduleTitleBar .icon-next {
    font-size:0.43243243243243246rem;
    font-weight:400;
    color:#5A5A5A;
}
.live_cast .container .middleNav {
    display:flex;
    margin:0 auto 0.5405405405405406rem;
    width:32.432432432432435rem;
}
.zhibo_precast {
    width:7.837837837837838rem;
    height:5.243243243243243rem;
    background:#FFFFFF;
    box-shadow:0rem 0.02702702702702703rem 0.43243243243243246rem 0rem rgba(91,91,91,0.12);
    border-radius:0.2702702702702703rem;
    margin-right:0.6216216216216216rem;
    padding:0.43243243243243246rem 0.6756756756756757rem;
    box-sizing:border-box;
    cursor:pointer;
}
.zhibo_precast .channelTop {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:0.02702702702702703rem solid #D9DDE1;
    height:1.5405405405405406rem;
}
.zhibo_precast .channelTop .danaInfoBox {
    display:flex;
    align-items:center;
}
.zhibo_precast .channelTop .danaInfoBox .channelAvator {
    width:0.8918918918918919rem;
    height:0.8648648648648649rem;
    border-radius:50%;
}
.zhibo_precast .channelTop .danaInfoBox .channelTitle {
    font-size:0.35135135135135137rem;
    color:#010101;
    margin-left:0.35135135135135137rem;
}
.zhibo_precast .channelTop .icon-next {
    color:#c0c0c0;
}
.zhibo_precast .border-1 {
    border:1px solid #f8fafc;
    display:flex;
    background-color:#e8ebee;
    border-radius:0.40540540540540543rem;
    padding:0.13513513513513514rem 0.2702702702702703rem;
}
.zhibo_precast .channelContent {
    display:flex;
    align-items:center;
}
.zhibo_precast .course-name {
    font-size:0.43243243243243246rem;
    font-weight:bold;
    color:#1A1C1E;
    line-height:0.8378378378378378rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:0.30540540540540543rem 0;
    height:0.8378378378378378rem;
}
.zhibo_precast .bottom-1 {
    margin-bottom:0.32432432432432434rem;
}
.zhibo_precast .bottom-1 img {
    float:left;
    margin-top:0.10810810810810811rem;
    margin-right:0.5135135135135135rem;
}
.zhibo_precast .bottom-1 span {
    display:inline-block;
    width:5.135135135135135rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.zhibo_precast .channelContent .icon-bofang4 {
    color:#ff6a00;
    margin-right:0.1891891891891892rem;
}
.zhibo_precast .channelContent .channelTime {
    color:#2B333B;
    width:2.864864864864865rem;
    flex-shrink:0;
    font-size:0.3783783783783784rem;
}
.zhibo_precast .channelContent .channelDesc {
    color:#828282;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dianping .course-card {
    width:7.297297297297297rem;
    margin-right:0.8108108108108109rem;
    box-shadow:0.02702702702702703rem 0.08108108108108109rem 0.3783783783783784rem 0rem rgba(91,91,91,0.18);
    border-radius:0.21621621621621623rem;
    overflow:hidden;
    background-color:white;
}
.dianping .course-card:nth-child(2n) {
    margin-right:0;
}
.dianping .course-card-top {
    position:relative;
    width:7.297297297297297rem;
    height:2.72972972972973rem;
    overflow:hidden;
}
.dianping .course-card-top  .sec {
    position:absolute;
    padding-left:0.13513513513513514rem;
    width:100%;
    top:2.7027027027027026rem;
    box-sizing:border-box;
}
.dianping .course-card-top .sec .box {
    float:left;
    margin-left:0.2702702702702703rem;
    padding:0 0.2702702702702703rem;
    color:#FFFFFF;
    border-radius:0.5405405405405406rem;
    background-color:rgba(0,0,0,.2);
}
.dianping .course-card-top .course-banner {
    width:100%;
    height:100%;
    transition:1s;
}
.container .course-card-top .course-banner:hover {
    transform:scale(1.1);
}
.dianping .course-card-top .course-label {
    position:absolute;
    right:0.24324324324324326rem;
    bottom:0.3783783783783784rem;
    height:0.5675675675675675rem;
    padding:0 0.32432432432432434rem;
    line-height:0.5675675675675675rem;
    color:#fff;
    background-color:rgba(9,7,7,0.4);
    border-radius:0.40540540540540543rem;
}
.dianping .course-card-top .course-label i {
    margin-right:0.08108108108108109rem;
    font-size:0.32432432432432434rem;
}
.dianping .course-card-top .wenna-label {
    position:absolute;
    right:0.2702702702702703rem;
    top:0.2972972972972973rem;
    height:0.5945945945945946rem;
    padding:0 0.2702702702702703rem;
    line-height:0.5945945945945946rem;
    font-size:0.32432432432432434rem;
    color:#fff;
    border:2px solid #fff;
    border-radius:0.40540540540540543rem;
    background:-webkit-gradient(linear,0 0,100% 0,from(#FF7031),to(#FC5C5C));
}
.dianping .course-card-content {
    border-radius:0.16216216216216217rem;
    width:100%;
    padding:0.30540540540540543rem;
    overflow:hidden;
    box-sizing:border-box;
    min-height:2.4594594594594597rem;
}
.dianping .course-card-content .liveInfo {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:0.4594594594594595rem;
}
.dianping .course-card-content .liveInfo .liveBox {
    display:flex;
    align-items:center;
    border-radius:0.13513513513513514rem;
    border:1px solid #FDDAB9;
    padding:0rem 0.08108108108108109rem;
}
.dianping .course-card-content .liveInfo .liveBox .liveTime {
    font-size:0.32432432432432434rem;
    font-weight:400;
    color:#FF7D08;
}
.dianping .course-card-content .liveInfo .liveBox .IsLive {
    font-size:0.2972972972972973rem;
    font-weight:400;
    color:#FF7D08;
    margin-left:0.13513513513513514rem;
}
.dianping .course-card-content .liveInfo .nums {
    font-size:0.32432432432432434rem;
    font-weight:400;
    color:#999;
}
.dianping .course-name {
    font-size:0.43243243243243246rem;
    font-weight:bold;
    color:#1A1C1E;
    line-height:0.6756756756756757rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dianping .ps {
    margin-top:0.2702702702702703rem;
    font-size:0.32432432432432434rem;
    color:#999;
    letter-spacing:0.027027027027027rem;
    line-height:0.6486486486486487rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dianping .course-card-content .miniFooter {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:0.40540540540540543rem;
}
.dianping .course-card-content .miniFooter .module {
    font-size:0.32432432432432434rem;
    font-weight:400;
    color:#616161;
}
.dianping .course-card-content .miniFooter .nums {
    font-size:0.32432432432432434rem;
    font-weight:400;
    color:#616161;
}
.dianping .course-card-content .data {
    font-size:0.32432432432432434rem;
    color:#999;
    height:0.6756756756756757rem;
    display:flex;
    align-items:center;
}
.dianping .course-card-content .data .exerciseModule {
    font-size:0.32432432432432434rem;
    font-weight:400;
    color:#323232;
    margin-right:0.8918918918918919rem;
}
.dianping .course-card-content .data .difficulty {
    font-size:0.32432432432432434rem;
    font-weight:400;
    color:#323232;
    margin-right:0.8918918918918919rem;
    color:#787878;
}
.dianping .course-card-content .data .update {
    margin-right:0.40540540540540543rem;
}
.dianping .course-card-content .data .count {
    margin-right:0.40540540540540543rem;
    color:#787878;
}
.dianping .course-card-content .data .subDesc {
    color:#787878;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dianping .course-card-content .data .times {
    margin-right:0.40540540540540543rem;
}
.dianping .course-card-content .course-bottom {
    margin-top:0.10540540540540543rem;
    display:flex;
    align-items:center;
}
.dianping .course-card-content .course-bottom .nums {
    color:#9F9F9F;
}

.plan-row{
    display: flex;
    margin: 0 0.32432432rem;
    background-color: white;
    height:  1.5rem;
}

.plan-row .btn {
    flex:1;
    margin:0 0.21621621621621623rem;
    position:relative;
    padding-left:0.2rem;
    padding-right:0.2rem;
    height:1.0810810810810811rem;
    line-height:1.0810810810810811rem;
    color:#2B333B;
    font-size:0.3783783783783784rem;
    text-align:center;
    border-radius:0.17027027rem;
    box-shadow:0rem 0rem 0.07027027rem 0.05405405rem rgb(182 184 185 / 10%);
}
.plan-row .btn .badge {
    position:absolute;
    top:-0.02702702702702703rem;
    right:0.21621621621621623rem;
    width:0.43243243243243246rem;
    height:0.43243243243243246rem;
    line-height:0.43243243243243246rem;
    text-align:center;
    background-color:#ee0a24;
    color:white;
    font-size:0.2702702702702703rem;
    border-radius:50%;
}
.plan-row .btn .plan {
    color:#8baaf6;
    padding-right:0.16216216216216217rem;
}
.plan-row .btn .run {
    color:#229fff;
    padding-right:0.16216216216216217rem;
    font-size:0.3783783783783784rem;
}
.plan-row .btn .course {
    color:#229fff;
    padding-right:0.16216216216216217rem;
}