.list {
    margin-top: 30px;
}

.list .item {
    width: 32%;
    margin-right: 2%;
    height: 66px;
    background: url(../images/b1.jpg)no-repeat left top;
    background-size: cover;
    margin-top: 30px;
    line-height: 66px;
    font-size: 18px;
    padding-left: 30px;
}

.list .item:nth-of-type(3n) {
    margin-right: 0;
}

.list .item em {
    width: 60px;
    height: 66px;
    background: url(../images/arrow.png)no-repeat center;
}

@media (min-width:1025px) {
    .list .item:hover {
        background-image: url(../images/b2.jpg);
        color: #FFF;
    }
    .list .item:hover em {
        background-image: url(../images/arrow-on.png);
    }
}

@media (max-width:1199px) {
    .list {
        margin-top: .3rem;
    }
    .list .item {
        height: .66rem;
        margin-top: .3rem;
        line-height: .66rem;
        font-size: .26rem;
        padding-left: .3rem;
    }
    .list .item em {
        width: .6rem;
        height: .66rem;
        background-size: .16rem;
    }
}

@media (max-width:767px) {
    .list .item {
        width: 49%;
    }
    .list .item:nth-of-type(3n) {
        margin-right: 2%;
    }
    .list .item:nth-of-type(2n) {
        margin-right: 0;
    }
}