.col {
    min-height: 60px;
}
// .col + .col {
//     margin-left: 15px;
// }
.col-24 {
    width: 100%;
}
.col-23 {
    width: 95.83%;
}
.col-22 {
    width: 91.67%;
}
.col-21 {
    width: 87.5%;
}
.col-20 {
    width: 83.33%;
}
.col-19 {
    width: 79.17%;
}
.col-18 {
    width: 75%;
}
.col-17 {
    width: 70.83%;
}
.col-16 {
    width: 66.67%;
}
.col-15 {
    width: 62.5% ;
}
.col-14 {
    width: 58.33%;
}
.col-13 {
    width: 54.17%;
}
.col-12 { // 2栏
    width: 50%;
}
.col-11 {
    width: 45.83%;
}
.col-10 {
    width: 41.67%;
}
.col-9 {
    width: 37.5%;
}
.col-5 {
    width: 20.83%;
}
.col-7{
    width: 29.17%;
}

.col-6 { // 4栏
    width: 25%;
}

.col-4 { // 6栏
    width: 16.7%;
}
.col-8 {
    width: 33.33%;
}

@media screen and (max-width: 900px) {
    .col-12 { // 2栏
        width: 100% !important;
    }
    .col-1 {
        width: 100% !important;
    }
    
    .col-6 { // 4栏
        width: 100% !important;
    }
    
    .col-4 { // 6栏
        width: 100% !important;
    }
    .col-8 {
        width: 100%;
    }
}