<!DOCTYPE html>
<html>
<head>
    <meta property="qc:admins" content="14354727136156775453463757" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{wc:if isset($title)}{wc:$title}{wc:else}{wc:fun:_cfg("web_name")}{wc:if:end}</title>
	 <meta name="keywords" content="{wc:if isset($keywords)}{wc:$keywords}{wc:else}{wc:fun:_cfg("web_key")}{wc:if:end}" />
    <meta name="description" content="{wc:if isset($description)}{wc:$description}{wc:else}{wc:fun:_cfg("web_des")}{wc:if:end}" />
    <meta content="app-id=518966501" name="apple-itunes-app" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta content="telephone=no" name="format-detection" />
    <link href="{G_TEMPLATES_IMAGE}/mobile/touch-icon.png" rel="apple-touch-icon-precomposed" />
    <link href="favicon.ico" rel="shortcut icon" />
    <link href="{G_TEMPLATES_CSS}/mobile/comm.css" rel="stylesheet" type="text/css" />
	<link href="{G_TEMPLATES_CSS}/mobile/index.css" rel="stylesheet" type="text/css" />
	<link href="{G_TEMPLATES_CSS}/mobile/single.css?" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="{G_TEMPLATES_CSS}/aui/aui.css" />
	<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_CSS}/aui/swiper.min.css" />
	<link rel="stylesheet" href="{G_TEMPLATES_CSS}/aui/amazeui.min.css?v=2.9">
    <link rel="stylesheet" href="{G_TEMPLATES_CSS}/aui/style.css?v=2.3">
    <link rel="stylesheet" href="{G_TEMPLATES_CSS}/aui/index.css?v=2.3">
	<script src="{G_TEMPLATES_JS}/mobile/jquery190.js" language="javascript" type="text/javascript"></script>
	<script id="pageJS" data="{G_TEMPLATES_JS}/mobile/Index.js" language="javascript" type="text/javascript"></script>
</head>
<style>
    	    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 150px;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide img{
	 width: 100%;
     height: 150px;
	}

	

.m-index-nav-p{
	background-color: #fff;
	display:-webkit-box;
	display:-moz-box;
	line-height:0;
	padding:2.8% 0 2% 0;
	border-bottom:1px solid #dedede;
	-webkit-box-pack:justify;
	-webkit-box-orient:horizontal;
	-moz-box-pack:justify;
	-moz-box-orient:horizontal;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between
}

.m-index-box{
	width:100%;
	height:100%;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	flex:1
}

.m-index-nav-a{
	width:100%;
	line-height:0;
	text-align:center;
	overflow:hidden;
	font-size:1.2rem;
	color:#585858;
	position:relative;
	display:inline-block
}

.m-nav-bg{
	position:relative;
	display:inline-block;
	height:0;
	width:55.5%;
	padding-bottom:55.5%;
	border-radius:100%;
	background:url("../../images/phone/m-nav-index.png") no-repeat;
	background-size:100%
}

.m-index-nav-a .m-nav-bg i{
	font-family:"iconfont"!important;
	line-height:0;
	font-size:20px;
	display:inline-block;
	margin-top:50%;
	font-style:normal;
	color:#fff;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.2px;
	-moz-osx-font-smoothing:grayscale
}

.m-index-nav-a p{
	line-height:1.6;
	
}

.m-index-box:nth-of-type(1) .m-nav-bg{
	background-image:url(../image/nav01.png);
	background-position:0 0
}

.m-index-box:nth-of-type(2) .m-nav-bg{
	background-image:url(../image/nav02.png);
	background-position:0 25%
}

.m-index-box:nth-of-type(3) .m-nav-bg{
	background-image:url(../image/nav03.png);	
	background-position:0 50%
}

.m-index-box:nth-of-type(4) .m-nav-bg{
	background-image:url(../image/nav04.png);	
	background-position:0 75%
}



.m-index-box:nth-of-type(1) i:BEFORE{
	content:"\e601"
}

.m-index-box:nth-of-type(2) i:BEFORE{
	content:"\e603"
}

.m-index-box:nth-of-type(3) i:BEFORE{
	content:"\e605"
}

.m-index-box:nth-of-type(4) i:BEFORE{
	content:"\e602"
}

 </style>
 <style>
@charset "utf-8";
body{
	background:#f4f4f4;
}

.h5-1yyg-v1{
	background:#f4f4f4;
	margin:0 auto;
}

.h5-1yyg-w310{
	margin:0 5px;
}

.h5-1yyg-w300{
	width:300px;
	margin:0 auto;
}

.g-main:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
}

