body {
  background: #FBF7F3;
}

.page-container .tab-box {
  padding: 1.25rem 1.25rem 0;
}
.page-container .tab-box .item {
  display: inline-block;
  vertical-align: top;
  font-size: 0.9375rem;
  color: #666666;
  margin-right: 1.875rem;
  line-height: 1.3125rem;
}
.page-container .tab-box .item.current {
  color: #333333;
  font-weight: 600;
  line-height: 1.3125rem;
  border-bottom: 0.125rem solid;
  padding-bottom: 0.1875rem;
}
.page-container .tab-info-box {
  display: none;
  padding: 0.9375rem;
}
.page-container .tab-info-box .calendar-box {
  width: 100%;
  margin: 0 0 1.25rem;
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.9375rem 0 1.5625rem;
  -webkit-box-shadow: 0 0.125rem 0.625rem rgba(132, 41, 13, 0.1);
          box-shadow: 0 0.125rem 0.625rem rgba(132, 41, 13, 0.1);
}
.page-container .tab-info-box .calendar-box #schedule-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 0 0.875rem;
  font-size: 0.875rem;
}
.page-container .tab-info-box .calendar-box #todayBtn {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-container .tab-info-box .calendar-box .boxshaw {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-container .tab-info-box .calendar-box .schedule-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #333333;
  background: none !important;
  height: 2.3125rem;
  line-height: 2.3125rem;
  border-radius: 3.125rem;
  background: #F5F5F5 !important;
  padding: 0 0.9375rem;
}
.page-container .tab-info-box .calendar-box .schedule-hd .turn-left {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  padding: 0 0.5rem;
  color: #333;
  font-size: 0.75rem;
}
.page-container .tab-info-box .calendar-box .schedule-hd .turn-right {
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding: 0 0.5rem;
  color: #333;
  font-size: 0.75rem;
}
.page-container .tab-info-box .calendar-box .today {
  font-size: 0.875rem;
  text-align: center;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
}
.page-container .tab-info-box .calendar-box .week-ul > li {
  padding: 14px 0 !important;
  font-size: 0.875rem;
  color: #8F6A3F;
  font-weight: 600;
}
.page-container .tab-info-box .calendar-box .ul-box {
  overflow: hidden;
}
.page-container .tab-info-box .calendar-box .ul-box > li {
  float: left;
  width: 14.28%;
  text-align: center;
  padding: 4px 0;
}
.page-container .tab-info-box .calendar-box .other-month {
  color: #999999;
}
.page-container .tab-info-box .calendar-box .disabled {
  pointer-events: none;
  background: none;
  color: rgba(0, 0, 0, 0.4);
}
.page-container .tab-info-box .calendar-box .current-month {
  color: #333333;
}
.page-container .tab-info-box .calendar-box .today-style {
  border-radius: 50%;
  background: #58d321;
}
.page-container .tab-info-box .calendar-box .arrow {
  cursor: pointer;
}
.page-container .tab-info-box .calendar-box .dayStyle {
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.875rem;
}
.page-container .tab-info-box .calendar-box .dayStyle:not(.currentDate) {
  display: none;
}
.page-container .tab-info-box .calendar-box .dayStyle.bg-theme {
  color: #fff;
}
.page-container .tab-info-box .calendar-box .dayStyle.bder-theme {
  width: 2rem;
  height: 2rem;
  line-height: 1.9375rem;
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-container .tab-info-box .calendar-box .current-month > .selected-style:hover {
  width: 2rem;
  height: 2rem;
}
.page-container .tab-info-box .calendar-box .selected-style {
  position: relative;
}
.page-container .tab-info-box .calendar-box .selected-style:after {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #3D82F2;
  position: absolute;
  bottom: 0.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-container .tab-info-box .calendar-box .active-style {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.page-container .tab-info-box .calendar-box #h3Ele {
  text-align: center;
  padding: 10px;
}
.page-container .tab-info-box .calendar-box .tip {
  padding: 0 1.5625rem 0;
  margin-top: 1.5625rem;
  text-align: left;
  font-size: 0.8125rem;
  color: #666666;
}
.page-container .tab-info-box .calendar-box .tip .tag {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.4375rem;
  border-radius: 50%;
  vertical-align: middle;
}
.page-container .tab-info-box .live-list .item {
  display: block;
  border-radius: 0.375rem;
  background: #fff;
  overflow: hidden;
  margin-bottom: 0.9375rem;
}
.page-container .tab-info-box .live-list .item .img-box {
  width: 100%;
  height: 11.0625rem;
  overflow: hidden;
  position: relative;
}
.page-container .tab-info-box .live-list .item .img-box img {
  width: 100%;
  height: 100%;
}
.page-container .tab-info-box .live-list .item .img-box .mark {
  display: inline-block;
  padding: 0 0.25rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  border-radius: 0.125rem 0;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
}
.page-container .tab-info-box .live-list .item .img-box .mark.mark1 {
  background: rgba(255, 140, 33, 0.9);
}
.page-container .tab-info-box .live-list .item .img-box .mark.mark2 {
  background: rgba(101, 193, 52, 0.9);
}
.page-container .tab-info-box .live-list .item .img-box .mark.mark3 {
  background: rgba(0, 0, 0, 0.6);
}
.page-container .tab-info-box .live-list .item .btm-box {
  padding: 1rem 0.625rem 1.25rem 1rem;
}
.page-container .tab-info-box .live-list .item .btm-box .name {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #333;
  margin-bottom: 0.625rem;
}
.page-container .tab-info-box .live-list .item .btm-box .hint {
  font-size: 0.75rem;
  color: #666;
  line-height: 1.0625rem;
  margin-bottom: 0.9375rem;
}
.page-container .tab-info-box .live-list .item .btm-box .hint > * {
  vertical-align: middle;
}
.page-container .tab-info-box .live-list .item .btm-box .hint:last-child {
  margin-bottom: 0;
}
.page-container .tab-info-box .live-list .item .btm-box .hint .icon {
  font-size: 0.875rem;
  margin-right: 0.40625rem;
}
.page-container .tab-info-box .active-list .item {
  display: block;
  border-radius: 0.375rem;
  background: #fff;
  overflow: hidden;
  margin-bottom: 0.9375rem;
}
.page-container .tab-info-box .active-list .item .img-box {
  width: 100%;
  height: 8.875rem;
  overflow: hidden;
  position: relative;
}
.page-container .tab-info-box .active-list .item .img-box img {
  width: 100%;
  height: 100%;
}
.page-container .tab-info-box .active-list .item .img-box .mark {
  display: inline-block;
  padding: 0 0.25rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  border-radius: 0.125rem 0;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
}
.page-container .tab-info-box .active-list .item .img-box .mark.mark1 {
  background: rgba(255, 140, 33, 0.9);
}
.page-container .tab-info-box .active-list .item .img-box .mark.mark2 {
  background: rgba(101, 193, 52, 0.9);
}
.page-container .tab-info-box .active-list .item .img-box .mark.mark3 {
  background: rgba(0, 0, 0, 0.6);
}
.page-container .tab-info-box .active-list .item .img-box .btm-cover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  padding: 1.3125rem 0.75rem 0.75rem;
  color: #fff;
  font-size: 0.75rem;
}
.page-container .tab-info-box .active-list .item .img-box .btm-cover .icon {
  font-size: 0.75rem;
  margin-right: 0.25rem;
  vertical-align: middle;
}
.page-container .tab-info-box .active-list .item .btm-box {
  padding: 1rem 0.625rem 1.25rem 1rem;
}
.page-container .tab-info-box .active-list .item .btm-box .name {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #333;
  margin-bottom: 0.625rem;
}
.page-container .tab-info-box .active-list .item .btm-box .hint {
  font-size: 0.8125rem;
  color: #666;
  line-height: 1.25rem;
  margin-bottom: 0.625rem;
}
.page-container .tab-info-box .active-list .item .btm-box .hint .tag {
  display: inline-block;
  height: 1.1875rem;
  padding: 0 0.375rem;
  border: 1px solid #CCCCCC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  color: #666;
  margin-right: 0.5rem;
}
.page-container .tab-info-box .active-list .item .btm-box .tip {
  font-size: 0.8125rem;
  color: #999;
  line-height: 1.25rem;
}
.page-container .tab-info-box .empty-box {
  padding: 2.25rem 0 3.125rem;
  text-align: center;
}
.page-container .tab-info-box .empty-box img {
  width: 80%;
}