$red = #FD6A35
$red1 = #E74F19
$red2 = #FA6400
$green = #6CBE8B
$green1 = #00d246
$yellow = #E9B451
$blue = #6798ef
$gray = #989EBB
$gray1 = #8B90A6
$gray2 = #DFE1E6
$fc1 = #464646


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

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

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

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