@charset "UTF-8";
.calendar-box {
  height: calc(100vh - 40px);
  background-color: #000;
  /* 日历左侧 */
  /* 日历右侧 */
}

.calendar-box .calendar-box-l {
  height: calc(100vh - 40px);
  width: calc(100% - 300px);
  float: left;
}

.calendar-box .calendar-box-l .calendar-inner {
  margin: 0 10px 5px;
  height: calc(100% - 5px);
}

.calendar-box .calendar-box-l .calendar-inner .weeks1 {
  height: 30px;
  line-height: 30px;
  display: flex;
}

.calendar-box .calendar-box-l .calendar-inner .weeks1 .weeks1-item {
  width: 100%;
  color: #7f7f7f;
  padding-left: 10px;
}

.calendar-box .calendar-box-l .calendar-inner .week-days {
  height: calc(100% - 35px);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item {
  float: left;
  background-color: #1b1b1b;
  border: 2px solid #000;
  width: calc((100% / 7) + 1px);
  height: calc(100% / 6);
  box-sizing: border-box;
  margin-right: -1px;
  margin-bottom: -1px;
  position: relative;
  overflow: hidden;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box {
  width: 100%;
  overflow: hidden;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content {
  color: #fff;
  font-size: 12px;
  margin: 0 0 2px;
  border-radius: 2px;
  padding: 0 5px 0 15px;
  position: relative;
  height: 20px;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content .item-content-dot {
  position: absolute;
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 4px;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content .dot-end {
  background-color: #5e5e5e;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content .dot-live {
  background-color: #ff0033;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content .dot-yuyue {
  background-color: #00cc66;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content .dot-review {
  background-color: #00ccff;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content .dot-notlive {
  background-color: #fff;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content:hover .week_item_details {
  display: flex;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content_end {
  background-color: #f0f2f5;
  color: #A1A1A1;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .oneweek-item-content_end:hover {
  background-color: #e6e6e6;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .content-review {
  background-color: rgba(0, 204, 255, 0.2);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .content-review:hover {
  background-color: rgba(0, 204, 255, 0.4);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .content-live {
  background-color: rgba(255, 0, 51, 0.2);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .content-live:hover {
  background-color: rgba(255, 0, 51, 0.4);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .content-yuyue {
  background-color: rgba(0, 204, 102, 0.2);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .days-item .days-item-box .content-yuyue:hover {
  background-color: rgba(0, 204, 102, 0.4);
}

.calendar-box .calendar-box-l .calendar-inner .week-days .more-list-color {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1b1b1b;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .nowDateStyle {
  border-top: 2px solid #0066FF;
  color: #0066FF;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .pre-next-MonthDay {
  color: #515151;
  background-color: #0d0d0d;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .pre-next-MonthDay .more-list-color {
  background-color: #0d0d0d;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .selected-today {
  background-color: #190f00;
  position: relative;
  z-index: 1;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .selected-today:hover {
  border-color: #ff9900;
  position: relative;
  z-index: 1;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .selected-today .more-list-color {
  background-color: #190f00;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .selected-day {
  border-color: #ff9900;
  position: relative;
  z-index: 1;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .selected-day:hover {
  border-color: #ff9900;
  position: relative;
  z-index: 1;
}

.calendar-box .calendar-box-l .calendar-inner .week-days .today-days-item {
  border-color: #7f7f7f;
  position: relative;
  z-index: 1;
}

.calendar-box .calendar-box-r {
  height: calc(100vh - 40px);
  width: 300px;
  float: right;
  background-color: #0d0d0d;
  /* 周日历 */
  /* 周日历数据 */
}

.calendar-box .calendar-box-r .date_operate {
  height: 40px;
  line-height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calendar-box .calendar-box-r .date_operate .date-operate-time {
  display: flex;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item {
  display: flex;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .back_today {
  padding: 0 10px;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .back_today:hover {
  background-color: #282828;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn {
  width: 70px;
  height: 24px;
  line-height: 24px;
  margin-right: 10px;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn:hover {
  background-color: #282828;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn .filter_box {
  right: -10px;
  background-color: #1b1b1b;
  border: none;
  width: 300px;
  z-index: 8;
  padding: 0px 0px 20px;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn .filter_box .filter_item li {
  min-width: 25px;
  background: #313131;
  color: #989898;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn .filter_box .filter_item li:hover {
  color: #fff;
  background: #464646;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn .filter_box .filter-box-scroll {
  padding: 0 10px;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .options_btn .small-dot {
  background-color: #ff9900;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .isSelected {
  color: #fff;
  background-color: #ff9900;
}

.calendar-box .calendar-box-r .date_operate .date-operate-item .isSelected:hover {
  color: #fff;
  background-color: #ff9900;
}

.calendar-box .calendar-box-r .date_operate .date_icon {
  padding: 0 10px;
}

.calendar-box .calendar-box-r .date_operate .date_icon i {
  color: #e2e6eb;
}

.calendar-box .calendar-box-r .date_operate .date_icon:hover i {
  color: #868686;
}

.calendar-box .calendar-box-r .date_operate .hover_bg_gray {
  box-sizing: border-box;
}

.calendar-box .calendar-box-r .date_operate .hover_bg_gray:hover {
  background: #f8f9fa;
  color: #333333;
}

.calendar-box .calendar-box-r .date_operate .options_btn .shuaixuan {
  box-sizing: border-box;
}

.calendar-box .calendar-box-r .weeks2 {
  height: 30px;
  line-height: 30px;
  display: flex;
  padding: 0 30px;
}

.calendar-box .calendar-box-r .weeks2 .weeks2-item {
  color: #7f7f7f;
  text-align: center;
  width: 100%;
}

.calendar-box .calendar-box-r .week-days {
  height: 35px;
  line-height: 35px;
  display: flex;
}

.calendar-box .calendar-box-r .week-days .week-days-list {
  display: flex;
  flex: 1;
  justify-content: space-around;
}

.calendar-box .calendar-box-r .week-days .week-days-list .week-days-list-box {
  width: calc(35px);
  position: relative;
}

.calendar-box .calendar-box-r .week-days .week-days-list .week-days-list-box .item-days {
  text-align: center;
  background-color: #282828;
  box-sizing: border-box;
  margin: 0 -2px -2px 0;
  border: 2px solid #000;
  font-size: 14px;
}

.calendar-box .calendar-box-r .week-days .week-days-list .week-days-list-box .days-dot {
  position: absolute;
  bottom: 1px;
  left: 16px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 7;
}

.calendar-box .calendar-box-r .week-days .arrow {
  width: 28px;
  height: 39px;
  cursor: pointer;
}

.calendar-box .calendar-box-r .week-days .arrow .gl, .calendar-box .calendar-box-r .week-days .arrow .gr {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  top: 20px;
}

.calendar-box .calendar-box-r .week-days .arrow .gl {
  right: 12px;
}

.calendar-box .calendar-box-r .week-days .arrow .gr {
  right: 14px;
}

.calendar-box .calendar-box-r .right-list .scroll-item {
  height: calc(100vh - 185px);
  overflow-x: hidden;
  overflow-y: auto;
  /*滚动条里面小方块样式*/
  /*滚动条里面轨道样式*/
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list {
  height: 60px;
  padding: 15px 10px;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list .item-list-hours {
  width: 212px;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list .item-list-hours .companys-name {
  max-width: 140px;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list .list-bottom .color-1 {
  background-color: rgba(255, 0, 51, 0.2);
  color: #ff0033;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list .list-bottom .color-2 {
  background-color: rgba(0, 204, 255, 0.2);
  color: #00ccff;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list .list-bottom .color-3 {
  background-color: rgba(145, 145, 145, 0.2);
  color: #919191;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list .list-bottom .color-4 {
  background-color: rgba(0, 204, 102, 0.2);
  color: #00cc66;
}

.calendar-box .calendar-box-r .right-list .scroll-item .right-list-item .item-list:hover {
  background-color: #282828;
}

.calendar-box .calendar-box-r .right-list .scroll-item::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}

.calendar-box .calendar-box-r .right-list .scroll-item::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #404040;
  background: #404040;
}

.calendar-box .calendar-box-r .right-list .scroll-item::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #0d0d0d;
  border-radius: 5px;
  border-bottom: 1px solid #0d0d0d;
  background: #0d0d0d;
}

.yellow-date-c {
  border: 1px solid rgba(255, 153, 0, 0.2);
  color: #ff9900;
}

/* hover效果灰色边框 */
.every-days:hover {
  cursor: pointer;
  position: relative;
  z-index: 4;
  border-color: #7f7f7f !important;
}

.every-days:hover .more-list-color {
  color: #ff9900 !important;
}

/* 周日历当日的 */
.active-week-day {
  background-color: #533f20 !important;
  position: relative;
  z-index: 3;
}

.active-week-day:hover {
  position: relative;
  z-index: 3;
}

/* 周历其他月的 */
.other-week-month {
  border-color: #000 !important;
  background-color: #0d0d0d !important;
  position: relative;
  color: #515151 !important;
  z-index: 1;
}

/* 选中哪天的*/
.selected-day {
  border-color: #ff9900 !important;
  position: relative;
  color: #ff9900;
  z-index: 7;
}

.selected-day:hover {
  border-color: #ff9900 !important;
  position: relative;
  z-index: 7;
}

.selected-day .more-list-color {
  color: #fff;
}

.roads-title-more .gr {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.roads-title-more:hover span {
  color: #00ccff;
}

.roads-title-more:hover .gr {
  border-color: #00ccff;
}

.calendar-title {
  color: #00ccff;
}

.calendar-yuyue {
  color: #00cc66;
}

.has-yuyue {
  color: #919191;
}

.calendar-title-hover:hover {
  color: #00ccff;
}

/* 日历面板的样式的遮罩 */
.el-tooltip__popper {
  padding: 0 !important;
  transition-duration: 0s !important;
}

.tooltip-fade-in-linear {
  animation: none !important;
  transition-duration: 0s !important;
}

.el-tooltip__popper.is-light {
  border: none !important;
  margin-left: 8px !important;
}

.popper__arrow::after {
  border-right-color: #363636 !important;
}

.week_item_details {
  width: 320px;
  height: 170px;
  color: #fff;
  background-color: #363636;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
  z-index: 4;
  top: -1px;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
  /* 卡片按钮的状态 */
}

.week_item_details .show-title {
  height: 40px;
  line-height: 22px;
  display: flex;
  /*实现垂直居中*/
  align-items: center;
  /*实现水平居中*/
  text-align: justify;
  margin: 0 auto;
  padding-bottom: 10px;
}

.week_item_details .interact-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.week_item_details .crad-btn {
  text-align: center;
  border-radius: 2px;
  width: 80px;
  height: 24px;
  line-height: 24px;
}

.week_item_details .btn-live {
  background-color: #ff0033;
  color: #fff;
}

.week_item_details .btn-review {
  background-color: #00ccff;
  color: #fff;
}

.week_item_details .btn-end {
  background-color: #4a4a4a;
  color: #a4a4a4;
}

.week_item_details .btn-reserve {
  background-color: #00cc66;
  color: #fff;
}

.week_item_details .btn-reserve-has {
  background-color: rgba(0, 204, 102, 0.2);
  color: #00cc66;
}

.week_item_details .btn-addin {
  background-color: #00ccff;
  color: #fff;
}

.week_item_details .btn-addin-has {
  background-color: rgba(0, 204, 255, 0.2);
  color: #00ccff;
}

.week_item_details .attention {
  background-color: #4a4a4a !important;
  color: #a4a4a4 !important;
}

.selected_filter {
  color: #ff9900 !important;
  background-color: rgba(255, 153, 0, 0.2) !important;
}

.reset-btn {
  background: #282828;
}

.reset-btn:hover {
  background: #444444;
}

.search-btn {
  background: #ff9900;
  color: #fff;
}

.search-btn:hover {
  background: #ff6a00;
}

.el-loading-spinner i {
  color: #ccc;
  font-size: 24px;
}

body {
  background-color: #000;
}

footer {
  display: none;
}

.white_bg_advert {
  display: none;
}

.showinfo-pmd {
  display: none;
}

.pop {
  z-index: 3010;
}

.gotop, .fixedphone, .fixed-language {
  display: none;
}

body .el-scrollbar__wrap {
  overflow-x: hidden;
}

/* 根据高度显示 */
@media all and (max-height: 700px) {
  .filter_box {
    height: calc(100vh - 98px);
  }
  .filter-box-scroll {
    height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .filter-box-scroll::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  /*滚动条里面小方块样式*/
  .filter-box-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #404040;
    background: #404040;
  }
  /*滚动条里面轨道样式*/
  .filter-box-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #0d0d0d;
    border-radius: 5px;
    border-bottom: 1px solid #0d0d0d;
    background: #0d0d0d;
  }
}

.border_logo::after {
  border-radius: initial;
  border: unset !important;
}