//宽高
.wh(@width,@height){
  width:@width;
  height: @height;
}
//flex 布局和 子元素 对其方式
.fj(@type:space-between){
  display: flex;
  justify-content: $type;
}
//flex 布局和子元素垂直对齐方式
.fa(@type:center){
  display: flex;
  align-items: @type;
}
//flex 布局和子元素水平垂直对齐方式
.fja(@jtype:center,@atype:center){
  display: flex;
  justify-content: @jtype;
  align-items: @atype;
}
//字体大小,颜色
.sc(@size, @color){
  font-size: @size;
  color: @color;
}
//字体大小,颜色
.sc(@size, @color){
  font-size: @size;
  color: @color;
}
//border-bottom: 1px solid rgba(245, 245, 245, 0.4);
.border-bottom{
  border-bottom: 1px solid rgba(1, 17, 27, 0.1);
}
.border-top{
  border-top: 1px solid rgba(1, 17, 27, 0.1);
}
.border-right{
  border-right: 1px solid rgba(1, 17, 27, 0.1);
}
.border-left{
  border-left: 1px solid rgba(1, 17, 27, 0.1);
}
.border{
  border: 1px solid rgba(1, 17, 27, 0.1);
}