.content {
  background-color: #faefe1;
}

.hero {
  background-image: url(https://tva1.sinaimg.cn/large/e6c9d24egy1h4i2kenwurj21kw0mmn4p.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

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

.event-bg {
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.event-content {
  border-radius: 16px;
  background-color: rgba(251, 251, 251, 0.5);
}

.week-list li {
  cursor: default;
}

.week-list li:hover {
  cursor: pointer;
}

.border-line {
  background-color: #EFCBA2;
  border-radius: 2px;
  height: 4px;
}

.border-line-activied {
  background: linear-gradient(145deg, #74ECD6 0%, #3AB4C3 57%, #578AEF 100%);
  border-radius: 2px;
  height: 4px;
}

.text-vertical {
  float: left;
  transform: rotate(90);
  transform-origin: left top 0;
}

.text-small {
  font-size: 0.3rem;
}

.text-actived {
  color: #3AB4C3;
}

.room-list li a {
  width: auto;
  text-align: center;
  vertical-align: middle;
  border-radius: 24px;
}

.room-item {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 5px 5px 8px 0px rgba(62,127,96,0.1000);
  border-radius: 16px;
}

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

.room-name {
}
.room-subject{}

.room-name.green {
  background: rgba(129, 204, 168, 0.7);
}

.room-subject.green {
  background: rgba(129, 204, 168, 0.23);
}

.room-name.gray {
  background: rgba(80, 134, 151, 0.7);
}

.room-subject.gray {
  background: rgba(80, 134, 151, 0.23);
}

.room-name.red {
  background: rgba(150, 92, 117, 0.7);
}

.room-subject.red {
  background: rgba(150, 92, 117, 0.23);
}

.room-name.blue {
  background: rgba(66, 111, 169, 0.7)
}

.room-subject.blue {
  background: rgba(66, 111, 169, 0.23)
}

.room-name.brown {
  background: rgba(151, 117, 110, 0.9)
}

.room-subject.brown {
  background: rgba(151, 117, 110, 0.23)
}

.room-name.orange {
  background: rgba(207, 120, 74, 0.7)
}

.room-subject.orange {
  background: rgba(207, 120, 74, 0.23)
}

.room-name.yellow {
  background: rgba(255, 179, 123, 0.7)
}

.room-subject.yellow {
  background: rgba(255, 179, 123, 0.23)
}


.footer {
  background-image: url(https://tva1.sinaimg.cn/large/e6c9d24egy1h4i5u2bwh3j21kw0koado.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.footer div {
  color: #b75b1d!important;
}