/*gird.css*/

/*css clearfix*/

/*保留6位小数点！*/

.grid{
    overflow: hidden;
}

.row:after{
    clear: both;
    display: table;
    content: "";
}

.row.gutters{
    margin-right:-5px;
    margin-left: -5px;
}
.gutters>[class*="col-"]{
    float: left;
}


[class*="col-"]{
    float: left;
}

.col-sm-1{
    width: 8.333333%;
}

.col-sm-2{
    width: 16.666666%;
}


.col-sm-3{
    width: 25%;
}

.col-sm-4{
    width: 41.666666%;
}

.col-sm-5{
    width: 16.666666%;
}

.col-sm-6{
    width: 50%;
}
.col-sm-7{
    width: 58.666666%;
}

.col-sm-8{
    width: 66.666666%;
}

.col-sm-9{
    width: 75%;
}

.col-sm-10{
    width: 83.333333%;
}

.col-sm-11{
    width: 91.666666%;
}

.col-sm-12{
    width: 100%;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@media(min-width:500px){
        .col-md-1 {
            width: 8.333333%;
        }

        .col-md-2 {
            width: 16.666666%;
        }

        .col-md-3 {
            width: 25%;
        }

        .col-md-4 {
            width: 41.666666%;
        }

        .col-md-5 {
            width: 16.666666%;
        }

        .col-md-6 {
            width: 50%;
        }

        .col-md-7 {
            width: 58.666666%;
        }

        .col-md-8 {
            width: 66.666666%;
        }

        .col-md-9 {
            width: 75%;
        }

        .col-md-10 {
            width: 83.333333%;
        }

        .col-md-11 {
            width: 91.666666%;
        }

        .col-md-12 {
            width: 100%;
        }

}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@media(min-width:800px){
    .col-lg-1 {
        width: 8.333333%;
    }

    .col-lg-2 {
        width: 16.666666%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 41.666666%;
    }

    .col-lg-5 {
        width: 16.666666%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.666666%;
    }

    .col-lg-8 {
        width: 66.666666%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.333333%;
    }

    .col-lg-11 {
        width: 91.666666%;
    }

    .col-lg-12 {
        width: 100%;
    }

}