/*基础样式-所有项目通用*/
ul,
li {
    list-style: none;
}

i,
em {
    font-style: normal;
}

/* color */
.gray {
    color: #808080;
}

.gray-6 {
    color: #666;
}

.gray-9 {
    color: #999;
}

/* margin */
.ml-10 {
    margin-right: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

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

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

/* 字体大小 */
.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 22px;
}

.f-24 {
    font-size: 24px;
}

.f-30 {
    font-size: 30px;
}

.f-32 {
    font-size: 32px;
}

.f-36 {
    font-size: 36px;
}

.f-40 {
    font-size: 40px;
}

.f-48 {
    font-size: 48px;
}

/* flex布局 */
.flex {
    display: flex;
    align-items: center;
}

.flex-1 {
    flex: 1;
}

.text-c {
    text-align: center;
    justify-content: center;
}

.text-l {
    text-align: left;
    justify-content: flex-start;
}

.text-r {
    text-align: right;
    justify-content: flex-end;
}

.v-1 {
    vertical-align: -1px;
}

.v-2 {
    vertical-align: -2px;
}

.v-3 {
    vertical-align: -3px;
}

.v-4 {
    vertical-align: -4px;
}