/*定义布局为flex盒模型布局*/
.flex{
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*定义盒模型内部内容垂直布局*/
.flex-v{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*子元素占据剩余的空间(具有伸缩性)*/
.flex-1{
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*内部子元素垂直居中*/
.flex-align-center{
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*子内部子元素水平居中*/
.flex-pack-center{
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*内部元素左右分布均匀对齐(左右两边贴齐)*/
.flex-space-between{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*内部元素左右均匀分布(两边留白相同)*/
.flex-space-around{
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*内部子元素两端对齐*/
.flex-pack-justify{
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*内部子元素起点在右边*/
.flex-right{
	flex-direction:row-reverse;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>*/