@charset "UTF-8";
@mixin clearfix {
  &:before,
  &:after {
    content: " ";
    // 1
    display: table;
    // 2

  }
  &:after {
    clear: both;
  }
}

@mixin inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

@mixin background-img($imgName, $imgType, $pos: 0 0) {
  //background-image:url("#{$imgPath}#{$imgName}.#{$version}.#{$imgType}");
  background-image:url("#{$imgPath}#{$imgName}.#{$imgType}");
  background-repeat: no-repeat;
  background-position: $pos;
}
@mixin linear-gradient($point, $startColor, $endColor) {
  background: -moz-linear-gradient($point, $startColor, $endColor);
  background: -webkit-linear-gradient($point, $startColor, $endColor);
  background: -o-linear-gradient($point, $startColor, $endColor);
  background: -ms-linear-gradient($point, $startColor, $endColor);
  background: linear-gradient($point, $startColor, $endColor);
  //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0 )\9;
}