saber/src/styles/xiaoyu.scss

.flexStar {
    display: flex;
    justify-content: flex-start;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}

.flexCenter {
    display: flex;
    justify-content: center;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
}

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

.flexItemsC {
    display: flex;
    align-items: center;
}

.martop5 {
    margin-top: 5px;
}

.martop10 {
    margin-top: 10px;
}

.martop15 {
    margin-top: 15px;
}

.martop20 {
    margin-top: 20px;

}

.martop25 {
    margin-top: 25px;
}

.martop40 {
    margin-top: 40px;
}

.marbottom5 {
    margin-bottom: 5px;
}

.marbottom10 {
    margin-bottom: 10px;
}

.marbottom15 {
    margin-bottom: 15px;
}

.marbottom20 {
    margin-bottom: 20px;
}

.marbottom25 {
    margin-bottom: 25px;
}

.marright5 {
    margin-right: 5px;
}

.marright10 {
    margin-right: 10px;
}

.marright15 {
    margin-right: 15px;
}

.marright20 {
    margin-right: 20px;
}

.marright25 {
    margin-right: 25px;
}

.marright30 {
    margin-right: 30px;
}

.marleft5 {
    margin-left: 5px;
}

.marleft10 {
    margin-left: 10px;
}

.marleft15 {
    margin-left: 15px;
}

.marleft20 {
    margin-left: 20px;
}

.marleft25 {
    margin-left: 25px;
}

.marleft30 {
    margin-left: 30px;
}