.humane,
.humane-bigbox {
  position: fixed;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 100000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.humane,
.humane-bigbox {
  font-family: Helvetica, "Helvetica Neue", "PingFang SC", Arial, sans-serif;
  line-height: 24px;
  font-size: 13px;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
  opacity: 0;
  width: auto;
  min-width: 50px;
  min-height: 24px;
  padding: 15px 30px;
  text-align: center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAc0lEQVQokb2RQQ6EMAwDx/7/n80BtIEC3RYhLlXrVLGTAYiBWBIGtkPSP01SfreTVoV5re9Rcee1scwDk9NurbR62sZJcpzy9O+2X5KsXabyPaQFYNuvkqkRviDTp9Vs8opC0TpkHvJtVjeReW/5kEyX1gKeLEKE9peeWAAAAABJRU5ErkJggg==');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, rgba(0,0,0,0.9))) no-repeat;
  background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
  background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
  background: linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
  *background-color: #000;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.humane p,
.humane-bigbox p,
.humane ul,
.humane-bigbox ul {
  margin: 0;
  padding: 0;
}
.humane ul,
.humane-bigbox ul {
  list-style: none;
}
.humane.humane-bigbox-info,
.humane-bigbox.humane-bigbox-info {
  color:#4c87c5;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAQElEQVQokWNgYEj5z8TAwPCfiYGBgQGVIEKMTG2DTYwRVez/IHIaNcUGyBnYgpORel6gpvFEJhBqpxIaG8/AAADsKDq/HhYQ2AAAAABJRU5ErkJggg==');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eff6ff), color-stop(1, rgba(239,246,255,1))) no-repeat;
  background: -moz-linear-gradient(top, #eff6ff 0%, rgba(239,246,255,1) 100%) no-repeat;
  background: -webkit-linear-gradient(top, #eff6ff 0%, rgba(239,246,255,1) 100%) no-repeat;
  background: -ms-linear-gradient(top, #eff6ff 0%, rgba(239,246,255,1) 100%) no-repeat;
  background: -o-linear-gradient(top, #eff6ff 0%, rgba(239,246,255,1) 100%) no-repeat;
  background: linear-gradient(top, #eff6ff 0%, rgba(239,246,255,1) 100%) no-repeat;
  *background-color: #eff6ff;
}
.humane.humane-bigbox-success,
.humane-bigbox.humane-bigbox-success {
  color:#67c139;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNgSGH4z8TAACEYUAkixMjUNsjEGFHF/g8ip1FVbGCcgS04GannBaoaT1wCwWkvmXbQ2HgGBgYA8Yw6v+m4Kh8AAAAASUVORK5CYII=');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f9ec), color-stop(1, rgba(241,249,236,1))) no-repeat;
  background: -moz-linear-gradient(top, #f1f9ec 0%, rgba(241,249,236,1) 100%) no-repeat;
  background: -webkit-linear-gradient(top, #f1f9ec 0%, rgba(241,249,236,1) 100%) no-repeat;
  background: -ms-linear-gradient(top, #f1f9ec 0%, rgba(241,249,236,1) 100%) no-repeat;
  background: -o-linear-gradient(top, #f1f9ec 0%, rgba(241,249,236,1) 100%) no-repeat;
  background: linear-gradient(top, #f1f9ec 0%, rgba(241,249,236,1) 100%) no-repeat;
  *background-color: #f1f9ec;
}
.humane.humane-bigbox-warning,
.humane-bigbox.humane-bigbox-warning {
  color:#e6a23c;
  border:1px solid #fef5e9;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNIYWD4z8QAJRhQCSLEyNQ2uMQYUcX+DyKnUVdsQJyBLTgZqecF6hpPVALBaS+ZdtDYeAYGBgYA9vA6v4OR3MkAAAAASUVORK5CYII=');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffbf2), color-stop(1, rgba(255,251,242,1))) no-repeat;
  background: -moz-linear-gradient(top, #fffbf2 0%, rgba(255,251,242,1) 100%) no-repeat;
  background: -webkit-linear-gradient(top, #fffbf2 0%, rgba(255,251,242,1) 100%) no-repeat;
  background: -ms-linear-gradient(top, #fffbf2 0%, rgba(255,251,242,1) 100%) no-repeat;
  background: -o-linear-gradient(top, #fffbf2 0%, rgba(255,251,242,1) 100%) no-repeat;
  background: linear-gradient(top, #fffbf2 0%, rgba(255,251,242,1) 100%) no-repeat;
  *background-color: #fffbf2;
}

.humane.humane-bigbox-error,
.humane-bigbox.humane-bigbox-error {
  color:#f56c6c;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNIYWD4z8QAJRhQCSLEyNQ2uMQYUcX+DyKnUVdsQJyBLTgZqecF6hpPVALBaS+ZdtDYeAYGBgYA9vA6v4OR3MkAAAAASUVORK5CYII=');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fef0f0), color-stop(1, rgba(254,240,240,0.9))) no-repeat;
  background: -moz-linear-gradient(top, #fef0f0 0%, rgba(254,240,240,0.9) 100%) no-repeat;
  background: -webkit-linear-gradient(top, #fef0f0 0%, rgba(254,240,240,0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, #fef0f0 0%, rgba(254,240,240,0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, #fef0f0 0%, rgba(254,240,240,0.9) 100%) no-repeat;
  background: linear-gradient(top, #fef0f0 0%, rgba(254,240,240,0.9) 100%) no-repeat;
  *background-color: #fef0f0;
  border-color:#fde2e2;
}
.humane.humane-animate,
.humane-bigbox.humane-bigbox-animate {
  opacity: 1;
}
.humane.humane-animate:hover,
.humane-bigbox.humane-bigbox-animate:hover {
  opacity: 1;
}
.humane.humane-js-animate,
.humane-bigbox.humane-bigbox-js-animate {
  opacity: 1;
}
.humane.humane-js-animate:hover,
.humane-bigbox.humane-bigbox-js-animate:hover {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.humane-close-icon{
  display:inline-block;
  color:#999;
  padding-left:20px;
  cursor:pointer;
  font-size: 14px;
}
.humane-prefix-svg-icon{
  display: inline-block;
  padding-right: 10px;
  float: left;
  vertical-align: middle;
  margin-top: 3px;
}