/*设为Flex布局以后，子元素的float、clear、vertical-align属性将失效。*/
.flexBox {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.flexILB {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

/*flex-direction 属性指定了内部元素是如何在 flex 容器中布局的，定义了主轴的方向(正方向或反方向)。*/
.flexDirectionC {
    -khtml-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -khtml-box-direction: normal;
    -o-box-direction: normal;
    -ms-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -khtml-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flexDirectionCR {
    -khtml-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -khtml-box-direction: reverse;
    -o-box-direction: reverse;
    -ms-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-direction: reverse;
    box-direction: reverse;
    -khtml-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flexDirectionR {
    -khtml-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -khtml-box-direction: normal;
    -o-box-direction: normal;
    -ms-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -khtml-flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flexDirectionRR {
    -khtml-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -khtml-box-direction: reverse;
    -o-box-direction: reverse;
    -ms-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-direction: reverse;
    box-direction: reverse;
    -khtml-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/*flex-wrap 指定 flex 元素单行显示还是多行显示 。如果允许换行，这个属性允许你控制行的堆叠方向。*/
.flexWrapN {
    -khtml-box-lines: single;
    -o-box-lines: single;
    -ms-box-lines: single;
    -moz-box-lines: single;
    -webkit-box-lines: single;
    box-lines: single;
    -khtml-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flexWrapW {
    -khtml-box-lines: multiple;
    -o-box-lines: multiple;
    -ms-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-box-lines: multiple;
    box-lines: multiple;
    -khtml-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexWrapWR {
    -khtml-flex-wrap: wrap-reverse;
    -o-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    -moz-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.flexS {
    -khtml-box-pack: start;
    -o-box-pack: start;
    -ms-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    box-pack: start;
    -khtml-flex-pack: start;
    -o-flex-pack: start;
    -ms-flex-pack: start;
    -moz-flex-pack: start;
    -webkit-flex-pack: start;
    flex-pack: start;
    -khtml-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -khtml-box-align: start;
    -o-box-align: start;
    -ms-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    box-align: start;
    -khtml-flex-align: start;
    -o-flex-align: start;
    -ms-flex-align: start;
    -moz-flex-align: start;
    -webkit-flex-align: start;
    flex-align: start;
    -khtml-align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flexSC {
    -khtml-box-pack: start;
    -o-box-pack: start;
    -ms-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    box-pack: start;
    -khtml-flex-pack: start;
    -o-flex-pack: start;
    -ms-flex-pack: start;
    -moz-flex-pack: start;
    -webkit-flex-pack: start;
    flex-pack: start;
    -khtml-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -khtml-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -khtml-flex-align: center;
    -o-flex-align: center;
    -ms-flex-align: center;
    -moz-flex-align: center;
    -webkit-flex-align: center;
    flex-align: center;
    -khtml-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flexSE {
    -khtml-box-pack: start;
    -o-box-pack: start;
    -ms-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    box-pack: start;
    -khtml-flex-pack: start;
    -o-flex-pack: start;
    -ms-flex-pack: start;
    -moz-flex-pack: start;
    -webkit-flex-pack: start;
    flex-pack: start;
    -khtml-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -khtml-box-align: end;
    -o-box-align: end;
    -ms-box-align: end;
    -moz-box-align: end;
    -webkit-box-align: end;
    box-align: end;
    -khtml-flex-align: end;
    -o-flex-align: end;
    -ms-flex-align: end;
    -moz-flex-align: end;
    -webkit-flex-align: end;
    flex-align: end;
    -khtml-align-items: flex-end;
    -o-align-items: flex-end;
    -ms-align-items: flex-end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flexSBL {
    -khtml-box-pack: start;
    -o-box-pack: start;
    -ms-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    box-pack: start;
    -khtml-flex-pack: start;
    -o-flex-pack: start;
    -ms-flex-pack: start;
    -moz-flex-pack: start;
    -webkit-flex-pack: start;
    flex-pack: start;
    -khtml-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -khtml-box-align: baseline;
    -o-box-align: baseline;
    -ms-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
    box-align: baseline;
    -khtml-flex-align: baseline;
    -o-flex-align: baseline;
    -ms-flex-align: baseline;
    -moz-flex-align: baseline;
    -webkit-flex-align: baseline;
    flex-align: baseline;
    -khtml-align-items: baseline;
    -o-align-items: baseline;
    -ms-align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flexSStr {
    -khtml-box-pack: start;
    -o-box-pack: start;
    -ms-box-pack: start;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    box-pack: start;
    -khtml-flex-pack: start;
    -o-flex-pack: start;
    -ms-flex-pack: start;
    -moz-flex-pack: start;
    -webkit-flex-pack: start;
    flex-pack: start;
    -khtml-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -khtml-box-align: stretch;
    -o-box-align: stretch;
    -ms-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -khtml-flex-align: stretch;
    -o-flex-align: stretch;
    -ms-flex-align: stretch;
    -moz-flex-align: stretch;
    -webkit-flex-align: stretch;
    flex-align: stretch;
    -khtml-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.flexCS {
    -khtml-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -khtml-flex-pack: center;
    -o-flex-pack: center;
    -ms-flex-pack: center;
    -moz-flex-pack: center;
    -webkit-flex-pack: center;
    flex-pack: center;
    -khtml-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -khtml-box-align: start;
    -o-box-align: start;
    -ms-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    box-align: start;
    -khtml-flex-align: start;
    -o-flex-align: start;
    -ms-flex-align: start;
    -moz-flex-align: start;
    -webkit-flex-align: start;
    flex-align: start;
    -khtml-align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flexC {
    -khtml-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -khtml-flex-pack: center;
    -o-flex-pack: center;
    -ms-flex-pack: center;
    -moz-flex-pack: center;
    -webkit-flex-pack: center;
    flex-pack: center;
    -khtml-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -khtml-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -khtml-flex-align: center;
    -o-flex-align: center;
    -ms-flex-align: center;
    -moz-flex-align: center;
    -webkit-flex-align: center;
    flex-align: center;
    -khtml-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flexCE {
    -khtml-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -khtml-flex-pack: center;
    -o-flex-pack: center;
    -ms-flex-pack: center;
    -moz-flex-pack: center;
    -webkit-flex-pack: center;
    flex-pack: center;
    -khtml-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -khtml-box-align: end;
    -o-box-align: end;
    -ms-box-align: end;
    -moz-box-align: end;
    -webkit-box-align: end;
    box-align: end;
    -khtml-flex-align: end;
    -o-flex-align: end;
    -ms-flex-align: end;
    -moz-flex-align: end;
    -webkit-flex-align: end;
    flex-align: end;
    -khtml-align-items: flex-end;
    -o-align-items: flex-end;
    -ms-align-items: flex-end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flexCBL {
    -khtml-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -khtml-flex-pack: center;
    -o-flex-pack: center;
    -ms-flex-pack: center;
    -moz-flex-pack: center;
    -webkit-flex-pack: center;
    flex-pack: center;
    -khtml-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -khtml-box-align: baseline;
    -o-box-align: baseline;
    -ms-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
    box-align: baseline;
    -khtml-flex-align: baseline;
    -o-flex-align: baseline;
    -ms-flex-align: baseline;
    -moz-flex-align: baseline;
    -webkit-flex-align: baseline;
    flex-align: baseline;
    -khtml-align-items: baseline;
    -o-align-items: baseline;
    -ms-align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flexCStr {
    -khtml-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -khtml-flex-pack: center;
    -o-flex-pack: center;
    -ms-flex-pack: center;
    -moz-flex-pack: center;
    -webkit-flex-pack: center;
    flex-pack: center;
    -khtml-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -khtml-box-align: stretch;
    -o-box-align: stretch;
    -ms-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -khtml-flex-align: stretch;
    -o-flex-align: stretch;
    -ms-flex-align: stretch;
    -moz-flex-align: stretch;
    -webkit-flex-align: stretch;
    flex-align: stretch;
    -khtml-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.flexES {
    -khtml-box-pack: end;
    -o-box-pack: end;
    -ms-box-pack: end;
    -moz-box-pack: end;
    -webkit-box-pack: end;
    box-pack: end;
    -khtml-flex-pack: end;
    -o-flex-pack: end;
    -ms-flex-pack: end;
    -moz-flex-pack: end;
    -webkit-flex-pack: end;
    flex-pack: end;
    -khtml-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -khtml-box-align: start;
    -o-box-align: start;
    -ms-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    box-align: start;
    -khtml-flex-align: start;
    -o-flex-align: start;
    -ms-flex-align: start;
    -moz-flex-align: start;
    -webkit-flex-align: start;
    flex-align: start;
    -khtml-align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flexEC {
    -khtml-box-pack: end;
    -o-box-pack: end;
    -ms-box-pack: end;
    -moz-box-pack: end;
    -webkit-box-pack: end;
    box-pack: end;
    -khtml-flex-pack: end;
    -o-flex-pack: end;
    -ms-flex-pack: end;
    -moz-flex-pack: end;
    -webkit-flex-pack: end;
    flex-pack: end;
    -khtml-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -khtml-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -khtml-flex-align: center;
    -o-flex-align: center;
    -ms-flex-align: center;
    -moz-flex-align: center;
    -webkit-flex-align: center;
    flex-align: center;
    -khtml-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flexE {
    -khtml-box-pack: end;
    -o-box-pack: end;
    -ms-box-pack: end;
    -moz-box-pack: end;
    -webkit-box-pack: end;
    box-pack: end;
    -khtml-flex-pack: end;
    -o-flex-pack: end;
    -ms-flex-pack: end;
    -moz-flex-pack: end;
    -webkit-flex-pack: end;
    flex-pack: end;
    -khtml-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -khtml-box-align: end;
    -o-box-align: end;
    -ms-box-align: end;
    -moz-box-align: end;
    -webkit-box-align: end;
    box-align: end;
    -khtml-flex-align: end;
    -o-flex-align: end;
    -ms-flex-align: end;
    -moz-flex-align: end;
    -webkit-flex-align: end;
    flex-align: end;
    -khtml-align-items: flex-end;
    -o-align-items: flex-end;
    -ms-align-items: flex-end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flexEBL {
    -khtml-box-pack: end;
    -o-box-pack: end;
    -ms-box-pack: end;
    -moz-box-pack: end;
    -webkit-box-pack: end;
    box-pack: end;
    -khtml-flex-pack: end;
    -o-flex-pack: end;
    -ms-flex-pack: end;
    -moz-flex-pack: end;
    -webkit-flex-pack: end;
    flex-pack: end;
    -khtml-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -khtml-box-align: baseline;
    -o-box-align: baseline;
    -ms-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
    box-align: baseline;
    -khtml-flex-align: baseline;
    -o-flex-align: baseline;
    -ms-flex-align: baseline;
    -moz-flex-align: baseline;
    -webkit-flex-align: baseline;
    flex-align: baseline;
    -khtml-align-items: baseline;
    -o-align-items: baseline;
    -ms-align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flexEStr {
    -khtml-box-pack: end;
    -o-box-pack: end;
    -ms-box-pack: end;
    -moz-box-pack: end;
    -webkit-box-pack: end;
    box-pack: end;
    -khtml-flex-pack: end;
    -o-flex-pack: end;
    -ms-flex-pack: end;
    -moz-flex-pack: end;
    -webkit-flex-pack: end;
    flex-pack: end;
    -khtml-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -khtml-box-align: stretch;
    -o-box-align: stretch;
    -ms-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -khtml-flex-align: stretch;
    -o-flex-align: stretch;
    -ms-flex-align: stretch;
    -moz-flex-align: stretch;
    -webkit-flex-align: stretch;
    flex-align: stretch;
    -khtml-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.flexSBS {
    -khtml-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify;
    -khtml-flex-pack: justify;
    -o-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-flex-pack: justify;
    -webkit-flex-pack: justify;
    flex-pack: justify;
    -khtml-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -khtml-box-align: start;
    -o-box-align: start;
    -ms-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    box-align: start;
    -khtml-flex-align: start;
    -o-flex-align: start;
    -ms-flex-align: start;
    -moz-flex-align: start;
    -webkit-flex-align: start;
    flex-align: start;
    -khtml-align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flexSBC {
    -khtml-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify;
    -khtml-flex-pack: justify;
    -o-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-flex-pack: justify;
    -webkit-flex-pack: justify;
    flex-pack: justify;
    -khtml-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -khtml-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -khtml-flex-align: center;
    -o-flex-align: center;
    -ms-flex-align: center;
    -moz-flex-align: center;
    -webkit-flex-align: center;
    flex-align: center;
    -khtml-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flexSBE {
    -khtml-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify;
    -khtml-flex-pack: justify;
    -o-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-flex-pack: justify;
    -webkit-flex-pack: justify;
    flex-pack: justify;
    -khtml-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -khtml-box-align: end;
    -o-box-align: end;
    -ms-box-align: end;
    -moz-box-align: end;
    -webkit-box-align: end;
    box-align: end;
    -khtml-flex-align: end;
    -o-flex-align: end;
    -ms-flex-align: end;
    -moz-flex-align: end;
    -webkit-flex-align: end;
    flex-align: end;
    -khtml-align-items: flex-end;
    -o-align-items: flex-end;
    -ms-align-items: flex-end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flexSBBL {
    -khtml-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify;
    -khtml-flex-pack: justify;
    -o-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-flex-pack: justify;
    -webkit-flex-pack: justify;
    flex-pack: justify;
    -khtml-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -khtml-box-align: baseline;
    -o-box-align: baseline;
    -ms-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
    box-align: baseline;
    -khtml-flex-align: baseline;
    -o-flex-align: baseline;
    -ms-flex-align: baseline;
    -moz-flex-align: baseline;
    -webkit-flex-align: baseline;
    flex-align: baseline;
    -khtml-align-items: baseline;
    -o-align-items: baseline;
    -ms-align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flexSBStr {
    -khtml-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    box-pack: justify;
    -khtml-flex-pack: justify;
    -o-flex-pack: justify;
    -ms-flex-pack: justify;
    -moz-flex-pack: justify;
    -webkit-flex-pack: justify;
    flex-pack: justify;
    -khtml-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -khtml-box-align: stretch;
    -o-box-align: stretch;
    -ms-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -khtml-flex-align: stretch;
    -o-flex-align: stretch;
    -ms-flex-align: stretch;
    -moz-flex-align: stretch;
    -webkit-flex-align: stretch;
    flex-align: stretch;
    -khtml-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.flexSAS {
    -khtml-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -khtml-box-align: start;
    -o-box-align: start;
    -ms-box-align: start;
    -moz-box-align: start;
    -webkit-box-align: start;
    box-align: start;
    -khtml-flex-align: start;
    -o-flex-align: start;
    -ms-flex-align: start;
    -moz-flex-align: start;
    -webkit-flex-align: start;
    flex-align: start;
    -khtml-align-items: flex-start;
    -o-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flexSAC {
    -khtml-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -khtml-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -khtml-flex-align: center;
    -o-flex-align: center;
    -ms-flex-align: center;
    -moz-flex-align: center;
    -webkit-flex-align: center;
    flex-align: center;
    -khtml-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flexSAE {
    -khtml-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -khtml-box-align: end;
    -o-box-align: end;
    -ms-box-align: end;
    -moz-box-align: end;
    -webkit-box-align: end;
    box-align: end;
    -khtml-flex-align: end;
    -o-flex-align: end;
    -ms-flex-align: end;
    -moz-flex-align: end;
    -webkit-flex-align: end;
    flex-align: end;
    -khtml-align-items: flex-end;
    -o-align-items: flex-end;
    -ms-align-items: flex-end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flexSABL {
    -khtml-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -khtml-box-align: baseline;
    -o-box-align: baseline;
    -ms-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
    box-align: baseline;
    -khtml-flex-align: baseline;
    -o-flex-align: baseline;
    -ms-flex-align: baseline;
    -moz-flex-align: baseline;
    -webkit-flex-align: baseline;
    flex-align: baseline;
    -khtml-align-items: baseline;
    -o-align-items: baseline;
    -ms-align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flexSAStr {
    -khtml-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -khtml-box-align: stretch;
    -o-box-align: stretch;
    -ms-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -khtml-flex-align: stretch;
    -o-flex-align: stretch;
    -ms-flex-align: stretch;
    -moz-flex-align: stretch;
    -webkit-flex-align: stretch;
    flex-align: stretch;
    -khtml-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

/*align-content 属性定义弹性容器的侧轴方向上有额外空间时，如何排布每一行。当弹性容器只有一行时无作用。*/
.flexACS {
    -khtml-flex-line-pack: start;
    -o-flex-line-pack: start;
    -ms-flex-line-pack: start;
    -moz-flex-line-pack: start;
    -webkit-flex-line-pack: start;
    flex-line-pack: start;
    -khtml-align-content: flex-start;
    -o-align-content: flex-start;
    -ms-align-content: flex-start;
    -moz-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.flexACC {
    -khtml-flex-line-pack: center;
    -o-flex-line-pack: center;
    -ms-flex-line-pack: center;
    -moz-flex-line-pack: center;
    -webkit-flex-line-pack: center;
    flex-line-pack: center;
    -khtml-align-content: center;
    -o-align-content: center;
    -ms-align-content: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.flexACE {
    -khtml-flex-line-pack: end;
    -o-flex-line-pack: end;
    -ms-flex-line-pack: end;
    -moz-flex-line-pack: end;
    -webkit-flex-line-pack: end;
    flex-line-pack: end;
    -khtml-align-content: flex-end;
    -o-align-content: flex-end;
    -ms-align-content: flex-end;
    -moz-align-content: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.flexACSB {
    -khtml-flex-line-pack: justify;
    -o-flex-line-pack: justify;
    -ms-flex-line-pack: justify;
    -moz-flex-line-pack: justify;
    -webkit-flex-line-pack: justify;
    flex-line-pack: justify;
    -khtml-align-content: space-between;
    -o-align-content: space-between;
    -ms-align-content: space-between;
    -moz-align-content: space-between;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.flexACSA {
    -khtml-align-content: space-around;
    -o-align-content: space-around;
    -ms-align-content: space-around;
    -moz-align-content: space-around;
    -webkit-align-content: space-around;
    align-content: space-around;
}

.flexACStr {
    -khtml-flex-line-pack: stretch;
    -o-flex-line-pack: stretch;
    -ms-flex-line-pack: stretch;
    -moz-flex-line-pack: stretch;
    -webkit-flex-line-pack: stretch;
    flex-line-pack: stretch;
    -khtml-align-content: stretch;
    -o-align-content: stretch;
    -ms-align-content: stretch;
    -moz-align-content: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
}

/*
align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。
默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
覆盖 align-items 的值. 如果任何 flex 元素的侧轴方向 margin 值设置为 auto，则会忽略 align-self。
作用于单个具体的元素(具体子元素)。
*/
.flexASA {
    -khtml-flex-item-align: auto;
    -o-flex-item-align: auto;
    -ms-flex-item-align: auto;
    -moz-flex-item-align: auto;
    -webkit-flex-item-align: auto;
    flex-item-align: auto;
    -khtml-align-self: auto;
    -o-align-self: auto;
    -ms-align-self: auto;
    -moz-align-self: auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.flexASS {
    -khtml-flex-item-align: start;
    -o-flex-item-align: start;
    -ms-flex-item-align: start;
    -moz-flex-item-align: start;
    -webkit-flex-item-align: start;
    flex-item-align: start;
    -khtml-align-self: flex-start;
    -o-align-self: flex-start;
    -ms-align-self: flex-start;
    -moz-align-self: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}

.flexASC {
    -khtml-flex-item-align: center;
    -o-flex-item-align: center;
    -ms-flex-item-align: center;
    -moz-flex-item-align: center;
    -webkit-flex-item-align: center;
    flex-item-align: center;
    -khtml-align-self: center;
    -o-align-self: center;
    -ms-align-self: center;
    -moz-align-self: center;
    -webkit-align-self: center;
    align-self: center;
}

.flexASE {
    -khtml-flex-item-align: end;
    -o-flex-item-align: end;
    -ms-flex-item-align: end;
    -moz-flex-item-align: end;
    -webkit-flex-item-align: end;
    flex-item-align: end;
    -khtml-align-self: flex-end;
    -o-align-self: flex-end;
    -ms-align-self: flex-end;
    -moz-align-self: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.flexASBL {
    -khtml-flex-item-align: baseline;
    -o-flex-item-align: baseline;
    -ms-flex-item-align: baseline;
    -moz-flex-item-align: baseline;
    -webkit-flex-item-align: baseline;
    flex-item-align: baseline;
    -khtml-align-self: baseline;
    -o-align-self: baseline;
    -ms-align-self: baseline;
    -moz-align-self: baseline;
    -webkit-align-self: baseline;
    align-self: baseline;
}

.flexASStr {
    -khtml-flex-item-align: stretch;
    -o-flex-item-align: stretch;
    -ms-flex-item-align: stretch;
    -moz-flex-item-align: stretch;
    -webkit-flex-item-align: stretch;
    flex-item-align: stretch;
    -khtml-align-self: stretch;
    -o-align-self: stretch;
    -ms-align-self: stretch;
    -moz-align-self: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
}

/*
值为整数，允许负值。
flex-order：值必须是大于零的整数。此属性的初始值为 "0"。
order定义将会影响position值为static元素的层叠级别，数值小的会被数值大的盖住。
order仅仅对元素的视觉顺序 (visual order) 产生作用，并不会影响元素的逻辑或 tab 顺序。 order 不可以用于非视觉媒体，例如 speech。
*/
.flexOrder0 {
    -khtml-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-box-ordinal-group: 0;
    box-ordinal-group: 0;
    -khtml-flex-order: 0;
    -o-flex-order: 0;
    -ms-flex-order: 0;
    -moz-flex-order: 0;
    -webkit-flex-order: 0;
    flex-order: 0;
    -khtml-order: 0;
    -o-order: 0;
    -ms-order: 0;
    -moz-order: 0;
    -webkit-order: 0;
    order: 0;
}

.flexOrder1 {
    -khtml-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -khtml-flex-order: 1;
    -o-flex-order: 1;
    -ms-flex-order: 1;
    -moz-flex-order: 1;
    -webkit-flex-order: 1;
    flex-order: 1;
    -khtml-order: 1;
    -o-order: 1;
    -ms-order: 1;
    -moz-order: 1;
    -webkit-order: 1;
    order: 1;
}

.flexOrder2 {
    -khtml-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -khtml-flex-order: 2;
    -o-flex-order: 2;
    -ms-flex-order: 2;
    -moz-flex-order: 2;
    -webkit-flex-order: 2;
    flex-order: 2;
    -khtml-order: 2;
    -o-order: 2;
    -ms-order: 2;
    -moz-order: 2;
    -webkit-order: 2;
    order: 2;
}

.flexOrder3 {
    -khtml-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -khtml-flex-order: 3;
    -o-flex-order: 3;
    -ms-flex-order: 3;
    -moz-flex-order: 3;
    -webkit-flex-order: 3;
    flex-order: 3;
    -khtml-order: 3;
    -o-order: 3;
    -ms-order: 3;
    -moz-order: 3;
    -webkit-order: 3;
    order: 3;
}

.flexOrder4 {
    -khtml-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    -ms-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -khtml-flex-order: 4;
    -o-flex-order: 4;
    -ms-flex-order: 4;
    -moz-flex-order: 4;
    -webkit-flex-order: 4;
    flex-order: 4;
    -khtml-order: 4;
    -o-order: 4;
    -ms-order: 4;
    -moz-order: 4;
    -webkit-order: 4;
    order: 4;
}

.flexOrder5 {
    -khtml-box-ordinal-group: 5;
    -o-box-ordinal-group: 5;
    -ms-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -khtml-flex-order: 5;
    -o-flex-order: 5;
    -ms-flex-order: 5;
    -moz-flex-order: 5;
    -webkit-flex-order: 5;
    flex-order: 5;
    -khtml-order: 5;
    -o-order: 5;
    -ms-order: 5;
    -moz-order: 5;
    -webkit-order: 5;
    order: 5;
}

.flexOrder6 {
    -khtml-box-ordinal-group: 6;
    -o-box-ordinal-group: 6;
    -ms-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -webkit-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -khtml-flex-order: 6;
    -o-flex-order: 6;
    -ms-flex-order: 6;
    -moz-flex-order: 6;
    -webkit-flex-order: 6;
    flex-order: 6;
    -khtml-order: 6;
    -o-order: 6;
    -ms-order: 6;
    -moz-order: 6;
    -webkit-order: 6;
    order: 6;
}

.flexOrder7 {
    -khtml-box-ordinal-group: 7;
    -o-box-ordinal-group: 7;
    -ms-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-box-ordinal-group: 7;
    box-ordinal-group: 7;
    -khtml-flex-order: 7;
    -o-flex-order: 7;
    -ms-flex-order: 7;
    -moz-flex-order: 7;
    -webkit-flex-order: 7;
    flex-order: 7;
    -khtml-order: 7;
    -o-order: 7;
    -ms-order: 7;
    -moz-order: 7;
    -webkit-order: 7;
    order: 7;
}

.flexOrder8 {
    -khtml-box-ordinal-group: 8;
    -o-box-ordinal-group: 8;
    -ms-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    -webkit-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -khtml-flex-order: 8;
    -o-flex-order: 8;
    -ms-flex-order: 8;
    -moz-flex-order: 8;
    -webkit-flex-order: 8;
    flex-order: 8;
    -khtml-order: 8;
    -o-order: 8;
    -ms-order: 8;
    -moz-order: 8;
    -webkit-order: 8;
    order: 8;
}

.flexOrder9 {
    -khtml-box-ordinal-group: 9;
    -o-box-ordinal-group: 9;
    -ms-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    -webkit-box-ordinal-group: 9;
    box-ordinal-group: 9;
    -khtml-flex-order: 9;
    -o-flex-order: 9;
    -ms-flex-order: 9;
    -moz-flex-order: 9;
    -webkit-flex-order: 9;
    flex-order: 9;
    -khtml-order: 9;
    -o-order: 9;
    -ms-order: 9;
    -moz-order: 9;
    -webkit-order: 9;
    order: 9;
}

.flexOrder10 {
    -khtml-box-ordinal-group: 10;
    -o-box-ordinal-group: 10;
    -ms-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    -webkit-box-ordinal-group: 10;
    box-ordinal-group: 10;
    -khtml-flex-order: 10;
    -o-flex-order: 10;
    -ms-flex-order: 10;
    -moz-flex-order: 10;
    -webkit-flex-order: 10;
    flex-order: 10;
    -khtml-order: 10;
    -o-order: 10;
    -ms-order: 10;
    -moz-order: 10;
    -webkit-order: 10;
    order: 10;
}

/*
flex-grow属性定义项目的放大比例。
默认为0，即如果存在剩余空间，也不放大。
flex-grow：值为number，不允许负值。
box-flex：默认值0.0（指示该元素不可伸缩），值为浮点数。
*/
.flexGrow0 {
    -khtml-box-flex: 0.0;
    -o-box-flex: 0.0;
    -ms-box-flex: 0.0;
    -moz-box-flex: 0.0;
    -webkit-box-flex: 0.0;
    box-flex: 0.0;
    -khtml-flex-grow: 0;
    -o-flex-grow: 0;
    -ms-flex-grow: 0;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

.flexGrow1 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex-grow: 1;
    -o-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.flexGrow2 {
    -khtml-box-flex: 2.0;
    -o-box-flex: 2.0;
    -ms-box-flex: 2.0;
    -moz-box-flex: 2.0;
    -webkit-box-flex: 2.0;
    box-flex: 2.0;
    -khtml-flex-grow: 2;
    -o-flex-grow: 2;
    -ms-flex-grow: 2;
    -moz-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.flexGrow3 {
    -khtml-box-flex: 3.0;
    -o-box-flex: 3.0;
    -ms-box-flex: 3.0;
    -moz-box-flex: 3.0;
    -webkit-box-flex: 3.0;
    box-flex: 3.0;
    -khtml-flex-grow: 3;
    -o-flex-grow: 3;
    -ms-flex-grow: 3;
    -moz-flex-grow: 3;
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.flexGrow4 {
    -khtml-box-flex: 4.0;
    -o-box-flex: 4.0;
    -ms-box-flex: 4.0;
    -moz-box-flex: 4.0;
    -webkit-box-flex: 4.0;
    box-flex: 4.0;
    -khtml-flex-grow: 4;
    -o-flex-grow: 4;
    -ms-flex-grow: 4;
    -moz-flex-grow: 4;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

.flexGrow5 {
    -khtml-box-flex: 5.0;
    -o-box-flex: 5.0;
    -ms-box-flex: 5.0;
    -moz-box-flex: 5.0;
    -webkit-box-flex: 5.0;
    box-flex: 5.0;
    -khtml-flex-grow: 5;
    -o-flex-grow: 5;
    -ms-flex-grow: 5;
    -moz-flex-grow: 5;
    -webkit-flex-grow: 5;
    flex-grow: 5;
}

.flexGrow6 {
    -khtml-box-flex: 6.0;
    -o-box-flex: 6.0;
    -ms-box-flex: 6.0;
    -moz-box-flex: 6.0;
    -webkit-box-flex: 6.0;
    box-flex: 6.0;
    -khtml-flex-grow: 6;
    -o-flex-grow: 6;
    -ms-flex-grow: 6;
    -moz-flex-grow: 6;
    -webkit-flex-grow: 6;
    flex-grow: 6;
}

.flexGrow7 {
    -khtml-box-flex: 7.0;
    -o-box-flex: 7.0;
    -ms-box-flex: 7.0;
    -moz-box-flex: 7.0;
    -webkit-box-flex: 7.0;
    box-flex: 7.0;
    -khtml-flex-grow: 7;
    -o-flex-grow: 7;
    -ms-flex-grow: 7;
    -moz-flex-grow: 7;
    -webkit-flex-grow: 7;
    flex-grow: 7;
}

.flexGrow8 {
    -khtml-box-flex: 8.0;
    -o-box-flex: 8.0;
    -ms-box-flex: 8.0;
    -moz-box-flex: 8.0;
    -webkit-box-flex: 8.0;
    box-flex: 8.0;
    -khtml-flex-grow: 8;
    -o-flex-grow: 8;
    -ms-flex-grow: 8;
    -moz-flex-grow: 8;
    -webkit-flex-grow: 8;
    flex-grow: 8;
}

.flexGrow9 {
    -khtml-box-flex: 9.0;
    -o-box-flex: 9.0;
    -ms-box-flex: 9.0;
    -moz-box-flex: 9.0;
    -webkit-box-flex: 9.0;
    box-flex: 9.0;
    -khtml-flex-grow: 9;
    -o-flex-grow: 9;
    -ms-flex-grow: 9;
    -moz-flex-grow: 9;
    -webkit-flex-grow: 9;
    flex-grow: 9;
}

.flexGrow10 {
    -khtml-box-flex: 10.0;
    -o-box-flex: 10.0;
    -ms-box-flex: 10.0;
    -moz-box-flex: 10.0;
    -webkit-box-flex: 10.0;
    box-flex: 10.0;
    -khtml-flex-grow: 10;
    -o-flex-grow: 10;
    -ms-flex-grow: 10;
    -moz-flex-grow: 10;
    -webkit-flex-grow: 10;
    flex-grow: 10;
}

/*
flex-shrink属性定义了项目的缩小比例。
flex 元素仅在默认宽度之和大于容器的时候才会发生收缩。
项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。
如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。
值为number，负值对该属性无效，允许浮点数。
*/
.flexShrink0 {
    -khtml-box-flex: 0.0;
    -o-box-flex: 0.0;
    -ms-box-flex: 0.0;
    -moz-box-flex: 0.0;
    -webkit-box-flex: 0.0;
    box-flex: 0.0;
    -khtml-flex-shrink: 0;
    -o-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.flexShrink1 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex-shrink: 1;
    -o-flex-shrink: 1;
    -ms-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}

.flexShrink2 {
    -khtml-box-flex: 2.0;
    -o-box-flex: 2.0;
    -ms-box-flex: 2.0;
    -moz-box-flex: 2.0;
    -webkit-box-flex: 2.0;
    box-flex: 2.0;
    -khtml-flex-shrink: 2;
    -o-flex-shrink: 2;
    -ms-flex-shrink: 2;
    -moz-flex-shrink: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
}

.flexShrink3 {
    -khtml-box-flex: 3.0;
    -o-box-flex: 3.0;
    -ms-box-flex: 3.0;
    -moz-box-flex: 3.0;
    -webkit-box-flex: 3.0;
    box-flex: 3.0;
    -khtml-flex-shrink: 3;
    -o-flex-shrink: 3;
    -ms-flex-shrink: 3;
    -moz-flex-shrink: 3;
    -webkit-flex-shrink: 3;
    flex-shrink: 3;
}

.flexShrink4 {
    -khtml-box-flex: 4.0;
    -o-box-flex: 4.0;
    -ms-box-flex: 4.0;
    -moz-box-flex: 4.0;
    -webkit-box-flex: 4.0;
    box-flex: 4.0;
    -khtml-flex-shrink: 4;
    -o-flex-shrink: 4;
    -ms-flex-shrink: 4;
    -moz-flex-shrink: 4;
    -webkit-flex-shrink: 4;
    flex-shrink: 4;
}

.flexShrink5 {
    -khtml-box-flex: 5.0;
    -o-box-flex: 5.0;
    -ms-box-flex: 5.0;
    -moz-box-flex: 5.0;
    -webkit-box-flex: 5.0;
    box-flex: 5.0;
    -khtml-flex-shrink: 5;
    -o-flex-shrink: 5;
    -ms-flex-shrink: 5;
    -moz-flex-shrink: 5;
    -webkit-flex-shrink: 5;
    flex-shrink: 5;
}

.flexShrink6 {
    -khtml-box-flex: 6.0;
    -o-box-flex: 6.0;
    -ms-box-flex: 6.0;
    -moz-box-flex: 6.0;
    -webkit-box-flex: 6.0;
    box-flex: 6.0;
    -khtml-flex-shrink: 6;
    -o-flex-shrink: 6;
    -ms-flex-shrink: 6;
    -moz-flex-shrink: 6;
    -webkit-flex-shrink: 6;
    flex-shrink: 6;
}

.flexShrink7 {
    -khtml-box-flex: 7.0;
    -o-box-flex: 7.0;
    -ms-box-flex: 7.0;
    -moz-box-flex: 7.0;
    -webkit-box-flex: 7.0;
    box-flex: 7.0;
    -khtml-flex-shrink: 7;
    -o-flex-shrink: 7;
    -ms-flex-shrink: 7;
    -moz-flex-shrink: 7;
    -webkit-flex-shrink: 7;
    flex-shrink: 7;
}

.flexShrink8 {
    -khtml-box-flex: 8.0;
    -o-box-flex: 8.0;
    -ms-box-flex: 8.0;
    -moz-box-flex: 8.0;
    -webkit-box-flex: 8.0;
    box-flex: 8.0;
    -khtml-flex-shrink: 8;
    -o-flex-shrink: 8;
    -ms-flex-shrink: 8;
    -moz-flex-shrink: 8;
    -webkit-flex-shrink: 8;
    flex-shrink: 8;
}

.flexShrink9 {
    -khtml-box-flex: 9.0;
    -o-box-flex: 9.0;
    -ms-box-flex: 9.0;
    -moz-box-flex: 9.0;
    -webkit-box-flex: 9.0;
    box-flex: 9.0;
    -khtml-flex-shrink: 9;
    -o-flex-shrink: 9;
    -ms-flex-shrink: 9;
    -moz-flex-shrink: 9;
    -webkit-flex-shrink: 9;
    flex-shrink: 9;
}

.flexShrink10 {
    -khtml-box-flex: 10.0;
    -o-box-flex: 10.0;
    -ms-box-flex: 10.0;
    -moz-box-flex: 10.0;
    -webkit-box-flex: 10.0;
    box-flex: 10.0;
    -khtml-flex-shrink: 10;
    -o-flex-shrink: 10;
    -ms-flex-shrink: 10;
    -moz-flex-shrink: 10;
    -webkit-flex-shrink: 10;
    flex-shrink: 10;
}

/*
值可以是一个数字后面跟着绝对单位例如 px, mm, pt;。
该值也可以是一个百分数，那么这个百分数就是相对于其父弹性盒容器的宽或者高（取决于主轴方向）。
负值是不被允许的。
如果不使用 box-sizing 来改变盒模型的话，那么这个属性就决定了 flex 元素的内容盒（content-box）的宽或者高（取决于主轴的方向）的尺寸大小。
该属性来设置该元素的宽度。当然，width也可以用来设置元素宽度。如果元素上同时设置了width和flex-basis,那么flex-basis会覆盖width的值。
如果所有子元素的基准值之和大于剩余空间，则会根据每项设置的基准值，按比率伸缩剩余空间
它的默认值为auto，即项目的本来大小。
*/
.flexBasisA {
    -khtml-flex-basis: auto;
    -o-flex-basis: auto;
    -ms-flex-basis: auto;
    -moz-flex-basis: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
}

.flexBasis5 {
    -khtml-flex-basis: 5%;
    -o-flex-basis: 5%;
    -ms-flex-basis: 5%;
    -moz-flex-basis: 5%;
    -webkit-flex-basis: 5%;
    flex-basis: 5%;
}

.flexBasis10 {
    -khtml-flex-basis: 10%;
    -o-flex-basis: 10%;
    -ms-flex-basis: 10%;
    -moz-flex-basis: 10%;
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
}

.flexBasis15 {
    -khtml-flex-basis: 15%;
    -o-flex-basis: 15%;
    -ms-flex-basis: 15%;
    -moz-flex-basis: 15%;
    -webkit-flex-basis: 15%;
    flex-basis: 15%;
}

.flexBasis20 {
    -khtml-flex-basis: 20%;
    -o-flex-basis: 20%;
    -ms-flex-basis: 20%;
    -moz-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}

.flexBasis25 {
    -khtml-flex-basis: 25%;
    -o-flex-basis: 25%;
    -ms-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
}

.flexBasis30 {
    -khtml-flex-basis: 30%;
    -o-flex-basis: 30%;
    -ms-flex-basis: 30%;
    -moz-flex-basis: 30%;
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
}

.flexBasis33 {
    -khtml-flex-basis: 33%;
    -o-flex-basis: 33%;
    -ms-flex-basis: 33%;
    -moz-flex-basis: 33%;
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
}

.flexBasis3333 {
    -khtml-flex-basis: 33.3333%;
    -o-flex-basis: 33.3333%;
    -ms-flex-basis: 33.3333%;
    -moz-flex-basis: 33.3333%;
    -webkit-flex-basis: 33.3333%;
    flex-basis: 33.3333%;
}

.flexBasis34 {
    -khtml-flex-basis: 34%;
    -o-flex-basis: 34%;
    -ms-flex-basis: 34%;
    -moz-flex-basis: 34%;
    -webkit-flex-basis: 34%;
    flex-basis: 34%;
}

.flexBasis35 {
    -khtml-flex-basis: 35%;
    -o-flex-basis: 35%;
    -ms-flex-basis: 35%;
    -moz-flex-basis: 35%;
    -webkit-flex-basis: 35%;
    flex-basis: 35%;
}

.flexBasis40 {
    -khtml-flex-basis: 40%;
    -o-flex-basis: 40%;
    -ms-flex-basis: 40%;
    -moz-flex-basis: 40%;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
}

.flexBasis45 {
    -khtml-flex-basis: 45%;
    -o-flex-basis: 45%;
    -ms-flex-basis: 45%;
    -moz-flex-basis: 45%;
    -webkit-flex-basis: 45%;
    flex-basis: 45%;
}

.flexBasis50 {
    -khtml-flex-basis: 50%;
    -o-flex-basis: 50%;
    -ms-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}

.flexBasis55 {
    -khtml-flex-basis: 55%;
    -o-flex-basis: 55%;
    -ms-flex-basis: 55%;
    -moz-flex-basis: 55%;
    -webkit-flex-basis: 55%;
    flex-basis: 55%;
}

.flexBasis60 {
    -khtml-flex-basis: 60%;
    -o-flex-basis: 60%;
    -ms-flex-basis: 60%;
    -moz-flex-basis: 60%;
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
}

.flexBasis65 {
    -khtml-flex-basis: 65%;
    -o-flex-basis: 65%;
    -ms-flex-basis: 65%;
    -moz-flex-basis: 65%;
    -webkit-flex-basis: 65%;
    flex-basis: 65%;
}

.flexBasis66 {
    -khtml-flex-basis: 66%;
    -o-flex-basis: 66%;
    -ms-flex-basis: 66%;
    -moz-flex-basis: 66%;
    -webkit-flex-basis: 66%;
    flex-basis: 66%;
}

.flexBasis67 {
    -khtml-flex-basis: 67%;
    -o-flex-basis: 67%;
    -ms-flex-basis: 67%;
    -moz-flex-basis: 67%;
    -webkit-flex-basis: 67%;
    flex-basis: 67%;
}

.flexBasis70 {
    -khtml-flex-basis: 70%;
    -o-flex-basis: 70%;
    -ms-flex-basis: 70%;
    -moz-flex-basis: 70%;
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
}

.flexBasis75 {
    -khtml-flex-basis: 75%;
    -o-flex-basis: 75%;
    -ms-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
}

.flexBasis80 {
    -khtml-flex-basis: 80%;
    -o-flex-basis: 80%;
    -ms-flex-basis: 80%;
    -moz-flex-basis: 80%;
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
}

.flexBasis85 {
    -khtml-flex-basis: 85%;
    -o-flex-basis: 85%;
    -ms-flex-basis: 85%;
    -moz-flex-basis: 85%;
    -webkit-flex-basis: 85%;
    flex-basis: 85%;
}

.flexBasis90 {
    -khtml-flex-basis: 90%;
    -o-flex-basis: 90%;
    -ms-flex-basis: 90%;
    -moz-flex-basis: 90%;
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
}

.flexBasis95 {
    -khtml-flex-basis: 95%;
    -o-flex-basis: 95%;
    -ms-flex-basis: 95%;
    -moz-flex-basis: 95%;
    -webkit-flex-basis: 95%;
    flex-basis: 95%;
}

/*content：基于 flex 的元素自动调整大小。*/
.flexBasisC {
    -khtml-flex-basis: content;
    -o-flex-basis: content;
    -ms-flex-basis: content;
    -moz-flex-basis: content;
    -webkit-flex-basis: content;
    flex-basis: content;
}

.flexBasisMaxC {
    -khtml-flex-basis: -khtml-max-content;
    -o-flex-basis: -o-max-content;
    -ms-flex-basis: -ms-max-content;
    -moz-flex-basis: -moz-max-content;
    -khtml-flex-basis: max-content;
    -o-flex-basis: max-content;
    -ms-flex-basis: max-content;
    -moz-flex-basis: max-content;
    -webkit-flex-basis: max-content;
    flex-basis: -moz-max-content;
    flex-basis: max-content;
}

.flexBasisMinC {
    -khtml-flex-basis: -khtml-min-content;
    -o-flex-basis: -o-min-content;
    -ms-flex-basis: -ms-min-content;
    -moz-flex-basis: -moz-min-content;
    -khtml-flex-basis: min-content;
    -o-flex-basis: min-content;
    -ms-flex-basis: min-content;
    -moz-flex-basis: min-content;
    -webkit-flex-basis: min-content;
    flex-basis: -moz-min-content;
    flex-basis: min-content;
}

.flexBasisFitC {
    -khtml-flex-basis: -khtml-fit-content;
    -o-flex-basis: -o-fit-content;
    -ms-flex-basis: -ms-fit-content;
    -moz-flex-basis: -moz-fit-content;
    -khtml-flex-basis: fit-content;
    -o-flex-basis: fit-content;
    -ms-flex-basis: fit-content;
    -moz-flex-basis: fit-content;
    -webkit-flex-basis: fit-content;
    flex-basis: -moz-fit-content;
    flex-basis: fit-content;
}

.flexBasisFill {
    -khtml-flex-basis: -khtml-fill;
    -o-flex-basis: -o-fill;
    -ms-flex-basis: -ms-fill;
    -moz-flex-basis: -moz-fill;
    -moz-flex-basis: -moz-available;
    -khtml-flex-basis: fill;
    -o-flex-basis: fill;
    -ms-flex-basis: fill;
    -moz-flex-basis: fill;
    flex-basis: -moz-available;
}

/*
flex是一个简写属性，它具有定义一个可伸缩项目的能力。
auto (1 1 auto)、none (0 0 auto)
*/
.flexA {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: auto;
    -o-flex: auto;
    -ms-flex: auto;
    -moz-flex: auto;
    -webkit-flex: auto;
    flex: auto;
}

.flexN {
    -khtml-box-flex: 0.0;
    -o-box-flex: 0.0;
    -ms-box-flex: 0.0;
    -moz-box-flex: 0.0;
    -webkit-box-flex: 0.0;
    box-flex: 0.0;
    -khtml-flex: none;
    -o-flex: none;
    -ms-flex: none;
    -moz-flex: none;
    -webkit-flex: none;
    flex: none;
}

.flex5 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 5%;
    -o-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    -moz-flex: 1 1 5%;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
}

.flex10 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 10%;
    -o-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    -moz-flex: 1 1 10%;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
}

.flex15 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 15%;
    -o-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    -moz-flex: 1 1 15%;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
}

.flex20 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 20%;
    -o-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    -moz-flex: 1 1 20%;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
}

.flex25 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 25%;
    -o-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    -moz-flex: 1 1 25%;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
}

.flex30 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 30%;
    -o-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    -moz-flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
}

.flex33 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 33%;
    -o-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    -moz-flex: 1 1 33%;
    -webkit-flex: 1 1 33%;
    flex: 1 1 33%;
}

.flex3333 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 33.3333%;
    -o-flex: 1 1 33.3333%;
    -ms-flex: 1 1 33.3333%;
    -moz-flex: 1 1 33.3333%;
    -webkit-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
}

.flex34 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 34%;
    -o-flex: 1 1 34%;
    -ms-flex: 1 1 34%;
    -moz-flex: 1 1 34%;
    -webkit-flex: 1 1 34%;
    flex: 1 1 34%;
}

.flex35 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 35%;
    -o-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    -moz-flex: 1 1 35%;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
}

.flex40 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 40%;
    -o-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    -moz-flex: 1 1 40%;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
}

.flex45 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 45%;
    -o-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    -moz-flex: 1 1 45%;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
}

.flex50 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
}

.flex55 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 55%;
    -o-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    -moz-flex: 1 1 55%;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
}

.flex60 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 60%;
    -o-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    -moz-flex: 1 1 60%;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
}

.flex65 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 65%;
    -o-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    -moz-flex: 1 1 65%;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
}

.flex70 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 70%;
    -o-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    -moz-flex: 1 1 70%;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
}

.flex75 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 75%;
    -o-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    -moz-flex: 1 1 75%;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
}

.flex80 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 80%;
    -o-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    -moz-flex: 1 1 80%;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
}

.flex85 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 85%;
    -o-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    -moz-flex: 1 1 85%;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
}

.flex90 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 90%;
    -o-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    -moz-flex: 1 1 90%;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
}

.flex95 {
    -khtml-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    -khtml-flex: 1 1 95%;
    -o-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    -moz-flex: 1 1 95%;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
}