.font-family-auto {
    font-family: auto!important;
}

.font-14 {
    font-size: 0.14rem;
}

.font-16 {
    font-size: 0.16rem;
}

.font-18 {
    font-size: 0.18rem;
}

.font-20 {
    font-size: 0.2rem;
}

.font-bold {
    font-weight: bold;
}

.font-weight-400 {
    font-weight: 400;
}

.flex-wrap {
    flex-wrap:wrap;
}

.flex-1 {
    flex: 1;
}

.space-evenly {
    justify-content: space-evenly;
}

.space-around {
    justify-content: space-around;
}

.gap-10 {
    gap:10px;
}

.gap-200 {
    gap:2rem;
}

.gap-1 {
    gap:1px;
}


.bg-fff {
    background-color: #fff;
}

.bg-F4F5F6 {
    background-color: #F4F5F6 ;
}

.bg-purple {
    background-color: purple;
}

.bg-DCDFE6 {
    background-color: #DCDFE6;
}

.bg-1F2024 {
    background-color: #1F2024;
}


.bg-004BA0 {
    background-color: #004BA0;
}

.h-line {
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.color-fff {
    color: #fff;
}

.color-333 {
    color: #333;
}

.color-666 {
    color: #666;
}

.padding-tb-36 {
    padding: 36px 0;
}

.padding-b-0 {
    padding-bottom: 0px;
}

.padding-tb-50 {
    padding: 0.5rem 0 0.5rem 0;
}

.padding-0 {
    padding: 0 0;
}

.overflow-auto {
    overflow: auto;
}

.padding-b-78 {
    padding-bottom: 0.78rem;
}

.mt-16 {
    margin-top: 0.16rem;
}

.mt-36 {
    margin-top:36px;
}

.margin-bottom-0 {
    margin-bottom: 0px!important;
}

.text-center {
    text-align: center;
}

.flex {
    display: flex;
}

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

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

.space-center {
    justify-content: center!important;
}

.align-center {
    align-items: center;
}

.align-flex-start {
    align-items: flex-start!important;
}

.width-100 {
    width: 100%;
}

.height-100 {
    height: 100%;
}

.pointer {
    cursor: pointer;
}