/* fun */
.f-cb:after, .f-cbli li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.f-cb, .f-cbli li { zoom: 1; }
.f-ib { display: inline-block; *display: inline; *zoom: 1; }
.f-dn { display: none; }
.f-db { display: block; }
.f-df { display: flex; display: -webkit-flex;}
.f-jcsb { justify-content: space-between; }
.f-aic {align-items: center;}
.f-fl { float: left; }
.f-fr { float: right; }
.f-pr { position: relative; }
.f-prz { position: relative; zoom: 1; }
.f-oh { overflow: hidden; }
.f-tal { text-align: left !important; }
.f-tac { text-align: center !important; }
.f-tar { text-align: right !important; }
.f-taj { text-align: justify; text-justify: inter-ideograph; }
.f-vam, .f-vama * { vertical-align: middle; }
.f-wsn { word-wrap: normal; white-space: nowrap; }
.f-pre { overflow: hidden; text-align: left; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }
.f-wwb { white-space: normal; word-wrap: break-word; word-break: break-all; }
.f-ti { overflow: hidden; text-indent: -30000px; }
.f-ti2 { text-indent: 2em; }
.f-lhn { line-height: normal; }
.f-tdu, .f-tdu:hover { text-decoration: underline; }
.f-tdn, .f-tdn:hover { text-decoration: none; }
.f-toe { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; }
.f-csp { cursor: pointer; }
.f-csd { cursor: default; }
.f-csh { cursor: help; }
.f-csm { cursor: move; }
.f-usn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

/* font */
.f-fs12 { font-size: 12px }
.f-fs14 { font-size: 14px }
.f-fs16 { font-size: 16px }
.f-fs18 { font-size: 18px }
.f-fs20 { font-size: 20px }
.f-fs22 { font-size: 22px }
.f-fs24 { font-size: 24px }
.f-fs26 { font-size: 26px }
.f-fs30 { font-size: 30px }

.f-fwn { font-weight: normal !important }
.f-fwb { font-weight: bold !important }

.f-lh20 { line-height: 20px }
.f-lh22 { line-height: 22px }
.f-lh24 { line-height: 24px }
.f-lh26 { line-height: 26px }
.f-lh28 { line-height: 28px }
.f-lh30 { line-height: 30px }

/* color */
.s-red { color: #FF5722 }
.s-blue { color: #1E9FFF }
.s-green { color: #009688 }
.s-fuchsia { color: #FFB800 }
.s-gray { color: #999999 }
.s-white { color: #ffffff }
.s-black { color: #393D49 }

/* background-color */
.s-bg-red { background-color: #FF5722 }
.s-bg-blue { background-color: #1E9FFF }
.s-bg-green { background-color: #009688 }
.s-bg-gray { background-color: #999999 }
.s-bg-white { background-color: #ffffff }
.s-bg-black { background-color: #393D49 }

/* margin */
.f-m0 { margin: 0 auto }
.f-m5 { margin: 5px }
.f-m10 { margin: 10px }
.f-m20 { margin: 20px }
.f-m30 { margin: 30px }
.f-m50 { margin: 50px }
.f-mt5 { margin-top: 5px }
.f-mt10 { margin-top: 10px }
.f-mt20 { margin-top: 20px }
.f-mt30 { margin-top: 30px }
.f-mt50 { margin-top: 50px }
.f-mb5 { margin-bottom: 5px }
.f-mb10 { margin-bottom: 10px }
.f-mb20 { margin-bottom: 20px }
.f-mb30 { margin-bottom: 30px }
.f-mb50 { margin-bottom: 50px }
.f-ml5 { margin-left: 5px }
.f-ml10 { margin-left: 10px }
.f-ml20 { margin-left: 20px }
.f-ml30 { margin-left: 30px }
.f-ml50 { margin-left: 50px }
.f-mr5 { margin-right: 5px }
.f-mr10 { margin-right: 10px }
.f-mr20 { margin-right: 20px }
.f-mr30 { margin-right: 30px }
.f-mr50 { margin-right: 50px }

/* padding */
.f-p0 { padding: 0 !important; }
.f-p5 { padding: 5px }
.f-p10 { padding: 10px }
.f-p20 { padding: 20px }
.f-p30 { padding: 30px }
.f-p50 { padding: 50px }
.f-pt5 { padding-top: 5px }
.f-pt10 { padding-top: 10px }
.f-pt15 { padding-top: 15px }
.f-pt20 { padding-top: 20px }
.f-pt30 { padding-top: 30px }
.f-pt50 { padding-top: 50px }
.f-pb5 { padding-bottom: 5px }
.f-pb10 { padding-bottom: 10px }
.f-pb15 { padding-bottom: 15px }
.f-pb20 { padding-bottom: 20px }
.f-pb30 { padding-bottom: 30px }
.f-pb50 { padding-bottom: 50px }
.f-pl5 { padding-left: 5px }
.f-pl10 { padding-left: 10px }
.f-pl20 { padding-left: 20px }
.f-pl30 { padding-left: 30px }
.f-pl50 { padding-left: 50px }
.f-pr5 { padding-right: 5px }
.f-pr10 { padding-right: 10px }
.f-pr20 { padding-right: 20px }
.f-pr30 { padding-right: 30px }
.f-pr50 { padding-right: 50px }

/*图标*/
.fa { width: 15px; }