@import '../base/base.acss';

.time-picker-card {
  width: 800rpx;
  height: 500rpx;
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1000;
  position: fixed;
  top: 70rpx;
  left: 112rpx;
  border-style: solid;
  border-width: 1rpx;
  border-color: #ced5e0;
}

.time-picker-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20rpx 0rpx;
}

.time-picker-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.card-title {
  font-family: Helvetica;
  font-size: 32rpx;
  color: var(--font-color-deep);
  margin: 16rpx 0rpx;
}