.content {
  background-color: #E9EDF3;
}

.hero {
  height: 12rem;
  background-image: url(https://i2.vzan.cc/image/liveimg/png/2021/7/26/08503363f4ef312fd646099909db8a08830e31.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.my-atuo {
  margin-top: auto;
  margin-bottom: auto;
}

.event-bg {
  background-image: url(https://i2.vzan.cc/image/liveimg/png/2021/7/26/084954e1db440a15784b0bb38d4ef433c34c94.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.week-list {
  background: linear-gradient(122deg, #009FF2 0%, #252471 100%);
  border-radius: 10px 10px 6px 6px;
}

.week-list li {
  width: 160px;
  height: 64px;
  color: #FEFCFC;
}

.week-list li:first-child {
  width: 78px;
}

.room-list li {
  color: #292C31;
  width: 160px;
  height: 68px;
  border-radius: 6px;
}

.room-list li a {
  width: 100%;
  height: 68px;
  text-align: center;
  vertical-align: middle;
  border-radius: 6px;
}

.room-list li a:hover {
  background: linear-gradient(123deg, #F0D8CD 0%, #F0D8CD 100%);
}

.room-item {
  background: linear-gradient(123deg, #F8E9E2 0%, #F0D8CD 100%);
}

.room-list li:first-child {
  height: 68px;
  width: 78px;
  color: white;
  border-radius: 6px;
}

.room-item.full, .full {
  width: 100%!important;
}

.room-item.blue {
  background: linear-gradient(115deg, #009FF2 0%, #0074EE 100%)!important;
}

.room-item.empty {
  background: #F4EEEB!important;
}

.room-item.small {
  height: 68px;
  width: 80px!important;
  border-radius: 6px;
}

.room-item.small.auto {
  width: 49.5%!important;
}

.room-item.red {
  background: linear-gradient(135deg, #FB8273 0%, #FF4631 100%)!important;
}

.footer {
  background-image: url(https://i2.vzan.cc/image/liveimg/png/2021/7/26/085030bf9fb3c9e58b4d1897875e89bb76cc6e.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}