@charset "UTF-8";
@import '../setting';

.goods-filter-term {
  border: 1px solid $color-gray-4;
  @include rounded(2);

  .item {
    &:first-child{
      .typetext{
        border-top-right-radius: .4rem;
      }
    }
    &:last-child{
      .typetext{
        border-bottom-right-radius: .4rem;
      }
    }
    & + .item {
      border-top: 1px solid $color-gray-4;
    }

    &.hidden + .item {
      border-top: 0 none;
    }
  }

  .picTypeCon {
    display: flex;
    background-color: $color-gray-3;
    line-height: 24px;
  }

  .typeTitle {
    width: 140px;
    @include p(2);
  }

  .typetext {
    background-color: #fff;
    flex: 1;
    flex-wrap: wrap;
    @include flex-ss;
    @include gap(4);
    @include p(2);

    > a {
      display: block;

      > p {
        display: block;
        height: 24px;
        @include px(2);

        &.current {
          color: $primary-color;
        }
      }
    }
  }

  .date-time-box {
    position: relative;
    flex-wrap: nowrap;
    @include flex-ss;

    .dateTime {
      @include flex-ss;
      @include gap(4);
    }

    .starTime,
    .endTime {
      border: 1px solid $color-gray-4;
      overflow: hidden;
      cursor: pointer;
      background-color: $color-gray-1;
      @include flex-ss;
      @include rounded(2);
      @include px(2);

      > input {
        width: 110px;
        height: 24px;
        line-height: 24px;
        box-sizing: border-box;
        cursor: pointer;
        background-color: transparent;
      }
    }

    .dataTimeSureBtn {
      background-color: $primary-color;
      color: $color-white;
      cursor: pointer;
      @include px(2);
      @include rounded(2);
    }
  }
  
  .search-box{
    @include flex-sc;
    @include gap(1);
    .input-box{
      border: 1px solid $color-gray-4;
      overflow: hidden;
      cursor: pointer;
      background-color: $color-gray-1;
      @include flex-ss;
      @include rounded(1);
      @include px(2);
      > input {
        width: 160px;
        height: 24px;
        line-height: 24px;
        box-sizing: border-box;
        cursor: pointer;
        background-color: transparent;
      }
    }
    .btn {
      background-color: $primary-color;
      color: $color-white;
      cursor: pointer;
      @include px(2);
      @include rounded(1);
    }
  }
}

.xs-date {
  position: absolute;
  top: 26px;
  line-height: 30px;
  width: 300px;
  z-index: 1000;
  font-size: 14px;
  border: 1px solid $color-gray-3;
  background: $color-white;
  @include rounded(2);

  .xs-date-title {
    font-size: 16px;
    font-weight: bold;
    @include flex-cc;
    @include gap(10);

    > div {
      cursor: pointer;
    }

    .date-time {
      font-weight: normal;
    }
  }

  .xs-date-week, .xs-date-day {
    @include p(2);
    @include grid-cols(7, 0);

    div {
      cursor: pointer;
      @include flex-cc;

      &.Disable {
        color: $color-gray-5;
        cursor: inherit;
      }
    }
  }

  .xs-date-week {
    font-weight: bold;
    border-bottom: 1px solid $color-gray-3;
  }

  .xs-date-day div.item-time:hover {
    color: $primary-color;
  }
}