淘宝搜索框icon查找图标不显示，切换成店铺不显示,语音图标不显示，用的是谷歌浏览器，怎么回事？
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge; charset=UTF-8""/>
<title>淘宝搜索</title>
<style type="text/css">
@font-face{
font-family: iconfont;src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot);
src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format('embedded-opentype'),
url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format('woff')
url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.ttf) format('truetype')
url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format('svg')
}
body{
font:12px/1.5 tahoma,arial,sans-serif;
}
a{
text-decoration:none;
}
.search_container{
position: relative;
}
.search_tips{
float:right;
padding:3px 0 0 10px;
}
.search_tips a{
color:#6c6c6c;
}
.search_button{
float:right;
}
.btn_search{
width:100px;
height:45px;
background:url(1.png);
border: 0;
cursor:pointer;
}
.search_common{
height:39px;
background-color: #f50;
overflow:hidden;
padding:3px 0 3px 77px;
}
.search_common input{
width:100%;
height: 39px;
line-height: 39px;
border:0;
outline:0;
background-color: #fff;
}
.search_common i{
position: absolute;
top:14px;
left:86px;
z-index: 2;
}
.iconfont{
font-family: iconfont;
font-size: 12px;
font-style: normal;
}
ul{
list-style: none;
}
ul,li{
display: block;
margin:0;
padding: 0;
}
.search_list{
position: absolute;
top:3px;
left:3px;
width:72px;
height: 39px;
overflow: hidden;
background: #fff;
border-left:1px solid #f6f6f6;
border-right:1px solid #f6f6f6;
}
.search_list li{
display: none;
height: 39px;
line-height: 39px;
overflow: hidden;
text-align: center;
}
.search_list li a{
color:#6c6c6c;
}
.search_list .selected{
background: #f6f6f6;
display: block;
}
.search_hover{
height: auto;
}
.search_hover li{
display: block;
}
</style>
</head>
<body>
<div class='search_container'>
<div id='search_tab' class='search_list'>
<ul>
<li id='tab_1' class='selected'><a href="#">宝贝</a></li>
<li id='tab_2' ><a href="#">店铺</a></li>
</ul>
</div>
<div class='search_pannel'>
<form>
<div class='search_tips'>
<a href="#">高级<br/>搜索</a>
</div>
<div class='search_button'>
<button class='btn_search' type='submit'></button>
</div>
<div class='search_common'>
<input type="text" x-webkit-speech=''>
<i class='iconfont'></i>
</div>
</form>
</div>
</div>
<script type="text/javascript">
document.getElementById('search_tab').onmouseover=function(){
this.className+=' search_hover';
}
document.getElementById('tab_1').onmouseover=function(){
if(this.className.indexOf('selected')<0){
this.className+=' selected';
}
}
document.getElementById('tab_1').onmouseout=function(){
this.className='';
}
document.getElementById('tab_1').onclick=function(){
document.getElementById('search_tab').className='search_list';
}
document.getElementById('tab_2').onmouseover=function(){
if(this.className.indexOf('selected')<0){
this.className+=' selected';
}
}
document.getElementById('tab_2').onmouseout=function(){
this.className='';
}
document.getElementById('tab_2').onclick=function(){
document.getElementById('search_tab').className='search_list';
}
</script>
</body>
</html>
