@tailwind base;
@tailwind components;
@tailwind utilities;
@import "@/styles/iconfont/iconfont.css";

/* swiper */
@import "swiper/css";
@import "swiper/css/autoplay";
@import "swiper/css/pagination";
@import "swiper/css/virtual";


:root{
  --swiper-pagination-bullet-width: 0.23rem;
  --swiper-pagination-bullet-height: 0.05rem;
  --swiper-pagination-bullet-border-radius: 0.03rem;
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-active-bg: #fff;
  --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, .8);

  --adm-color-text: #fff;
  --bg-color:#000000;
}


html {
    font-size: 144px;
}

::-webkit-scrollbar {
  width: 0;
}

html, body {
  /* width: 100vw; */
  height: 100%;
  min-height: 80%;
  font-family: helvetica neue, Helvetica, apple sd gothic neo, malgun gothic, Arial, sans-serif;
  overflow: hidden;
  background: #f8f8f8;
}

#app {
    max-width: 4.02rem;
    width: 100vw;
    height: auto;
    margin: 0 auto;
    font-size: 0.14rem;
    position: relative;
    background-color: var(--bg-color);
}


/* ant-design-ui */
.adm-toast-mask .adm-toast-main-icon .adm-toast-icon svg {
  margin: 0 auto;
}
.adm-input input{
  color: #fff;
}