/*字体大小*/
.f-12 { font-size: 12px;}
.f-13 { font-size: 13px;}
.f-14 { font-size: 14px;}
.f-15 { font-size: 15px;}
.f-16 { font-size: 16px;}
.f-17 { font-size: 17px;}
.f-18 { font-size: 18px;}
.f-19 { font-size: 19px;}
.f-20 { font-size: 20px;}
.f-22 { font-size: 22px;}
.f-24 { font-size: 24px;}
.f-36 { font-size: 36px;}

/*字体颜色*/
.f-black { color: #000;}
.f-white { color: #fff;}
.f-primary { color:#2aaf2a;}
.f-sub-blue { color:#009cff;}
.f-lightGray { color:#999999;}
.f-mediumGray { color:#676767;}
.f-accent-red { color:#ff0000;}
.f-accent-orange { color:#fea02f;}
.f-weixin { color:#07c160;}
.f-alipay { color:#1677ff;}
.f-gray-81 { color:#515151;}
.f-gray-102 { color:#666;}
.f-gray-127 { color: #7f7f7f}
.f-gray-170 { color:#aaaaaa;}
.f-gray-183 { color:#b7b7b7;}
.f-gray-230 { color:#e6e6e6;}

/*字体粗细*/
.f-bold { font-weight: 600;}
.f-bold400 { font-weight: 400;}

/*字体对齐*/
.f-align-l { text-align: left;}
.f-align-r { text-align: right;}
.f-align-c { text-align: center;}

/*字体行高*/
.f-height10 { line-height: 10px;}
.f-height12 { line-height: 12px;}
.f-height14 { line-height: 14px;}
.f-height15 { line-height: 15px;}
.f-height16 { line-height: 16px;}
.f-height17 { line-height: 17px;}
.f-height18 { line-height: 18px;}
.f-height20 { line-height: 20px;}
.f-height22 { line-height: 22px;}
.f-height24 { line-height: 24px;}
.f-height25 { line-height: 25px;}
.f-height26 { line-height: 26px;}
.f-height27 { line-height: 27px;}
.f-height28 { line-height: 28px;}
.f-height29 { line-height: 29px;}
.f-height30 { line-height: 30px;}
.f-height31 { line-height: 31px;}
.f-height32 { line-height: 32px;}
.f-height33 { line-height: 33px;}
.f-height34 { line-height: 34px;}
.f-height36 { line-height: 36px;}
.f-height38 { line-height: 38px;}
.f-height40 { line-height: 40px;}
.f-height42 { line-height: 42px;}
.f-height44 { line-height: 44px;}
.f-height60 { line-height: 60px;}
.f-height90 { line-height: 90px;}

/*下划线*/
.f-underline,
.f-underline:link,
.f-underline:hover{ text-decoration:underline;}

/*字体是否换行*/
.f-nowrap { white-space: nowrap;}
.f-wordWrap { white-space: normal;}

/*多行文本省略号*/
.f-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}