.search {
	width: 750px;
	z-index: 99;
	height: 56px;
	margin-top: 200px;
}
.input{

    width: 750px;
    height: 56px;
    border-radius: 28px;
    background-color: rgba(255, 255, 255, 0.85);
    border: none;
    position: absolute;
    text-indent: 60px;
    color: black;
    font-size: 16px;
    box-sizing: border-box;
    transition: background-color 0.5s ease; /* 添加过渡效果，0.5秒内完成 */
}
.input:hover{

    background-color: rgba(255, 255, 255);

}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c3c3c3;
    /* text-indent: 330px; */
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #c3c3c3;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #c3c3c3;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #c3c3c3;
}


.de_select{

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 50px;
    left: 5px;
    height: 56px;
    border-radius: 25px 0px 0px 25px;
    text-align: center;
    position: relative;

}

.select{

    width: 140px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.85);
    position: relative;
    left: 5px;
    margin-top: -48px;
    overflow: hidden;
    display: none;
}

.select_item{

    line-height: 50px;
    transition: 0.2s;
    color: #797776;
    display: inline-flex;
    align-items: center;
    width: 140px;
    text-indent: 15px;


}

/* 统一图标宽度，去除小数点*/
.select_item .svg-icon{

    width: 39px;
}

.select_item:hover{

    background-color:#FFF;
    cursor: pointer;

}

.select_item p{

    margin-left: 10px;
    text-indent: 0px;

}