.teach-article { margin: .3rem 0 0 ;}

.teach-article .head .fl { width: 2.2rem;}
.teach-article .head .fl img { width: 100%; height: auto;}
.teach-article .head .text { width: calc(100% - 2.24rem); padding: 6px 0 0 .27rem;}
.teach-article .head .text .title { margin: 0 0 0.1rem; color: #89101f; font-weight: 700; font-size: .2rem;}
.teach-article .head .text .title span { color: #333; font-size: .16rem; font-weight: 400; margin-left: .2rem;}
.teach-article .content { margin: .3rem 0 0; padding: .25rem 0 0; border-top: 1px solid #e2e2e2;}
.teach-article .content .tip { font-size: .18rem; margin: 0 0 .12rem; font-weight: 700;}
@media screen and (max-width: 768px) {
.teach-article .head .fl { float: none; margin: 0 auto;}
.teach-article .head .text { width: 100%;}
}