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

.search {
    width: 316px;
    padding: 8px;
    box-sizing: border-box;
    position: absolute;
    top: 40px;
    z-index: 20;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 #989DA3;
    margin-bottom: 80px;
    .autoList {
        max-height: 266px;
        min-height: 80px;
        overflow-y: auto;
    }
    input {
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding: 0 32px;
        box-sizing: border-box;
        border: 1px solid #979797;
    }
    .border {
        border: 1px solid @blue;
    }
    .borderNone {
        border: 1px solid #979797;
    }
    img {
        position: absolute;
        top: 15px;
    }
    .searchVal {
        left: 18px;
    }
    .clearVal{
        cursor: pointer;
        right: 18px;
        z-index: 200;
    }
}
.show {
    display:block;
}
.hide {
    display: none;
}