.weui-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width:100%;
    
}

.weui-row>[class*=col-] {
    box-sizing: border-box
}

.weui-row .col-auto {
    width: 100%
}

.weui-row .weui-col-100 {
    width: 100%;
    width: calc((100% - 15px*0)/ 1)
}

.weui-row.weui-no-gutter .weui-col-100 {
    width: 100%
}

.weui-row .weui-col-95 {
    width: 95%;
    width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684);
    margin:0 auto;
}

.weui-row.weui-no-gutter .weui-col-95 {
    width: 95%
}

.weui-row .weui-col-90 {
    width: 90%;
    width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
}

.weui-row.weui-no-gutter .weui-col-90 {
    width: 90%
}

.weui-row .weui-col-85 {
    width: 85%;
    width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
}

.weui-row.weui-no-gutter .weui-col-85 {
    width: 85%
}

.weui-row .weui-col-80 {
    width: 80%;
    width: calc((100% - 15px*.25)/ 1.25)
}

.weui-row.weui-no-gutter .weui-col-80 {
    width: 80%
}

.weui-row .weui-col-75 {
    width: 75%;
    width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
}

.weui-row.weui-no-gutter .weui-col-75 {
    width: 75%
}

.weui-row .weui-col-66 {
    width: 66.66666666666666%;
    width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
}

.weui-row.weui-no-gutter .weui-col-66 {
    width: 66.66666666666666%
}

.weui-row .weui-col-60 {
    width: 60%;
    width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
}

.weui-row.weui-no-gutter .weui-col-60 {
    width: 60%
}

.weui-row .weui-col-50 {
    width: 50%;
    width: calc((100% - 15px*1)/ 2)
}

.weui-row.weui-no-gutter .weui-col-50 {
    width: 50%
}

.weui-row .weui-col-40 {
    width: 40%;
    width: calc((100% - 15px*1.5)/ 2.5)
}

.weui-row.weui-no-gutter .weui-col-40 {
    width: 40%
}

.weui-row .weui-col-33 {
    width: 33.333333333333336%;
    width: calc((100% - 15px*2)/ 3)
}

.weui-row.weui-no-gutter .weui-col-33 {
    width: 33.333333333333336%
}

.weui-row .weui-col-25 {
    width: 25%;
    width: calc((100% - 15px*3)/ 4)
}

.weui-row.weui-no-gutter .weui-col-25 {
    width: 25%
}

.weui-row .weui-col-20 {
    width: 20%;
    width: calc((100% - 15px*4)/ 5)
}

.weui-row.weui-no-gutter .weui-col-20 {
    width: 20%
}

.weui-row .weui-col-15 {
    width: 15%;
    width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
}

.weui-row.weui-no-gutter .weui-col-15 {
    width: 15%
}

.weui-row .weui-col-10 {
    width: 10%;
    width: calc((100% - 15px*9)/ 10)
}

.weui-row.weui-no-gutter .weui-col-10 {
    width: 10%
}

.weui-row .weui-col-5 {
    width: 5%;
    width: calc((100% - 15px*19)/ 20)
}

.weui-row.weui-no-gutter .weui-col-5 {
    width: 5%
}

.weui-row .weui-col-auto:nth-last-child(1),.weui-row .weui-col-auto:nth-last-child(1)~.weui-col-auto {
    width: 100%;
    width: calc((100% - 15px*0)/ 1)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1)~.weui-col-auto {
    width: 100%
}

.weui-row .weui-col-auto:nth-last-child(2),.weui-row .weui-col-auto:nth-last-child(2)~.weui-col-auto {
    width: 50%;
    width: calc((100% - 15px*1)/ 2)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2)~.weui-col-auto {
    width: 50%
}

.weui-row .weui-col-auto:nth-last-child(3),.weui-row .weui-col-auto:nth-last-child(3)~.weui-col-auto {
    width: 33.33333333%;
    width: calc((100% - 15px*2)/ 3)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3)~.weui-col-auto {
    width: 33.33333333%
}

.weui-row .weui-col-auto:nth-last-child(4),.weui-row .weui-col-auto:nth-last-child(4)~.weui-col-auto {
    width: 25%;
    width: calc((100% - 15px*3)/ 4)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4)~.weui-col-auto {
    width: 25%
}

.weui-row .weui-col-auto:nth-last-child(5),.weui-row .weui-col-auto:nth-last-child(5)~.weui-col-auto {
    width: 20%;
    width: calc((100% - 15px*4)/ 5)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5)~.weui-col-auto {
    width: 20%
}