.g-main{
	margin-top: 10px;
	zoom:1;
	background-color: #FFF;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}

.hotimg{
	margin:0 auto;
	min-height:150px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 1px 1px #ccc;
}

.hotimg .flex-control-nav{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:5px;
	left:0;
}

.hotimg .flex-control-nav a{
	width:6px;
	height:6px;
	border-radius:6px;
	background:#000;
	display:inline-block;
	margin:0 3px;
	opacity:0.3;
}

.hotimg .flex-control-nav a.flex-active{
	background:#fff;
	opacity:1;
}

.hotimg .slides{
	min-height:150px;
}

.hotimg .slides::after{
	content:'';
	clear:both;
	display:table;
}

.hotimg .slides>li{
	display:none;
	-webkit-backface-visibility:hidden;
}

.hotimg .slides>li a{
	display:block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
}

.hotimg .slides li img{
	width:100%;
	height:auto;
	min-width:320px;
	min-height:150px;
	display:block;
	margin:0 auto;
}

.m-tt1{
	height:30px;
	margin:5px 0;
}

.m-tt1 a{
	color:#FF7C77;
}

.m-tt1 h2{
	font-size:14px;
	font-weight:normal;
	line-height:35px;
	overflow:hidden;
	padding:0 0 0 10px;
	color:#F60;
}

.m-tt1 .u-more .z-arrow{
	width:6px;
	height:6px;
	float:right;
	margin:4px 3px 0 0;
	border-width:2px 2px 0 0;
}

.m-tt1 .u-more .u-rs-m1,.m-tt1 .u-more .u-rs-m2{
	width:60px;
	height:20px;
	padding-top:5px;
	display:inline-block;
	margin:5px 5px 0 0;
}

.m-tt1 .u-more .u-rs-m2{
	width:60px;
	line-height:16px;
	color:#999;
}

.m-tt1 .z-tips{
	margin-top:12px;
	color:#ADADAD;
	padding-left:5px;
	font-size:10px;
}

.m-tt1 .z-rs-m1{
	padding:2px 0 1px 0;
	border-radius:10px;
	border:1px solid #FF6500;
	color:#FF6501;
	background:#fff;
	margin:6px 6px 0 0;
	display:inline-block;
}

.m-lott-li{
	padding:0;
}

.m-lott-conduct{
	border-bottom:1px solid #EEE;
	text-align:center;
	padding:7px;
	position:relative;
}

.m-lott-conduct p{
	height:34px;
	overflow:hidden;
	color:#F60;
	text-align:left;
	line-height:34px;
	background:#FFF49B;
	border-radius:3px;
	font-size:12px;
	padding:0 13px 0 5px;
}

.m-lott-conduct p.z-lott-tt{
	padding:0 130px 0 5px;
}

.m-lott-conduct a{
	color:#F60;
	display:block;
}

.m-lott-conduct .z-lott-time{
	position:absolute;
	right:24px;
	top:7px;
}

.m-lott-conduct .z-arrow{
	width:5px;
	height:5px;
	border-color:#FFC96C;
	border-width:2px 2px 0 0;
	position:absolute;
	right:15px;
	top:20px;
}

.m-lott-conduct .z-user{
	max-width:72px;
	height:30px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}

.m-lott-li li{
	width:33%;
	height:165px;
	float:left;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	border-right:1px solid #eee;
	display:inline-block;
	-webkit-box-sizing:border-box;
}
.m-lott-li div{
	width:33%;
	height:165px;
	float:left;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	border-right:1px solid #eee;
	display:inline-block;
	-webkit-box-sizing:border-box;
}

.m-lott-li li .u-lott-pic{
	height:94px;
	overflow:hidden;
	position:relative;
	display:inline-block;
}
.m-lott-li div .u-lott-pic{
	height:94px;
	overflow:hidden;
	position:relative;
	display:inline-block;
}
.m-lott-li div{
	width:33%;
	height:165px;
	float:left;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	border-right:1px solid #eee;
	display:inline-block;
	-webkit-box-sizing:border-box;
}

.m-lott-li div .u-lott-pic{
	height:94px;
	overflow:hidden;
	position:relative;
	display:inline-block;
}
.m-lott-li .u-lott-pic img{
	width:90px;
	height:90px;
}

.m-lott-li p{
	display:block;
	width:100%;
	padding:0 2px;
	-webkit-box-sizing:border-box;
	text-align:center;
}

.m-lott-li p em{
	display:block;
	color:#bbb;
	height:15px;
	font-size: 12px;
}

.m-lott-li p span{
	display:block;
	white-space:nowrap;
	font-size:10px;
}

.m-lott-li p a.z-user{
	margin:0 2px;
}

.m-lott-li p a{
	max-width:50px;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
}

.m-lott-li p cite{
	display:block;
	width:90%;
	margin:5px auto 0;
	padding:3px 0;
	background:#ff7c77;
	color:#fff;
}
.scut{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}


@media only screen and (min-width:270px) and (max-width:470px){
	.m-lott-li li:nth-child(4n-4){
		display:none;
	}

	.m-lott-li li:nth-child(4n-2){
		width:34%;
	}

	.m-lott-li li span a{
		max-width: 96px;
color: #F60;
font-size: 12px;
padding-top: 9px;
	}

	.m-lott-li li .z-user{
		margin:0 1px 0 0;
	}

	.m-lott-li li:nth-child(4n-1){
		border-right:none;
	}

	.m-lott-li div:nth-child(4n-4){
		display:none;
	}

	.m-lott-li div:nth-child(4n-2){
		width:34%;
	}

	.m-lott-li div span a{
		max-width: 96px;
color: #F60;
font-size: 12px;
padding-top: 9px;
	}

	.m-lott-li div .z-user{
		margin:0 1px 0 0;
	}

	.m-lott-li div:nth-child(4n-1){
		border-right:none;
	}

}

@media only screen and (min-width:470px) and (max-width:2280px){
	.m-lott-li li{
		width:25%;
	}

	.m-lott-li li .u-lott-pic{
		height:104px;
	}

	.m-lott-li .u-lott-pic img{
		width:100px;
		height:100px;
	}

	.m-lott-li li span a{
		max-width: 96px;
color: #F60;
font-size: 12px;
padding-top: 9px;
	}

	.m-lott-li li:nth-child(4n-4){
		border-right:none;
	}




	.m-lott-li div{
		width:25%;
	}

	.m-lott-li div .u-lott-pic{
		height:104px;
	}

	.m-lott-li .u-lott-pic img{
		width:100px;
		height:100px;
	}

	.m-lott-li div span a{
		max-width: 96px;
color: #F60;
font-size: 12px;
padding-top: 9px;
	}

	.m-lott-li div:nth-child(4n-4){
		border-right:none;
	}

}

.m-tj-li{
	margin-bottom:10px;
	overflow:hidden;
}

.m-tj-li li{
	width:50%;
	float:left;
	text-align:center;
	margin-top:-1px;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	display:inline-block;
	-webkit-box-sizing:border-box;
}

.m-tj-li li .m-tj-pic{
	position:relative;
	margin:10px auto;
	overflow:hidden;
}

.m-tj-li li .m-tj-pic ins{
	font-size:10px;
	color:#999;
	background:rgba(0,0,0,0.1);
	border-radius:3px;
	position:absolute;
	bottom:0;
	right:-1px;
	padding:1px 5px 1px;
}

.m-tj-li .Progress-bar:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
}

.m-tj-li .Progress-bar{
	margin:0 10px 0;
	zoom:1;
	padding-bottom:15px;
}

