.not-check-text[data-v-47530f8a] {
  color: #888888;
}
.grayscale[data-v-47530f8a] {
  filter: grayscale(100%);
}
.gift[data-v-47530f8a] {
  width: 100%;
  height: 70vw;
  background: #17181b;
  position: absolute;
  z-index: 99;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #505050;
}
.gift__mask[data-v-47530f8a] {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
.gift__reset[data-v-47530f8a] {
  width: 50%;
  border: 1px solid #a0a5b5;
  font-size: 13px;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 4px 0;
  text-align: center;
}
.gift__close[data-v-47530f8a] {
  position: absolute;
  right: 11px;
  top: 10px;
  z-index: 3;
}
.gift__close i[data-v-47530f8a] {
  font-size: 15px;
}
.gift__box[data-v-47530f8a] {
  width: 88%;
  height: 75%;
  overflow: scroll;
}
.gift__box--grid[data-v-47530f8a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  overflow: visible;
  z-index: 1;
}
.gift__box--section[data-v-47530f8a] {
  width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px;
  overflow: visible;
  position: relative;
}
.gift__box--section .section__buttom[data-v-47530f8a] {
  width: 60px;
  height: 60px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 7px;
  position: relative;
  border: 2px solid transparent;
  overflow: hidden;
  padding: 5px;
}
.gift__box--section .section__buttom img[data-v-47530f8a] {
  height: 100%;
}
.gift__box--section .section__buttom.section__border[data-v-47530f8a] {
  border-color: #c5a474;
}
.gift__box--section .section__buttom--box[data-v-47530f8a] {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 4px;
  background-color: rgba(0, 0, 0, 0.9);
}
.gift__box--section .section__buttom--check[data-v-47530f8a] {
  width: 40px;
  font-size: 10px;
  padding: 0px 5px;
  text-align: center;
  bottom: 10px;
  border: 2px solid #510301;
  border-radius: 4px;
}
.gift__box--section .section__border[data-v-47530f8a] {
  border: 1px solid #d4c0a1;
}
.gift__box--section .section__text[data-v-47530f8a] {
  font-size: 10px;
  text-align: center;
  margin-top: 4px;
}
.section__image-wrapper[data-v-47530f8a] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: visible;
}
.section__image-wrapper img[data-v-47530f8a] {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  transition: filter 0.3s ease;
}
.section__image-wrapper.section__loading[data-v-47530f8a]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -13px 0 0 -14px;
  border: 3px solid #ffffff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin-47530f8a 0.8s linear infinite;
  z-index: 2;
}
.slide-enter-active[data-v-47530f8a],
.slide-leave-active[data-v-47530f8a] {
  transition: transform 0.5s ease;
  transform: translateY(100%);
}
.slide-leave[data-v-47530f8a],
.slide-enter-to[data-v-47530f8a] {
  transform: translateY(0);
}
.swiper-container[data-v-47530f8a] {
  height: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets[data-v-47530f8a] {
  bottom: -6px;
}
[data-v-47530f8a] .swiper-pagination-bullet {
  background-color: #747474;
}
[data-v-47530f8a] .swiper-pagination-bullet-active {
  background-color: #6a6e7a;
}
@keyframes spin-47530f8a {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
@media screen and (min-width: 768px) {
.gift[data-v-47530f8a] {
    height: 52vw;
}
.gift__close[data-v-47530f8a] {
    right: 15px;
    top: 15px;
    font-size: 25px;
}
.gift__box[data-v-47530f8a] {
    width: 90%;
    overflow: scroll;
}
.gift__box--section[data-v-47530f8a] {
    width: 105px;
}
.gift__box--section .section__buttom[data-v-47530f8a] {
    width: 100%;
    height: 90px;
}
.gift__box--section .section__buttom img[data-v-47530f8a] {
    height: 85px;
}
.gift__box--section .section__buttom--check[data-v-47530f8a] {
    font-size: 15px;
}
.gift__box--section .section__text[data-v-47530f8a] {
    font-size: 15px;
    text-align: center;
}
}