$red = #ed4754
$green = #67c23a
$yellow = #f2d648
$orange = #f17d3a
$blue = #6798ef
$gray = #c9c9c9
$fc1 = #323232

.green
  background-color #11ff0d
.yellow
  background-color #fdfd0f
.gray
  background-color #bfbfbf
.red
  background-color #ff1016

//宽高
_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)
  display: flex
  justify-content: x
  align-items: y

// 背景图片地址和大小
_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%)