@import '../../../www/css/theme/theme';
@border-color: @borderColor;

.searchDropDown {
  width: 50%;

  .bar {
    font-size: 16px;
    color: fade(#fff,80);
    padding: 16px 0 0 0;

    .rpticon {
      margin: 0 10px 0 16px;
      use {
        fill: fade(#fff,80);
      }
    }

    .xia {
      margin: 0 5px;
      width: 9px;
      height: 9px;
      vertical-align: 0;
    }
  }
}

.single-foo-menu {
  position: absolute;
  z-index: 90 !important;
  width: 100%;
}

.searchDropDown-modal-wrap{
  top: 2.4rem !important;
}

.searchDropDown-popover {
  width: 100%;
  overflow-x: hidden;
  top: -2px;

  .menu-item {
    border-bottom: 1rpx solid #e6e6e6 !important;
    padding-left: 15px !important;
    height: 46px;
    font-size: 16dpx;

    .xuanzhe {
      display: block;
      height: 0.64rem;
      width: 0.64rem;
      user-select: none;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0;
      position: absolute;
      top: 0;
      margin: 0.32rem 0;
      right: 0.167rem;

      use {
        fill: @primary1Color;
      }
    }
  }
}

svg path {
  fill: inherit;
}