.mic-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 100px;
}
.mic-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.mic-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #aaa;
}
.searchMain input::-webkit-input-placeholder {
  color: #c2c2c2;
}
.searchMain input:-moz-placeholder {
  color: #c2c2c2;
}
.searchMain input::-moz-placeholder {
  color: #c2c2c2;
}
.searchMain input:-ms-input-placeholder {
  color: #c2c2c2;
}
.searchMain input {
  outline: none;
}
.searchMain a {
  font-size: 12px;
  width: 30px;
  height: 20px;
  display: inline-block;
  border: 1px solid #eee;
  border-bottom: none;
  border-left: none;
  line-height: 20px;
  text-align: center;
}
.searchMain a:first-child {
  border-left: 1px solid #eee;
}
.searchMain a.active,
.searchMain a:hover {
  background-color: #eee;
  color: #03b3b3;
}
.searchMain .searchWrapper {
  height: 30px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  position: relative;
  font-size: 16px;
}
.searchMain .searchWrapper input[type='search'] {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 50px 0 10px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
}
.searchMain .searchWrapper input[type='search']::-webkit-search-decoration,
.searchMain .searchWrapper input[type='search']::-webkit-search-cancel-button {
  display: none;
}
.searchMain .searchWrapper .searchBtn.search {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABlklEQVQ4jaXUPWgUQRgG4OeWEMHCFCJWBmNhgoQIlkIKkUGbpBLBgCAIKiIoCFY2YqNoodHCKpDCFDZisJDbShJQUEFBtBElNh5IQET8KaIWsyu7g2su51stzOwz3+zON612uy3JKI5hL4aRoYMFzGEev8rJIYTay1nluR/TeFw8n8YWbMYEnuMGFjGYVlGmr4LdxwDG8DaZ9xHPcA1X8BS78aYJvFpge/C1aXV8wyl8LgrYiR/VCRl24CgOroJVcx6fcCYdyHASs1jqEoOfuIgTeZ5X/4MM+3B3DViZB9iEoRQcxKsewBW8xkgK9uN7DyBx67VkeI/tPWAtbMWHFHyE/T2Au8TdvUjBGRzHhjWC5zAbQlhJwbbYVtPiNrrJAQRcSgfKM3QE47iFdatgh3BH7OtOE9gR226sqPaw+ifoK8bv4Tou4Cwmm0Di3x7HZbGllsXueYkvuC2e15ECnMJcnuc1tPWX+7DMRmzDerwrFkwzKd6RUyGE+bTCNMt4gocNGPGyrVX6L7CrFJX9Qf8bTNCbvwEUgV+XBsikYAAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 15px 15px;
}
.searchMain .searchWrapper .searchBtn.filter {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC/0lEQVRoQ+2ZXXLaMBCAtWbgtRwhNyjcAE7Q5gQhM0jDW8kJ0tyAR0ZiJuQETU8QeoKkN0hvkLzag7ezHZsRQliSY49NBx7xWtpvf6U1sBP/wYnrz/4fAM75PQBM2uIRRNwkSXK5Xq/finTaeUAIgW1RPtcjTdPxarXa+AK8MMY+twjiPYqiwXK5fPUCmEwm/V6vR7Q6xE2apgRW6y+Koj4iUgj3tY0upZSPro33kjiDIOJP2YuvcRwPXXHo2qToOe3Z7XafAGCQyyHitVJq7bPuQRXinA8AgDzxDwIRX5IkGdcFwTl/1pVnjN1JKb/7KE8y1jKaQTxrFtkopca+i/rKWSrfg5QyqBIe7QOc8wkA3GsQa6XUta9yLjlTeUT8qZT66nrPfF7YyOqCMNdljP2O43hUJkydnVgIQcl0VSbBbNasUvmjOWBuXBXEdDodRVH0pK3/jogjpVTpUu30QL6ZEGKv0SHiMGRjKgyMMSqXea3/sPLeHiBBs9EhIp1Rxj4Qs9nsYrvdUrkMblSupPb2gAaxa3QE0el0hkXt/qONqlIAWiyk0dmUD21UlQNoELtGxxi7kVIuzM0sSRvcqGoByCAWAPAt28Da/k0AKeUuZDPvXBl5cVRfCtckSR7MXhGUA/rqQgg6r9yWBTBLs8vS2fMDD54UgO240RhAVpbp4KaX1kJHxHG8aE0IeYaMU6wxDzg18xQ4A5StQp4GdoqdPVDWA0IIun39cJp4X+Cg4zfmAc75IwB8CQFAxF9KqZH+TpMANP2g257XMA0R/wDA3JwVNQYQYvki2TNAbh3bNK3oNNq4ByxnfZri7Y0EWw1gu53Rf/pIvPUApLBlqr2bKhcBZFfTW0T0Oo0CwBsi3plDhNJJbMawEGJOo3j9g4QDoNk+4JOERQDGjc5nOZKp7kbms6MrB+i5zzq5jO1zU2UhZFPEBRCi/DHZM0CRFXUP0FlGKXVRhdUrOcz5KkLjE0Qkxec+c1TfdXO5WkMoVJky8meAMlar8p2T98BfV1AST5hXfYQAAAAASUVORK5CYII=) center no-repeat;
  background-size: 15px 15px;
}
.searchMain .searchWrapper .searchBtn {
  cursor: pointer;
  border-left: 1px solid #eeeeee;
  position: absolute;
  right: 0;
  width: 40px;
  background-color: #efefef;
  height: 30px;
  text-align: center;
  top: 0;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}