.weui-toptips {
  position: fixed;
  -webkit-transform: translateZ(0) translateY(calc(-100% - 8px));
  transform: translateZ(0) translateY(calc(-100% - 8px));
  text-align: center;
  top: 8px;
  left: 16px;
  right: 16px;
  border-radius: 4px;
  padding: 8px;
  -webkit-border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  line-height: 1.4;
  background: rgba(250, 81, 81, 0.9);
  z-index: 5000;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.weui-toptips_show {
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
  opacity: 1;
  display: block
}

.weui-toptips_warn {
  background-color: #FA5151
}

.weui-toptips_success {
  background-color: #09BB07
}

.weui-toptips_error {
  background-color: #FA5151
}

.weui-toptips_info {
  background-color: #10AEFF
}