/**app.wxss**/
view,
cover-view,
scroll-view,
swiper,
swiper-item,
movable-area,
movable-view,
button,
input,
textarea,
label,
navigator
{
  box-sizing: border-box;
}
page{
  --safe-bottom: env(safe-area-inset-bottom);
}
.container{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-bottom: var(--safe-bottom);
}

.flex{
  display: flex;
}
.flex_column{
  display: flex;
  flex-direction: column;
}
.ai_center{
  align-items: center;
}
.ai_start{
  align-items: flex-start;
}
.ai_end{
  align-items: flex-end;
}
.jc_center{
  justify-content: center;
}
.jc_sa{
  justify-content: space-around;
}
.jc_sb{
  justify-content: space-between;
}
.jc_end{
  justify-content: flex-end;
}
.flex_center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_center_sa{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex_center_sb{
  display: flex;
  align-items: center;
  justify-content: space-between;
}