@include b(picker-panel) {
    color: #333;
}
/*时间选择的一些状态样式覆盖*/
@include b(date-table) {
    th {
        padding: 2px;
    }
    td.today span {
        color: #333;
    }
    td.available:hover span {
        background: #80e2e0;
        color: #444;
    }
    td span {
        border-radius: 2px;
    }
}
/*时间下拉框的大小*/
@include b(date-picker) {
    width: 260px;
    &.has-sidebar {
        width: 370px;
    }
    table {
        width: 250px;
        margin: 0 5px;
    }
    .el-picker-panel__content {
        width: 260px;
        margin: 0px;
    }
}

@include b(date-editor) {
    .el-range__close-icon,
    .el-range__icon {
        line-height: 24px;
    }
    .el-range-separator {
        line-height: 26px;
        width: 8%;
    }
    
    &.el-input,
    &.el-input__inner {
        width: 100%;
    }

    &.el-input--miniW.el-input,
    &.el-input--miniW .el-input__inner {
        width: 80px;
    }
    &.el-input--smallW.el-input,
    &.el-input--smallW .el-input__inner {
        width: 160px;
    }
    &.el-input--mediumW.el-input, 
    &.el-input--mediumW .el-input__inner {
        width: 300px;
    }
}

@include b(range-editor) {

  @include m(mediumW) {
    &.el-input__inner {
       width: 480px;
    }

  }

  @include m(smallW) {
    &.el-input__inner {
      width: 400px;
    }

  }

  @include m(miniW) {
    &.el-input__inner {
      width: 320px;
    }

  }
}