.el-picker-panel {
 // 整个背景色
 background-color: #232526;
 border-color: rgba(96, 98, 102, 0.8);
 //  头部年月文字颜色
 .el-date-range-picker__header,
 .el-date-picker__time-header {
  color: #c0c4cc;
  button {
   color: #c0c4cc;
  }
 }

 /* 周一~周日下的白色分割线 */
 .el-date-table th {
  border-bottom-color: #606266;
 }

 // 字体颜色
 .available {
  color: #c0c4cc;
 }

 //  上个月和下个月的字体颜色
 .next-month,
 .prev-month {
  color: #606266 !important;
 }

 // 选中日期范围的背景色
 .el-date-table td.in-range div,
 .el-date-table td.in-range div:hover,
 .el-date-table.is-week-mode .el-date-table__row.current div,
 .el-date-table.is-week-mode .el-date-table__row:hover div {
  background: #606266;
 }

 // 左边日期和右边日期之间的分割线
 .el-date-range-picker__content.is-left {
  border-right: 1px solid #606266;
 }
}