$colorTime: #fff;
body {
  // 时间选择整体,选择下拉
  .el-picker-panel {
    &.screen-date-picker {
      background-color: #173360 !important;
      color: $colorTime !important;
      border-color: $colorTime !important;

      //时间选择内容头部
      .el-date-picker__header--bordered {
        border-bottom: 1px solid $colorTime !important;
      }
      // 左右箭头
      .el-picker-panel__icon-btn,
      .el-date-picker__header-label {
        color: $colorTime !important;
      }
      //年，月
      .el-year-table td .cell,
      .el-month-table td .cell {
        color: $colorTime;
        font-size: 14px;
      }
      //年月选中/滑过样式
      .el-year-table td .cell:hover,
      .el-year-table td.current:not(.disabled) .cell,
      .el-year-table td.today .cell,
      .el-month-table td .cell:hover,
      .el-month-table td.current:not(.disabled) .cell,
      .el-month-table td.today .cell {
        color: #fff !important;
        background-color: #01ccff !important;
        border-radius: 4px !important;
        font-size: 15px !important;
        width: 60px;
        text-align: center;
      }
    }
    .el-date-table__row {
      &:hover {
        div {
          background-color: #3060a8 !important;
        }
      }
      td.available:hover {
        color: #fff !important;
      }
    }
    .el-date-table__row.current div {
      background-color: #3060a8 !important;
    }
  }

  // 下拉选择框
  .el-select-dropdown {
    &.screen-select-picker {
      border: none !important;
      background-color: #173360 !important;
      //输入框
      .el-input {
        height: 35px !important;
      }

      .el-input__inner {
        height: 35px !important;
        color: #eee !important;
        border-color: #0f3662 !important;
        background-color: #173360 !important;
      }

      //聚焦时的样式
      .el-select .el-input.is-focus .el-input__inner {
        border-color: #0b61aa !important;
        background-color: #173360 !important;
        color: #21aeff !important;
      }

      //下拉框选中
      .el-select-dropdown__item {
        color: #eee !important;
      }

      //鼠标经过下拉框
      .el-select-dropdown__item.hover,
      .el-select-dropdown__item:hover {
        color: #fff !important;
        background-color: #2360a9 !important;
      }
    }
  }
}
