.flex {
    display: flex;
}

.fw {
    flex-wrap: wrap;
}

.jc-fe {
    justify-content: flex-end
}

.ai-fe {
    align-items: flex-end;
}

/* 纵向排列 */

.flex2 {
    display: flex;
    flex-direction: column;
}

/* 水平居中,垂直居中 */

.fcc {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 两端对齐 */

.jc-sb {
    justify-content: space-between;
}

/* 分散对齐 */
.jc-sa {
    justify-content: space-around;
}

.jc-fs {
    justify-content: flex-start
}

/* 垂直居中 */

.aic {
    align-items: center;
}

/* 分配剩余空间 */
.fg1 {
    flex-grow: 1;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.tac {
    text-align: center;
}

.w100pc {
    width: 100%;
}