.calendar-box {
  padding: 0.2667rem;
  /* border: 1px solid blue; */
  /* margin: 50px auto; */
}

/* 设置顶部样式 */
.header {
  padding: 0.1333rem 0.32rem 0.4rem;
  /* margin-bottom: 0.5333rem; */
  text-align: center;
  font-size: 0.3467rem;
  color: #333333;
  line-height: 0.48rem;
}

.header span {
  cursor: pointer;
}

.header .fl {
  float: left;
  margin-left: 10px;
}

.header .fr {
  float: right;
  margin-right: 10px;
}

.header div {
  font-size: 0.3733rem;
}

/* 设置表格样式 */
table {
  border: 0;
  /* border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; */
}

table th {
  font-weight: 400;
  font-size: 0.3467rem;
  color: #333333;
  flex: 1;
}

table tr {
  display: flex;
}
table td {
  flex: 1;
  padding: 0.133rem;
  /* width: 1.067rem;
  height: 1.067rem; */
}
table td .schedule {
  text-align: center;
  width: 1.067rem;
  height: 1.067rem;
  font-weight: 400;
  font-size: 0.3467rem;
  color: #333333;
  line-height: 1.067rem;
  position: relative;
  border-radius: 50%;
}
table td .active {
  background: #0f70fa !important;
  color: #fff;
  border-radius: 100%;
}

table td .today {
  background: #0f70fa !important;
  border-radius: 50%;
  color: #fff;
}

/* table td.schedule {
  background: #ff9f43;
  color: #ffffff !important;
} */
table td .schedule-double {
  background: #ff9f43;
  color: #ffffff !important;
}
table td .schedule-talk {
  background: #43cea2;
  color: #ffffff !important;
}
table td .schedule-both {
  background: conic-gradient(#ff9f43 0% 50%, #43cea2 50% 100%);
  color: #ffffff !important;
}

.sxh-span {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background-color: rgb(240, 144, 69);
  border-radius: 50%;
  margin-right: 0.267rem;
}
.xjh-span {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background-color: rgb(94, 200, 149);
  border-radius: 50%;
  margin-right: 0.267rem;
}
/* table td.schedule::before {
  content: "";
  display: block;
  width: 0.1067rem;
  height: 0.1067rem;
  border-radius: 50%;
  background: #0188ff;
  color: #fff;
  position: absolute;
  top: 0.2667rem;
  left: 50%;
  transform: translateX(-50%);
}
table td.active.schedule::before,
table td.today.schedule::before {
  background: #fff;
} */
.schedule-list {
  margin-top: 0.2667rem;
}
.schedule-list .schedule-title .name {
  font-weight: 500;
  font-size: 0.4267rem;
  color: #333333;
}
.schedule-list .schedule-title .date {
  font-weight: 500;
  font-size: 0.32rem;
  color: #999999;
  margin-left: 0.2667rem;
}
.schedule-item {
  background: #ffffff;
  box-shadow: 0px 0px 0.2667rem 0px rgba(209, 220, 255, 0.5);
  padding: 0.4267rem;
  font-weight: 400;
  font-size: 0.3733rem;
  color: #333333;
}
.schedule-item .time {
  margin-right: 0.2667rem;
}