span {
  display: inline-block;
}
.input {
  display: inline-block;
  height: 100%;
  border: 1px solid #bebebe;
  padding-left: 20px;
}
.input::-ms-clear {
  display: none;
}
.input::-webkit-input-placeholder {
  color: #999;
}
.input::-moz-placeholder {
  color: #999;
}
.input:-ms-input-placeholder {
  color: #999;
}
.input:focus {
  border-color: #00c6ff;
}

.searchBox {
  height: 38px;
  line-height: 38px;
  text-align: left;
}

.searchBox  input {
  width: 520px;
  display: inline-block;
  height: 100%;
  border: 1px solid #bebebe;
  padding-left: 20px;
  line-height: 38px;
}
.searchBox input::-ms-clear {
  display: none;
}
.searchBox input::-webkit-input-placeholder {
  color: #999;
}
.searchBox input::-moz-placeholder {
  color: #999;
}
.searchBox input:-ms-input-placeholder {
  color: #999;
}
.searchBox input:focus {
  border-color: #00c6ff;
}
.searchBox > span {
  width: 150px;
  height: 100%;
  background-color: #ea3e3e;
  text-align: center;
  font-size: 16px;
  color: #fff;
  vertical-align: top;
  cursor: pointer;
}