.partnersites {
    padding: .28rem .22rem .32rem;
    background: linear-gradient(180deg, #f6fbf3 0%, #eef7e8 100%);
    border-top: 1px solid #c7dcbf;
    border-bottom: 1px solid #c7dcbf;
    text-align: center;
    font-size: .23rem;
}

.partnersites h2 {
    margin: 0;
    color: #063a25;
    font-size: .32rem;
    line-height: 1.2;
    font-weight: 800;
}

.partnersites h2 i {
    color: #000;
    margin-right: .08rem;
}

.partnersites_intro {
    margin: .08rem auto .22rem;
    max-width: 7rem;
    color: #365846;
    font-size: .18rem;
    line-height: 1.5;
}

.partnersites .links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .12rem;
    margin: 0;
}

.partnersites .links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: .46rem;
    padding: .08rem .18rem;
    font-size: .19rem;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(216, 173, 67, .55);
    border-radius: .08rem;
    background: linear-gradient(180deg, #06472c 0%, #032516 100%);
    box-shadow: 0 .04rem .12rem rgba(3, 37, 22, .16);
}

.partnersites .links a i {
    color: #fff;
    margin-right: .08rem;
}

.links a.border {
    border-right: 1px dashed #afafaf
}

@media (max-width: 640px) {
    .partnersites {
        padding: .24rem .14rem .28rem;
    }

    .partnersites .links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .partnersites .links a {
        padding: .1rem .08rem;
        font-size: .16rem;
    }
}