
.application-lists{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .3rem;
}
.application-lists .item .desc{
    border: 1px solid #dedede;
    border-top-width: 0;
    padding: 15px .24rem;
}
.application-lists .item .name{
    height: .6rem;
    line-height: .3rem;
}
.benefits-lists{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .35rem;
}
.benefits-lists .item{
    background-color: #f8f8f8;
    border-radius: .15rem;
    padding: .2rem .25rem .28rem;
    transition: .3s;
}
.benefits-lists .item .icon{height: .6rem;}
.benefits-lists .item .desc{
    line-height: 1.8;
}
.benefits-lists .item .name{min-height: .35rem;}
.benefits-lists .item:hover{
    transform: translateY(-10px);
    box-shadow: 0 5px 15px 1px #dedede;
}
@media (max-width:950px) {
    .application-lists,.benefits-lists{grid-template-columns: repeat(2, minmax(0, 1fr));gap:10px 8px;}
    .application-lists .item .name{font-size: 14px;line-height: 20px;height: 40px;}
    .benefits-lists .empty{display: none;}
}