.weui-row .weui-col-auto:nth-last-child(6),.weui-row .weui-col-auto:nth-last-child(6)~.weui-col-auto {
    width: 16.66666667%;
    width: calc((100% - 15px*5)/ 6)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6)~.weui-col-auto {
    width: 16.66666667%
}

.weui-row .weui-col-auto:nth-last-child(7),.weui-row .weui-col-auto:nth-last-child(7)~.weui-col-auto {
    width: 14.28571429%;
    width: calc((100% - 15px*6)/ 7)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7)~.weui-col-auto {
    width: 14.28571429%
}

.weui-row .weui-col-auto:nth-last-child(8),.weui-row .weui-col-auto:nth-last-child(8)~.weui-col-auto {
    width: 12.5%;
    width: calc((100% - 15px*7)/ 8)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8)~.weui-col-auto {
    width: 12.5%
}

.weui-row .weui-col-auto:nth-last-child(9),.weui-row .weui-col-auto:nth-last-child(9)~.weui-col-auto {
    width: 11.11111111%;
    width: calc((100% - 15px*8)/ 9)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9)~.weui-col-auto {
    width: 11.11111111%
}

.weui-row .weui-col-auto:nth-last-child(10),.weui-row .weui-col-auto:nth-last-child(10)~.weui-col-auto {
    width: 10%;
    width: calc((100% - 15px*9)/ 10)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10)~.weui-col-auto {
    width: 10%
}

.weui-row .weui-col-auto:nth-last-child(11),.weui-row .weui-col-auto:nth-last-child(11)~.weui-col-auto {
    width: 9.09090909%;
    width: calc((100% - 15px*10)/ 11)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11)~.weui-col-auto {
    width: 9.09090909%
}

.weui-row .weui-col-auto:nth-last-child(12),.weui-row .weui-col-auto:nth-last-child(12)~.weui-col-auto {
    width: 8.33333333%;
    width: calc((100% - 15px*11)/ 12)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12)~.weui-col-auto {
    width: 8.33333333%
}

.weui-row .weui-col-auto:nth-last-child(13),.weui-row .weui-col-auto:nth-last-child(13)~.weui-col-auto {
    width: 7.69230769%;
    width: calc((100% - 15px*12)/ 13)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13)~.weui-col-auto {
    width: 7.69230769%
}

.weui-row .weui-col-auto:nth-last-child(14),.weui-row .weui-col-auto:nth-last-child(14)~.weui-col-auto {
    width: 7.14285714%;
    width: calc((100% - 15px*13)/ 14)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14)~.weui-col-auto {
    width: 7.14285714%
}

.weui-row .weui-col-auto:nth-last-child(15),.weui-row .weui-col-auto:nth-last-child(15)~.weui-col-auto {
    width: 6.66666667%;
    width: calc((100% - 15px*14)/ 15)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15)~.weui-col-auto {
    width: 6.66666667%
}

