.teach-title {
    font-size: .2rem;
    font-weight: 700;
    text-align: center;
    margin: .4rem 0 0rem;
    background: #f2f2f2;
    line-height: .56rem;
    color: #333;
    letter-spacing: 3px;}
        .teach-list {
    font-size: 0;
    margin: 0 -0.2rem;}

        .teach-list .img-scale { display: none;}
        .teach-list li .box { border: none;}
        .teach-list .text { background: none;padding: 0 .1rem;text-align: center;}
        .teach-list li .box:hover { box-shadow: none;}
        .teach-list li .box:hover .title { color: #0061b6;}
        .teach-list > li { width: 12.5%; margin: .32rem 0 0;display: inline-block;
    vertical-align: top;padding: 0 0.2rem;}
.teach-list .title {
    line-height: .45rem;
    text-align: center;
    font-size: 0.18rem;
    font-weight: 500;
    color: #000;}
        
        @media screen and (max-width: 1520px) {
            .teach-list > li { width: 14.28%;}
        }
        @media screen and (max-width: 1024px) {
            .teach-list > li { width: 25%;}
        }
        @media screen and (max-width: 768px) {
            .teach-list > li { width: 20%;}
        }
        @media screen and (max-width: 520px) {
            .teach-list > li { width: 33.33%;}
        }