.tips {
    padding-top: 32px;
    padding-bottom: 20px;
}

.tips .hdr {
    padding-bottom: 5px;
}

.tips .hdr h2 {
    padding: 0 0 8px 0;
}

.tips .hdr a.other {
    display: block;
    margin: 12px 0 0 0;
}

.tips .item {
    padding-top: 12px;
    padding-bottom: 12px;
}

.tips .item h3 {
    line-height: 28px;
    padding: 20px 0 12px 0;
}

.tips .item h3 a {
    font-size: 24px;
    color: var(--head-default);
}

.tips .item img {
    border-radius: 8px;
}

.tips .item a.read-more {
    padding: 12px 0 0 0;
    display: block;
}

@media (min-width: 768px) {

    .tips {
        padding-top: 56px;
        padding-bottom: 40px;
    }

    .tips .item img {
        width: 100%;
        height: 188px;
        object-fit: cover;
    }
}

@media (min-width: 992px) {

    .tips {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .tips .col-12 {
        text-wrap: balance;
    }

    .tips .hdr {
        padding-bottom: 22px;
    }

    .tips .hdr h2 {
        padding: 0 0 12px 0;
    }

    .tips .hdr a.other {
        position: absolute;
        right: 15px;
        top: 15px;
        margin: 0;
    }

    .tips .item img {
        height: 220px;
    }
}