page,
view,
scroll-view,
cover-view,
input,
picker {
  box-sizing: border-box;
  color: #333;
}

.tac {
  text-align: center;
}

.df {
  display: flex;
}

.jcsb {
  justify-content: space-between;
}

.jcc {
  justify-content: center;
}

.jcfe {
  justify-content: flex-end;
}

.jcsa {
  justify-content: space-around;
}

.aic {
  align-items: center;
}

.m10a {
  margin: 10rpx auto;
}

.m20a {
  margin: 20rpx auto;
}

.m30a {
  margin: 30rpx auto;
}

.m40a {
  margin: 40rpx auto;
}

.m50a {
  margin: 50rpx auto;
}

.mt10 {
  margin-top: 10rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mt30 {
  margin-top: 30rpx;
}

.mt40 {
  margin-top: 40rpx;
}

.mt50 {
  margin-top: 50rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mr30 {
  margin-right: 30rpx;
}

.mr40 {
  margin-right: 40rpx;
}

.mr50 {
  margin-right: 50rpx;
}

.mb10 {
  margin-bottom: 10rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mb30 {
  margin-bottom: 30rpx;
}

.mb40 {
  margin-bottom: 40rpx;
}

.mb50 {
  margin-bottom: 50rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.ml30 {
  margin-left: 30rpx;
}

.ml40 {
  margin-left: 40rpx;
}

.ml50 {
  margin-left: 50rpx;
}

.p10 {
  padding: 10rpx;
}

.p20 {
  padding: 20rpx;
}

.p30 {
  padding: 30rpx;
}

.p40 {
  padding: 40rpx;
}

.p50 {
  padding: 50rpx;
}

.pb20 {
  padding-bottom: 20rpx;
}

.fs20 {
  font-size: 20rpx;
}

.fs22 {
  font-size: 22rpx;
}

.fs24 {
  font-size: 24rpx;
}

.fs28 {
  font-size: 28rpx;
}

.fs32 {
  font-size: 32rpx;
}

.fs36 {
  font-size: 36rpx;
}

.fs40 {
  font-size: 40rpx;
}

.scrollx {
  overflow-x: scroll;
  white-space: nowrap;

}

.scrolly {
  overflow-y: scroll;
}

.c3 {
  color: #333;
}

.back-blue {
  background: #0094FE;
}

.back-red {
  background: #d90024;
}

.next {
  text-align: center;
  width: 300rpx;
  height: 80rpx;
  line-height: 80rpx;
  color: #fff;
  background: #0094FE;
  border-radius: 10rpx;
  margin: 0 auto;
  margin-top: 5vh;
}