.ul-multiple {
    position: relative;
    width: 150px;
    border: 1px solid #cfdadd;
    border-radius: 2px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
.ul-multiple .show-content-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.ul-multiple .show-content-wrap span:first-child {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    height: 100%;
}
.ul-multiple .show-content-wrap span.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgba(0,0,0,.5);
}
.ul-multiple .show-content-wrap span.down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid rgba(0,0,0,.5);
}
.ul-multiple>ul {
    list-style: none;
    position: absolute;
    top: 34px;
    border: 1px solid #cfdadd;
    background: #fff;
    z-index: 999;
    width: 100%;
    max-height: 340px;
    overflow-y: auto;
}
.ul-multiple:hover {
    cursor: default;
}
.ul-multiple  li {
    padding-left: 10px;
    color: #222;
    line-height: 22px;
}
.ul-multiple li:hover {
    background: #5ea8c5;
    color: #fff;
}
#productName {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.float-class {
    float: left;
    line-height: 34px;
}