@import "~@less/variables.less";

.search {
    .contentZIndex1;
    width: 316px;
    height: 50px;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    margin-left: 78px;
    .autoList {
      position: absolute;
      width: 300px;
      background: #fff;
      border: 1px solid #ccc;
        margin-top: 10px;
       ul{
        li:hover{
          border: 1px solid #3B9ED0;
        }
      } 
    }
    input {
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding: 0px 32px;
        margin-bottom: -10px;
        box-sizing: border-box;
    }
    input::ms-clear{
        display: none;
    }
    .border {
        border: 1px solid @blue !important;
    }
    .borderNone {
        border: 1px solid #979797;
    }
    img {
        position: absolute;
        top: 15px;
    }
    .searchVal {
        left: 14px;
        cursor: pointer;
    }
    .clearVal{
        cursor: pointer;
        right: 18px;
    }
}
.show {
    display:block;
}
.hide {
    display: none;
}
