body {
  overscroll-behavior: contain;
}
.sticky-title {
  position: -webkit-sticky;
  position: sticky;
}
.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticky-top{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.weui-navbar{
  z-index: 0;
}

.longdescription code{
  display: inline-block;
  max-width: 100vw;
  white-space: pre-line;
}

.PUSH .page-enter {
  transform: translateX(100%);
  position: fixed;
}

.PUSH .page-enter-active {
  transform: translateX(0%);
  transition: all 300ms;
  position: fixed;
  
  
}
.PUSH .page-exit {
  transform: translateX(0%);
  position: fixed;
}

.PUSH .page-exit-active {
  transform: translateX(-100%);
  transition: all 300ms;
  position: fixed;
}

.POP .page-enter {
  transform: translateX(-100%);
  position: fixed;
}

.POP .page-enter-active {
  transform: translateX(0%);
  transition: all 300ms;
  position: fixed;
  
}
.POP .page-exit {
  transform: translateX(0%);
  position: fixed;
}

.POP .page-exit-active {
  transform: translateX(100%);
  transition: all 300ms;
  position: fixed;
  
}

.cartitem-enter {
  opacity: 0.01;
  position: relative;
  z-index: 500;
}

.cartitem-enter.cartitem-enter-active {
  position: relative;
  z-index: 500;
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.cartitem-leave {
  position: relative;
  z-index: 500;
  opacity: 1;
}

.cartitem-leave.cartitem-leave-active {
  position: relative;
  z-index: 500;
  opacity: 0.01;
  transition: opacity 500ms ease-in;
}

.cartitem-appear {
  position: relative;
  z-index: 500;
  opacity: 0.01;
}

.cartitem-appear.cartitem-appear-active {
  position: relative;
  z-index: 500;
  opacity: 1;
  transition: opacity .5s ease-in;
}

.modal-enter {
  position: relative;
  z-index: 500;
  opacity: 0.01;
}
.modal-enter-active {
  position: relative;
  z-index: 500;
  opacity: 1;
  transition: all 500ms ease-out;
}
.modal-exit {
  position: relative;
  z-index: 500;
  opacity: 1;
}
.modal-exit-active {
  position: relative;
  z-index: 500;
  opacity: 0.01;
  transition: all 500ms ease-out;
}
.demomodal-enter {
  position: relative;
  z-index: 500;
  opacity: 0.01;
}
.demomodal-enter-active {
  position: relative;
  z-index: 500;
  opacity: 1;
  transition: all 500ms ease-out;
}
.demomodal-exit {
  position: relative;
  z-index: 500;
  opacity: 1;
}
.demomodal-exit-active {
  position: relative;
  z-index: 500;
  opacity: 0.01;
  transition: all 500ms ease-out;
}


.toast-enter {
  position: relative;
  z-index: 800;
  opacity: 0.01;
}
.toast-enter-active {
position: relative;
z-index: 800;
opacity: 1;
transition: all 500ms ease-out;
}
.toast-exit {
position: relative;
z-index: 800;
opacity: 1;
}
.toast-exit-active {
position: relative;
z-index: 800;
opacity: 0.01;
transition: all 500ms ease-out;
}

.datepicker-enter {
  transform: translateX(100%);
  position: fixed;
}

.datepicker-enter-active {
  transform: translateX(0%);
  transition: all 300ms;
  position: fixed;
  
  
}
.datepicker-exit {
  transform: translateX(0%);
  position: fixed;
}

.datepicker-exit-active {
  transform: translatex(100%);
  transition: all 300ms;
  position: fixed;
}

.carpicker-enter {
  transform: translateY(31%);
  position: fixed;
}

.carpicker-enter-active {
  transform: translateY(0%);
  transition: all 300ms;
  position: fixed;
  
  
}