@media screen and (min-width:768px) {
    .layui-container {
        width: 750px;
    }

    .layui-hide-sm {
        display: none!important;
    }

    .layui-show-sm-block {
        display: block!important;
    }

    .layui-show-sm-inline {
        display: inline!important;
    }

    .layui-show-sm-inline-block {
        display: inline-block!important;
    }

    .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
        float: left;
    }

    .layui-col-sm1 {
        width: 8.33333333%;
    }

    .layui-col-sm2 {
        width: 16.66666667%;
    }

    .layui-col-sm3 {
        width: 25%;
    }

    .layui-col-sm4 {
        width: 33.33333333%;
    }

    .layui-col-sm5 {
        width: 41.66666667%;
    }

    .layui-col-sm6 {
        width: 50%;
    }

    .layui-col-sm7 {
        width: 58.33333333%;
    }

    .layui-col-sm8 {
        width: 66.66666667%;
    }

    .layui-col-sm9 {
        width: 75%;
    }

    .layui-col-sm10 {
        width: 83.33333333%;
    }

    .layui-col-sm11 {
        width: 91.66666667%;
    }

    .layui-col-sm12 {
        width: 100%;
    }

    .layui-col-sm-offset1 {
        margin-left: 8.33333333%;
    }

    .layui-col-sm-offset2 {
        margin-left: 16.66666667%;
    }

    .layui-col-sm-offset3 {
        margin-left: 25%;
    }

    .layui-col-sm-offset4 {
        margin-left: 33.33333333%;
    }

    .layui-col-sm-offset5 {
        margin-left: 41.66666667%;
    }

    .layui-col-sm-offset6 {
        margin-left: 50%;
    }

    .layui-col-sm-offset7 {
        margin-left: 58.33333333%;
    }

    .layui-col-sm-offset8 {
        margin-left: 66.66666667%;
    }

    .layui-col-sm-offset9 {
        margin-left: 75%;
    }

    .layui-col-sm-offset10 {
        margin-left: 83.33333333%;
    }

    .layui-col-sm-offset11 {
        margin-left: 91.66666667%;
    }

    .layui-col-sm-offset12 {
        margin-left: 100%;
    }
}

@media screen and (min-width:992px) {
    .layui-container {
        width: 970px;
    }

    .layui-hide-md {
        display: none!important;
    }

    .layui-show-md-block {
        display: block!important;
    }

    .layui-show-md-inline {
        display: inline!important;
    }

    .layui-show-md-inline-block {
        display: inline-block!important;
    }

    .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {
        float: left;
    }

    .layui-col-md1 {
        width: 8.33333333%;
    }

    .layui-col-md2 {
        width: 16.66666667%;
    }

    .layui-col-md3 {
        width: 25%;
    }

    .layui-col-md4 {
        /*width: 33.33333333%;*/
        width: 29%;
        margin-left: 20px;
    }

    .layui-col-md5 {
        width: 41.66666667%;
    }

    .layui-col-md6 {
        width: 50%;
    }

    .layui-col-md7 {
        width: 58.33333333%;
    }

    .layui-col-md8 {
        /*width: 66.66666667%;*/
        width: 69%;
    }

    .layui-col-md9 {
        width: 75%;
    }

    .layui-col-md10 {
        width: 83.33333333%;
    }

    .layui-col-md11 {
        width: 91.66666667%;
    }

    .layui-col-md12 {
        width: 100%;
    }

    .layui-col-md-offset1 {
        margin-left: 8.33333333%;
    }

    .layui-col-md-offset2 {
        margin-left: 16.66666667%;
    }

    .layui-col-md-offset3 {
        margin-left: 25%;
    }

    .layui-col-md-offset4 {
        margin-left: 33.33333333%;
    }

    .layui-col-md-offset5 {
        margin-left: 41.66666667%;
    }

    .layui-col-md-offset6 {
        margin-left: 50%;
    }

    .layui-col-md-offset7 {
        margin-left: 58.33333333%;
    }

    .layui-col-md-offset8 {
        margin-left: 66.66666667%;
    }

    .layui-col-md-offset9 {
        margin-left: 75%;
    }

    .layui-col-md-offset10 {
        margin-left: 83.33333333%;
    }

    .layui-col-md-offset11 {
        margin-left: 91.66666667%;
    }

    .layui-col-md-offset12 {
        margin-left: 100%;
    }
}

