* {
    margin: 0;
    padding: 0;
}

ul,ol{
    list-style: none;
}

a {
    text-decoration: none;
}

.margin {
    margin: 0 auto;
}

.text-align {
    text-align: center;
}

.text-right {
    text-align: right;
}

.flex {
    display: flex;
}

.column {
    display: flex;
    flex-direction: column;
}

.column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.row {
    display: flex;
    flex-direction: row;
}

.row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.space-between {
    display: flex;
    justify-content: space-between;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
}

.items {
    display: flex;
    align-items: center;
}

.align-items-start {
    display: flex;
    align-items: flex-start;
}

.align-items-end {
    display: flex;
    align-items: flex-end;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
}

.column-space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.center-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap-space-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.center {
    display: flex;
    justify-content: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.flex-around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.flex-end-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.end {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.center-start {
    display: flex;
    justify-content: flex-start;
    align-items:center;
}

.column-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.center-flex-start {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.start-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.start {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.center-space-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.column-flex-start{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.size0{

    font-size: 1vw;
}
.size1{

    font-size: 1.1vw;
}
.size2{

    font-size: 1.2vw;
}
.size3{

    font-size: 1.3vw;
}
.size4{

    font-size: 1.4vw;
}
.size5{

    font-size: 1.5vw;
}
@media(max-width:768px) {
    .app-column {
        display: flex;
        flex-direction: column;
    }
    .app-flex {
        display: flex;

    }
    .yibai {
        width: 100%!important;
        font-size: 14px;
    }
    .yibai-80 {
        width: 80%!important;
    }
    .yibai-86 {
        width: 86%!important;
    }
    .yibai-90 {
        width: 90%!important;
    }
    .height {
        height: auto!important;
    }
    .height-29 {
        height: 29rem!important;
    }
    .height-23 {
        height: 23rem!important;
    }
    .height-14 {
        height: 14rem!important;
    }
    .height-40 {
        height: 40rem!important;
    }
    .height-17 {
        height: 17rem!important;
    }
    .font-16 {
        font-size: 16px!important;
    }
    .font-33 {
        font-size: 33px!important;
    }
    .column-reverse {
        flex-direction: column-reverse!important;
    }
    .column-reverse-two {
        flex-direction: column-reverse;
    }
    .margin-top {
        margin-top: 16%;
    }
    .size0{

        font-size: 3vw;
    }
    .size1{

        font-size: 3.1vw;
    }
    .size2{

        font-size: 3.2vw;
    }
    .size3{

        font-size: 3.3vw;
    }
    .size4{

        font-size: 3.4vw;
    }
    .size5{

        font-size: 3.5vw;
    }
    .app-row{
        display: flex;
        flex-direction: row;
    }
}