index.phtml
5.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>友和市集</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body,ul,ol,dl,dd,p,h1,h2,h3,h4,h5,h6,blockquote,pre,code,input,button,select,textarea,fieldset,legend,form,table,td,th {margin: 0; padding:0; text-align:center;width:1241px;margin:0 auto;}
body,input,select,button,textarea {font-family: 'Helvetica', '华文黑体', 'microsoft yahei';}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a {text-decoration: none; color:#41A597;}
a:hover {color: #666;}
ul,ol {list-style-type: none;}
img { -user-select: none; -webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none; border:0;}
:focus {outline: 0;}
.clear:after {clear: both; display: block; visibility: hidden; content: ""; height: 0;}
.clear {zoom: 1;}
.yh-master {width: 890px;margin: 0 auto;}
.yh-master li{width: 134px; float: left; margin-right: 54px; text-align: center; }
.yh-master-avatar {font-size: 0; position: relative; margin-bottom: 15px;}
.yh-master-avatar img {width: 134px;}
.yh-master-avatar img {border:2px solid #E6F6F3;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.head {border: 1px solid #dddddd; background: #f4f4f4;}
.head ul {width: 1095px; margin: 0 auto;}
.head li {float: left; font-size: 12px; height: 34px; line-height: 34px;}
.head a {color: #333; padding: 0 15px;}
.head .current {background: #fff; position: relative; height: 35px; margin-bottom: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.icon-master-gold {width: 46px; height: 26px; background: url(http://static.yhfair.com/images/icon.png) 0 bottom no-repeat; position: absolute; content: ""; left: 50px; bottom: -8px;}
.body{ width:1240px; margin:0 auto;}
.logo_pan{ width:100%; height:85px; text-align:center;}
.logo_pan img{margin-top:24px}
.banner_pan{width:100%; height:auto}
.content_list{width:1020px; margin:0 auto}
.content_list li{width:236px;margin:9px;float:left}
</style>
</head>
<body bgcolor="#ffffff">
<div class="head">
<ul class="clear">
<li><a href="http://www.yohobuy.com" target="_blank" title="YOHO!有货 | 年轻人潮流购物中心,中国潮流购物风向标">YOHO!有货</a></li>
<li><a href="http://www.yoho.cn" target="_blank" title="YOHO.CN |潮流分享社区|时尚 街拍 个性 街拍">YOHO.CN</a></li>
<li><a href="http://www.yohoshow.com" target="_blank" title="YOHO!SHOW | 潮流生活分享app,用品牌标签钉注你的衣食住行">YOHO!SHOW</a></li>
<li class="current"><a href="#" target="_blank" title="">YHFAIR.COM</a></li>
</ul>
</div>
<div class="logo_pan">
<img src="http://static.yhfair.com/images/logo.png" />
</div>
<div class="banner_pan">
<img src="http://static.yhfair.com/images/landingpage_c1.jpg" alt="" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="389,351,611,412" href="http://itunes.apple.com/cn/app/id913948820" target="_blank"/>
<area shape="rect" coords="632,352,851,410" href="http://android.app.qq.com/myapp/detail.htm?apkName=cn.yoho.marketplace" target="_blank" />
</map>
</div>
<div class="body">
<img src="http://static.yhfair.com/images/landingpage_c2.jpg"/>
<img src="http://static.yhfair.com/images/landingpage_c3.jpg" style='margin-bottom: 10px'/>
<!--<img src="http://static.yhfair.com/images/landingpage_c4.jpg"/>-->
<div style="position:relative; margin: 0xp auto">
<img src="http://static.yhfair.com/images/landingpage_c5.png" usemap="#iMap"/>
<img src="http://static.yhfair.com/images/qrcode.png" id='qrcodeImg' style="position:absolute;right:145px;top:0px;display:none"/>
<map name="iMap" id="iMap">
<area shape="rect" coords="268,25,489,87" href="http://itunes.apple.com/cn/app/id913948820" target="_blank"/>
<area shape="rect" coords="507,24,732,86" href="http://android.app.qq.com/myapp/detail.htm?apkName=cn.yoho.marketplace" target="_blank"/>
<area shape="rect" coords="751,24,974,86" href="javascript:void(0);" id="QRcode" />
<area shape="rect" coords="371,156,484,181" href="javascript:void(0);" />
<area shape="rect" coords="501,154,578,180" href="javascript:void(0);" />
<area shape="rect" coords="594,154,673,179" href="javascript:void(0);" />
<area shape="rect" coords="692,155,771,181" href="javascript:void(0);" />
<area shape="rect" coords="788,157,871,183" href="javascript:void(0);" />
</map>
</div>
</body>
<script src="http://static.yhfair.com/js/jquery-1.11.0.js"></script>
<script>
$('#QRcode').mouseover(function (){
$('#qrcodeImg').show();
});
$('#QRcode').mouseout(function (){
$('#qrcodeImg').hide();
});
</script>
</html>