.bis {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

//flex 布局和 子元素 对其方式
.fl {
  display: flex;
}

.flc {
  display: flex;
  justify-content: center;
}

.flb {
  display: flex;
  justify-content: space-between;
}

.fla {
  display: flex;
  align-items: center;
}

//水平和垂直居中
.fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 为元素设定的宽度和高度决定了元素的边框盒。
.bb {
  box-sizing: border-box;
}

// 满屏
.fullp {
  width: 100%;
  height: 100%;
}

.pointer {
  cursor: pointer;
}

.text-l {
  text-align: left;
}

.text-r {
  text-align: right;
}

.text-c {
  text-align: center;
}

.underline {
  text-decoration: underline;
}

.pointer {
  cursor: pointer;
}


.untouch {
  pointer-events: none;
}

.shadow {
  box-shadow: 0 2px 12px 0 rgba(100, 101, 102, 0.12);
}

.ell {
  @include ellipsis(1);
}

.ell2 {
  @include ellipsis(2);
}