/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.timetable {
  width: 120rpx;
  padding-top: 70rpx;
  box-shadow: 0 3rpx 20rpx 0 rgba(77, 77, 77, 0.28);
  z-index: 2;
  background: #fff;
  min-height: calc(100vh - 500rpx);
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.timetable view {
  line-height: 70rpx;
  height: 70rpx;
  text-align: center;
  margin: 10rpx 0 0;
  font-size: 24rpx;
  border: 1rpx solid #fff;
  color: #000000;
}
.cdtable {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  height: 70rpx;
  flex-wrap: nowrap;
  z-index: 1;
}
.cdtable view {
  font-size: 24rpx;
  line-height: 70rpx;
  width: 170rpx;
  text-align: center;
}
.bodytable {
  background: #f7f8fa;
}
.mainClick {
  display: flex;
  flex-wrap: nowrap;
}
.mainClick .lie view {
  position: relative;
  box-sizing: border-box;
  border: 1rpx solid #1ec886;
  width: 150rpx;
  margin: 10rpx 10rpx 0;
  color: #1ec886;
  font-size: 28rpx;
  line-height: 70rpx;
  background: #ffffff;
  text-align: center;
}
.mainClick .lie .cc {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.mainClick .lie label {
  padding: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.mainClick .lie label.locked {
  background: #ddd;
}
.mainClick .lie label.lockedlocked {
  /* border: 1rpx solid #e1e1e1; */
}
.mainClick .lie label.lockedlocked image {
  width: 30rpx;
  height: 37rpx;
  position: relative;
  top: 6rpx;
}
.mainClick .lie .cc[checked] + label {
  color: #fff;
  background: #1ec886;
}
.mainClick .lie view.dis {
  color: #b3b3b3;
  border: 1rpx solid #fff;
}
.tableroom {
  height: calc(100vh - 530rpx);
  overflow: auto;
  position: relative;
  border-top: 1rpx solid #dcdcdc;
}
.righttable {
  height: 100%;
  width: 630rpx;
  /* overflow: auto; */
  position: absolute;
  top: 0;
  left: 120rpx;
}
.righttableauto {
  position: absolute;
  background: #f7f8fa;
  height: 100%;
  min-width: 100%;
}
.cgList {
  background: #fff;
  overflow: auto;
  padding: 26rpx;
}
.cgList text {
  padding: 3rpx 26rpx;
  text-align: center;
  background: #ffffff;
  border-radius: 27rpx;
  font-size: 28rpx;
  color: #000000;
  margin-right: 30rpx;
  box-shadow: 0px 3rpx 21rpx 0px rgba(236, 236, 236, 0.63);
  line-height: 54rpx;
  float: left;
  display: block;
}
.cgList text.active {
  background: linear-gradient(270deg, #54e1b9, #00caa6);
  box-shadow: 0px 3rpx 21rpx 0px rgba(28, 210, 173, 0.63);
  color: #ffffff;
}
.labelline {
  background-color: #fff;
  padding: 20rpx 40rpx;
}
.labelline text {
  margin-right: 34rpx;
  font-size: 24rpx;
  position: relative;
  padding: 0 0 0 40rpx;
  color: #4c5359;
}
.label1::before {
  content: "";
  position: absolute;
  left: 0;
  width: 25rpx;
  top: 4rpx;
  height: 25rpx;
  background: #1ec886;
  border-radius: 2px;
}
.label2::before {
  content: "";
  position: absolute;
  left: 0;
  width: 25rpx;
  top: 4rpx;
  height: 25rpx;
  background: #ffffff;
  border: 1rpx solid #1ec886;
  border-radius: 2px;
}
.bbfix {
  background: #fff;
  height: 150rpx;
  display: flex;
  position: fixed;
  z-index: 100;
  width: 100%;
  bottom: 0;
  align-items: baseline;
  justify-content: space-between;
  border-top: 1rpx solid #dcdcdc;
}
.bbfix .price {
  padding-left: 20rpx;
}
.bbfix .price text {
  font-weight: bold;
  font-size: 45rpx;
  color: #ff8124;
}
.bbfix .chooseNum {
  background: #f7f8fa;
  border-radius: 20rpx;
  color: #7b7f83;
  font-size: 24rpx;
  padding: 4rpx 25rpx;
}
.bbfix .subBtn {
  font-size: 36rpx;
  color: #ffffff;
  background: #ff8124;
  height: 120rpx;
  line-height: 100rpx;
  padding: 0 30rpx;
}
.ccitemBox {
  padding-bottom: 100rpx;
}
.ccitem {
  display: flex;
  align-items: center;
  height: 80rpx;
  margin-bottom: 20rpx;
  justify-content: space-between;
  font-size: 30rpx;
  padding: 0 30rpx;
  border: 1rpx solid #e5e5e5;
  color: #000;
  border-radius: 10rpx;
}
.ccitem icon {
  color: #5a5a5a;
  filter: grayscale(1);
}
.calendarLine {
  display: flex;
}
.autoHeightBox {
  height: calc(100vh - 230rpx);
  overflow: auto;
}