.section1 {
    padding-top: 1rem;
    padding-bottom: 1.125rem;
}
.section1 .item {
    width: 3.25rem;
    height: 3.1rem;
    padding: .5625rem .3rem;
    border: .0125rem solid #CDCDCD;
}
.section1 .item .num {
    font-size: .7rem;
    /* line-height: .8rem; */
}
.section1 .item .title {
    margin-top: .225rem;
    margin-bottom: .125rem;
    font-size: .225rem;
}
.section1 .item .desc {
    font-size: .175rem;
    /* line-height: .25rem; */
}
.section1 .item.active {
    border-color: var(--main-color);
    background: var(--main-color);
}
.section1 .item.active * {
    color: #fff;
}

.section2 {
    padding-bottom: 1.5rem;
}

.section2 .content {
    gap: .3375rem;
}
.section2 .content * {
    /* line-height: .4rem; */
}

.section3 {
    padding-bottom: 1.5rem;
}
.section3 .gap {
    gap: 10px;
}
.section3 .item img {
    width: 1.525rem;
    height: 1.525rem;
    margin-bottom: .425rem;
}
.section3 .item p {
    font-size: .3rem;
    /* line-height: .4125rem; */
}

@media screen and (max-width: 768px) {
    .section1 .item {
        width: auto;
        height: auto;
    }
}