/* flex容器属性 */
.flex{
	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -ms-flexbox;
}
.inline-flex{
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
}

.flex-column{
	-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.flex-wrap{
	-webkit-flex-wrap: wrap;  
    -moz-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    -o-flex-wrap: wrap;  
    flex-wrap: wrap;
}
.flex-nowrap{
	-webkit-flex-wrap: nowarp;  
    -moz-flex-wrap: nowarp;  
    -ms-flex-wrap: nowarp;  
    -o-flex-wrap: nowarp;  
    flex-wrap: nowarp;  
}

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

.flex-horz-start{
	-webkit-box-pack: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.flex-horz-end{
	-webkit-box-pack: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-horz-center{
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-horz-between{
	-webkit-box-pack: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-horz-around{
	-webkit-box-pack: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flex-vert-start{
	-webkit-align-items: flex-start;  
    -moz-align-items: flex-start;  
    -ms-align-items: flex-start;  
    -o-align-items: flex-start;  
    align-items: flex-start;
}
.flex-vert-end{
	-webkit-align-items: flex-end;  
    -moz-align-items: flex-end;  
    -ms-align-items: flex-end;  
    -o-align-items: flex-end;  
    align-items: flex-end;  
}
.flex-vert-center{
	-webkit-align-items: center;  
    -moz-align-items: center;  
    -ms-align-items: center;  
    -o-align-items: center;  
    align-items: center;  
}
.flex-vert-baseline{
	-webkit-align-items: baseline;  
    -moz-align-items: baseline;  
    -ms-align-items: baseline;  
    -o-align-items: baseline;  
    align-items: baseline;  
}
.flex-vert-stretch{
	-webkit-align-items: stretch;  
    -moz-align-items: stretch;  
    -ms-align-items: stretch;  
    -o-align-items: stretch;  
    align-items: stretch; 
}

/* 多轴线垂直方式 */
.flex-align-content-start{
	-webkit-align-content: flex-start;  
    -moz-align-content: flex-start;  
    -ms-align-content: flex-start;  
    -o-align-content: flex-start;  
    align-content: flex-start; 
}
.flex-align-content-end{
	-webkit-align-content: flex-end;  
    -moz-align-content: flex-end;  
    -ms-align-content: flex-end;  
    -o-align-content: flex-end;  
    align-content: flex-end; 
}
.flex-align-content-center{
	-webkit-align-content: center;  
    -moz-align-content: center;  
    -ms-align-content: center;  
    -o-align-content: center;  
    align-content: center; 
}
.flex-align-content-around{
	-webkit-align-content: space-around;  
    -moz-align-content: space-around;  
    -ms-align-content: space-around;  
    -o-align-content: space-around;  
    align-content: space-around; 
}
.flex-align-content-between{
	-webkit-align-content: space-between;  
    -moz-align-content: space-between;  
    -ms-align-content: space-between;  
    -o-align-content: space-between;  
    align-content: space-between; 
}
.flex-align-content-stretch{
	-webkit-align-content: stretch;  
    -moz-align-content: stretch;  
    -ms-align-content: stretch;  
    -o-align-content: stretch;  
    align-content: stretch;
}

/* 项目属性 */
/* 排列 小在前 */
.flex-order-1{
	-webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */ 
	-moz-box-ordinal-group: 1; /* OLD - Firefox 19- */ 
	-ms-flex-order: 1; /* TWEENER - IE 10 */ 
	-webkit-order: 1; /* NEW - Chrome */ 
	order: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-order-2{
	-webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */ 
	-moz-box-ordinal-group: 2; /* OLD - Firefox 19- */ 
	-ms-flex-order: 2; /* TWEENER - IE 10 */ 
	-webkit-order: 2; /* NEW - Chrome */ 
	order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-order-3{
	-webkit-box-ordinal-group: 3; /* OLD - iOS 6-, Safari 3.1-6 */ 
	-moz-box-ordinal-group: 3; /* OLD - Firefox 19- */ 
	-ms-flex-order: 3; /* TWEENER - IE 10 */ 
	-webkit-order: 3; /* NEW - Chrome */ 
	order: 3; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-order-4{
	-webkit-box-ordinal-group: 4; /* OLD - iOS 6-, Safari 3.1-6 */ 
	-moz-box-ordinal-group: 4; /* OLD - Firefox 19- */ 
	-ms-flex-order: 4; /* TWEENER - IE 10 */ 
	-webkit-order: 4; /* NEW - Chrome */ 
	order: 4; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-order-5{
	-webkit-box-ordinal-group: 5; /* OLD - iOS 6-, Safari 3.1-6 */ 
	-moz-box-ordinal-group: 5; /* OLD - Firefox 19- */ 
	-ms-flex-order: 5; /* TWEENER - IE 10 */ 
	-webkit-order: 5; /* NEW - Chrome */ 
	order: 5; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 放大 默认0存在剩余空间，也不放大*/
.flex-grow-0{
	-webkit-box-flex: 0.0;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}
.flex-grow-1{
	-webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.flex-grow-2{
	-webkit-box-flex: 2.0;
    -moz-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}
.flex-grow-3{
	-webkit-box-flex: 3.0;
    -moz-flex-grow: 3;
    -webkit-flex-grow: 3;
    flex-grow: 3;
}
.flex-grow-4{
	-webkit-box-flex: 4.0;
    -moz-flex-grow: 4;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}
.flex-grow-5{
	-webkit-box-flex: 5.0;
    -moz-flex-grow: 5;
    -webkit-flex-grow: 5;
    flex-grow: 5;
}
/* 缩小 默认1空间不足，该项目将缩小 0为不缩小 */
.flex-shrink-0{
	-webkit-box-flex: 0.0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.flex-shrink-1{
	-webkit-box-flex: 1.0;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}
/*单独对齐方式*/
.flex-align-self-start{
	-webkit-align-self: flex-start;  
    -moz-align-self: flex-start;  
    -ms-align-self: flex-start;  
    -o-align-self: flex-start;  
    align-self: flex-start;
}
.flex-align-self-end{
	-webkit-align-self: flex-end;  
    -moz-align-self: flex-end;  
    -ms-align-self: flex-end;  
    -o-align-self: flex-end;  
    align-self: flex-end;
}
.flex-align-self-center{
	-webkit-align-self: center;  
    -moz-align-self: center;  
    -ms-align-self: center;  
    -o-align-self: center;  
    align-self: center;
}
.flex-align-self-baseline{
	-webkit-align-self: baseline;  
    -moz-align-self: baseline;  
    -ms-align-self: baseline;  
    -o-align-self: baseline;  
    align-self: baseline;
}
.flex-align-self-stretch{
	-webkit-align-self: stretch;  
    -moz-align-self: stretch;  
    -ms-align-self: stretch;  
    -o-align-self: stretch;  
    align-self: stretch;
}
.border-box{
	-webkit-box-sizing: border-box;  
    -moz-box-sizing: border-box;  
    -ms-box-sizing: border-box;  
    -o-box-sizing: border-box;  
    box-sizing: border-box;
}