.flex-default{/*盒子模型：子元素居中，可换行*/
   display: -webkit-flex; /* Safari */
   display: flex;
   justify-content:center;/*子元素居中*/
}
.flex-row-nowrap-center{
  display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
}
.flex-row-nowrap-around{
	display: -webkit-flex; /* Safari */
  	display: flex;
  	flex-direction:row;
  	flex-wrap:nowrap;
  	justify-content:space-around;
  	align-items:center;
}
.flex-row-nowrap-around-top{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-around;
  align-items: flex-start;
}
.flex-row-nowrap-between{
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
}
.flex-row-wrap-between{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}
.flex-row-nowrap-start{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
}
.flex-row-nowrap-start-top{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
}
.flex-row-nowrap-end{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:center;
}
.flex-row-wrap-start{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
}
.flex-row-wrap-start-top{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items: flex-start;
}
.flex-row-wrap-end{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}
.flex-row-wrap-center{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}
.flex-row-wrap-around{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
}
.flex-column-nowrap-center{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:column ;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
}
.flex-column-nowrap-top{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:column ;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
}
.flex-column-nowrap-end{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:column ;
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:center;
}
.flex-column-nowrap-between{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:column ;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
}