.wl {
    position: relative;
    z-index: 1;
    padding-top:20px;
    margin:20px;}
.teach-detail:hover .wl::after{
    background:#fff;}
.wl::after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    width: 80px;
    height: 3px;
   background: #1a4379;
    bottom: -1.5px;}
::after, ::before {
    transition: 0.5s;}
.teach-img{width:280px;height:340px;}
.teach-p{padding-top:12px;padding-bottom:10px;font-size:16px; line-height:2;}
.teach-detail{width:calc(100%-280px);flex:1; padding:30px 25px; overflow:hidden;}
.l3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;}
.teach-name{font-size: 22px;line-height: 33px;padding-bottom: 15px;border-bottom: 1px solid #eee;transition: 0.5s;}
.news-item{width:640px;height:340px;max-width:640px;max-height:340px;margin:1%; background:#fefefe; box-shadow:0 0 5px rgba(0,0,0,0.1);}