.cooperation-site-container {
    padding: 0.8em 0.32em;
}

.cooperation-site-container-1 {
    background: #FFFFFF;
}

.cooperation-site-container-2 {
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
    padding: 0.8em 0.28em 0;
}

.cooperation-site-container-3 {
    background: #F9F9F9;
    padding: 0.8em 0.195em 0.4em;
}


.cooperation-site-container-1 .title {
    font-size: 0.38em;
    color: #343E4C;
    text-align: center;
    font-weight: bold;
}

.cooperation-site-container-2 .title {
    background: url("/local-res-s3/qingshuxuetang.com/v9_1/setting/cooperate-site.png") 0 center no-repeat;
    background-size: 1.342em 1.342em;
    padding-left: 1.5em;
    font-size: 0.38em;
    color: #343E4C;
    margin-left: 0.105em;
    font-weight: bold;
}

.cooperation-site-container-3 .title {
    font-size: 0.38em;
    color: #343E4C;
    text-align: center;
    font-weight: bold;
}

.cooperation-site-container-1 .tip {
    color: #9AA1AB;
    text-align: center;
    font-size: 0.26em;
    margin-top: 0.667em;
}

.cooperation-site-container-3 .tip {
    color: #9AA1AB;
    text-align: center;
    font-size: 0.26em;
    margin-top: 0.667em;
}

.cooperation-site-container-1 .item-list {
    padding: 0.32em 0;
    display: flex;
    flex-wrap: wrap;
}

.cooperation-site-container-3 .item-list {
    padding: 0.32em 0;
    display: flex;
    flex-wrap: wrap;
}

.cooperation-site-container-2 .item-list {
    padding: 0.4em 0;
    display: flex;
    flex-wrap: wrap;
}

.cooperation-site-container-1 .item-list .item {
    height: 2.12em;
    width: 2.12em;
    margin: 0.08em;
    padding: 0.32em 0;
    border-radius: 0.02em;
    border: 1px solid #EEEEEE;
    flex-shrink: 0;
}

.cooperation-site-container-3 .item-list .item {
    height: 1.95em;
    width: 2.28em;
    border-radius: 0.08em;
    border: 1px solid #EEEEEE;
    margin: 0.08em 0.045em;
    padding: 0.24em 0;
    flex-shrink: 0;
    background: #FFFFFF;
}

.cooperation-site-container-2 .item-list .item {
    height: 1.95em;
    width: 2.23em;
    border: 1px solid #EEEEEE;
    padding: 0.24em 0;
    margin: 0 0.04em;
    flex-shrink: 0;
    background: #FFFFFF;
}

.cooperation-site-container .item-list .item .item-logo {
    height: 0.75em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 1.34em;
    margin: 0 auto;
}

.cooperation-site-container .item-list .item .item-name {
    margin-top: 0.334em;
    font-size: 0.24em;
    color: #343E4C;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.667em;
    line-height: 1.3335em;
    text-align: center;
    font-weight: 600;
    padding: 0 1.143em;
}

.cooperation-site-container-2 .item-list .consult {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 0.26em;
    color: #9E1F32;
    margin: 0.616em auto 1.538em;
    border: 1px solid #9E1F32;
    padding: 0.307em 0.923em;
    cursor: pointer;
    font-weight: bold;
}

.cooperation-site-container-1 .btn {
    height: 2.406em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #FFFFFF;
    border-radius: 1.857em;
    border: 1px solid #133E84;
    outline: none;
    cursor: pointer;
    color: #133E84;
    font-weight: 600;
    font-size: 0.32em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 1.5em;
}

.cooperation-site-container-1 .btn img{
    height: 1.25em;
    width: 1.25em;
}

.cooperation-site-container-1 .btn:hover {
    background: #133E84;
    color: #FFFFFF;
}