@media screen and (min-width:1200px) {
    .layui-container {
        width: 1170px;
    }

    .layui-hide-lg {
        display: none!important;
    }

    .layui-show-lg-block {
        display: block!important;
    }

    .layui-show-lg-inline {
        display: inline!important;
    }

    .layui-show-lg-inline-block {
        display: inline-block!important;
    }

    .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
        float: left;
    }

    .layui-col-lg1 {
        width: 8.33333333%;
    }

    .layui-col-lg2 {
        width: 16.66666667%;
    }

    .layui-col-lg3 {
        width: 25%;
    }

    .layui-col-lg4 {
        width: 33.33333333%;
    }

    .layui-col-lg5 {
        width: 41.66666667%;
    }

    .layui-col-lg6 {
        width: 50%;
    }

    .layui-col-lg7 {
        width: 58.33333333%;
    }

    .layui-col-lg8 {
        width: 66.66666667%;
    }

    .layui-col-lg9 {
        width: 75%;
    }

    .layui-col-lg10 {
        width: 83.33333333%;
    }

    .layui-col-lg11 {
        width: 91.66666667%;
    }

    .layui-col-lg12 {
        width: 100%;
    }

    .layui-col-lg-offset1 {
        margin-left: 8.33333333%;
    }

    .layui-col-lg-offset2 {
        margin-left: 16.66666667%;
    }

    .layui-col-lg-offset3 {
        margin-left: 25%;
    }

    .layui-col-lg-offset4 {
        margin-left: 33.33333333%;
    }

    .layui-col-lg-offset5 {
        margin-left: 41.66666667%;
    }

    .layui-col-lg-offset6 {
        margin-left: 50%;
    }

    .layui-col-lg-offset7 {
        margin-left: 58.33333333%;
    }

    .layui-col-lg-offset8 {
        margin-left: 66.66666667%;
    }

    .layui-col-lg-offset9 {
        margin-left: 75%;
    }

    .layui-col-lg-offset10 {
        margin-left: 83.33333333%;
    }

    .layui-col-lg-offset11 {
        margin-left: 91.66666667%;
    }

    .layui-col-lg-offset12 {
        margin-left: 100%;
    }
}



@media screen and (min-width:1500px) {
    .layui-container {
        width: 1270px;
    }

    .layui-hide-lg {
        display: none!important;
    }

    .layui-show-lg-block {
        display: block!important;
    }

    .layui-show-lg-inline {
        display: inline!important;
    }

    .layui-show-lg-inline-block {
        display: inline-block!important;
    }

    .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
        float: left;
    }

    .layui-col-lg1 {
        width: 8.33333333%;
    }

    .layui-col-lg2 {
        width: 16.66666667%;
    }

    .layui-col-lg3 {
        width: 25%;
    }

    .layui-col-lg4 {
        width: 33.33333333%;
    }

    .layui-col-lg5 {
        width: 41.66666667%;
    }

    .layui-col-lg6 {
        width: 50%;
    }

    .layui-col-lg7 {
        width: 58.33333333%;
    }

    .layui-col-lg8 {
        width: 66.66666667%;
    }

    .layui-col-lg9 {
        width: 75%;
    }

    .layui-col-lg10 {
        width: 83.33333333%;
    }

    .layui-col-lg11 {
        width: 91.66666667%;
    }

    .layui-col-lg12 {
        width: 100%;
    }

    .layui-col-lg-offset1 {
        margin-left: 8.33333333%;
    }

    .layui-col-lg-offset2 {
        margin-left: 16.66666667%;
    }

    .layui-col-lg-offset3 {
        margin-left: 25%;
    }

    .layui-col-lg-offset4 {
        margin-left: 33.33333333%;
    }

    .layui-col-lg-offset5 {
        margin-left: 41.66666667%;
    }

    .layui-col-lg-offset6 {
        margin-left: 50%;
    }

    .layui-col-lg-offset7 {
        margin-left: 58.33333333%;
    }

    .layui-col-lg-offset8 {
        margin-left: 66.66666667%;
    }

    .layui-col-lg-offset9 {
        margin-left: 75%;
    }

    .layui-col-lg-offset10 {
        margin-left: 83.33333333%;
    }

    .layui-col-lg-offset11 {
        margin-left: 91.66666667%;
    }

    .layui-col-lg-offset12 {
        margin-left: 100%;
    }
}



@media screen and (min-width:1800px) {
    .layui-container {
        width: 1470px;
    }

    .layui-hide-lg {
        display: none!important;
    }

    .layui-show-lg-block {
        display: block!important;
    }

    .layui-show-lg-inline {
        display: inline!important;
    }

    .layui-show-lg-inline-block {
        display: inline-block!important;
    }

    .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
        float: left;
    }

    .layui-col-lg1 {
        width: 8.33333333%;
    }

    .layui-col-lg2 {
        width: 16.66666667%;
    }

    .layui-col-lg3 {
        width: 25%;
    }

    .layui-col-lg4 {
        width: 33.33333333%;
    }

    .layui-col-lg5 {
        width: 41.66666667%;
    }

    .layui-col-lg6 {
        width: 50%;
    }

    .layui-col-lg7 {
        width: 58.33333333%;
    }

    .layui-col-lg8 {
        width: 66.66666667%;
    }

    .layui-col-lg9 {
        width: 75%;
    }

    .layui-col-lg10 {
        width: 83.33333333%;
    }

    .layui-col-lg11 {
        width: 91.66666667%;
    }

    .layui-col-lg12 {
        width: 100%;
    }

    .layui-col-lg-offset1 {
        margin-left: 8.33333333%;
    }

    .layui-col-lg-offset2 {
        margin-left: 16.66666667%;
    }

    .layui-col-lg-offset3 {
        margin-left: 25%;
    }

    .layui-col-lg-offset4 {
        margin-left: 33.33333333%;
    }

    .layui-col-lg-offset5 {
        margin-left: 41.66666667%;
    }

    .layui-col-lg-offset6 {
        margin-left: 50%;
    }

    .layui-col-lg-offset7 {
        margin-left: 58.33333333%;
    }

    .layui-col-lg-offset8 {
        margin-left: 66.66666667%;
    }

    .layui-col-lg-offset9 {
        margin-left: 75%;
    }

    .layui-col-lg-offset10 {
        margin-left: 83.33333333%;
    }

    .layui-col-lg-offset11 {
        margin-left: 91.66666667%;
    }

    .layui-col-lg-offset12 {
        margin-left: 100%;
    }
}