/* 字体大小 */
.f-10 { font-size: 10px;}
.f-11 { font-size: 11px;}
.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-21 { font-size: 21px;}
.f-22 { font-size: 22px;}
.f-23 { font-size: 23px;}
.f-24 { font-size: 24px;}
.f-25 { font-size: 25px;}

/*字体颜色*/
.f-black { color: #000}
.f-white { color: #fff}
.f-primary { color:var(--color-primary);}
.f-lightGray { color:var(--color-lightGray);}
.f-mediumGray { color:var(--color-mediumGray);}
.f-accent-red { color:var(--color-accent-red);}
.f-accent-orange { color:var(--color-accent-orange);}
.f-sub-blue { color:var(--color-sub-blue);}
.f-gray-160 { color:#a0a0a0}

/*字体粗细*/
.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-nowrap { white-space: nowrap;}
.f-wordWrap { white-space: normal;}

/*字体行高*/
.f-height12 { line-height: 12px;}
.f-height14 { line-height: 14px;} 
.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-height26 { line-height: 26px;}
.f-height28 { line-height: 28px;} 
.f-height30 { line-height: 30px;} 
.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-height44 { line-height: 44px;}
.f-height46 { line-height: 46px;}
.f-height60 { line-height: 60px;}
.f-height90 { line-height: 90px;}

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