$red = #D7592F
$red1 = #ff6800
$red2 = #ff9856
$red3 = #ff6a00
$green = #6CBE8B
$yellow = #E9B451
$blue = #6798ef
$gray = #c9c9c9
$fc1 = #323232

.bgred
  background-color: $red !important
.bggreen
  background-color: $green !important
.bgyellow
  background-color: $yellow !important
.bgblue
  background-color: $blue !important
.bggray
  background-color: $gray !important

//宽高
_wh(w, h)
  width: w
  height: h

//字体大小、行高、颜色
_font(size,height,color=$fc1,weight=normal,align=left)
  font-size: size
  line-height: height
  color: color
  font-weight: weight
  text-align: align

//flex 布局和 子元素 对其方式
_fj(x=space-between,y=center,r=row,n=nowrap)
  display: flex
  justify-content: x
  align-items: y
  flex-direction: r
  flex-wrap: n

// 背景图片地址和大小
_bis(url,w,h=auto,x=center,y=center)
  background-position: x y
  background-size: w h
  background-image: url(url)
  background-repeat: no-repeat

// 定位上下居中
_ct()
  position: absolute
  top: 50%
  transform: translateY(-50%)