.e-course-card{
  .live-list__item{
    margin-top: vw(12);
    @extend .box-shadow;
    border-radius:vw(4);
    .icon-arrow-right{
      font-size: vw(12);
      color: #999999;
    }
    .live-item__top{
      padding: 0 vw(8);
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: vw(36);
      font-size: 14px;
      color: #999999;
      background:rgba(245,245,245,1);
      span{
        @extend .text-overflow ;
      }
    }
    .live-item__content{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 vw(8);
      padding: vw(16) 0;
      box-sizing: border-box;
      @extend .font-family-PR ;
      .live-content__left{
          width:vw(188)
      }
      .live-content__subtitle{
        margin-bottom: vw(8);
        font-size:12px;
        color: #999999;
        @extend .text-overflow ;
      }
      .live-content__title{
        font-size: 14px;
        color: #333333;
          @extend .text-overflow ;
        .iconfont{
          margin-right: vw(8);
          color: #BEBEBE;
        }
      }
      .live-content__dec{
        padding-left: vw(24);
        margin: vw(8) 0 vw(0) 0;
        color: #999999;
        font-size: 12px;
        .live-content__time{
          position: relative;
        }
        .live-status--default{
          color: #03C777;
        }
        .live-status--start,.icon-zhibo1{
          color: #FF9B56!important;
        }
        .live-status--end{
          color: #999999!important
        }
      }
      .live-btn {
        padding: vw(2) vw(12);
        font-size: 12px;
        border-radius:28px;
      }
      .live-btn--end{
        color: #999999;
        border: 1px solid #BEBEBE;
      }
      .live-btn--none{
        color: #999999;
      }
      .live-btn--default{
        color: #03C777;
        border: 1px solid #03C777;
      }
      .live-btn--start{
         background-color:#03C777;
         color: #ffffff!important;
      }
    }
    .live-item__bottom{
      margin: 0 vw(8);
      height: vw(31);
      line-height: vw(31);
      text-align: right;
      color: #999999;
      font-size: 12px;
    }
    .van-hairline--top::after {
      border-color: #EBEBEB;
    }
  }
}