.m-tj-li .Progress-bar li:nth-child(2n-1){
	float:left;
	color:#AEADAD;
	border:none;
	margin:0;
	box-shadow:none;
	border-radius:none;
}

.m-tj-li li .m-tj-pic img{
	width:136px;
	height:136px;
}

@media only screen and (min-width:270px) and (max-width:470px){
	.m-tj-li li .m-tj-pic{
		width:136px;
	}

	.m-tj-li li:nth-child(2n-2){
		border-right:none;
	}

}

@media only screen and (min-width:470px) and (max-width:2280px){
	.m-tj-li li{
		width:33%;
	}

	.m-tj-li li:nth-child(3n-3){
		width:34%;
		border-right:none;
	}

	.m-tj-li li .m-tj-pic{
		width:136px;
	}

	.m-tj-li li .m-tj-pic img{
		width:136px;
		height:136px;
	}

	.hotimg{
		height:225px;
	}

	.hotimg .slides{
		height:225px;
	}

	.hotimg .slides li img{
		width:480px;
		height:225px;
	}

}

.g-main .overflow{
	height:183px;
	overflow:hidden;
}

.g-main .overflow .haveNot{
	line-height:143px;
}

.g-main ul.slides div.loading{
	background-color:#FFF;
	margin-top:70px;
	box-shadow:none;
}

.g-main ul.slides li.m-xs-li{
	display:none;
}

.g-main .flex-control-nav{
	height:34px;
	margin-top:11px;
	overflow:hidden;
	zoom:1;
	text-align:center;
	position:relative;
	display:block;
}

.m-xs-line{
	height:1px;
	margin-top:10px;
	overflow:hidden;
	background:#E9E9E9;
}

