.classInfos[data-v-1e56eb2c] {
  width: 100%;
  min-height: 100%;
  background: #fff;
}
.classTabBar[data-v-1e56eb2c] {
  width: 100%;
  height: 1.30667rem;
  background: #168bde;
  padding: 0.13333rem 0.53333rem 0 0;
  box-sizing: border-box;
}
.classTabBar .tabBar_left[data-v-1e56eb2c] {
    width: 5.33333rem;
    height: 1.17333rem;
}
.classTabBar .tabBar_left .tabBar_item[data-v-1e56eb2c] {
      width: 2.66667rem;
      height: 100%;
      line-height: 1.17333rem;
      text-align: center;
      color: #fff;
      font-size: 0.4rem;
}
.classTabBar .tabBar_left .tab_active[data-v-1e56eb2c] {
      background: #fff;
      color: #0189e1;
      position: relative;
}
.classTabBar .tabBar_left .tab_active[data-v-1e56eb2c]::after {
      width: 1.6rem;
      height: 0.05333rem;
      content: "";
      display: block;
      background: #0189e1;
      position: absolute;
      bottom: 0.13333rem;
      left: 50%;
      transform: translateX(-50%);
      transition: all 3ms;
}
.classTabBar .tabBar_right[data-v-1e56eb2c] {
    font-size: 0.37333rem;
    color: rgba(255, 255, 255, 0.8);
}
.mainTabe[data-v-1e56eb2c] {
  width: 100%;
  height: 0.93333rem;
  border-bottom: 0.02667rem solid #cccccc;
}
.mainTabe div[data-v-1e56eb2c] {
    width: 50%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.34667rem;
    color: #333333;
    border-right: 0.02667rem solid #cccccc;
}
.mainTabe div[data-v-1e56eb2c]:last-child {
    border-right: none;
}
.mainTabe div.isChoose[data-v-1e56eb2c] {
    color: #168bde;
}
.course_ul[data-v-1e56eb2c] {
  padding-bottom: 1.6rem;
}
.course_ul .course_li .course_li_tiem[data-v-1e56eb2c] {
    background: #fff;
    padding: 0.26667rem 0.4rem;
    display: flex;
}
.course_ul .course_li .course_li_tiem .covers[data-v-1e56eb2c] {
      width: 3.54667rem;
      height: 2.50667rem;
}
.course_ul .course_li .course_li_tiem .covers img[data-v-1e56eb2c] {
        width: 100%;
        height: 100%;
}
.course_ul .course_li .course_li_tiem .course_li_details[data-v-1e56eb2c] {
      margin-left: 0.26667rem;
}
.course_ul .course_li .course_li_tiem .course_li_details .content_titles[data-v-1e56eb2c] {
        width: 5.2rem;
        height: 0.93333rem;
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 0.48rem;
        overflow: hidden;
        text-align: left;
}
.course_ul .course_li .course_li_tiem .course_li_details .dips_con[data-v-1e56eb2c] {
        display: flex;
        padding: 0.13333rem 0;
}
.course_ul .course_li .course_li_tiem .course_li_details .dips_con img[data-v-1e56eb2c] {
          width: 0.32rem;
          height: 0.32rem;
          margin-right: 0.21333rem;
}
.course_ul .course_li .course_li_tiem .course_li_details .bottom_li[data-v-1e56eb2c] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_ul .course_li .course_li_tiem .course_li_details .bottom_li .mode[data-v-1e56eb2c] {
          text-align: left;
}
.course_ul .course_li .course_li_tiem .course_li_details .bottom_li .bot_btn[data-v-1e56eb2c] {
          padding: 0.13333rem;
          background: #2cc40d;
          color: #fff;
          border-radius: 0.08rem;
}
.contents[data-v-1e56eb2c] {
  width: 100%;
  margin-top: 0.53333rem;
  padding: 0 0.4rem;
  box-sizing: border-box;
  padding-bottom: 1.6rem;
}
.contents .content_item[data-v-1e56eb2c] {
    width: 100%;
    margin-bottom: 0.26667rem;
}
.contents .content_item .covers[data-v-1e56eb2c] {
      width: 3.54667rem;
      height: 2.50667rem;
      position: relative;
}
.contents .content_item .covers img[data-v-1e56eb2c] {
        width: 100%;
        height: 100%;
}
.contents .content_item .covers .arrow_top[data-v-1e56eb2c] {
        width: 1.06667rem;
        height: 0.8rem;
        position: absolute;
        right: 0;
        top: 0;
}
.contents .content_item .covers .cover_infos[data-v-1e56eb2c] {
        width: 100%;
        height: 0.66667rem;
        font-size: 0.32rem;
        color: #fff;
        position: absolute;
        bottom: 0;
        overflow: hidden;
        white-space: nowrap;
        line-height: 0.66667rem;
        text-overflow: ellipsis;
        padding-left: 0.10667rem;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.45);
}
.contents .content_item .content_details[data-v-1e56eb2c] {
      flex: 1;
      overflow: hidden;
      height: 100%;
      margin-left: 0.53333rem;
}
.contents .content_item .content_details .content_titles[data-v-1e56eb2c] {
        width: 4.58667rem;
        height: 0.93333rem;
        font-size: 0.37333rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 0.48rem;
        overflow: hidden;
        text-align: left;
}
.contents .content_item .content_details .bottom_item[data-v-1e56eb2c] {
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 0.50667rem;
}
.contents .content_item .content_details .bottom_item .Mtitle[data-v-1e56eb2c] {
          font-size: 0.32rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #49bcbd;
          padding-right: 0.26667rem;
          border-right: 0.02667rem solid #999;
}
.contents .content_item .content_details .bottom_item .line_infos[data-v-1e56eb2c] {
          padding-left: 0.26667rem;
          color: #999;
}
.contents .content_item .content_details .bottom_item .big_progress[data-v-1e56eb2c] {
          width: 3.46667rem;
          height: 0.26667rem;
          border-radius: 0.13333rem;
          background: #f0f0f0;
          position: relative;
          overflow: hidden;
}
.contents .content_item .content_details .bottom_item .progress_active[data-v-1e56eb2c] {
          height: 100%;
          background: #49bcbd;
          position: absolute;
          left: 0;
}
.contents .content_item .content_details .bottom_item .nums[data-v-1e56eb2c] {
          color: #49bcbd;
}
.contents .content_item .content_details .bottom_item[data-v-1e56eb2c]:last-child {
        margin-bottom: 0;
}
.contents .content_item[data-v-1e56eb2c]:last-child {
    margin-bottom: 1.6rem;
}
.contents .class_item[data-v-1e56eb2c] {
    height: 2.50667rem;
}
.contents .class_item .titles[data-v-1e56eb2c] {
      color: #999999;
}
.contents .class_item .line_infos[data-v-1e56eb2c] {
      color: #333 !important;
}
.contents .class_item .bottom_item[data-v-1e56eb2c] {
      margin-bottom: 0.16rem !important;
}
.contents .class_item .Mtitle[data-v-1e56eb2c] {
      border: none !important;
}
.bottom_infos[data-v-1e56eb2c] {
  padding: 0.26667rem 0;
  width: 100%;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.bottom_time[data-v-1e56eb2c] {
  padding: 0.26667rem 0;
  display: flex;
  justify-content: space-between;
}
.catalogCss[data-v-1e56eb2c] {
  padding: 0.26667rem 0;
  text-align: left;
}
.catalogCss .zixian[data-v-1e56eb2c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.26667rem 0.53333rem;
}
.catalogCss .zixian .tit[data-v-1e56eb2c] {
      font-size: 0.37333rem;
      color: #2282f0;
}
.catalogCss .zixian .btn[data-v-1e56eb2c] {
      padding: 0.13333rem;
      background: #3dee46;
      color: #fff;
      border-radius: 0.08rem;
}
.catalogCss .card[data-v-1e56eb2c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.26667rem;
    border: 0.02667rem solid #ebeef5;
    border-radius: 0.13333rem;
    margin-bottom: 0.13333rem;
}
.catalogCss .catalog_li[data-v-1e56eb2c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.32rem;
}
.catalogCss .catalog_li .card_flex[data-v-1e56eb2c] {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.catalogCss .catalog_li .card_flex .big_progress[data-v-1e56eb2c] {
        width: 3.46667rem;
        height: 0.26667rem;
        border-radius: 0.13333rem;
        background: #f0f0f0;
        position: relative;
        overflow: hidden;
}
.catalogCss .catalog_li .card_flex .progress_active[data-v-1e56eb2c] {
        height: 100%;
        background: #168bde;
        position: absolute;
        left: 0;
}
.catalogCss .catalog_li .card_flex .nums[data-v-1e56eb2c] {
        color: #168bde;
}
.catalogCss .catalog_li .BigBtn p[data-v-1e56eb2c] {
      width: 2.13333rem;
      height: 0.8rem;
      color: #fff;
      background: #409eff;
      border-radius: 0.13333rem;
      line-height: 0.8rem;
      text-align: center;
}
.catalogCss .catalog_li .modelbtn[data-v-1e56eb2c] {
      width: 1.6rem;
      height: 0.53333rem;
      color: #fff;
      background: #409eff;
      border-radius: 0.13333rem;
      line-height: 0.53333rem;
      text-align: center;
}
.kong[data-v-1e56eb2c] {
  padding: 1.86667rem 0;
}
.kong img[data-v-1e56eb2c] {
    width: 4.4rem;
}
.kong p[data-v-1e56eb2c] {
    font-size: 0.32rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 0.53333rem;
    padding: 0.53333rem 0 0.66667rem 0;
}
.kong .btn[data-v-1e56eb2c] {
    margin: 0 auto;
    width: 3.04rem;
    height: 1.06667rem;
    background: #168bde;
    border-radius: 0.53333rem;
    font-size: 0.4rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: white;
    line-height: 1.06667rem;
}