.cooperate-container .banner {
    height: 12.58rem;
    width: 100%
}

.spread {
    padding: 0 1.25rem
}

.spread .item {
    display: flex;
    margin-bottom: 1.08rem;
    background-color: #f8f8f8
}

.spread .item .pic {
    width: 9.75rem;
    height: 9.75rem
}

.spread .item .cbox {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 1.04rem
}

.spread .item .cbox p {
    font-size: 1.08rem;
    margin-bottom: .75rem;
    color: #333;
    font-weight: bold
}

.spread .item .cbox span {
    font-size: .91rem;
    color: #666;
    line-height: 1.41rem
}

.enlist-supply {
    padding: 0 1.25rem
}

.enlist-supply .content {
    background-color: #f8f8f8;
    border-radius: .33rem .33rem 0 0;
    overflow: hidden
}

.enlist-supply .content p {
    padding: 1.12rem;
    font-size: 1rem;
    color: #666;
    line-height: 1.66rem
}

.enlist-supply .content p.showmore {
    display: none
}

.enlist-supply .content .viewmore {
    margin: 0 auto 1.33rem;
    display: flex;
    width: 6.66rem;
    height: 2rem;
    border: 1px solid #d6d6d6;
    border-radius: .33rem;
    font-size: .91rem;
    color: #999;
    justify-content: center;
    align-items: center
}

.enlist-supply .content i.more {
    margin-left: .37rem;
    width: .58rem;
    height: .83rem;
    display: block;
    background-image: url(../image/cooperation/icon_down.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all ease-in-out .5s
}

.enlist-supply .content .viewmore.on i.more {
    transform: rotate(180deg)
}