<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>title</title>
<link rel="stylesheet" type="text/css" href="../css/api.css"/>
<style>
#headersearch {
height: 40px;
line-height: 40px;
background-color: #F7F7F7;
width: 100%;
margin-top: 20px;
}
li {
list-style: none;
}
#search{
box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
width: 47%;
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-size: 12px;
margin-bottom: 20px;
background: white;
margin-left: 4px;
margin-right: 4px;
background:#F1F1F1;
margin-top: 10px;
}
.shopna{
height: 20px;
color: #b1b1b1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.imgt{
width: 100%;
height: 80%;
}
.yj{
color: #CC0000;
float: left;
}
.xp{
color: #BBBBBB;
margin-left: 10px;
}
.zheko{
color: #ffffff;
background-color: #B0171F;
border-radius: 5px;
padding: 2px;
float:right;
width: 20%;
}
</style>
</head>
<body>
<div id="headersearch">
<ul>
<li>
<img src="../image/image_global_logo_home.png" style="height: 38px; margin: 1px;" />
</li>
<li style="height: 28px;padding: 3px;border: 1px solid #c1c1c1; width: 60%; float: right;margin-right:50px;margin-top: -48px;border-radius: 10px;">
<input type="text" style="margin-bottom: 5px;height: 28px;" />
<img src="../image/icon_search.png" style="padding: 3px;float: left;" />
<p style="color: #B1B1B1;margin-left: 40px;margin-top: -45px;">
搜索/分类
</p>
</li>
<p style="float: right;margin-top: -50px;margin-right: 5px;">搜索</p>
</ul>
</div>
<div>
<ul id="search">
<li>
<img class="imgt" src="http://0.image.kw.okbuycdn.com/nbn/n350_350/static/0f256d298c3f36fbd3b7b62e492921ed.jpg" />
<p class="shopna">你离开见到过会尽快让开发和开发板尽快恢复到放到该基地地方感觉到冯道立故居冯道立故居的感觉</p>
<span class="yj">¥500</span>
<s class="xp">¥799</s>
<p class="zheko">5.7折</p>
</li>
</ul>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
apiready = function() {
};
</script>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>title</title>
<link rel="stylesheet" type="text/css" href="../css/api.css"/>
<style>
#headersearch {
height: 40px;
line-height: 40px;
background-color: #F7F7F7;
width: 100%;
margin-top: 20px;
}
li {
list-style: none;
}
#search{
box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
width: 47%;
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-size: 12px;
margin-bottom: 20px;
background: white;
margin-left: 4px;
margin-right: 4px;
background:#F1F1F1;
margin-top: 10px;
}
.shopna{
height: 20px;
color: #b1b1b1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.imgt{
width: 100%;
height: 80%;
}
.yj{
color: #CC0000;
float: left;
}
.xp{
color: #BBBBBB;
margin-left: 10px;
}
.zheko{
color: #ffffff;
background-color: #B0171F;
border-radius: 5px;
padding: 2px;
float:right;
width: 20%;
}
</style>
</head>
<body>
<div id="headersearch">
<ul>
<li>
<img src="../image/image_global_logo_home.png" style="height: 38px; margin: 1px;" />
</li>
<li style="height: 28px;padding: 3px;border: 1px solid #c1c1c1; width: 60%; float: right;margin-right:50px;margin-top: -48px;border-radius: 10px;">
<input type="text" style="margin-bottom: 5px;height: 28px;" />
<img src="../image/icon_search.png" style="padding: 3px;float: left;" />
<p style="color: #B1B1B1;margin-left: 40px;margin-top: -45px;">
搜索/分类
</p>
</li>
<p style="float: right;margin-top: -50px;margin-right: 5px;">搜索</p>
</ul>
</div>
<div>
<ul id="search">
<li>
<img class="imgt" src="http://0.image.kw.okbuycdn.com/nbn/n350_350/static/0f256d298c3f36fbd3b7b62e492921ed.jpg" />
<p class="shopna">你离开见到过会尽快让开发和开发板尽快恢复到放到该基地地方感觉到冯道立故居冯道立故居的感觉</p>
<span class="yj">¥500</span>
<s class="xp">¥799</s>
<p class="zheko">5.7折</p>
</li>
</ul>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
apiready = function() {
};
</script>
</html>