//搜索框
.samples-search-wrapper {
    padding: 25px;
    border-radius: 6px;
    box-shadow: 0 0 10px #dbdbdb;
    
}

//搜索框input
.samples-search-input {
    margin-bottom: 10px;
    .el-input__inner {
        border-radius: 4px;
    }
}

.samples-margin-left {
    margin-left: 20px
}

.samples-search-button {
    width: 50px;
    margin-left: 10px;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border: 1px solid $blue;
    color:  $blue;
    background: #fff;
}

.samples-search-button:hover {
    color: #fff;
    background:  $blue;
    border-color:  $blue
}

.samples-search-button:active,
.samples-search-button:focus {
    color: #fff;
    background: $yellowActive;
    border-color: $yellowActive
}

.samples-search-btn{
    vertical-align: top
}


.samples-ismore-button {
    color:$blue;
}

.samples-ismore-button:hover {
    color:$blue !important;
    font-weight: bold !important;
    .samples-search-icon {
        font-weight: bold !important
    }
}

.samples-ismore-button:active,
.samples-ismore-button:focus {
    color: $yellowActive;
    font-weight: bold;

    .samples-search-icon {
        font-weight: bold
    }
}

.samples-searchBar-wrapper {
    float: left;
    //max-height: 32px;
     height: 32px;
    overflow: hidden;
    transition: height 0.3s linear;
    margin-left: -5px;
  }
  .samples-searchBar-wrapper.samples-show-more {
    // max-height: 200px;
    // height: auto;
    overflow: hidden;
     
    transition: height 0.3s linear;
  }
  .samples-search-button-wrapper {
    float: left;
    margin-top: -2px;
  }
  .samples-drop-menu-deal,
  .samples-drop-menu-button {
    padding: 5px 0;
    .popper__arrow {
      left: auto !important;
      right: 10px;
    }
  }
  .el-popper[x-placement^="bottom"] {
    margin-top: 10px;
  }