@import "common";
@import "_mixin";

.bml-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,.9);
  font-size:17px;
  line-height:1.4;
  background:rgba(250,81,81,.9);
  z-index: 5000;
  @include text_wrap();
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.bml-toptips_show {
-webkit-transform: translateZ(0) translateY(0);
transform:translateZ(0) translateY(0);
opacity: 1;
}
.bml-toptips_warn{
  background-color: $bmlColorWarn;
}
.bml-toptips_success {
background-color: #09BB07;
}
.bml-toptips_error {
background-color:#FA5151;
}
.bml-toptips_info {
background-color: #10AEFF;
}