html,
body {
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #eff0ff;
}

:root,
body {
  --window-left: 0px;
  --window-right: 0px;
  --window-margin: 0px;
}

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

#app,
uni-app,
uni-content,
uni-main,
uni-page,
uni-page-wrapper,
uni-page-body {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  min-height: 100vh !important;
  background: #eff0ff;
}

@supports (min-height: 100dvh) {
  #app,
  uni-app,
  uni-page,
  uni-page-wrapper,
  uni-page-body {
    min-height: 100dvh !important;
  }
}

uni-page,
uni-page-wrapper,
uni-page-body,
uni-content,
uni-main {
  overflow-x: hidden !important;
}

uni-page-body > .container,
uni-page-body > uni-view.container,
.container,
.containers {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.header-box,
.banner-box,
.swiper-box,
.swiper-container,
.list-swiper,
uni-swiper,
uni-swiper .uni-swiper-wrapper,
uni-swiper .uni-swiper-slides,
uni-swiper .uni-swiper-slide-frame,
uni-swiper-item {
  width: 100% !important;
  max-width: 100% !important;
}

uni-image,
uni-image > div,
uni-image img,
img,
canvas,
video {
  max-width: 100%;
}

body > *,
#app > * {
  max-width: 100%;
}