site_8g/src/app/globals.css

@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);
}
html, body {
    width: 100vw;
    height: 100%;
    min-height: 80%;
}

html {
    font-size: 144px;
}

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

#app {
    max-width: 4.02rem;
    width: 100vw;
    height: auto;
    margin: 0 auto;
    font-size: 0.14rem;
    position: relative;
}