.teachlist{ width:100%; float:left}
.teachlist ul{ display:inline}
.teachlist li{ width:48%; float:left; margin-right:4%; margin-bottom:30px}
.teachlist li .zp{ width:159px; float:left; height:222px; overflow:hidden; padding:6px; border:1px solid #ccc; box-sizing:border-box}
.teachlist li .zp img{ width:100%; height:210px; overflow:hidden}
.teachlist li .area{ width:calc(100% - 185px);float:right}
.teachlist li .area .area1{ width:100%;float:left; font-size:16px; height:40px; line-height:40px; overflow:hidden}
.teachlist li .area .area2{ width:100%;float:left; font-size:15px; height:104px; line-height:26px; overflow:hidden; color:#666}
.teachlist li:nth-child(2n){ margin-right:0}