@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*  */
body,html{
    width: 100%;
    height: 100%;
}
/* 定义全局变量 */
:root{
    --primaryBgcolor:#2999fb;
    --bgColor:#eeeeee;
    }
/* 弹性公共样式 */
.f-c{
    display: flex;
    flex-direction: column;
}
.f-r{
    display: flex;
    flex-direction: row;
}
/* 主轴公共样式 */
.j-c{
    justify-content: center;
}
.j-s{
    justify-content: flex-start;
}
.j-e{
    justify-content: flex-end;
}
.j-s-a{
    justify-content: space-around;
}
.j-s-b{
    justify-content: space-between;
}
.j-s-e{
    justify-content: space-evenly;
}
/* 副轴公共样式 */
.a-c{
    align-items: center;
}
.a-s{
    align-items: flex-start;
}
.a-e{
    align-items: flex-end;
}
.f-1{
    flex: 1;
}