.contact-way-box {
    gap: calc(30 * var(--rpx));
}

.contact-way-box .card {
    background-color: #F7F7F7;
    padding: calc(36 * var(--rpx)) calc(40 * var(--rpx));
    transition: background .5s linear;
}
.contact-way-box .card:hover {
    background-color: #008c763D;
}

.contact-way-box .card-content {
    color: #333333;
    font-size: calc(16em / 13);
}

.contact-way-box .card-content .title {
    font-size: calc(24 * var(--rpx));
    line-height: 1.4;
    margin-bottom: calc(20 * var(--rpx));
    transition: color .5s linear;
    position: relative;
}
.contact-way-box .card-content .title::after {
    content: '';
    width: 0;
    height: 2px;
    background-color: var(--primary);
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width .5s linear;
}
.contact-way-box .card:hover .title::after {
    width: 10%;
}
.contact-way-box .card:hover .title {
    color: var(--primary);
}
.contact-way-box .card-content .cell {
    line-height: 1.4;
    align-items: flex-start;
}
.contact-way-box .card-content .cell+.cell {
    margin-top: calc(15 * var(--rpx));
}
.contact-way-box .card-content .cell .cell-left {
    flex: 0 0 auto;
}

.contact-way-box .card-content .icon {
    width: calc(18 * var(--rpx));
    height: calc(20 * var(--rpx));
    margin-right: calc(13 * var(--rpx));
}
.layer-contact .layer-main .contact-us .section-more__btn {
    display: none;
}
@media screen and (max-width: 750px) {
    .contact-way-box {
        grid-template-columns: repeat(1, 1fr);
        gap: calc(20 * var(--rpx));
    }
    .contact-way-box .card {
        padding: calc(16     * var(--rpx)) calc(20 * var(--rpx));
    }
}