.m-ct-time{
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

.m-ct-time li{
	float:left;
	width:33%;
}

.m-ct-time li:nth-child(3n-3){
	width:34%;
}

.m-ct-time li b{
	border-radius:14px;
	display:inline-block;
	padding:0 8px 0 8px;
	line-height:20px;
	font-size:14px;
	color:#999;
	font-family:arial;
	margin:0 auto;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FEFEFE),color-stop(1,#EDEDED));
	border:1px solid #DFDFDF;
}

.m-ct-time li a{
	display:inline-block;
}

.m-ct-time li a.flex-active b{
	background:#f60;
	border:1px solid #f60;
	color:#fff;
}

.m-ct-time li a.flex-active s{
	width:0;
	height:0;
	display:block;
	border:5px solid transparent;
	border-top-color:#f60;
	margin:-1px auto 0 auto;
}

.m-xs-li{
	width:310px;
	float:left;
}

.m-xs-ct{
	margin:0 10px 0;
}

.m-xs-ct .z-aw-l,.m-xs-ct .z-aw-r{
	position:absolute;
}

.m-xs-ct .z-aw-l{
	top:30px;
	left:0;
	padding-left:3px;
}

.m-xs-ct .z-aw-r{
	top:30px;
	right:0;
	padding-right:3px;
}

.m-xs-ct .u-xs-pic{
	width:102px;
	float:left;
}

.m-xs-ct .z-xs-pic{
	width:100px;
	height:100px;
	border:1px solid #eee;
	border-radius:3px 3px 0 0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

.m-xs-ct .z-xs-pic img{
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:3px 3px 0 0;
}

.m-xs-ct .z-xs-time{
	height:22px;
	font-size:14px;
	padding:0 5px;
	line-height:22px;
	background:#f60;
	color:#ffd4b8;
	text-align:center;
	border-radius:0 0 3px 3px;
}

.m-xs-ct .z-xs-time em{
	color:#fff;
}

.u-xs-con{
	margin-left:107px;
	margin-bottom:15px;
}

.u-xs-con .z-tt{
	line-height:22px;
	max-height:44px;
	overflow:hidden;
	font-size:14px;
	display:inline-block;
	margin-top:2px;
}

.u-xs-con .z-promo{
	display:block;
	line-height:26px;
	font-size:14px;
	color:#A1A1A1;
	margin-bottom:5px;
	font-family:微软雅黑;
}

.m-xs-End .z-xs-time{
	background:#999;
}

.m-xs-End .z-xs-time b{
	color:#fff;
}

.m-xs-End .u-xs-name{
	height:55px;
	margin-top:1px;
	overflow:hidden;
	color:#999;
	display:block;
}

.m-xs-End .u-xs-name-img{
	float:left;
}

.m-xs-End .u-xs-name-img a{
	display:block;
}

.m-xs-End .u-xs-name-img img{
	width:50px;
	margin-top:0;
	border-radius:3px;
}

.m-xs-End .u-xs-name-r{
	margin:1px 0 3px 53px;
}

.m-xs-End .u-xs-name-r .z-user{
	max-width:70px;
	overflow:hidden;
	display:inline-block;
	white-space:nowrap;
}

.m-xs-End .u-xs-name-r p{
	margin-bottom:3px;
}

.m-xs-End .u-xs-con .z-promo{
	line-height:20px;
	margin-bottom:5px;
}

.m-xs-End .u-xs-con .Progress-bar .pging{
	background:#bbb;
}

.pPurchase{
	background-color:#24cba8;
	width:70px;
	-webkit-transform:rotate(-45deg);
	text-align:center;
	position:absolute;
	left:-21px;
	top:6px;
	color:#fff;
	font-size:10px;
}
.a-logo img{

width: 94px;
height: 22px;
background-position: 0 0;
}
.m-tj-li li .m-tj-pic .pPurchase{
	top:8px;
	left:-18px;
}

 </style>
 <style>
 
/* 商品库列表 */
.list-ul01 {
	padding-left: 1.5rem;
}
.list-ul02 {
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding-left: 1.5rem;
}
.list-li01,.list-li02,.list-li03 ,.list-li04,.list-li05{
	border-bottom: 1px solid #dedede;
  	overflow: hidden;
 	position: relative;
}
.list-li01 ,.list-li04{
	padding:1rem 1.5rem 1rem 0;
}
.list-li02 {
	padding:1rem 1.5rem;
}
.list-li03 {
	padding:1rem 1.5rem 1rem 0;
	margin-left: 1.5rem;
}
.list-li05{
	padding:0.5rem 1.5rem 0.5rem 0;
}
.list-li04:last-child,.list-li05:last-child{
	border-bottom: none;
}
.list-li06{
	padding:1rem 1.5rem;
	border-top:1px solid #dedede;
	border-bottom: 1px solid #dedede;
 	position: relative;
}
.list-img01,.list-img02,.list-img03,.list-img04,.list-img05,.list-img06,.list-img07{
	line-height: 0;	
	position: relative;
}
.list-img01{
	width: 80px;
	margin-right:1.5rem;	
}
.list-img02{
	width: 60px;
	margin-right:1rem;	
}
.list-img03{
	width: 50px;
	margin-right:1rem;	
}
.list-img04{
	width: 72px;
	margin-right:1rem;	
}
.list-img05{
	width: 40px;
	margin-right:1rem;	
}
.list-img06{
	width: 60px;
	margin-right:1rem;
}
.list-img01 a{
  	width: 80px;
  	height: 80px;
}
.list-img02 a{
  	width: 60px;
  	height: 60px;
	line-height: 56px;	
}
.list-img03 a{
  	width: 50px;
  	height: 50px;	
	line-height: 46px;
}
.list-img04 a{
  	width: 72px;
  	height: 72px;
}
.list-img05 a{
  	width: 40px;
  	height: 40px;	
	line-height: 36px
}
.list-img06 a{
  	width: 60px;
  	height: 60px;	
}
.list-img01 a,.list-img02 a,.list-img03 a,.list-img04 a,.list-img05 a,.list-img06 a{
	display:inline-block;
	text-align:center;
	overflow:hidden;	
}
.list-img01 img,.list-img02 img,.list-img03 img,.list-img04 img ,.list-img05 img,.list-img06 img{
  	width: 100%;
}
.list-img02 a, .list-img03 a,.list-img05 a{
	border-radius:100%;
	background: #dedede;
	border: 1px solid #dedede;
}
.list-msg {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
}
.list-p1{
	line-height: 24px;
	color: #585858;
	font-size: 1.4rem;
}
.list-p2{
	line-height: 24px;
	color: #969696;
	font-size: 1.2rem;
	word-break:break-all;
}
.list-p3{
	line-height: 28px;
	color: #585858;
	font-size: 1.4rem;
}
.list-p4{
	line-height: 20px;
	color: #585858;
	font-size: 1rem;
}
.list-p5{
	line-height: 20px;
	color: #969696;
	font-size: 1.4rem;
}
.list-p6{
	line-height: 20px;
	color: #585858;
	font-size: 1.4rem;
}
.list-p7{
	line-height: 20px;
	color: #e1514a;
	font-size: 1.4rem;
}
.list-p8{
	line-height: 20px;
	color: #969696;
	font-size: 1.2rem;
}
.list-p9{
	line-height: 20px;
	font-size: 1.2rem;
}
.list-p10{
	line-height: 24px;
	color: #969696;
	font-size: 1.6rem;
}
.list-p11{
	line-height: 24px;
	color: #585858;
	font-size: 1.6rem;
}
.list-money{
	line-height: 24px;
	color: #e1514a;
	font-size: 1.6rem;
}
.couqi-btn{
	border: 1px solid #969696;
	color: #969696;	
}
.couji-btn{
	border: 1px solid #e1514a;
	color: #e1514a;
}
.couqi-btn,.couji-btn{
	font-size: 1.2rem;
	padding: 0 3px;
	line-height: 18px;
	margin-top:6px;
}
/* 进度条 */
.progress{
	position: relative;
	
}
.progress-bar {
  	background: #dedede;
  	height: 10px;
  	overflow: hidden;
	width: 70%;
}
.progress-bar span {
  	height: 100%;
  	float: left;
  	background: #ff7c77;
}
.progress-info{
	position: relative;
}
.progress-info span{
	font-size: 1.2rem;
	line-height: 22px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
	float: left;
	position: relative;
}
.progress .canyu {
  	text-align: left;
	color: #969696;
}
.progress .shenyu {
  	text-align: right;
	color: #969696;
	float: right;
}
.progress .abs {
  	position: absolute;
	top:0;
	right:0;
}
.progress .pro-cen{
	text-align: center;
	color: #e1514a;
}
.progress .shenyu i,.progress .canyu i {
  	color: #e1514a;
}
@media all and (max-width:340px){
	.progress-info span{
	  	font-size: 12px;
	}
}
.pro-mar{
	margin-bottom: 4px;
	margin-top: 4px;
}
/* 帮忙凑列表 */
.hotlist-li{
	float: left;
	width: 50%;
  	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	border-bottom: 1px solid #dedede;
  	position: relative;
}
.hotlist-li:nth-of-type(odd) {
  border-right: 1px solid #dfdfdf;
}
.hotlist-img{
	padding: 1rem;
	text-align: center;
	overflow: hidden;
}
.hotlist-img img{
	width: 10rem;
	height:10rem;
}
.hotlist-msg{
	padding: 0 8% 1.5rem 8%;
}
@media all and (max-width:340px){
	.hotlist-msg{
		padding: 0 4% 1.5rem 4%;
	}
	.hotlist-img img{
		width: 8rem;
		height: 8rem
	}
}
.hotlist-btn{
	padding: 1.2rem 4%;
}

@charset "utf-8";
/*样式重置*/
html { font-family:"微软雅黑","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px; }
body { margin: 0; font-size: 14px; line-height: 1.5; color: #585858; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }
li{list-style-type:none;}
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;color:#498ce7 }
a:active { outline: 0; }
/*a:active { color: #006699; }*/
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box;height:0;}pre { overflow: auto;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}code, kbd, pre, samp { font-family: monospace, monospace;font-size:1em;}button, input, optgroup, select, textarea { color: inherit;font: inherit;margin:0;}button { overflow: visible;}button, select { text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;cursor: pointer;}button[disabled], html input[disabled] { cursor: default;}button::-moz-focus-inner, input::-moz-focus-inner { border:0;padding:0;}input { line-height: normal;}input[type="checkbox"], input[type="radio"] { box-sizing: border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}fieldset { border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend { border:0;padding:0;}textarea { overflow: auto;resize: vertical;}optgroup { font-weight: bold;}table { border-collapse: collapse;border-spacing:0;}td, th { padding:0;}html, button, input, select, textarea { font-family:"微软雅黑","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin:0;}ul, ol, li, dl, dd { margin:0;padding:0;}ul, ol { list-style: none outside none;}h1, h2, h3 { line-height:2;font-weight: normal;}h1 { font-size:1.8rem;}h2 { font-size:1.6rem;}h3 { font-size:1.4rem;}input::-moz-placeholder, textarea::-moz-placeholder { color:#cccccc;}input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#cccccc;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#cccccc;}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*input{-webkit-appearance:none;}*/
input[type='text'],input[type='number'],.comm-radio input,.checkbox-switch input{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius:0;
	-o-border-radius: 0;
	-webkit-appearance:none;
}
button,input[type='submit'],input[type='button']{
	-webkit-border-radius: 0;
	-moz-border-radius:0;
	-o-border-radius: 0;
}
/*全局样式*/
i{font-style: normal;}
.c96{color: #969696}
.cc8{color: #c8c8c8}
.dred,a.dred:visited{color: #da251d}
.red,a.red:visited{color: #e1514a}
.red02,a.red02:visited{color: #ff7c77}
.blue,a.blue:visited{color: #498ce7}
.dgray,a.dgray:visited{color: #585858}
.gray32,a.gray32:visited{color: #323232}
.gray,a.gray:visited{color: #969696}
.white,a.white:visited{color: #fff}
.lgray,a.lgray:visited{color: #dedede}
.mlgray,a.mlgray:visited{color: #f5f5f5}
.yellow,a.yellow:visited{color:#f6f000}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.add_s{
	float: right;
	width: 18%;
	height: 35px;
	margin-top: -27px;
	display: block;
}
 </style>

 <style>





.shop-box-ul{
	font-size: 0;
}


.shop-box-li{
	display:inline-block;
	width:33.3333%;
	overflow:hidden;
	text-align:center;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede
}


.shop-box-sd .shop-box-li{
	width: 50%;
	float: left;
}











.m-index-shaidan li{
	border:0;
	padding:1.6%
}

.shaidan-img{
	position:relative;
	padding-bottom:100%;
	width:100%;
	background-color:#f5f5f5;
	overflow:hidden
}

.shaidan-center{
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-moz-transform:translateY(-50%)
}

.shaidan-center a{
	position: absolute;
	top: 50%;
	left:0;
	width:100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.shaidan-img img{
	width:100%
}

.shaidan-bg{
	position:absolute;
	bottom:-40%;
	width:100%;
	height:40%;
	z-index:2;
	box-shadow:0 -15px 50px rgba(0,0,0,0.8)
}

.shaidan-say{
	position:absolute;
	bottom:0;
	width:100%;
	height:19%;
	line-height:17px;
	color:#f5f5f5;
	font-size:12px;
	z-index:3;
	text-align:left
}



@media all and (min-width:640px){

	.shaidan-say{
		line-height:36px;
		font-size:1.6rem
	}

	.shaidan-say:before{
		font-size:20px;
		margin-left:5px
	}

}

@media all and (min-width:500px) and (max-width:640px){
	
	.shaidan-say{
		line-height:28px;
		font-size:1.4rem
	}

	.shaidan-say:before{
		font-size:18px;
		margin-left:4px
	}

}

@media all and (min-width:360px) and (max-width:500px){
	

	.shaidan-say{
		line-height:23px;
		font-size:1.2rem
	}

}

.bmc-imga{
	border: 1px solid #dedede;
	box-sizing:content-box;
	 -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}


.c_shopping_cart .c_addshopping_cart{
	display: block;
	width:18%;
	float: left;
	margin-left:4%;
	background: url(/static/img/icon/shop.png) no-repeat;
	background-size: 26px;
	height:25px;
}
 </style>
<body>
<header class="aui-bar aui-bar-nav aui-bar-danger" id="aui-header">

<div id="header_1">
    <a class="aui-pull-left" id="btnShare" href="javascript:void(0);">

        <span class="aui-iconfont aui-icon-share"></span>

    </a>

    <div class="aui-title" id="header-title">  <h1><span>{wc:$webname}</span><a href="{WEB_PATH}/mobile/mobile" class="a-logo"><img src="/waplogo.png"/></a></h1></div>

	<a class="aui-pull-right" tapmode="" href="{WEB_PATH}/mobile/home">

        <span  class="aui-iconfont aui-icon-myfill"></span>

    </a>
</div>
</header>

<div class="h5-1yyg-v1" id="loadingPicBlock" style="margin: 45px auto;">    

<!-- 内页顶部 -->

    <input name="hidStartAt" type="hidden" id="hidStartAt" value="0" />
    <!-- 焦点图 -->
    <section id="sliderBox" class="hotimg"></section>
    <!--首页导航开始-->
		<div class="m-index-main">
					<nav class="m-index-nav max-w640">
						<div class="m-index-nav-p">
							<div class="m-index-box">
							<a href="{WEB_PATH}/mobile/mobile/glist" class="m-index-nav-a dgray">
							<div class="m-nav-bg"></div>
							<p>全部商品</p></a>
							</div>

							<div class="m-index-box">
							<a href="{WEB_PATH}/mobile/mobile/lottery" class="m-index-nav-a dgray">
							<div class="m-nav-bg"></div>
							<p>最新揭晓</p></a>
							</div>

							<div class="m-index-box">
							<a href="{WEB_PATH}/mobile/mobile/ten" class="m-index-nav-a dgray">
							<div class="m-nav-bg"></div>
							<p>十元专区</p></a>
							</div>

							<div class="m-index-box">
							<a href="{WEB_PATH}/mobile/mobile/zhigou" class="m-index-nav-a dgray">
							<div class="m-nav-bg"></div>
							<p>直购专区</p></a>
							</div>

						</div>
					</nav>
		</div>
	<!--首页导航结束-->
<div class="am-padding-left-sm  am-padding-bottom-xs bg-white border-bottom">
{wc:loop $shopqi $qishu}
            {wc:php:start}
            $qishu['q_user'] = unserialize($qishu['q_user']);
            {wc:php:end}
        <div class="font-14 font-color-16 prelative padding-left-25 am-padding-top-xs border-top-2 am-text-truncate"><i class="icon_cont_notice"></i> 恭喜<span class="am-font-color-black">{wc:fun:get_user_name($qishu['q_uid'])}</span>获得{wc:$qishu['title']}
        </div>
		  {wc:loop:end} 
    </div>

    
    <!-- 最新揭晓 -->
    <section class="g-main">
	    <div class="m-tt1">
		    <h2 class="fl"><a href="{WEB_PATH}/mobile/mobile/lottery">最新揭晓</a></h2>
		    <div class="fr u-more">
			    <a href="{WEB_PATH}/mobile/mobile/lottery" class="u-rs-m1"><b class="z-arrow"></b></a>
		    </div>
	    </div>
	    <article class="h5-1yyg-w310 m-round m-lott-li">
		    <ul class="clearfix" id="divLottery">
			{wc:loop $shopqishu $qishu}
            {wc:php:start}
            $qishu['q_user'] = unserialize($qishu['q_user']);
            {wc:php:end}
			<li>
		        <a href="{WEB_PATH}/mobile/mobile/userindex/{wc:$qishu['q_uid']}" class="u-lott-pic">
		                    <img src="{G_UPLOAD_PATH}/{wc:$qishu['thumb']}" alt="" border="0">
		                       
                </a>
                <p><em>获得者</em><span><a href="{WEB_PATH}/mobile/mobile/userindex/{wc:$qishu['q_uid']}" class="blue z-user">{wc:fun:get_user_name($qishu['q_uid'])}</a></span></p>
			</li>
			   {wc:loop:end}     
		        
		    </ul>
	    </article>
    </section>
    <!-- 今日限时 -->
     <!--
    <section class="g-main">
	    <div class="m-tt1">
		    <h2 class="fl"><a href="{WEB_PATH}/mobile/autolottery">今日限时</a></h2>
		    <div class="fl z-tips">每天10点、15点、22点准时揭晓</div>
		    <div class="fr u-more">
			    <a href="{WEB_PATH}/mobile/autolottery/next" class="u-rs-m2"><b class="z-arrow"></b>明日限时</a>
		    </div>
	    </div>
	    <article id="autoLotteryBox" class="clearfix h5-1yyg-w310 m-round overflow">
	        <ul id="divTimerItems" class="slides">
			
			 {wc:php:start}
			   $count=count($jinri_shoplist);
			 {wc:php:end}    
			  {wc:if $count>1}
			   <div class="loading"><b></b>正在加载</div>
			  {wc:else}
			    {wc:if $count==0}
				<div id="divNone" class="haveNot z-minheight" style="display:block"><s></s><p>抱歉，今日没有发布限时揭晓商品！</p>
		      </div>
				{wc:if:end}
			  {wc:if:end}
			  
			 {wc:loop $jinri_shoplist $shop}
			 
            {wc:php:start}
            	$shop['time_H'] = abs(date("H",$shop['xsjx_time']));
				$sysj=$shop['xsjx_time']-time();
            {wc:php:end}         
            {wc:if time() > $shop['xsjx_time'] } 
			
			<li class="m-xs-li" txt="{wc:$shop['time_H']}点" codeid="{wc:$shop['id']}" uweb="{wc:fun:idjia($shop['q_uid'])}">
				<article class="clearfix m-xs-ct m-xs-End">
					<div class="u-xs-pic">
						<div class="z-xs-pic">
						<a href="{WEB_PATH}/mobile/mobile/item/{wc:$shop['id']}"><img src="{G_TEMPLATES_IMAGE}/loading.gif" src2="{G_UPLOAD_PATH}/{wc:$shop['thumb']}" border=0 /></a>
						</div>
						<div class="z-xs-time"><b>已结束</b></div>
					</div>
					<div class="u-xs-con">
						<div class="clearfix u-xs-name">
						<a class="u-xs-name-img" href="{WEB_PATH}/mobile/mobile/userindex/{wc:$shop['q_uid']}">
					<img name="uImg" border="0" src2="{G_UPLOAD_PATH}/{wc:fun:get_user_key($shop['q_uid'],'img')}"/></a>
						<div class="u-xs-name-r"><p>恭喜<a name="uName" href="{WEB_PATH}/mobile/mobile/userindex/{wc:$shop['q_uid']}" class="z-user blue">{wc:fun:get_user_name($shop['q_uid'])}</a>获得</p><p>幸运{wc:fun:_cfg('web_name_two')}码：<em class="orange">{wc:$shop['q_user_code']}</em></p><p>总共{wc:fun:_cfg('web_name_two')}：<em class="orange">{wc:$user_shop_number[$shop['q_uid']][$shop['id']]}</em>人次</p></div></div><ins class="z-promo">价值:<em class="arial">￥{wc:$shop['money']}</em></ins>
						<div class="Progress-bar"><p class="u-progress" title="已完成{wc:fun:width($shop['canyurenshu'],$shop['zongrenshu'],100)}%">
							<span class="pgbar" style="width:{wc:fun:width($shop['canyurenshu'],$shop['zongrenshu'],100)}%;">
							   <span class="pging"></span>
							</span></p>
							<ul class="Pro-bar-li">
								<li class="P-bar01"><em>{wc:$shop['canyurenshu']}</em>已参与</li>
								<li class="P-bar02"><em>{wc:$shop['zongrenshu']}</em>总需人次</li>
								<li class="P-bar03"><em>{wc:$shop['zongrenshu']-$shop['canyurenshu']}</em>剩余</li>
							</ul>
						</div>
					</div>
				</article>
			</li>
			 {wc:else}
			<li class="m-xs-li" txt="{wc:$shop['time_H']}点" codeid="{wc:$shop['id']}" >
			  <article class="clearfix m-xs-ct ">
			      <div class="u-xs-pic">
				       <div class="z-xs-pic">
			             <a href="{WEB_PATH}/mobile/mobile/item/{wc:$shop['id']}"><img src="{G_TEMPLATES_IMAGE}/loading.gif" src2="{G_UPLOAD_PATH}/{wc:$shop['thumb']}" border=0 /></a>
			          </div>			         				 
					  <div name="timerItem" class="z-xs-time" time="{wc:$sysj}"><em>00</em>时<em>00</em>分<em>00</em>秒<s class="z-aw-tblr"></s>
				      </div>
				  </div>
				  <div class="u-xs-con">
				      <a href="{WEB_PATH}/mobile/mobile/item/{wc:$shop['id']}" class="gray6 z-tt">(第{wc:$shop['qishu']}期){wc:$shop['title']}</a>
				      <ins class="z-promo">价值:<em class="arial">￥{wc:$shop['money']}</em></ins>
				      <div class="Progress-bar"><p class="u-progress" title="已完成{wc:fun:width($shop['canyurenshu'],$shop['zongrenshu'],100)}%"><span class="pgbar" style="width:{wc:fun:width($shop['canyurenshu'],$shop['zongrenshu'],100)}%;"><span class="pging"></span></span></p>
					    <ul class="Pro-bar-li">
					     <li class="P-bar01"><em>{wc:$shop['canyurenshu']}</em>已参与</li>
						 <li class="P-bar02"><em>{wc:$shop['zongrenshu']}</em>总需人次</li>
						 <li class="P-bar03"><em>{wc:$shop['zongrenshu']-$shop['canyurenshu']}</em>剩余</li>
						</ul>
					   </div>
				  </div>
				 </article>
			</li>
			{wc:if:end}
            {wc:loop:end}
			
			
		 </ul>
	        
	    </article>
    </section>
    -->

   <!--人气推荐开始-->
	<section class="g-main">
	    <div class="m-tt1">
		    <h2 class="fl"><a href="">人气推荐</a></h2>
		    <div class="fr u-more">
			    <a href="" class="u-rs-m1"><b class="z-arrow"></b></a>
		    </div>
	    </div>
	    
	    
		<ul class="hotlist-ul clearfix" id="hotlist-ul-load">   
		{wc:loop $shoplistrenqi $renqi}
			<li class="hotlist-li " gid="{wc:$renqi['id']}">         
		 		 <div class="hotlist-img">      
		 			  <a href="{WEB_PATH}/mobile/mobile/item/{wc:$renqi['id']}">
		 			<img src="{G_TEMPLATES_IMAGE}/loading.gif" src2="{G_UPLOAD_PATH}/{wc:$renqi['thumb']}" border=0 alt="" /></a>   
		   		 </div>      
		   		 
		      <div class="hotlist-msg clearfix">    

		       	<h3 class="list-p1 scut">(第{wc:$renqi['qishu']}期){wc:$renqi['title']}</h3>  
				
		        		<p class="list-money">￥{wc:$renqi['money']}</p> 
			
		           		<div class="progress clearfix">  
						
							<p class="progress-bar" style="width:70%;"><span style="width:{wc:$renqi['canyurenshu']/$renqi['zongrenshu']*100}%;"></span></p> 
					
						<div class="add_s" onclick="addshop({wc:$renqi['id']})" href="javascript:void(0)">
								<span style="color: rgb(249, 67, 67); font-size: 30px;" class="aui-iconfont aui-icon-cart"></span>
							</div>

		          		 </div>  

               </div> 

		     </li>      
			  {wc:loop:end}
	    </ul>
	  </section>
	<!--人气推荐结束-->
<!--新品上架开始-->
	<section class="g-main">
	    <div class="m-tt1">
		    <h2 class="fl"><a href="">新品上架</a></h2>
		    <div class="fr u-more">
			    <a href="" class="u-rs-m1"><b class="z-arrow"></b></a>
		    </div>
	    </div>
	    
	    
		<ul class="hotlist-ul clearfix" id="hotlist-ul-load">   
		{wc:loop $new_shop $new}
			<li class="hotlist-li " gid="{wc:$renqi['id']}">         
		 		 <div class="hotlist-img">      
		 			  <a href="{WEB_PATH}/mobile/mobile/item/{wc:$new['id']}">
		 			  <img src="{G_TEMPLATES_IMAGE}/loading.gif" src2="{G_UPLOAD_PATH}/{wc:$new['thumb']}" border=0 alt="" />
					  </a>   
		   		 </div>      
		   		 
		      <div class="hotlist-msg clearfix">    

		       	<h3 class="list-p1 scut">(第{wc:$new['qishu']}期){wc:$new['title']}</h3>  
				
		        		<p class="list-money">￥{wc:$new['money']}</p> 
	
		           		<div class="progress clearfix">  
						
							<p class="progress-bar"><span style="width:{wc:$new['canyurenshu']/$new['zongrenshu']*100}%;"></span></p> 
					
							<div class="progress-info">    
		                          <span class="canyu">剩余<i>{wc:$new['zongrenshu']-$new['canyurenshu']}</i></span> 
							</div>  

							<div class="add_s" onclick="addshop({wc:$new['id']})" href="javascript:void(0)">
								<span style="color: rgb(249, 67, 67); font-size: 30px;" class="aui-iconfont aui-icon-cart"></span>
							</div>

		          		 </div>  

               </div> 

		     </li>                                                 

		 {wc:loop:end}
	    </ul>
	  </section>
	<!--新品上架结束-->
	<!--晒单开始-->
	<section class="g-main">
	    <div class="m-tt1">
		    <h2 class="fl"><a href="">晒幸福</a></h2>
		    <div class="fr u-more">
			    <a href="" class="u-rs-m1"><b class="z-arrow"></b></a>
		    </div>
	    </div>
	
	<ul class="shop-box-ul clearfix" style="border-bottom: none;">
				  {wc:loop $shaidan_two $shaidan}
							<li class="shop-box-li">
								<div class="shaidan-img">
									<div class="shaidan-center">
										<a href="{WEB_PATH}/mobile/shaidan/detail/{wc:$shaidan['sd_id']}"><img src="statics/uploads/{wc:$shaidan['sd_thumbs']}" alt=""></a>
									</div>
									<div class="shaidan-bg"></div>
									<div class="shaidan-say scut">{wc:$shaidan['sd_title']}</div>
								</div>
							</li>	
													  		
							
				 {wc:loop:end}											
						</ul>
	</section>
	<!--晒单结束-->
<br/>
<br/>
<br/>

{wc:templates "mobile/index","footer"}
<script language="javascript" type="text/javascript">
function addsuccess(dat){
		$("#page .Pro").text("");
		var w=($(window).width()-255)/2,
			h=($(window).height()-45)/2;
		$("#page").css({top:h,left:w,opacity:0.8});
		$("#page").stop().fadeIn(1000);
		$("#page .Pro").append('<s></s>'+dat);
		$("#page").fadeOut(1000);
		//购物车数量
		$.getJSON('{WEB_PATH}/mobile/ajax/cartnum',function(data){
			
			$(".car").append('<b class="pig" id="pig">'+data.num+'</b>');
		});
	}
function addshop(id){
	$.getJSON('{WEB_PATH}/mobile/ajax/addShopCart/' + id + '/1',function(data){
			if(data.code==1){
				addsuccess('添加失败');
			}else if(data.code==0){
				addsuccess('添加成功');				
			}return false;
		});
};
</script>
<script language="javascript" type="text/javascript">
  var Path = new Object();
  Path.Skin="{G_TEMPLATES_STYLE}";  
  Path.Webpath = "{WEB_PATH}";
  
    var Base = {
        head: document.getElementsByTagName("head")[0] || document.documentElement,
        Myload: function(B, A) {
            this.done = false;
            B.onload = B.onreadystatechange = function() {
                if (!this.done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
                    this.done = true;
                    A();
                    B.onload = B.onreadystatechange = null;
                    if (this.head && B.parentNode) {
                        this.head.removeChild(B)
                    }
                }
            }
        },
        getScript: function(A, C) {
            var B = function() {};
            if (C != undefined) {
                B = C
            }
            var D = document.createElement("script");
            D.setAttribute("language", "javascript");
            D.setAttribute("type", "text/javascript");
            D.setAttribute("src", A);
            this.head.appendChild(D);
            this.Myload(D, B)
        },
        getStyle: function(A, B) {
            var B = function() {};
            if (callBack != undefined) {
                B = callBack
            }
            var C = document.createElement("link");
            C.setAttribute("type", "text/css");
            C.setAttribute("rel", "stylesheet");
            C.setAttribute("href", A);
            this.head.appendChild(C);
            this.Myload(C, B)
        }
    }
    function GetVerNum() {
        var D = new Date();
        return D.getFullYear().toString().substring(2, 4) + '.' + (D.getMonth() + 1) + '.' + D.getDate() + '.' + D.getHours() + '.' + (D.getMinutes() < 10 ? '0': D.getMinutes().toString().substring(0, 1))
    }
    Base.getScript('{G_TEMPLATES_JS}/mobile/Bottom.js?v=' + GetVerNum());
</script>
<script language="javascript" type="text/javascript">
$(function(){
	//分享
	$("#btnShare").click(function(){
		var w=($(window).width()-300)/2,
			h=($(window).height()-100)/2;
		$("#pageDialog").css({top:h,left:w});
		$("#pageDialog").show();
	});
	$("#btnMsgCancel").click(function(){
		$("#pageDialog").hide();
	});
	$("#shareType li").click(function(){
		var n=$(this).index();
		$(".jiathis_style a").eq(n).click();
	});
})
</script>
</div>
</body>
</html>
<style>
#page{-webkit-border-radius:5px; width:255px;height:45px;color:#fff;font-size:16px;text-align:center;line-height:45px;}
</style>
<div id="page" class="pageDialogBG">
<div class="Pro"></div>
</div>
<style>
#pageDialogBG{-webkit-border-radius:5px; width:255px;height:45px;color:#fff;font-size:16px;text-align:center;line-height:45px;}

</style>
<div id="pageDialogBG" class="pageDialogBG">
<div class="Prompt"></div>
</div>
<div id="pageDialog" class="pageDialog" style="width:300px; height:100px; position: fixed; display: none;">
	<div class="clearfix m-round f-share-tips"><div class="f-share-tit">请选择以下方式分享</div>
	<a id="btnMsgCancel" href="javascript:void(0)" class="f-share-Close"></a>
	<ul id="shareType" class="f-share-li">
		<li><a href="http://v.t.sina.com.cn/share/share.php?url={WEB_PATH}/register/{wc:$uid}&title=1元就能买IPhone 4S哦，快去看看吧！ {WEB_PATH}/register/{wc:$member['uid']}" target="_black"><b class="z-sina"><s></s></b><em>新浪微博</em></a></li>
		<li><a href="http://v.t.qq.com/share/share.php?url={WEB_PATH}/register/{wc:$uid}&title=1元就能买IPhone 4S哦，快去看看吧！ {WEB_PATH}/register/{wc:$member['uid']}" target="_black"><b class="z-qq"><s></s></b><em>腾讯微博</em></a></li>
		<li><a href="http://v.t.qq.com/share/share.php?url={WEB_PATH}/register/{wc:$member['uid']}&title=1元就能买IPhone 4S哦，快去看看吧！ {WEB_PATH}/register/{wc:$member['uid']}" target="_black"><b class="z-qzone"><s></s></b><em>QQ空间</em></a></li>
	</ul>
	<!-- JiaThis Button BEGIN -->
	<div class="jiathis_style" style="display:none;">	
		<a class="jiathis_button_tsina"></a>
		<a class="jiathis_button_tqq"></a>
		<a class="jiathis_button_qzone"></a>
	</div>
	
	</div> 
</div>
</body>