/*子类水平分布/水平居中/垂直居中*/
.flex1{
    display:flex;
    justify-content:center;
    align-items:center;
}
/*子类水平分布/水平居中/垂直靠上*/
.flex2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
/*子类水平分布/水平居中/垂直靠下*/
.flex3 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
/*子类水平分布/水平两边/垂直居中*/
.flex4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*子类水平分布/水平两边/垂直靠上*/
.flex5 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
/*子类水平分布/水平两边/垂直靠下*/
.flex6 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
/*子类水平分布/水平靠左/垂直居中*/
.flex14 {
    display: flex;
    justify-content: flex-start;
    align-items:center;
}
/*子类水平分布/水平靠右/垂直居中*/
.flex17 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/*子类垂直分布/水平居中/垂直居中*/
.flex7 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}
/*子类垂直分布/水平居中/垂直靠上*/
.flex8 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
/*子类垂直分布/水平居中/垂直靠下*/
.flex9 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
/*子类垂直分布/水平靠左/垂直居中*/
.flex10 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
/*子类垂直分布/水平靠左/垂直靠上*/
.flex11 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
/*子类垂直分布/水平靠左/垂直靠下*/
.flex12 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}
/*子类垂直分布/水平靠左/垂直两边*/
.flex15 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
/*子类垂直分布/水平两边/垂直两边*/
.flex13 {
    display: flex;
    justify-content: space-between;
    
    flex-direction: column;
}
/*子类垂直分布/水平居中/垂直两边*/
.flex16 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items:center;
}