.flex-c-l-t,
/*列项左上对齐*/
.flex-c-c-t,
/*列项中上对齐*/
.flex-c-r-t,
/*列项右上对齐*/
.flex-c-l-c,
/*列项左中对齐*/
.flex-c-c-c,
/*列项中中对齐*/
.flex-c-r-c,
/*列项右中对齐*/
.flex-c-l-b,
/*列项左下对齐*/
.flex-c-c-b,
/*列项中下对齐*/
.flex-c-r-b,
/*列项右下对齐*/
.flex-c-s-t,
/*列两端上对齐*/
.flex-c-s-c,
/*列两端中对齐*/
.flex-c-s-b {
    /*列两端下对齐*/
    display: flex;
    flex-flow: row nowrap;
}

/*盒子列项左居上对齐*/
.flex-c-l-t {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}

/*盒子列项中居上对齐*/
.flex-c-c-t {
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

/*盒子列项右居上对齐*/
.flex-c-r-t {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-end;
}

/*盒子列项左居中对齐*/
.flex-c-l-c {
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

/*盒子列项中居中对齐*/
.flex-c-c-c {
    align-items: center;
    align-content: center;
    justify-content: center;
}

/*盒子列项右居中对齐*/
.flex-c-r-c {
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

/*盒子列项左居底对齐*/
.flex-c-l-b {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-start;
}

/*盒子列项中居底对齐*/
.flex-c-c-b {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: center;
}

/*盒子列项右居底对齐*/
.flex-c-r-b {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
}

/*盒子列项两端上对齐*/
.flex-c-s-t {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
}

/*盒子列项两端中对齐*/
.flex-c-s-c {
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

/*盒子列项两端下对齐*/
.flex-c-s-b {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
}

.flex-r-l-t,
/*行项左上对齐*/
.flex-r-c-t,
/*行项中上对齐*/
.flex-r-r-t,
/*行项右上对齐*/
.flex-r-l-c,
/*行项左中对齐*/
.flex-r-c-c,
/*行项中中对齐*/
.flex-r-r-c,
/*行项右中对齐*/
.flex-r-l-b,
/*行项左下对齐*/
.flex-r-c-b,
/*行项中下对齐*/
.flex-r-r-b,
/*行项右下对齐*/
.flex-r-s-l,
/*行两端左对齐*/
.flex-r-s-c,
/*行两端中对齐*/
.flex-r-s-r {
    /*行两端右对齐*/
    display: flex;
    flex-flow: column nowrap;
}

/*盒子行项左居上对齐*/
.flex-r-l-t {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}

/*盒子行项中居上对齐*/
.flex-r-c-t {
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

/*盒子行项右居上对齐*/
.flex-r-r-t {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-start;
}

/*盒子行项左居中对齐*/
.flex-r-l-c {
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
}

/*盒子行项中居中对齐*/
.flex-r-c-c {
    align-items: center;
    align-content: center;
    justify-content: center;
}

/*盒子行项右居中对齐*/
.flex-r-r-c {
    align-items: flex-end;
    justify-content: center;
    align-content: flex-end;
}

/*盒子行项左居底对齐*/
.flex-r-l-b {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-end;
}

/*盒子行项中居底对齐*/
.flex-r-c-b {
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

/*盒子行项右居底对齐*/
.flex-r-r-b {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
}

/*盒子行项两端左对齐*/
.flex-r-s-l {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
}

/*盒子行项两端中对齐*/
.flex-r-s-c {
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

/*盒子行项两端右边对齐*/
.flex-r-s-r {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
}