.lx-alert {
  position: fixed;
  // 大于 head bar
  z-index: 2000;
  left: 50%;
  top: 30%;
  opacity: 0;
  white-space: nowrap;

  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);

  &.lx-show {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    opacity: 1;
  }

  &.lx-hide {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    -webkit-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
  }
}