@import '../../styles/define';
.hor-select-popup {
  width: 100%;
  height: 100%;
  .hor-select-popup-checkbox {
    @extend %bsb;
    @extend %df;
    @extend %jcs;
    padding: j(10) j(40) j(10) j(20);
    background-color: #fff;
    border-bottom: j(1px) solid #e9e9e9;
    width: 100%;
  }
  .select{
    color:#40aeff;
    font-size:j(20);
  }
  .hor-select-popup-content {
    @extend %bsb;
    background-color: #f4f4f4;
    overflow-y: auto;
    flex: 1;
    .search {
      padding: 0 j(20);
    }
  }
  .van-index-anchor{
    background-color: #f4f4f4;
  }
  .hor-select-popup-tips{
    @extend %bsb;
    @extend %df;
    flex-wrap:wrap;
    padding: j(10) j(14) 0;
    background-color: #f4f4f4;
    .tags{
      position: relative;
      min-width: j(20);
      border: 1px #40aeff solid;
      border-radius: j(4);
      font-size: j(10);
      padding: j(4) j(6);
      margin-right: j(20);
      color: #555;
      margin-bottom: j(10);
    }
    .tags::after{
      content: 'x';
      @extend %df;
      @extend %jcc;
      position: absolute;
      top: j(-6);
      right: j(-6);
      width: j(12);
      line-height: j(9);
      height: j(12);
      font-size: j(12);
      background: #40aeff;
      color: #fff;
      border-radius: 50%;
    }
  }
  .hor-select-popup-empty {
    @extend %df;
    @extend %fdc;
    @extend %aic;
    font-size: j(14);
    color: #999;
    padding-top: 10vh;
  }
}