/*--============================---
 *  栅格化布局组件样式
 *  loke 2018-08-15 15:47:45
 *--==============================*/
.sui-rows {
    width:100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 2rem;
}

.sui-col{
    display: inherit;
    justify-content: center;
    align-items: center;
    min-height: 2rem;
    line-height: 100%;
    margin: 1.25%;
}
.sui-col-1 {
    width: 6.875%;
}
.sui-col-2 {
    width: 16.25%;
}
.sui-col-3 {
    width: 23.125%;
}
.sui-col-4 {
    width: 31.25%;
}
.sui-col-5 {
    width: 39.375%;
}
.sui-col-6 {
    width: 47.5%;
}
.sui-col-7 {
    width: 55.625%;
}
.sui-col-8 {
    width: 63.75%;
}
.sui-col-9 {
    width: 71.875%;
}
.sui-col-10 {
    width: 81.25%;
}
.sui-col-11 {
    width: 88.125%;
}
.sui-col-12 {
    width: 100%;
}