.mask.data-v-2b872204 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.active.data-v-2b872204 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  overflow: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.add.data-v-2b872204 {
  height: 380px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.title.data-v-2b872204 {
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  padding: 24rpx 30rpx; 
  border-bottom: 2rpx solid #eee;
  background-color: #fff;
}
.title-text.data-v-2b872204 {
  font-size: 34rpx;
  font-weight: 500;
  color: #333;
  max-width: 80%; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 关闭按钮样式 */
.close-btn.data-v-2b872204 {
  font-size: 50rpx;
  color: #999;
  padding: 10rpx; /* 增加点击区域 */
  border-radius: 50%;
  /* 右对齐（通过 flex 布局已实现，无需绝对定位） */
}
.close-btn.data-v-2b872204:active {
  background-color: #f5f5f5; /* 点击时轻微反馈 */
}
.cont.data-v-2b872204 {
  display: flex;
  height: calc(100% - 80rpx);
}
.day.data-v-2b872204 {
  flex: 2; 
  background-color: #f5f5f5;
  text-align: center;
}
.day view.data-v-2b872204 {
  padding: 28rpx 0;
  font-size: 28rpx;
}
.date-week.data-v-2b872204 {
  font-weight: 500;
  color: #333; /* 日期颜色 */
}
.active_copy.data-v-2b872204 {
  background-color: #fff;
  color: #27c866;
  font-weight: 500;
}
.content.data-v-2b872204 {
  flex: 3; 
  font-size: 28rpx;
  background-color: #fff;
}
.appoint.data-v-2b872204 {
  position: relative;
  text-align: left;
  padding: 30rpx 36rpx;
  border-bottom: 2rpx solid #f5f5f5;
  color: #333; /* 时间颜色 */
}
.longActive.data-v-2b872204 {
  color: #27c866; 
  background-color: #f6fffa;
}
.cuIcon-check.data-v-2b872204 {
  position: absolute;
  right: 36rpx;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 36rpx;
  height: 36rpx;
  background-color: #27c866;
  border-radius: 50%;
  display: inline-block;
}
.cuIcon-check.data-v-2b872204::after {
  content: "";
  position: absolute;
  left: 10rpx;
  top: 16rpx;
  width: 12rpx;
  height: 6rpx;
  border-bottom: 4rpx solid white;
  border-left: 4rpx solid white;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
scroll-view.data-v-2b872204 ::-webkit-scrollbar {
  display: none;
}