@import "~@less/variables.less";
.medType {
  display: inline-block;
  width: 110px;
  border: 1px solid #aaa;
  border-radius: 3px;
  position: relative;
  margin-right: 10px;
  .down {
    width: 8px;
    height: 5px;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 5px;
  }
  .up {
    width: 8px;
    height: 5px;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 5px;
    transform: rotate(180deg);
  }
  .clear {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 4px;
  }
  &:hover .clear {
    display: inline-block;
  }
  .selectLis {
    position: absolute;
    top: 24px;
    background: #fff;
    width: 100%;
    max-height: 110px;
    box-shadow: 0 10px 20px 0 #989da3;
    z-index: 9;
    overflow: auto;
    li {
      height: 35 px;
      line-height: 35px;
      padding: 0 8px;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    li:hover {
      background: #e2f1f8;
    }
  }
}
.inpSearch {
  width: 100%;
  padding-left: 5px;
}