@media all and (min-width: 768px) {
    .row .tablet-100 {
        width:100%;
        width: calc((100% - 15px*0)/ 1)
    }

    .row.no-gutter .tablet-100 {
        width: 100%
    }

    .row .tablet-95 {
        width: 95%;
        width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
    }

    .row.no-gutter .tablet-95 {
        width: 95%
    }

    .row .tablet-90 {
        width: 90%;
        width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
    }

    .row.no-gutter .tablet-90 {
        width: 90%
    }

    .row .tablet-85 {
        width: 85%;
        width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
    }

    .row.no-gutter .tablet-85 {
        width: 85%
    }

    .row .tablet-80 {
        width: 80%;
        width: calc((100% - 15px*.25)/ 1.25)
    }

    .row.no-gutter .tablet-80 {
        width: 80%
    }

    .row .tablet-75 {
        width: 75%;
        width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
    }

    .row.no-gutter .tablet-75 {
        width: 75%
    }

    .row .tablet-66 {
        width: 66.66666666666666%;
        width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
    }

    .row.no-gutter .tablet-66 {
        width: 66.66666666666666%
    }

    .row .tablet-60 {
        width: 60%;
        width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
    }

    .row.no-gutter .tablet-60 {
        width: 60%
    }

    .row .tablet-50 {
        width: 50%;
        width: calc((100% - 15px*1)/ 2)
    }

    .row.no-gutter .tablet-50 {
        width: 50%
    }

    .row .tablet-40 {
        width: 40%;
        width: calc((100% - 15px*1.5)/ 2.5)
    }

    .row.no-gutter .tablet-40 {
        width: 40%
    }

    .row .tablet-33 {
        width: 33.333333333333336%;
        width: calc((100% - 15px*2)/ 3)
    }

    .row.no-gutter .tablet-33 {
        width: 33.333333333333336%
    }

    .row .tablet-25 {
        width: 25%;
        width: calc((100% - 15px*3)/ 4)
    }

    .row.no-gutter .tablet-25 {
        width: 25%
    }

    .row .tablet-20 {
        width: 20%;
        width: calc((100% - 15px*4)/ 5)
    }

    .row.no-gutter .tablet-20 {
        width: 20%
    }

    .row .tablet-15 {
        width: 15%;
        width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
    }

    .row.no-gutter .tablet-15 {
        width: 15%
    }

    .row .tablet-10 {
        width: 10%;
        width: calc((100% - 15px*9)/ 10)
    }

    .row.no-gutter .tablet-10 {
        width: 10%
    }

    .row .tablet-5 {
        width: 5%;
        width: calc((100% - 15px*19)/ 20)
    }

    .row.no-gutter .tablet-5 {
        width: 5%
    }

    .row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.col-auto {
        width: 100%;
        width: calc((100% - 15px*0)/ 1)
    }

    .row.no-gutter .tablet-auto:nth-last-child(1),.row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto {
        width: 100%
    }

    .row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.col-auto {
        width: 50%;
        width: calc((100% - 15px*1)/ 2)
    }

    .row.no-gutter .tablet-auto:nth-last-child(2),.row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto {
        width: 50%
    }

    .row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.col-auto {
        width: 33.33333333%;
        width: calc((100% - 15px*2)/ 3)
    }

    .row.no-gutter .tablet-auto:nth-last-child(3),.row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto {
        width: 33.33333333%
    }

    .row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.col-auto {
        width: 25%;
        width: calc((100% - 15px*3)/ 4)
    }

    .row.no-gutter .tablet-auto:nth-last-child(4),.row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto {
        width: 25%
    }

    .row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.col-auto {
        width: 20%;
        width: calc((100% - 15px*4)/ 5)
    }

    .row.no-gutter .tablet-auto:nth-last-child(5),.row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto {
        width: 20%
    }

    .row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.col-auto {
        width: 16.66666667%;
        width: calc((100% - 15px*5)/ 6)
    }

    .row.no-gutter .tablet-auto:nth-last-child(6),.row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto {
        width: 16.66666667%
    }

    .row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.col-auto {
        width: 14.28571429%;
        width: calc((100% - 15px*6)/ 7)
    }

    .row.no-gutter .tablet-auto:nth-last-child(7),.row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto {
        width: 14.28571429%
    }

    .row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.col-auto {
        width: 12.5%;
        width: calc((100% - 15px*7)/ 8)
    }

    .row.no-gutter .tablet-auto:nth-last-child(8),.row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto {
        width: 12.5%
    }

    .row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.col-auto {
        width: 11.11111111%;
        width: calc((100% - 15px*8)/ 9)
    }

    .row.no-gutter .tablet-auto:nth-last-child(9),.row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto {
        width: 11.11111111%
    }

    .row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.col-auto {
        width: 10%;
        width: calc((100% - 15px*9)/ 10)
    }

    .row.no-gutter .tablet-auto:nth-last-child(10),.row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto {
        width: 10%
    }

    .row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.col-auto {
        width: 9.09090909%;
        width: calc((100% - 15px*10)/ 11)
    }

    .row.no-gutter .tablet-auto:nth-last-child(11),.row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto {
        width: 9.09090909%
    }

    .row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.col-auto {
        width: 8.33333333%;
        width: calc((100% - 15px*11)/ 12)
    }

    .row.no-gutter .tablet-auto:nth-last-child(12),.row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto {
        width: 8.33333333%
    }

    .row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.col-auto {
        width: 7.69230769%;
        width: calc((100% - 15px*12)/ 13)
    }

    .row.no-gutter .tablet-auto:nth-last-child(13),.row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto {
        width: 7.69230769%
    }

    .row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.col-auto {
        width: 7.14285714%;
        width: calc((100% - 15px*13)/ 14)
    }

    .row.no-gutter .tablet-auto:nth-last-child(14),.row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto {
        width: 7.14285714%
    }

    .row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.col-auto {
        width: 6.66666667%;
        width: calc((100% - 15px*14)/ 15)
    }

    .row.no-gutter .tablet-auto:nth-last-child(15),.row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto {
        width: 6.66666667%
    }
}