.foot-collect.active .collect-list > .item botton {
    color: #fff
}

.foot-collect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0
}

.foot-collect > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.foot-collect .collect-logo img {
    width: 100px
}

.foot-collect .collect-list {
    width: 33vw;
    margin: 20px 0;
    min-width: 310px
}

.foot-collect .collect-list > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none
}

.foot-collect .collect-list > .item img {
    width: 50px;
    margin-bottom: 5px
}

.foot-collect .collect-list > .item span {
    color: #5A5654;
    font-size: 12px
}

.foot-collect .collect-fun {
    width: 50%;
    /*background: #8ac7ff;*/
    border-radius: 30px;
    min-width: 310px
}

.foot-collect .collect-fun span {
    display: inline-block;
    /*background: #1d7ad8;*/
    color: #fff;
    font-size: 20px;
    padding: 0 10px;
    height: 36px;
    line-height: 36px
}


.foot-collect .collect-fun span:last-child {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px
}

.foot-collect .collect-fun div {
    color: #5A5654;
    height: 36px;
    padding: 0 4px;
    text-align: center;
    line-height: 36px
}

@media (max-width: 738px) {
    .foot-collect .collect-list {
        width: 90%
    }

    .foot-collect .collect-fun {
        width: 95%
    }

    .foot-collect .collect-fun span {
        font-size: 14px;
        padding: 0 8px
    }
}

@media (max-width: 374px) {
    .foot-collect .collect-list {
        width: 90%
    }

    .foot-collect .collect-fun {
        width: 95%
    }

    .foot-collect .collect-fun span {
        font-size: 12px;
        padding: 0 8px
    }

    .foot-collect .collect-fun div {
        font-size: 12px
    }
}


.foot-collect .collect-fun span,
.foot-collect .collect-fun button {
    display: inline-block;
    /*background: #1d7ad8;*/
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    height: 36px;
    line-height: 36px
}

.foot-collect .collect-fun button {
    border-radius: 0 30px 30px 0;
    border:0;
}
.foot-collect .collect-fun span {
    border-radius:  30px 0 0 30px;
    border:0;
}