@font-face {
  font-family: 'OR';
  src: url(../fonts/OdibeeSans-Regular.ttf);
}

* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }

body {
  width: 100%;
  overflow-x: hidden;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }

*, *::after, *::before {
  box-sizing: border-box; }

img {
  object-fit: cover;
  vertical-align: middle; }

img:not(.none) {
  max-width: 100%;
  max-height: 100%; }

textarea {
  resize: none;
  font-family: inherit; }

button {
  border: none;
  cursor: pointer; }

.bezier .swiper-wrapper, .div_bezier {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important; }

table {
  border-collapse: collapse; }

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

[data-lenis-prevent] {
  padding: 0 20px 0 0; }

[data-lenis-prevent]::-webkit-scrollbar {
  width: 4px;
  display: block; }

[data-lenis-prevent]::-webkit-scrollbar-thumb {
  background: #666; }

[data-lenis-prevent]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); }

._scroll_y {
  position: fixed;
  top: 0;
  right: 3px;
  width: 6px;
  height: 100vh;
  z-index: 9999;
  border-radius: 10px; }

._scroll_y div {
  width: 100%;
  height: 0;
  border-radius: 10px;
  background: black;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s ease;
  cursor: grab; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.4rem; }

::-webkit-scrollbar-track {
  background-color: transparent; }

[data-wheel]::-webkit-scrollbar {
  width: 7px; }

[data-wheel]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem; }

[data-wheel]::-webkit-scrollbar-track {
  background-color: transparent; }

html.lenis, html.lenis body {
  height: auto; }

.lenis.lenis-smooth {
  scroll-behavior: auto !important; }

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain; }

/* .lenis.lenis-stopped {
  overflow: hidden; } */

.lenis.lenis-scrolling iframe {
  pointer-events: none; }

section {
  overflow: hidden; }

section.unset {
  overflow: unset; }

.lenis_scroll {
  height: 250px;
  overflow: hidden;
  overflow-y: scroll; }

.lenis_scroll::-webkit-scrollbar-thumb {
  background: var(--color); }

.lenis_scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05); }

.lenis_scroll::-webkit-scrollbar {
  width: 2px !important;
  display: block; }

.common_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1; }
.common_bg img{
  width: 100%;
}
.parallax {
  width: 100%;
  height: 100%; }