.event-qmenu {
  animation: 1.8s infinite aqm;
  bottom: 10px;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
  left: 0;
  min-height: auto !important;
  position: fixed;
  transition: 0.3s;
  width: 110px;
  z-index: 21;
}

.event-qmenu>* {
  box-sizing: border-box;
}

@keyframes aqm {

  0%,
  to {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
  }

  55% {
    filter: drop-shadow(0 2px 6px #ff8585);
  }

  70% {
    filter: drop-shadow(0 2px 6px #ff9e9e);
  }
}

.event-qmenu.menu-close {
  transform: translateX(-83px);
}

.event-qmenu.menu-close .handle:after {
  left: 4px;
  text-shadow: 0 1px 3px #ff0505;
  transform: translateY(-50%) rotate(180deg);
}

.event-qmenu .handle {
  bottom: 5px;
  cursor: pointer;
  position: absolute;
  right: 2px;
  width: 30px;
}

.event-qmenu .handle:after {
  content: "";
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9996 20.9994V2.99943C18.999 2.81718 18.9488 2.63855 18.8542 2.48275C18.7597 2.32695 18.6245 2.19988 18.4631 2.11523C18.3017 2.03058 18.1203 1.99154 17.9383 2.00232C17.7564 2.01311 17.5809 2.0733 17.4306 2.17643L4.43062 11.1764C3.89162 11.5494 3.89162 12.4474 4.43062 12.8214L17.4306 21.8214C17.5806 21.9256 17.7562 21.9867 17.9384 21.9981C18.1206 22.0094 18.3025 21.9706 18.4642 21.8859C18.626 21.8012 18.7614 21.6738 18.8558 21.5175C18.9502 21.3612 18.9999 21.182 18.9996 20.9994Z" fill="white"/></svg>') center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(0);
  height: 20px;
  width: 20px;
}

.event-qmenu .handle path {
  fill: #ff3838;
}

.event-qmenu .cont {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border: 3px solid #ff3838;
  border-bottom-right-radius: 15px;
  border-left: 0;
  border-top-right-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  min-height: 103px;
  padding: 10px;
  width: 80px;
}

.event-qmenu .cont .event-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 5px 0;
  position: relative;
  transition: 0.3s;
  width: 60px;
}

.event-qmenu .cont .event-item:hover {
  transform: scale(1.2);
}

.event-qmenu .cont .event-item img {
  aspect-ratio: 1;
  object-fit: contain;
  display: block;
  max-height: 100%;
  max-width: 100%;
}

.provider-list-box {
  display: flex;
  flex-wrap: wrap;
}

.gift-fixed {
  position: fixed;
  left: 0;
  top: 150px;
  z-index: 1002;
}

.gift-fixed img {
  height: 150px;
  width: 150px;
}

@media (max-width: 767px) {

  .event-qmenu,
  .gift-fixed {
    display: none;
  }
}