.links-list {
    margin: 0 -10px;
}
.links-list .item {
    width: 33.33%;
    padding: 0 10px;
}
.links-list .box {
    margin: 0 auto 20px;
    max-width: 352px;
}
.links-list .pic {
    position: relative;
    overflow: hidden;
}
.links-list .txt {
    padding: 10px 15px;
    background: #E9DFEA;
}
.links-list .box:hover .txt {
    background: #C898C9;
}
.links-list .name {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.links-list .box:hover .name {
    color: #fff;
}
.links-list .url {
    color: #858585;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.links-list .description {
    padding: 10px 15px;
    background: #F8F8F8;
    height: 66px;
    overflow: hidden;
}


@media screen and (max-width: 1260px) {
    .links-list .item {
        width: 50%;
    }
}
@media screen and (max-width: 640px) {
    .links-list .item {
        float: none;
        width: auto;
    }
    .links-list .pic {
        height: auto;
    }
}