.list-container .layout .right {
    padding-top: 0.43rem;
  }
  .list_ul {
    width: 100%;
  }
.list_ul .item{
    width: 31%;
    margin-right: 1.25%;
    float: left;
    background: url(../imagse/lectures_ul-back.png) no-repeat left top;
    background-size: 100% 100%;
    padding-bottom: .25rem;
    box-sizing: border-box;
}
 .list_ul .item a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.2rem 0.2rem 0rem;
    box-sizing: border-box;
}
.list_ul .item a .pic {
    width: 100%;
  }
  .list_ul .item a .pic  img{
    width: 100%;
    height: 4.33rem;
    object-fit: cover;
  }

  .list_ul .list-item {
    width: 45%;
    margin-left: 4%;
    float: left;
    margin-bottom: .28rem;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    padding-top: 0.14rem;
    padding-bottom: 14px;
    padding-left: 0.17rem;
    padding-right: 0.3rem;
    display: inline-block;
    overflow: hidden;
    background: url(../imagse/learning-bg.png) no-repeat right center / cover;
  }
  .list_ul .list-item .img1 {
    width: 185px;
    height: 246px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
  }
  .list_ul .list-item .img1 img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
  }
  .list_ul .list-item .list-content {
    width: 100%;
    display: block;
    padding-top: 0.4rem;
    box-sizing: border-box;
    padding-left: 0;
  }
  .list_ul .list-item .list-content .title {
    box-sizing: border-box;
    padding-bottom: 0.1rem;
    word-break: break-all;
  }
  .list_ul .list-item .list-content .title .name {
    font-size: 0.24rem;
    font-weight: bold;
    padding-right: 0.24rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .list_ul .list-item .list-content .content {
    width: 100%;
    box-sizing: border-box;
  }
  .list_ul .list-item .list-content .content > ul {
    width: 45%;
    height: 100%;
    box-sizing: border-box;
  }
  .list_ul .list-item .list-content .content > ul li {
    padding-bottom: 0.23rem;
    height: 100%;
    line-height: 0.2rem;
    padding-right: 12px;
  }
  .list_ul .list-item .list-content .content > ul li p {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
font-family:"RobotoRegular";
  }
  .list_ul .list-item .list-content .content > ul li span.zhaiyao {
    font-size: 14px;
    color: #666666;
  }
  .list_ul .list-item .list-content .content > ul li span.con {
    font-size: 14px;
    color: #999;
    line-height: 28px;
  }
  .list_ul .list-item .list-content .content > ul li span.zjr {
    font-size: 16px;
    color: #666666;
    padding-left: 0.35rem;
    background: url(../imagse/lear_icon1.png) no-repeat left center;
    background-size: 14px 18px;
  }
  .list_ul .list-item .list-content .content > ul li span.sj {
    font-size: 16px;
    color: #666666;
    padding-left: 0.33rem;
    background: url(../imagse/lear_icon2.png) no-repeat left center;
    background-size: 15px 15px;
  }
  .list_ul .list-item .list-content .content > ul li span.dd {
    font-size: 16px;
    color: #666666;
    padding-left: 0.33rem;
    background: url(../imagse/lear_icon3.png) no-repeat left center;
    background-size: 13px 17px;
  }
  .list_ul .list-item .list-content .content > ul .li_menu {
    width: 0.34rem;
    height: 0.34rem;
    padding-bottom: 0;
    padding-right: 0;
    background: url(../imagse/menu.png) no-repeat left center / cover;
  }
  .list_ul .list-item .list-content .content > ul li:first-child {
    padding-top: 7px;
  }
  .list_ul .list-item .list-content .content > ul .over {
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .list_ul .list-item .list-content .content ul:first-child {
    /* border-right: 1px solid #d5d5d5; */
    /* margin-right: 2%; */
  }
  .list_ul .list-item .list-content .content ul:first-child li:first-child {
    padding-bottom: 0.1rem;
  }
  .list_ul .list-item .list-content .content .item2 {
    width: 100%;
  }
  .list_ul .list-item .list-content .content .item2 li {
    height: 0.4rem;
    line-height: 0.4rem;
    padding-bottom: 0.1rem;
padding-left:.1rem;
  }
  .list_ul .list-item .list-content .content .item2 li span.duties {
    background-image: url(../imagse/teacher/icon4.png);
    background-size: 0.2rem 0.2rem;
    display: inline-block;
    height: 100%;
  }
  .list_ul .list-item .list-content .content .item2 li span.direction {
    display: block;
    background-image: url(../imagse/teacher/icon5.png);
    background-position: left 6px;
    background-size: 0.22rem 0.15rem;
  }
  .list_ul .list-item .list-content .content .item2 li span.direction i {
    float: left;
    line-height: 0.32rem;
  }

  .list_ul .list-item:hover .list-content .title .name {
    color: #145397;
  }
  @media screen and (max-width: 845px) {
    .list-container .left {
      float: none !important;
      margin-bottom: 0.3rem;
      width: 100%!important ;
      height: auto!important;
    }
    .list-container .left .menu-header {
      background-color: #145397;
      background-image: unset;
    }
    .list-container .layout .right {
      padding-left: 0;
    }
  }
  @media screen and (max-width: 625px) {
    .list_ul .list-item .list-content {
      padding-top: 0.1rem;
    }
    .list_ul .list-item .list-content .title .name {
      font-size: 18px;
.list_ul .list-item .list-content .title .name
    }
    /* .list_ul .list-item .list-content .content ul:first-child {
      width: 100%;
      float: none;
      border-right: none ;
    } */
    .list_ul .list-item .list-content .content .item2 {
      width: 100%;
      float: none;
    }
    .list_ul .list-item .list-content .content > ul .li_menu {
      display: none;
    }
    .list_ul .list-item {
        margin-left: 4%;
    }
  }
  @media screen and (max-width: 500px) {
    .list_ul .item {
      padding: 14px 17px 20px;
      width: 100%;
      margin-left: 0;
    }
.list_ul .item a .pic img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
    .list_ul .list-item .img1 {
      float: none;
      margin: 0 auto;
    }
    .list_ul .list-item .list-content {
      padding-left: 0;
    }
    .list_ul .list-item .list-content .content > ul .li_menu {
      display: block;
    }
  }