/* wwwroot/bootstrap-grid.css */
/* 定义24等分系统 */
.col-1-24 {
    flex: 0 0 4.166666%;
    max-width: 4.166666%;
}

.col-2-24 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-3-24 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-4-24 {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}

.col-5-24 {
    flex: 0 0 20.833333%;
    max-width: 20.833333%;
}

.col-6-24 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-7-24 {
    flex: 0 0 29.166666%;
    max-width: 29.166666%;
}

.col-8-24 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-9-24 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.col-10-24 {
    flex: 0 0 41.666666%;
    max-width: 41.666666%;
}

.col-11-24 {
    flex: 0 0 45.833333%;
    max-width: 45.833333%;
}

.col-12-24 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-13-24 {
    flex: 0 0 54.166666%;
    max-width: 54.166666%;
}

.col-14-24 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-15-24 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
}

.col-16-24 {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
}

.col-17-24 {
    flex: 0 0 70.833333%;
    max-width: 70.833333%;
}

.col-18-24 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-19-24 {
    flex: 0 0 79.166666%;
    max-width: 79.166666%;
}

.col-20-24 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-21-24 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
}

.col-22-24 {
    flex: 0 0 91.666666%;
    max-width: 91.666666%;
}

.col-23-24 {
    flex: 0 0 95.833333%;
    max-width: 95.833333%;
}

.col-24-24 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* 响应式24等分 */
@media (min-width: 576px) {
    .col-sm-1-24 {
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-sm-2-24 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-3-24 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-sm-4-24 {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-sm-5-24 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }

    .col-sm-6-24 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-7-24 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
    }

    .col-sm-8-24 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-9-24 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-sm-10-24 {
        flex: 0 0 41.666666%;
        max-width: 41.666666%;
    }

    .col-sm-11-24 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }

    .col-sm-12-24 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-13-24 {
        flex: 0 0 54.166666%;
        max-width: 54.166666%;
    }

    .col-sm-14-24 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-15-24 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-sm-16-24 {
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .col-sm-17-24 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }

    .col-sm-18-24 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-19-24 {
        flex: 0 0 79.166666%;
        max-width: 79.166666%;
    }

    .col-sm-20-24 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-21-24 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-sm-22-24 {
        flex: 0 0 91.666666%;
        max-width: 91.666666%;
    }

    .col-sm-23-24 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }

    .col-sm-24-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-1-24 {
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-md-2-24 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-3-24 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-md-4-24 {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-md-5-24 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }

    .col-md-6-24 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-7-24 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
    }

    .col-md-8-24 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-9-24 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-md-10-24 {
        flex: 0 0 41.666666%;
        max-width: 41.666666%;
    }

    .col-md-11-24 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }

    .col-md-12-24 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-13-24 {
        flex: 0 0 54.166666%;
        max-width: 54.166666%;
    }

    .col-md-14-24 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-15-24 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-md-16-24 {
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .col-md-17-24 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }

    .col-md-18-24 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-19-24 {
        flex: 0 0 79.166666%;
        max-width: 79.166666%;
    }

    .col-md-20-24 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-21-24 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-md-22-24 {
        flex: 0 0 91.666666%;
        max-width: 91.666666%;
    }

    .col-md-23-24 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }

    .col-md-24-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-1-24 {
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-lg-2-24 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-3-24 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-lg-4-24 {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-lg-5-24 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }

    .col-lg-6-24 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-7-24 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
    }

    .col-lg-8-24 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-9-24 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-lg-10-24 {
        flex: 0 0 41.666666%;
        max-width: 41.666666%;
    }

    .col-lg-11-24 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }

    .col-lg-12-24 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-13-24 {
        flex: 0 0 54.166666%;
        max-width: 54.166666%;
    }

    .col-lg-14-24 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-15-24 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-lg-16-24 {
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .col-lg-17-24 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }

    .col-lg-18-24 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-19-24 {
        flex: 0 0 79.166666%;
        max-width: 79.166666%;
    }

    .col-lg-20-24 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-21-24 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-lg-22-24 {
        flex: 0 0 91.666666%;
        max-width: 91.666666%;
    }

    .col-lg-23-24 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }

    .col-lg-24-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl-1-24 {
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-xl-2-24 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-3-24 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-xl-4-24 {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-xl-5-24 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }

    .col-xl-6-24 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-7-24 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
    }

    .col-xl-8-24 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-9-24 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-xl-10-24 {
        flex: 0 0 41.666666%;
        max-width: 41.666666%;
    }

    .col-xl-11-24 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }

    .col-xl-12-24 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-13-24 {
        flex: 0 0 54.166666%;
        max-width: 54.166666%;
    }

    .col-xl-14-24 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-15-24 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-xl-16-24 {
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .col-xl-17-24 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }

    .col-xl-18-24 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-19-24 {
        flex: 0 0 79.166666%;
        max-width: 79.166666%;
    }

    .col-xl-20-24 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-21-24 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-xl-22-24 {
        flex: 0 0 91.666666%;
        max-width: 91.666666%;
    }

    .col-xl-23-24 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }

    .col-xl-24-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1400px) {
    .col-xxl-1-24 {
        flex: 0 0 4.166666%;
        max-width: 4.166666%;
    }

    .col-xxl-2-24 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-3-24 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-xxl-4-24 {
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }

    .col-xxl-5-24 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }

    .col-xxl-6-24 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-7-24 {
        flex: 0 0 29.166666%;
        max-width: 29.166666%;
    }

    .col-xxl-8-24 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-9-24 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-xxl-10-24 {
        flex: 0 0 41.666666%;
        max-width: 41.666666%;
    }

    .col-xxl-11-24 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }

    .col-xxl-12-24 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-13-24 {
        flex: 0 0 54.166666%;
        max-width: 54.166666%;
    }

    .col-xxl-14-24 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-15-24 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }

    .col-xxl-16-24 {
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }

    .col-xxl-17-24 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }

    .col-xxl-18-24 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-19-24 {
        flex: 0 0 79.166666%;
        max-width: 79.166666%;
    }

    .col-xxl-20-24 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-21-24 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-xxl-22-24 {
        flex: 0 0 91.666666%;
        max-width: 91.666666%;
    }

    .col-xxl-23-24 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }

    .col-xxl-24-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}