.f16 {
    font-size: 0.0833rem;
}

.f18 {
    font-size: 0.0938rem;
}

.f20 {
    font-size: .1042rem;
}

.f16 {
    font-size: 0.0833rem;
}

.f18 {
    font-size: 0.0938rem;
}

.f20 {
    font-size: .1042rem;
}

.f22 {
    font-size: .1146rem;
}

.f25 {
    font-size: .1302rem;
}

.f30 {
    font-size: .1563rem;
}

.f38 {
    font-size: .1979rem;
}

.fw {
    font-weight: bold;
}


.f50 {
    font-size: .2604rem;
}

.c3 {
    color: #333;
}

.cf {
    color: #fff;
}

.c9 {
    color: #999;
}


.li42 {
    line-height: .2188rem;
}


.li30 {
    line-height: .1563rem;
}


/* 字体控制行数 */
.ov {
    overflow: hidden
}

.l2,
.l3,
.l4,
.l5,
.l6,
.l6,
.l7 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.l1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2 {
    -webkit-line-clamp: 2
}

.l3 {
    -webkit-line-clamp: 3
}

.l4 {
    -webkit-line-clamp: 4
}

.l5 {
    -webkit-line-clamp: 5
}

.l6 {
    -webkit-line-clamp: 6
}

.l7 {
    -webkit-line-clamp: 7
}


/* 字体对齐 */
.text-left {
    text-align: left;
}

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

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

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


.uppercase {
    text-transform: uppercase;
}


@media(max-width:1200px) {

    .f38,
    .f30 {
        font-size: 20px;
    }

    .f22,
    .f20,
    .f25 {
        font-size: 18px;
    }

    .f16,
    .f18 {
        font-size: 16px;
    }

    .li30,
    .li42 {
        line-height: 30px;
    }

    .f50 {
        font-size: 20px;
    }


}