.placeholder {
    font-size: 28.99rpx;
    color: #999;
}

.searchWrapper {
    padding: 14.49rpx 30.8rpx;
}

.searchContainer {
    display: flex;
    height: 65.22rpx;
    font-size: 28.99rpx;
    border-radius: 60.39rpx;
    background-color: #f5f5f5;

    align-items: center;
}

.search {
    position: relative;
    display: flex;
    width: 100%;
    height: 65.22rpx;
    font-size: 28.99rpx;

    align-items: center;
}

.icon-search {
    box-sizing: content-box;
    width: 32.61rpx;
    padding: 1vw 18.12rpx 0 19.93rpx;
    font-size: 0;
}

.icon-clear {
    position: absolute;
    top: 0;
    right: 102.05rpx;
    display: flex;
    height: 65.22rpx;
    padding: 0 20.53rpx;
    font-size: 0;

    align-items: center;
}

.search-input-content {
    display: flex;
    width: 73%;
    height: 65.22rpx;

    align-items: center;
}

.search-input {
    height: 65.22rpx;
}

.input-focus-length {
    width: 65%;
}

.input-full-length {
    width: 85%;
}

.search-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 65.22rpx;

    align-items: center;
}

.search-button-text {
    display: flex;
    height: 65.22rpx;
    padding-right: 23.55rpx;
    font-size: 28.99rpx;
    color: #999;

    align-items: center;
}

.icon-clear-hide {
    opacity: 0;
}

.icon-clear-hover,
.search-button-hover {
    opacity: .5;
}

.ios-border-left:before {
    content: "";
    width: 1px;
    height: 21.74rpx;
    margin-right: 20.53rpx;
    background-color: #e6e6e6;
    -webkit-transform: scaleX(.5);
            transform: scaleX(.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
}

.android-border-left {
    height: 21.74rpx;
    padding-left: 20.53rpx;
    border-left: solid 1px #d8d8d8;
}