/*
* @Author: zhongjiahao
* @Date:   2016-08-03 15:48:17
* @Last Modified by:   zhongjiahao
* @Last Modified time: 2016-10-24 10:13:21
*/


/*
  clearfix
 */

.f-cf {
  @include f-cf();
}


/*
  floatleft
 */

.f-fl {
  float: left;
}


/*
  floatright
 */

.f-fr {
  float: right;
}


/*
  display inlineblock
 */

.f-dib {
  display: inline-block;
}


/*
    display inline
 */

.f-di {
  display: inline;
}


/*
  textaligin center
 */

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


/*
  verticalalign middle
 */

.f-vam {
  vertical-align: middle;
}


/*
  display block
 */

.f-db {
  display: block;
}


/*
  display none
 */

.f-dn {
  display: none;
}


/*
  overflow hidden
 */

.f-oh {
  overflow: hidden;
}


/*
  assistive text
 */

.f-assistive-text {
  position: absolute!important;
  margin: -1px!important;
  border: 0!important;
  padding: 0!important;
  width: 1px!important;
  height: 1px!important;
  overflow: hidden!important;
  clip: rect(0 0 0 0)!important;
}


/*
  highlight text
 */

.f-highlight-text {
  height: inherit;
  font-family: inherit;
  font-style: inherit;
  background: rgba(228, 166, 0, .2);
  border-radius: 2px;
}