/* 用户中心内 搜索框 和下拉选择  */

/* 订单搜索 */
.screening-condition {
    margin: 0 auto;
    width: 935px;
}

/* 搜索框 */
.screening-condition>.search-mount {
    float: left;
    width: 240px;
    height: 30px;
}

/* 搜索区域 */
.component-min__search__wrap {
    height: 37px;
    width: 238px;
    border: 1px solid #dedede;
    background-color: #fff;
}

.component-min__search__wrap>.search-input__wrap {
    float: left;
    height: 37px;
    width: 187px;
    border-right: 1px solid #dedede;
}

/* 输入框 */
.component-min__search__wrap>.search-input__wrap>.search__input {
    border: 0;
    padding: 0 10px;
    height: 37px;
    width: 167px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
}

/* 搜索按钮 */
.component-min__search__wrap>.search_affirm__button {
    float: right;
    height: 38px;
    width: 50px;
    cursor: pointer;
    position: relative;
}

.component-min__search__wrap>.search_affirm__button::before {
    content: "\e615";
    position: absolute;
    top: 10px;
    left: 30%;
    font-size: 18px;
}

.screening-condition>.select-mount {
    margin-left: 20px;
    float: left;
    width: 140px;
    height: 30px;
}

/* 初始显示框 */
.component-select {
    position: relative;
    z-index: 1;
    width: 138px;
    height: 28px;
    border: 1px solid #dedede;
    background-color: #fff;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    cursor: pointer;
}

.component-select.layui-icon::before {
    content: "\e61a";
    position: absolute;
    right: 3px;
    height: 20px;
    width: 28px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

/* 直接改变图标效果 */
.component-select.show.layui-icon::before {
    content: "\e619";
}

/* 动画效果 */
/* .component-select.show.layui-icon::before {
  margin-top: 6px;
  right: 16px;
  transform: rotate(180deg);
} */


/* 鼠标在select时 增加show类 */
.component-select.show>.select-dropdown-wrap {
    display: block;
    top: 27px;
}

.component-select>.select__title {
    padding-left: 10px;
}

/* 更多选择 */
.component-select>.select-dropdown-wrap {
    display: none;
    /* top: 27px; */
    top: 47px;
    position: absolute;
    z-index: 10;
    left: -1px;
    border: 1px solid #dedede;
    width: inherit;
    background-color: #fff;
    transition: all 3s;
    -webkit-transition: all 3s;
}

/* 每个选项 */
.component-select-options {
    padding-left: 10px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    color: #333;
    background-color: #fff;
    cursor: pointer;
}

.component-select-options:hover {
    background-color: var(--main-color);
    color: #fff;
}