$green = #30EBC9
$yellow = #E2BB0E
$gray = #516282
$gray1 = #8B90A6
$orange = #F96700
$green2 = #65d837

.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=#ffffff,weight=normal,align=center)
  font-size: size
  line-height: height
  color: color
  font-weight: weight
  text-align: align

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

// 背景图片改变颜色
_shadow(w,c)
  filter drop-shadow(w 0 0 c)

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