.component-search {
  height: .34rem;
  background: rgba(255, 255, 255, 0.9);
  margin: @page-gap + .02rem @page-gap @page-gap;
  position: relative;
  .border-radius(.1rem);
  .box-shadow(0 0 2px 2px rgba(0,0,0,0.1));

  form {
    display: block;
    &:extend(.absolute-position);
    left: .1rem;
    right: .3rem;
    width: auto;
  }
  input {
    background: transparent;
    color: @blue-gray;
  }
  button {
    border: 0;
    background: transparent;
    color: @blue;
    font-size: @font-16;
    &:extend(.position-absolute-center);
    margin-top: -@font-16/2 - 0.01rem;
    left: auto;
    right: .15rem;
    &:before {
      font-weight: bold;
    }
  }
  .icon-shanchu {
    margin-right: .3rem;
  }
}