:root {
  --switchColor: #bf80ff;
}

/* padding 内边距 */

.pd50 {
  padding: 50rpx;
}

.pd30 {
  padding: 30rpx;
}

.pdTB30 {
  padding: 0 30rpx;
}

/* 背景色 */
.bgF {
  background-color: #fff;
}

.bgF2 {
  background-color: #f2f2f2;
}

/* 圆角属性 */
.bdR20 {
  border-radius: 20rpx;
}

.bdR10 {
  border-radius: 10rpx;
}

.bdR16 {
  border-radius: 16rpx;
}

/* 字体大小 */
.fs27 {
  font-size: 27rpx;
}

.fs30 {
  font-size: 30rpx;
}

.c333 {
  color: #333;
}

.fw700 {
  font-weight: 700;
}

.t-center {
  text-align: center;
}

.fb {
  font-weight: bold;
}

.lh46 {
  line-height: 46rpx;
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 单行文本超出省略号 */
.single-text-beyond {
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*禁止换行*/
  text-overflow: ellipsis;
  /*省略号*/
}

/* flex  */
.flex-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-main {
  flex: 1;
}

/* 为scroll-view 增加圆角 */
.uni-scroll-view {
  border-radius: 20rpx;
}

/* 伪类增加圆角 */
.afterBdR32::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 47rpx;
  border-radius: 32rpx 32rpx 0px 0px;
  background-color: #fff;
}

.global-wrapper {
  min-height: 100vh;
}

/* 按钮底部边框 */
.ButtonBor {
  backdrop-filter: blur(30px);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* 时间选择器按钮背景颜色修改 */
.xp-button--confirm {
  background-color: #7737fe !important;
}

/* 开关对齐样式 */
.dis-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0;
}

.dis-wrapper>>>text {
  font-size: 30rpx;
}