.cc-col{
    position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;
}
.cc-foot-list{
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 4px);
    box-sizing: border-box;
    font-size: 13px;
}
.cc-foot-list .cc-title{
    font-size: 16px;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.cc-foot-list .cc-title:after{
    content: '';
    width: 16px;
    height: 1px;
    background:white;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*手机*/
@media (max-width: 768px) {
    .cc-col-foot-right{
        display: none;
    }
}
/*平板*/
@media (min-width: 768px) {
    .cc-col-foot-left,.cc-col-foot-right{
        flex:0 0 100%;
        max-width: 100%;
    }
}

/*台式电脑 */
@media (min-width: 992px) {
    .cc-col-foot-left{
        flex:0 0 300px;max-width: 300px;
    }
    .cc-col-foot-right{
        flex:0 0 calc(100% - 300px);max-width: calc(100% - 300px);
    }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {

}