$calendar-prefix-cls: "#{$css-prefix}calendar";
.#{$calendar-prefix-cls} {
  user-select: none;

  &-top-change &-top-icon,
  &-top-change &-top-text {
    display: inline-block;
    vertical-align: middle;
    font-size: $calendar-top-text-font-size;
  }

  &-top-icon {
    color: #666;
    cursor: pointer;

    &:hover {
      background-color: $background-color-base;
    }

    &.h-prev-year {
      margin-right: $calendar-prev-year-margin-right;
    }

    &.h-next-year {
      margin-left: $calendar-next-year-margin-left;
    }//*********************************************
  }

  &-top-change {
    height: $calendar-top-change-height;
    line-height: $calendar-top-change-line-height;
    text-align: center;
    position: relative;
  }


  &-month-content {
    display: flex;
    flex-wrap: wrap;
  }

  // &-top-icon {
  // }
  &-month-content.#{$calendar-prefix-cls}-month-week &-month-content-item-tag,
  &-month-content.#{$calendar-prefix-cls}-month-week &-month-content-item {
    color: $calendar-month-content-color;
    font-size: $calendar-month-content-font-size;
    background: $calendar-month-content-background;
    border-color: $calendar-month-content-border-color;
  }

  &-month-content-item {
    // 日历控件中为了鼠标划选
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: $calendar-month-content-item-font-size;
    width: 14.28%;
    height: $calendar-month-content-item-height;
    text-align: center;
    color: $calendar-month-content-item-color;
    position: relative;
    line-height: $calendar-month-content-item-height;
    padding: auto;
    display: block;
    justify-content: center;
    align-items: center;
    /* border:2px solid #fff; */
    border: $calendar-month-content-item-boder;
    border-width: $calendar-month-content-item-border-width;

    .h-badge {
      width: 0;
      height: 0;

      .h-badge-count {
        top: -25px;
        right: -20px;
      }
    }

    &-text {
      line-height: 12px;//*********************8
    }

    &:hover {
      background: #eff5ff !important;
    }
  }

  &-month-content-item:nth-child(7n + 1) {
    border-width: $calendar-month-content-item-nth-child-border-width;
    border-left: 0;//最左侧清除右边线***************************************
  }

  &-month-content-item:nth-child(7n) {
    border-right: 0;//最右侧清除右边线***************************************
  }

  &-month-week {
    background: $calendar-month-content-background;
  }

  &-month-week &-month-content-item {
    border-width: $calendar-month-header-border-width;
    border-top-width: 1px;
  }
  &-month-content.#{$calendar-prefix-cls}-month-day &-month-content-item {
    cursor: pointer;
    background: $calendar-month-content-item-bg;
    border-top: 1px solid #d8d8d8;  //***************************
  }
  &-month-content.#{$calendar-prefix-cls}-month-day &-month-content-item.#{$calendar-prefix-cls}-month-item-empty {
    background: none;
  }
  &-month-content-item.#{$calendar-prefix-cls}-month-item-disable {
    background: $input-disabled-bg !important;
    color: $btn-disable-color;
  }
  &-month-content-item.#{$calendar-prefix-cls}-month-item-disable.#{$calendar-prefix-cls}-month-day-active {
    background: $calendar-month-day-selected-background !important;
    opacity: 0.6;
  }


  &-month-content.#{$calendar-prefix-cls}-month-day &-month-content-item.#{$calendar-prefix-cls}-month-restDay {
    color: $calendar-month-restDay-color;
    background: #f7f7f7;

    &.h-calendar-month-item-disable {
      color: $default-disable-color;  //**************************
    }//**************************
  }

  &-month-content.#{$calendar-prefix-cls}-month-day &-month-content-item.#{$calendar-prefix-cls}-month-day-active {
    border-top-color: $primary-color;
    background: $calendar-month-day-selected-background;
    border-radius: 2px;
    color: $calendar-month-day-active-color;//&***************************************8
  }
  &-month-content.#{$calendar-prefix-cls}-month-day {
    border: 0;
  }

  &-month {
    width: 22%;
    max-width: $calendar-month-max-width;
    margin: 16px 1.5% 8px;
    float: left;
    flex: 0 0 auto;
    border-radius: 2px;

    // height: 330px;
    & > div {
      box-shadow: $calendar-month-div-box-shadow;
      border: 1px solid #d9d9d9;
      border-radius: 2px;//****************************************//****************************************
    }//*******************************
  }

  &-month-title {
    display: block;
    font-size: $calendar-month-title-font-size;
    height: $calendar-month-title-height;
    line-height: $calendar-month-title-line-height;
    text-align: center;
    background: $calendar-month-content-background;
    border-radius: $calendar-month-title-border-radius;
    font-weight: bold; //****************************
    padding-top: 4px;//******************************
  }

  &-wrapper {
    position: relative;
  }

  &-context-menu {
    display: none;
    position: absolute;
  }

  &-handle {
    width: $calendar-handle-width;
    height: $calendar-handle-height;
    padding: $calendar-handle-padding;
    text-align: center;
    background-color: $calendar-handle-background-color;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: $calendar-handle-box-shadow;
    box-shadow: $calendar-handle-box-shadow;
    border: $calendar-handle-border;
  }

  &-handle &-handle-item {
    display: block;
    height: $calendar-handle-item-height;
    line-height: $calendar-handle-item-height;
    outline: none;
    list-style: none;
    font-size: $calendar-handle-item-font-size;
    cursor: pointer;
  }
  &-handle &-handle-item.#{$calendar-prefix-cls}-handle-setWorkDay {
    border-bottom: $calendar-handle-border;
  }

  &-handle &-handle-item:hover {
    background: $calendar-handle-item-hover-background;
    color: $calendar-handle-item-hover-color;
  }

  ::selection {
    background: transparent;
    opacity: 0.1;
  }

  ::-moz-selection {
    background: transparent;
  }
  //::-webkit-selection {
  //  background:#DDDDDE;
  //}
}