.teach-list3 { display: flex; justify-content: space-between; flex-wrap: wrap; padding: .34rem 0 0;}
.teach-list3 li { width: 48%; margin: 0 0 .34rem;}
.teach-list3 .img-zoom { display: flex; justify-content: space-between; z-index: 1; padding: 0 .2rem .2rem;}
.teach-list3 .img-zoom::after { position: absolute; content: ""; bottom: 0; left: 0; z-index: -1; width: 100%; height: calc(100% - .4rem); background: #f4f4f4;} 
.teach-list3 .img-frame { width: 1.8rem; border-radius: 0 .2rem 0 0;}
.teach-list3 .img { padding: 130% 0 0; background-position-y: 10%;}
.teach-list3 .text { width: calc(100% - 2.1rem); padding-top: .64rem;}
.teach-list3 .name { font-size: .17rem; line-height: .5rem; color: #015198; border-bottom: 1px solid #e4e4e4; margin: 0 0 .2rem;}
.teach-list3 .name span { font-size: .2rem; font-weight:700; color: #333; margin-right: .2rem;}
.teach-list3 .text .info { text-indent: 0; font-size: .15rem; margin: .14rem 0 0; word-break: break-all; color: #777;}
.teach-list3 .text .info span { color: #333;}
@media screen and (max-width: 1024px) {
.teach-list3 li { width: 100%;}

}
@media screen and (max-width: 560px) {
.teach-list3 .img-zoom { display: block;}
.teach-list3 .img-frame { margin: 0 auto;}
.teach-list3 .text { width: 100%; margin: .15rem 0 0; padding-bottom: .2rem; padding-top: 0;}
.teach-list3 .text .info { margin: .06rem 0 0;}
.teach-list3 .name { text-align: center;}
}