소스 검색

模板修改

lilei 4 년 전
부모
커밋
8958a005ae

BIN
新模板/新年活动 - new/clz - 夏季活动/clz-theme.zip


BIN
新模板/新年活动 - new/clz - 夏季活动/clz-夏季活动.zip


BIN
新模板/新年活动 - new/clz - 夏季活动/example.jpg


BIN
新模板/新年活动 - new/clz - 夏季活动/f1.jpg


+ 449 - 463
新模板/新年活动 - new/clz - 夏季活动/tpl.html

@@ -18,8 +18,7 @@
 					<!-- 标题部分 -->
 					<div class="zy-h5-title">
 						<div class="img-title-box">
-							<span class="web-font" id="activeTitle">${active.activeTitle!}</span>
-							<img class="img-title" src="${active.staticMouldTheme.basePath}/img/tit1.png">
+							<span>${active.activeTitle!}</span>
 						</div>
 						<div class="store-name">
 							<span>${active.contentTitle!}</span>
@@ -131,14 +130,15 @@
 						</div>
 					</div>
 				</div>
-			     <!-- 参与动态 -->
-			     <div class="qg-cont">
-			     	<div class="header-con">
-			     		<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
-			     	</div>
-			     	<div class="kh-list" id="kh-list"></div>
-			     </div>
+			    <!-- 参与动态 -->
+			    <div class="qg-cont">
+			    	<div class="header-con">
+			    		<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
+			    	</div>
+			    	<div class="kh-list" id="kh-list"></div>
+			    </div>
 			</div>
+			
 			<!-- 适用门店列表 -->
 			<div class="mask"></div>
 			<div class="store-info-list">
@@ -149,6 +149,7 @@
 					</div>
 				</div>
 				<div class="store-info-card">
+					
 				</div>
 			</div>
 			<!-- 底部浮动栏 -->
@@ -177,462 +178,447 @@
 		</div>
 	</body>
 	<style>
-		 *{
-		 	padding: 0;
-		 	margin: 0;
-		 }
-		 body{
-		 	font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
-		 }
-		 
-		 .wrapper{
-		 	position: relative;
-		 }
-		 /*模板样式*/
-		 .zy-h5-main{
-		 	position: relative;
-		 	overflow: hidden;
-		 	background: #b10c1a;
-		 }
-		 .zy-h5-bgimg{
-		 	width: 50%;
-		 	margin: 0 0 20px;
-		 }
-		 .zy-h5-title{
-		 	text-align:center;
-		 	width: 100%;
-		 	color: #fff;
-		 }
-		 .img-title-box{
-		 	position: relative;
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 	text-shadow: 1px 3px 5px #73010c;
-		 	font-weight: 900;
-		 }
-		 .img-title-box span{
-		 	position: absolute;
-		 	font-size: 3em;
-		 	color: #f3e190;
-		 	font-style: italic;
-		 	font-family: 'webfont';
-		 }
-		 .img-title{
-		 	width: 85%;
-		 }
-		 .store-name{
-		 	font-size: 1em;
-		 	display:flex;
-		 	align-items: center;
-		 	text-align:center;
-		 	justify-content: center;
-		 	margin-bottom: 1em;
-		 	margin-top: -0.5em;
-		 	background: url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center center;
-		 	background-size: auto 100%;
-		 	height: 3em;
-		 	color: #b10c1a;
-		 	font-weight: 700;
-		 }
-		 .store-name span{
-		 	font-size: 1.2em;
-		 	margin-top: 0.2em;
-		 }
-		 .active-time{
-		 	color: #f5de98;
-		 	padding: 0.3em;
-		 	font-size: 0.8em;
-		 	font-style: italic;
-		 	padding-right: 4em;
-		 }
-		 .zy-h5-main-active{
-		 	background: #b10c1a;
-		 }
-		 .zy-h5-active{
-		 	width:100%;
-		 	color: #fff;
-		 	position:relative;
-		 	padding: 3em 0;
-		 	background: url(${active.staticMouldTheme.basePath}/img/qche.jpg) no-repeat right 3em;
-		 	background-size: 38% auto;
-		 }
-		 .img-hdnr{
-		 	position: relative;
-		 	width: 42%;
-		 	background-color: #ecd383;
-		 	border-radius: 0 1.5em 1.5em 0;
-		 	padding-right: 0.8em;
-		 }
-		 .img-hdnr > div{
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 }
-		 .hdnr-text{
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 	width: 100%;
-		 	padding-top:0.1em;
-		 	font-weight:900;
-		 }
-		 .a-text-1{
-		 	font-size:0.6em;
-		 	color: #333;
-		 	font-style: italic;
-		 	text-decoration: line-through;
-		 }
-		 .a-text-2{
-		 	font-size:1.1em;
-		 	text-align: right;
-		 	color: #ff0900;
-		 }
-		 .b-text{
-		 	font-style: italic;
-		 	font-weight:900;
-		 	color: #ff0900;
-		 }
-		 .b-text span{
-		 	font-size:2em;
-		 }
-		 .active-content {
-		 	padding: 1em 0;
-		 }
-		 .ac-list{
-		 	font-size: 0.8em;
-		 	flex-grow:1;
-		 	width: 60%;
-		 	margin-top: 2em;
-		 }
-		 .ac-list .active-item{
-		 	border: 1px solid #ecd383;
-		 	font-size: 1.2em;
-		 	padding: 0.5em;
-		 	border-left: 0;
-		 	margin: 1em 0;
-		 	color: #ecd383;
-		 	border-radius: 0 2em 2em 0;
-		 	text-align: center;
-		 }
-		 .ac-list .active-name{
-		 	display: flex;
-		 	align-items: center;
-		 	font-size: 1.3em;
-		 	color: #ecd383;
-		 	font-weight: bold;
-		 	justify-content: center;
-		 }
-		 .ac-list .active-name img{
-		 	width: 1em;
-		 	height: 1em;
-		 	margin: 0 0.3em;
-		 }
-		 .active-desc{
-		 	padding: 1em;
-		 	line-height: 1.8em;
-		 	color: #fadfc7;
-		 	font-size: 0.8em;
-		 }
-		 .zy-h5-gz{
-		 	padding: 0.5em;
-		 	border-top: 0.6em solid #ededed;
-		 }
-		 .zy-h5-gz > div:first-child{
-		 	font-size: 0.8em;
-		 }
-		 .zy-headPhoto-list{
-		 	padding: 0.5em 0.2em;
-		 	overflow: hidden;
-		 }
-		 .zy-headPhoto-list > div{
-		 	width: 35px;
-		 	height: 35px;
-		 	overflow:hidden;
-		 	border-radius: 10em;
-		 	margin: 0.2em;
-		 	float: left;
-		 }
-		 .zy-headPhoto-list > div img{
-		 	width: 100%;
-		 	height: 100%;
-		 }
-		 /*门店信息样式*/
-		 .zy-h5-store-info{
-		 	background: #fff;
-		 }
-		 #close-store{
-		 	padding: 5px 0;
-		 }
-		 .store-info-title{
-		 	font-weight: bold;
-		 	font-size: 16px;
-		 	text-align: center;
-		 	padding: 5px 0;
-		 }
-		 .store-info-open{
-		 	text-align: center;
-		 }
-		 .zy-h5-store-info > .store-info-cont{
-		 	padding: 0.5em;
-		 	font-size: 1em;
-		 }
-		 
-		 .mask{
-		 	height: 100%;
-		 	width: 100%;
-		 	position: fixed;
-		 	z-index: 40;
-		 	left: 0;
-		 	top: 0;
-		 	background: rgba(0,0,0,0.5);
-		 	display: none;
-		 }
-		 .store-info-list{
-		 	position: fixed;
-		 	z-index: 50;
-		 	left: 0;
-		 	bottom: -1000em;
-		 	background-color: #FFFFFF;
-		 	max-height: 100%;
-		 	display: flex;
-		 	flex-direction: column;
-		 	box-shadow: 0em 0em 1em #333;
-		 }
-		 .zy-h5-store-info .arrow-up{
-		 	display: block;
-		 	margin: 0 auto;
-		 	width: 30px;
-		 }
-		 .arrow-down{
-		 	display: block;
-		 	margin: 0 auto;
-		 	width: 20px;
-		 }
-		 .close-btns{
-		 	position: absolute;
-		 	right: 1em;
-		 	top: 1em;
-		 	color: #b10c1a;
-		 	font-size: 0.8em;
-		 }
-		 .store-info-card{
-		 	flex-grow: 1;
-		 	overflow: auto;
-		 	padding: 0 1.5em 3.5em;
-		 	font-weight: bold;
-		 }
-		 .store-info-pic{
-		 	display: block;
-		 	width: 100%;
-		 }
-		 .store-info-names{
-		 	padding: 0.5em 1em;
-		 	background: #b10c1a;
-		 	color: #fff;
-		 	border-radius: 0.3em;
-		 	box-shadow: 2px 2px 5px #999;
-		 	position: relative;
-		 	font-size: 0.9em;
-		 }
-		 .store-info-box{
-		 	padding: 0.5em 0;
-		 	border-bottom: 0.1em solid #aa975d;
-		 	display: flex;
-		 	background: #ecd383;
-		 	color: #333;
-		 	font-size: 0.8em;
-		 }
-		 .store-info-s{
-		 	margin:0 1em 1em;
-		 	padding: 0.5em 1em;
-		 	background: #ecd383;
-		 	border-radius: 0 0 0.2em 0.2em;
-		 }
-		 .store-info-box span:last-child{
-		 	line-height: 1.5em;
-		 	display: flex;
-		 	flex-grow: 1;
-		 	width: 50%;
-		 }
-		 .store-info-box span:last-child a{
-		 	color: #483803;
-		 	text-decoration: none;
-		 }
-		  
-		 .zy-h5-store-info >.qg-cont{
-		 	padding: 0.5em;
-		 	border-top: 0.6em solid #ededed;
-		 }
-		 .zy-h5-store-info .header-con{
-		 	display: flex;
-		 	justify-content: center;
-		 	align-items: center;
-		 	background: #f8f8f8;
-		 	border-radius: 0.5em;
-		 }
-		 .zy-h5-store-info .header-con > p{
-		 	font-size: 1.2em;
-		 	margin: 0;
-		 	padding: 10px 0 8px;
-		 }
-		 .zy-h5-store-info .header-con > p:first-child{
-		 	font-weight: bold;
-		 	position: relative;
-		 	padding-left: 10px;
-		 } 
-		 .zy-h5-store-info .header-con > p:first-child span{
-		 	color: red;
-		 }
-		 
-		 .kh-list{
-		 	padding:0 0.5em;
-		 }
-		 .kh-list-tr{
-		 	display: flex;
-		 	align-items:center;
-		 	justify-content: center;
-		 	border-bottom: 0.1em solid #eee;
-		 }
-		 .kh-list-td{
-		 	width: 50%;
-		 	padding: 0.8em 0.5em;
-		 	text-align: center;
-		 }
-		 .kh-list-tr-head{
-		 	font-weight:bold;
-		 }
-		 .tel{
-		 	font-style: initial;
-		 	margin-right: 0.5em;
-		 }
-		 /*底部栏样式*/
-		 .zy-h5-fx-bar{
-		 	height: 7em;
-		 }
-		 .zy-h5-bf-bar{
-		 	width: 100%;
-		 	padding:0.5em;
-		 	background: #fff;
-		 	display: flex;
-		 	align-items: center;
-		 	position: fixed;
-		 	left: 0;
-		 	bottom: 0;
-		 	border-top: 1px solid #eee;
-		 	z-index: 1000;
-		 	box-sizing: border-box;
-		 }
-		 .zy-h5-bf-bar > span{
-		 	flex-grow: 1;
-		 	padding: 0.8em 0.6em;
-		 	font-size: 1em;
-		 	line-height: 1em;
-		 	width: 12em;
-		 	margin: 0 1.2em;
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 	min-width: 76px;
-		 }
-		 .zy-h5-bf-bar > span span{
-		 	margin-right: 0.5em;
-		 }
-		 .zy-h5-yuyue {
-		 	color: #fff;
-		 	background: #fa6862;
-		 	border-radius: 100px;
-		 	text-align: center;
-		 }
-		 .zy-h5-share {
-		 	color: #fff;
-		 	background: #8BC34A;
-		 	border-radius: 100px;
-		 	text-align: center;
-		 }
-		 /*预约弹框样式*/
-		 .zy-h5-fix-z{
-		 	width: 100%;
-		 	height: 100%;
-		 	position: fixed;
-		 	top: 0;
-		 	left: 0;
-		 	background: rgba(0,0,0,0.5);
-		 	display: none;
-		 	z-index: 5000;
-		 }
-		 .zy-h5-modal{
-		 	background: #fff;
-		 	border-radius: 5px;
-		 	overflow: hidden;
-		 	position: fixed;
-		 	z-index: 10000;
-		 	width: 80%;
-		 	top: 30%;
-		 	left: 50%;
-		 	margin-left: -40.3%;
-		 	border: 1px solid #eee;
-		 	display: none;
-		 }
-		 .zy-h5-modal-title{
-		 	padding: 10px;
-		 	text-align: center;
-		 	border-bottom: 1px solid #EEEEEE;
-		 }
-		 .zy-h5-modal-content{
-		 	padding: 15px;
-		 	text-align: center;
-		 }
-		 .zy-h5-modal-form{
-		 	margin: 10px 0 30px;
-		 }
-		 .zy-h5-modal-form input{
-		 	padding: 10px;
-		 	border: 1px solid #eee;
-		 	width: 90%;
-		 	box-sizing: border-box;
-		 	font-size: 13px;
-		 	line-height: 1.5em;
-		 }
-		 .zy-h5-modal-content p button{
-		 	border-radius: 10px;
-		 	padding: 7px 25px;
-		 	margin: 0 18px;
-		 	font-size: 1em;
-		 }
-		 .zy-h5-modal-submit{
-		 	background: #378BEA;
-		 	color: #fff;
-		 	border: 1px solid #378BEA;
-		 }
-		 .zy-h5-modal-cansel{
-		 	background: #ffffff;
-		 	color: #666;
-		 	border: 1px solid #eee;
-		 }
-		 /* 加载中 */
-		 #foo{
-		 	width: 50px;
-		 	height: 50px;
-		 	position: fixed;
-		 	left: 50%;
-		 	top: 50%;
-		 	margin: -25px 0 0 -25px;
-		 	z-index: 5001;
-		 }
-		 .spinner{
-		 	left: 25px!important;
-		 	top: 25px!important;
-		 }
+		*{
+			padding: 0;
+			margin: 0;
+	    }
+		body{
+			font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
+		}
+		
+		.wrapper{
+			position: relative;
+		}
+		/*模板样式*/
+		.zy-h5-main{
+			position: relative;
+			overflow: hidden;
+			background: #4b81d7 url(${active.staticMouldTheme.basePath}/img/tit1.png) no-repeat center bottom;
+			background-size: 100% 100%;
+		}
+		.zy-h5-bgimg{
+			width: 60%;
+			margin: 0 0 40px;
+		}
+		.zy-h5-title{
+			text-align:center;
+			width: 100%;
+			color: #fff;
+		}
+		.img-title-box{
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			text-shadow: 1px 1px 1px #666;
+			font-weight: 900;
+		}
+		.img-title-box span{
+			font-size: 3.5em;
+			color: #FFFFFF;
+			font-family: 'webfont';
+		}
+		.store-name{
+			font-size: 1em;
+			color: #033883;
+			background: #FFFFFF;
+			max-width: 90%;
+			margin: 1em auto;
+			border-radius: 1em;
+			border: 0.2em solid #033883;
+			padding: 0.2em;
+			box-shadow: 1px 1px 1px #033883;
+			display: inline-block;
+		}
+		.store-name span{
+			border-radius: 0.5em;
+			border: 1px dashed #033883;
+			display: block;
+			height: 100%;
+			font-size: 1.2em;
+			line-height: 2.2em;
+			text-align: center;
+			padding: 0 0.3em;
+		}
+		.active-time{
+			color: #FFFFFF;
+			padding: 0.3em;
+			font-size: 1em;
+			text-align: center;
+		}
+		.zy-h5-main-active{
+			background: #4b81d7 url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center bottom;
+			background-size: 100% auto;
+		}
+		.zy-h5-active{
+			width:100%;
+			color: #fff;
+			position:relative;
+			padding: 3em 0 8em;
+			background: url(${active.staticMouldTheme.basePath}/img/qche.jpg) no-repeat right 3em;
+			background-size: 38% auto;
+		}
+		.img-hdnr{
+			position: relative;
+			width: 42%;
+			background-color: #1a4a8e;
+			border-radius: 0 1.5em 1.5em 0;
+			padding:0 1em 0 0.6em;
+		}
+		.img-hdnr > div{
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 0.3em 0;
+		}
+		.hdnr-text{
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+			padding-top:0.1em;
+			font-weight:900;
+		}
+		.a-text-1{
+			font-size:0.6em;
+			color: #999;
+			text-decoration: line-through;
+		}
+		.a-text-2{
+			font-size:1.1em;
+			text-align: right;
+			color: #fff;
+		}
+		.b-text{
+			font-weight:900;
+			color: #fff;
+		}
+		.b-text span{
+			font-size:2em;
+		}
+		.active-content {
+			padding: 1em 0;
+		}
+		.ac-list{
+			font-size: 1em;
+			flex-grow:1;
+			width: 75%;
+			margin-top: 1em;
+		}
+		.ac-list .active-item{
+			border: 1px solid #FFFFFF;
+			font-size: 1.1em;
+			padding: 0.5em;
+			border-left: 0;
+			margin: 0.6em 0;
+			color: #FFFFFF;
+			border-radius: 0 2em 2em 0;
+			text-align: center;
+		}
+		.ac-list .active-name{
+			display: flex;
+			align-items: center;
+			font-size: 1.2em;
+			color: #FFFFFF;
+			justify-content: center;
+			margin-bottom: 1em;
+		}
+		.ac-list .active-name img{
+			width: 1em;
+			height: 1em;
+			margin: 0 0.3em;
+		}
+		.active-desc{
+			padding: 1em;
+			line-height: 1.8em;
+			color: #FFFFFF;
+			font-size: 0.8em;
+		}
+		.zy-h5-gz{
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+		.zy-h5-gz > div:first-child{
+			font-size: 0.8em;
+		}
+		.zy-headPhoto-list{
+			padding: 0.5em 0.2em;
+			overflow: hidden;
+		}
+		.zy-headPhoto-list > div{
+			width: 35px;
+			height: 35px;
+			overflow:hidden;
+			border-radius: 10em;
+			margin: 0.2em;
+			float: left;
+		}
+		.zy-headPhoto-list > div img{
+			width: 100%;
+			height: 100%;
+		}
+		/*门店信息样式*/
+		.zy-h5-store-info{
+			background: #fff;
+		}
+		#close-store{
+			padding: 5px 0;
+		}
+		.store-info-title{
+			font-weight: bold;
+			font-size: 1.2em;
+			text-align: center;
+			padding: 0.5em 0;
+		}
+		.store-info-open{
+			text-align: center;
+		}
+		.zy-h5-store-info > .store-info-cont{
+			padding: 0.5em;
+			font-size: 1em;
+		}
+		.mask{
+			height: 100%;
+			width: 100%;
+			position: fixed;
+			z-index: 40;
+			left: 0;
+			top: 0;
+			background: rgba(0,0,0,0.5);
+			display: none;
+		}
+		.store-info-list{
+			position: fixed;
+			z-index: 50;
+			left: 0;
+			bottom: -1000em;
+			background-color: #FFFFFF;
+			max-height: 100%;
+			display: flex;
+			flex-direction: column;
+			box-shadow: 0em 0em 1em #333;
+		}
+		.zy-h5-store-info .arrow-up{
+			display: block;
+			margin: 0 auto;
+			width: 30px;
+		}
+		.arrow-down{
+			display: block;
+			margin: 0 auto;
+			width: 30px;
+		}
+		.store-info-card{
+			flex-grow: 1;
+			overflow: auto;
+			padding: 0 1.5em 3.5em;
+			font-weight: bold;
+		}
+		.store-info-pic{
+			display: block;
+			width: 100%;
+		}
+		.store-info-names{
+			padding: 0.5em 1em;
+			background: #1a4a8e;
+			color: #fff;
+			border-radius: 0.3em;
+			box-shadow: 1px 1px 4px #999;
+			position: relative;
+			font-size: 0.9em;
+		}
+		.store-info-box{
+			padding: 0.5em 0;
+			border-bottom: 0.1em solid #666;
+			display: flex;
+			background: #f6f6f6;
+			color: #333;
+			font-size: 0.8em;
+		}
+		.store-info-s{
+			margin:0 1em 1em;
+			padding: 0.5em 1em;
+			background: #f6f6f6;
+			border-radius: 0 0 0.2em 0.2em;
+			box-shadow: 1px 1px 5px #ccc;
+		}
+		.store-info-box span:last-child{
+			line-height: 1.5em;
+			display: flex;
+			flex-grow: 1;
+			width: 50%;
+		}
+		.store-info-box span:last-child a{
+			color: #483803;
+			text-decoration: none;
+		}
 		 
-		 @media screen and (max-width: 375px) {
-		     body{font-size: 14px}
-		 }
-		 @media screen and (max-width: 320px) {
-		     body{font-size: 12px}
-		 }
+		.zy-h5-store-info >.qg-cont{
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+		.zy-h5-store-info .header-con{
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #f8f8f8;
+			border-radius: 0.5em;
+		}
+		.zy-h5-store-info .header-con > p{
+			font-size: 1.2em;
+			margin: 0;
+			padding: 10px 0 8px;
+		}
+		.zy-h5-store-info .header-con > p:first-child{
+			font-weight: bold;
+			position: relative;
+			padding-left: 10px;
+		} 
+		.zy-h5-store-info .header-con > p:first-child span{
+			color: red;
+		}
+		
+		.kh-list{
+			padding:0 0.5em;
+		}
+		.kh-list-tr{
+			display: flex;
+			align-items:center;
+			justify-content: center;
+			border-bottom: 0.1em solid #eee;
+		}
+		.kh-list-td{
+			width: 50%;
+			padding: 0.8em 0.5em;
+			text-align: center;
+		}
+		.kh-list-tr-head{
+			font-weight:bold;
+		}
+		.tel{
+			font-style: initial;
+			margin-right: 0.5em;
+		}
+		/*底部栏样式*/
+		.zy-h5-fx-bar{
+			height: 7em;
+		}
+		.zy-h5-bf-bar{
+			width: 100%;
+			padding:0.5em;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+			border-top: 1px solid #eee;
+			z-index: 1000;
+			box-sizing: border-box;
+		}
+		.zy-h5-bf-bar > span{
+			flex-grow: 1;
+			padding: 0.8em 0.6em;
+			font-size: 1em;
+			line-height: 1em;
+			width: 12em;
+			margin: 0 1.2em;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-width: 76px;
+		}
+		.zy-h5-bf-bar > span span{
+			margin-right: 0.5em;
+		}
+		.zy-h5-yuyue {
+			color: #fff;
+			background: #1a4a8e;
+			border-radius: 100px;
+			text-align: center;
+		}
+		/*预约弹框样式*/
+		.zy-h5-fix-z{
+			width: 100%;
+			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
+			background: rgba(0,0,0,0.5);
+			display: none;
+			z-index: 5000;
+		}
+		.zy-h5-modal{
+			background: #fff;
+			border-radius: 5px;
+			overflow: hidden;
+			position: fixed;
+			z-index: 10000;
+			width: 80%;
+			top: 30%;
+			left: 50%;
+			margin-left: -40.3%;
+			border: 1px solid #eee;
+			display: none;
+		}
+		.zy-h5-modal-title{
+			padding: 10px;
+			text-align: center;
+			border-bottom: 1px solid #EEEEEE;
+		}
+		.zy-h5-modal-content{
+			padding: 15px;
+			text-align: center;
+		}
+		.zy-h5-modal-form{
+			margin: 10px 0 30px;
+		}
+		.zy-h5-modal-form input{
+			padding: 10px;
+			border: 1px solid #eee;
+			width: 90%;
+			box-sizing: border-box;
+			font-size: 13px;
+			line-height: 1.5em;
+		}
+		.zy-h5-modal-content p button{
+			border-radius: 10px;
+			padding: 7px 25px;
+			margin: 0 18px;
+			font-size: 1em;
+		}
+		.zy-h5-modal-submit{
+			background: #ffaa00;
+			color: #fff;
+			border: 1px solid #ffaa00;
+		}
+		.zy-h5-modal-cansel{
+			background: #ffffff;
+			color: #666;
+			border: 1px solid #eee;
+		}
+		/* 加载中 */
+		#foo{
+			width: 50px;
+			height: 50px;
+			position: fixed;
+			left: 50%;
+			top: 50%;
+			margin: -25px 0 0 -25px;
+			z-index: 5001;
+		}
+		.spinner{
+			left: 25px!important;
+			top: 25px!important;
+		}
+		
+		@media screen and (max-width: 375px) {
+		    body{font-size: 14px}
+		}
+		@media screen and (max-width: 320px) {
+		    body{font-size: 12px}
+		}
 	</style>
-	
 	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" charset="utf-8"></script>
 	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 	<script>

BIN
新模板/新年活动 - new/clz - 春季健康大礼包/clz-theme.zip


BIN
新模板/新年活动 - new/clz - 春季健康大礼包/clz-春季健康大礼包.zip


BIN
新模板/新年活动 - new/clz - 春季健康大礼包/example.jpg


BIN
新模板/新年活动 - new/clz - 春季健康大礼包/f1.jpg


+ 461 - 462
新模板/新年活动 - new/clz - 春季健康大礼包/tpl.html

@@ -18,8 +18,7 @@
 					<!-- 标题部分 -->
 					<div class="zy-h5-title">
 						<div class="img-title-box">
-							<span class="web-font" id="activeTitle">${active.activeTitle!}</span>
-							<img class="img-title" src="${active.staticMouldTheme.basePath}/img/tit1.png">
+							<span>${active.activeTitle!}</span>
 						</div>
 						<div class="store-name">
 							<span>${active.contentTitle!}</span>
@@ -132,13 +131,14 @@
 					</div>
 				</div>
 			     <!-- 参与动态 -->
-			     <div class="qg-cont">
-			     	<div class="header-con">
-			     		<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
-			     	</div>
-			     	<div class="kh-list" id="kh-list"></div>
-			     </div>
+				<div class="qg-cont">
+					<div class="header-con">
+						<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
+					</div>
+					<div class="kh-list" id="kh-list"></div>
+				</div>
 			</div>
+			
 			<!-- 适用门店列表 -->
 			<div class="mask"></div>
 			<div class="store-info-list">
@@ -149,6 +149,7 @@
 					</div>
 				</div>
 				<div class="store-info-card">
+					
 				</div>
 			</div>
 			<!-- 底部浮动栏 -->
@@ -177,462 +178,460 @@
 		</div>
 	</body>
 	<style>
-		 *{
-		 	padding: 0;
-		 	margin: 0;
-		 }
-		 body{
-		 	font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
-		 }
-		 
-		 .wrapper{
-		 	position: relative;
-		 }
-		 /*模板样式*/
-		 .zy-h5-main{
-		 	position: relative;
-		 	overflow: hidden;
-		 	background: #b10c1a;
-		 }
-		 .zy-h5-bgimg{
-		 	width: 50%;
-		 	margin: 0 0 20px;
-		 }
-		 .zy-h5-title{
-		 	text-align:center;
-		 	width: 100%;
-		 	color: #fff;
-		 }
-		 .img-title-box{
-		 	position: relative;
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 	text-shadow: 1px 3px 5px #73010c;
-		 	font-weight: 900;
-		 }
-		 .img-title-box span{
-		 	position: absolute;
-		 	font-size: 3em;
-		 	color: #f3e190;
-		 	font-style: italic;
-		 	font-family: 'webfont';
-		 }
-		 .img-title{
-		 	width: 85%;
-		 }
-		 .store-name{
-		 	font-size: 1em;
-		 	display:flex;
-		 	align-items: center;
-		 	text-align:center;
-		 	justify-content: center;
-		 	margin-bottom: 1em;
-		 	margin-top: -0.5em;
-		 	background: url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center center;
-		 	background-size: auto 100%;
-		 	height: 3em;
-		 	color: #b10c1a;
-		 	font-weight: 700;
-		 }
-		 .store-name span{
-		 	font-size: 1.2em;
-		 	margin-top: 0.2em;
-		 }
-		 .active-time{
-		 	color: #f5de98;
-		 	padding: 0.3em;
-		 	font-size: 0.8em;
-		 	font-style: italic;
-		 	padding-right: 4em;
-		 }
-		 .zy-h5-main-active{
-		 	background: #b10c1a;
-		 }
-		 .zy-h5-active{
-		 	width:100%;
-		 	color: #fff;
-		 	position:relative;
-		 	padding: 3em 0;
-		 	background: url(${active.staticMouldTheme.basePath}/img/qche.jpg) no-repeat right 3em;
-		 	background-size: 38% auto;
-		 }
-		 .img-hdnr{
-		 	position: relative;
-		 	width: 42%;
-		 	background-color: #ecd383;
-		 	border-radius: 0 1.5em 1.5em 0;
-		 	padding-right: 0.8em;
-		 }
-		 .img-hdnr > div{
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 }
-		 .hdnr-text{
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 	width: 100%;
-		 	padding-top:0.1em;
-		 	font-weight:900;
-		 }
-		 .a-text-1{
-		 	font-size:0.6em;
-		 	color: #333;
-		 	font-style: italic;
-		 	text-decoration: line-through;
-		 }
-		 .a-text-2{
-		 	font-size:1.1em;
-		 	text-align: right;
-		 	color: #ff0900;
-		 }
-		 .b-text{
-		 	font-style: italic;
-		 	font-weight:900;
-		 	color: #ff0900;
-		 }
-		 .b-text span{
-		 	font-size:2em;
-		 }
-		 .active-content {
-		 	padding: 1em 0;
-		 }
-		 .ac-list{
-		 	font-size: 0.8em;
-		 	flex-grow:1;
-		 	width: 60%;
-		 	margin-top: 2em;
-		 }
-		 .ac-list .active-item{
-		 	border: 1px solid #ecd383;
-		 	font-size: 1.2em;
-		 	padding: 0.5em;
-		 	border-left: 0;
-		 	margin: 1em 0;
-		 	color: #ecd383;
-		 	border-radius: 0 2em 2em 0;
-		 	text-align: center;
-		 }
-		 .ac-list .active-name{
-		 	display: flex;
-		 	align-items: center;
-		 	font-size: 1.3em;
-		 	color: #ecd383;
-		 	font-weight: bold;
-		 	justify-content: center;
-		 }
-		 .ac-list .active-name img{
-		 	width: 1em;
-		 	height: 1em;
-		 	margin: 0 0.3em;
-		 }
-		 .active-desc{
-		 	padding: 1em;
-		 	line-height: 1.8em;
-		 	color: #fadfc7;
-		 	font-size: 0.8em;
-		 }
-		 .zy-h5-gz{
-		 	padding: 0.5em;
-		 	border-top: 0.6em solid #ededed;
-		 }
-		 .zy-h5-gz > div:first-child{
-		 	font-size: 0.8em;
-		 }
-		 .zy-headPhoto-list{
-		 	padding: 0.5em 0.2em;
-		 	overflow: hidden;
-		 }
-		 .zy-headPhoto-list > div{
-		 	width: 35px;
-		 	height: 35px;
-		 	overflow:hidden;
-		 	border-radius: 10em;
-		 	margin: 0.2em;
-		 	float: left;
-		 }
-		 .zy-headPhoto-list > div img{
-		 	width: 100%;
-		 	height: 100%;
-		 }
-		 /*门店信息样式*/
-		 .zy-h5-store-info{
-		 	background: #fff;
-		 }
-		 #close-store{
-		 	padding: 5px 0;
-		 }
-		 .store-info-title{
-		 	font-weight: bold;
-		 	font-size: 16px;
-		 	text-align: center;
-		 	padding: 5px 0;
-		 }
-		 .store-info-open{
-		 	text-align: center;
-		 }
-		 .zy-h5-store-info > .store-info-cont{
-		 	padding: 0.5em;
-		 	font-size: 1em;
-		 }
-		 
-		 .mask{
-		 	height: 100%;
-		 	width: 100%;
-		 	position: fixed;
-		 	z-index: 40;
-		 	left: 0;
-		 	top: 0;
-		 	background: rgba(0,0,0,0.5);
-		 	display: none;
-		 }
-		 .store-info-list{
-		 	position: fixed;
-		 	z-index: 50;
-		 	left: 0;
-		 	bottom: -1000em;
-		 	background-color: #FFFFFF;
-		 	max-height: 100%;
-		 	display: flex;
-		 	flex-direction: column;
-		 	box-shadow: 0em 0em 1em #333;
-		 }
-		 .zy-h5-store-info .arrow-up{
-		 	display: block;
-		 	margin: 0 auto;
-		 	width: 30px;
-		 }
-		 .arrow-down{
-		 	display: block;
-		 	margin: 0 auto;
-		 	width: 20px;
-		 }
-		 .close-btns{
-		 	position: absolute;
-		 	right: 1em;
-		 	top: 1em;
-		 	color: #b10c1a;
-		 	font-size: 0.8em;
-		 }
-		 .store-info-card{
-		 	flex-grow: 1;
-		 	overflow: auto;
-		 	padding: 0 1.5em 3.5em;
-		 	font-weight: bold;
-		 }
-		 .store-info-pic{
-		 	display: block;
-		 	width: 100%;
-		 }
-		 .store-info-names{
-		 	padding: 0.5em 1em;
-		 	background: #b10c1a;
-		 	color: #fff;
-		 	border-radius: 0.3em;
-		 	box-shadow: 2px 2px 5px #999;
-		 	position: relative;
-		 	font-size: 0.9em;
-		 }
-		 .store-info-box{
-		 	padding: 0.5em 0;
-		 	border-bottom: 0.1em solid #aa975d;
-		 	display: flex;
-		 	background: #ecd383;
-		 	color: #333;
-		 	font-size: 0.8em;
-		 }
-		 .store-info-s{
-		 	margin:0 1em 1em;
-		 	padding: 0.5em 1em;
-		 	background: #ecd383;
-		 	border-radius: 0 0 0.2em 0.2em;
-		 }
-		 .store-info-box span:last-child{
-		 	line-height: 1.5em;
-		 	display: flex;
-		 	flex-grow: 1;
-		 	width: 50%;
-		 }
-		 .store-info-box span:last-child a{
-		 	color: #483803;
-		 	text-decoration: none;
-		 }
-		  
-		 .zy-h5-store-info >.qg-cont{
-		 	padding: 0.5em;
-		 	border-top: 0.6em solid #ededed;
-		 }
-		 .zy-h5-store-info .header-con{
-		 	display: flex;
-		 	justify-content: center;
-		 	align-items: center;
-		 	background: #f8f8f8;
-		 	border-radius: 0.5em;
-		 }
-		 .zy-h5-store-info .header-con > p{
-		 	font-size: 1.2em;
-		 	margin: 0;
-		 	padding: 10px 0 8px;
-		 }
-		 .zy-h5-store-info .header-con > p:first-child{
-		 	font-weight: bold;
-		 	position: relative;
-		 	padding-left: 10px;
-		 } 
-		 .zy-h5-store-info .header-con > p:first-child span{
-		 	color: red;
-		 }
-		 
-		 .kh-list{
-		 	padding:0 0.5em;
-		 }
-		 .kh-list-tr{
-		 	display: flex;
-		 	align-items:center;
-		 	justify-content: center;
-		 	border-bottom: 0.1em solid #eee;
-		 }
-		 .kh-list-td{
-		 	width: 50%;
-		 	padding: 0.8em 0.5em;
-		 	text-align: center;
-		 }
-		 .kh-list-tr-head{
-		 	font-weight:bold;
-		 }
-		 .tel{
-		 	font-style: initial;
-		 	margin-right: 0.5em;
-		 }
-		 /*底部栏样式*/
-		 .zy-h5-fx-bar{
-		 	height: 7em;
-		 }
-		 .zy-h5-bf-bar{
-		 	width: 100%;
-		 	padding:0.5em;
-		 	background: #fff;
-		 	display: flex;
-		 	align-items: center;
-		 	position: fixed;
-		 	left: 0;
-		 	bottom: 0;
-		 	border-top: 1px solid #eee;
-		 	z-index: 1000;
-		 	box-sizing: border-box;
-		 }
-		 .zy-h5-bf-bar > span{
-		 	flex-grow: 1;
-		 	padding: 0.8em 0.6em;
-		 	font-size: 1em;
-		 	line-height: 1em;
-		 	width: 12em;
-		 	margin: 0 1.2em;
-		 	display: flex;
-		 	align-items: center;
-		 	justify-content: center;
-		 	min-width: 76px;
-		 }
-		 .zy-h5-bf-bar > span span{
-		 	margin-right: 0.5em;
-		 }
-		 .zy-h5-yuyue {
-		 	color: #fff;
-		 	background: #fa6862;
-		 	border-radius: 100px;
-		 	text-align: center;
-		 }
-		 .zy-h5-share {
-		 	color: #fff;
-		 	background: #8BC34A;
-		 	border-radius: 100px;
-		 	text-align: center;
-		 }
-		 /*预约弹框样式*/
-		 .zy-h5-fix-z{
-		 	width: 100%;
-		 	height: 100%;
-		 	position: fixed;
-		 	top: 0;
-		 	left: 0;
-		 	background: rgba(0,0,0,0.5);
-		 	display: none;
-		 	z-index: 5000;
-		 }
-		 .zy-h5-modal{
-		 	background: #fff;
-		 	border-radius: 5px;
-		 	overflow: hidden;
-		 	position: fixed;
-		 	z-index: 10000;
-		 	width: 80%;
-		 	top: 30%;
-		 	left: 50%;
-		 	margin-left: -40.3%;
-		 	border: 1px solid #eee;
-		 	display: none;
-		 }
-		 .zy-h5-modal-title{
-		 	padding: 10px;
-		 	text-align: center;
-		 	border-bottom: 1px solid #EEEEEE;
-		 }
-		 .zy-h5-modal-content{
-		 	padding: 15px;
-		 	text-align: center;
-		 }
-		 .zy-h5-modal-form{
-		 	margin: 10px 0 30px;
-		 }
-		 .zy-h5-modal-form input{
-		 	padding: 10px;
-		 	border: 1px solid #eee;
-		 	width: 90%;
-		 	box-sizing: border-box;
-		 	font-size: 13px;
-		 	line-height: 1.5em;
-		 }
-		 .zy-h5-modal-content p button{
-		 	border-radius: 10px;
-		 	padding: 7px 25px;
-		 	margin: 0 18px;
-		 	font-size: 1em;
-		 }
-		 .zy-h5-modal-submit{
-		 	background: #378BEA;
-		 	color: #fff;
-		 	border: 1px solid #378BEA;
-		 }
-		 .zy-h5-modal-cansel{
-		 	background: #ffffff;
-		 	color: #666;
-		 	border: 1px solid #eee;
-		 }
-		 /* 加载中 */
-		 #foo{
-		 	width: 50px;
-		 	height: 50px;
-		 	position: fixed;
-		 	left: 50%;
-		 	top: 50%;
-		 	margin: -25px 0 0 -25px;
-		 	z-index: 5001;
-		 }
-		 .spinner{
-		 	left: 25px!important;
-		 	top: 25px!important;
-		 }
+		*{
+			padding: 0;
+			margin: 0;
+	    }
+		body{
+			font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
+		}
+		
+		.wrapper{
+			position: relative;
+		}
+		/*模板样式*/
+		.zy-h5-main{
+			position: relative;
+			overflow: hidden;
+			background: #19b064 url(${active.staticMouldTheme.basePath}/img/tit1.png) no-repeat center top;
+			background-size: 100% auto;
+		}
+		.zy-h5-bgimg{
+			width: 60%;
+			margin: 0 0 40px;
+		}
+		.zy-h5-title{
+			text-align:center;
+			width: 100%;
+			color: #fff;
+		}
+		.img-title-box{
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			text-shadow: 1px 1px 1px #666;
+			font-weight: 900;
+		}
+		.img-title-box span{
+			font-size: 3em;
+			color: #FFFFFF;
+			font-family: 'webfont';
+		}
+		.store-name{
+			font-size: 1em;
+			color: #19b064;
+			background: #FFFFFF;
+			max-width: 90%;
+			margin: 1em auto;
+			border-radius: 1em;
+			border: 0.2em solid #699b48;
+			padding: 0.2em;
+			box-shadow: 1px 1px 1px #31954b;
+			display: inline-block;
+		}
+		.store-name span{
+			border-radius: 0.5em;
+			border: 1px dashed #19B064;
+			display: block;
+			height: 100%;
+			font-size: 1.2em;
+			line-height: 2.2em;
+			text-align: center;
+			padding: 0 0.3em;
+		}
+		.active-time{
+			color: #FFFFFF;
+			padding: 0.3em;
+			font-size: 1em;
+			text-align: center;
+		}
+		.zy-h5-main-active{
+			background: #19b064 url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center bottom;
+			background-size: 100% auto;
+		}
+		.zy-h5-active{
+			width:100%;
+			color: #fff;
+			position:relative;
+			padding: 2em 0 8em;
+			background: url(${active.staticMouldTheme.basePath}/img/qche.jpg) no-repeat right 3em;
+			background-size: 38% auto;
+		}
+		.img-hdnr{
+			position: relative;
+			width: 42%;
+			background-color: #e8d031;
+			border-radius: 0 1.5em 1.5em 0;
+			padding:0 1em 0 0.6em;
+			box-shadow: 1px 1px 1px #31954b;
+		}
+		.img-hdnr > div{
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 0.3em 0;
+		}
+		.hdnr-text{
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+			padding-top:0.1em;
+			font-weight:900;
+		}
+		.a-text-1{
+			font-size:0.6em;
+			color: #666;
+			text-decoration: line-through;
+		}
+		.a-text-2{
+			font-size:1.1em;
+			text-align: right;
+			color: #000;
+		}
+		.b-text{
+			font-weight:900;
+			color: #000;
+		}
+		.b-text span{
+			font-size:2em;
+		}
+		.active-content {
+			padding: 1em 0;
+		}
+		.ac-list{
+			font-size: 1em;
+			flex-grow:1;
+			width: 75%;
+			margin-top: 1em;
+		}
+		.ac-list .active-item{
+			border: 1px solid #FFFFFF;
+			font-size: 1.1em;
+			padding: 0.5em;
+			border-left: 0;
+			margin: 0.6em 0;
+			color: #FFFFFF;
+			border-radius: 0 2em 2em 0;
+			text-align: center;
+		}
+		.ac-list .active-name{
+			display: flex;
+			align-items: center;
+			font-size: 1.2em;
+			color: #FFFFFF;
+			justify-content: center;
+			margin-bottom: 1em;
+		}
+		.ac-list .active-name img{
+			width: 1em;
+			height: 1em;
+			margin: 0 0.3em;
+		}
+		.active-desc{
+			padding: 1em;
+			line-height: 1.8em;
+			color: #FFFFFF;
+			font-size: 0.8em;
+		}
+		.zy-h5-gz{
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+		.zy-h5-gz > div:first-child{
+			font-size: 0.8em;
+		}
+		.zy-headPhoto-list{
+			padding: 0.5em 0.2em;
+			overflow: hidden;
+		}
+		.zy-headPhoto-list > div{
+			width: 35px;
+			height: 35px;
+			overflow:hidden;
+			border-radius: 10em;
+			margin: 0.2em;
+			float: left;
+		}
+		.zy-headPhoto-list > div img{
+			width: 100%;
+			height: 100%;
+		}
+		/*门店信息样式*/
+		.zy-h5-store-info{
+			background: #fff;
+		}
+		#close-store{
+			padding: 5px 0;
+		}
+		.store-info-title{
+			font-weight: bold;
+			font-size: 1.2em;
+			text-align: center;
+			padding: 0.5em 0;
+		}
+		.store-info-open{
+			text-align: center;
+		}
+		.zy-h5-store-info > .store-info-cont{
+			padding: 0.5em;
+			font-size: 1em;
+		}
+		.mask{
+			height: 100%;
+			width: 100%;
+			position: fixed;
+			z-index: 40;
+			left: 0;
+			top: 0;
+			background: rgba(0,0,0,0.5);
+			display: none;
+		}
+		.store-info-list{
+			position: fixed;
+			z-index: 50;
+			left: 0;
+			bottom: -1000em;
+			background-color: #FFFFFF;
+			max-height: 100%;
+			display: flex;
+			flex-direction: column;
+			box-shadow: 0em 0em 1em #333;
+		}
+		.zy-h5-store-info .arrow-up{
+			display: block;
+			margin: 0 auto;
+			width: 30px;
+		}
+		.arrow-down{
+			display: block;
+			margin: 0 auto;
+			width: 30px;
+		}
+		.close-btns{
+			position: absolute;
+			right: 1em;
+			top: 1em;
+			color: #b10c1a;
+			font-size: 0.8em;
+		}
+		.store-info-card{
+			flex-grow: 1;
+			overflow: auto;
+			padding: 0 1.5em 3.5em;
+			font-weight: bold;
+		}
+		.store-info-pic{
+			display: block;
+			width: 100%;
+		}
+		.store-info-names{
+			padding: 0.5em 1em;
+			background: #19b064;
+			color: #fff;
+			border-radius: 0.3em;
+			box-shadow: 1px 1px 4px #999;
+			position: relative;
+			font-size: 0.9em;
+		}
+		.store-info-box{
+			padding: 0.5em 0;
+			border-bottom: 0.1em solid #666;
+			display: flex;
+			background: #c8f9e0;
+			color: #333;
+			font-size: 0.8em;
+		}
+		.store-info-s{
+			margin:0 1em 1em;
+			padding: 0.5em 1em;
+			background: #c8f9e0;
+			border-radius: 0 0 0.2em 0.2em;
+		}
+		.store-info-box span:last-child{
+			line-height: 1.5em;
+			display: flex;
+			flex-grow: 1;
+			width: 50%;
+		}
+		.store-info-box span:last-child a{
+			color: #483803;
+			text-decoration: none;
+		}
 		 
-		 @media screen and (max-width: 375px) {
-		     body{font-size: 14px}
-		 }
-		 @media screen and (max-width: 320px) {
-		     body{font-size: 12px}
-		 }
+		.zy-h5-store-info >.qg-cont{
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+		.zy-h5-store-info .header-con{
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #f8f8f8;
+			border-radius: 0.5em;
+		}
+		.zy-h5-store-info .header-con > p{
+			font-size: 1.2em;
+			margin: 0;
+			padding: 10px 0 8px;
+		}
+		.zy-h5-store-info .header-con > p:first-child{
+			font-weight: bold;
+			position: relative;
+			padding-left: 10px;
+		} 
+		.zy-h5-store-info .header-con > p:first-child span{
+			color: red;
+		}
+		
+		.kh-list{
+			padding:0 0.5em;
+		}
+		.kh-list-tr{
+			display: flex;
+			align-items:center;
+			justify-content: center;
+			border-bottom: 0.1em solid #eee;
+		}
+		.kh-list-td{
+			width: 50%;
+			padding: 0.8em 0.5em;
+			text-align: center;
+		}
+		.kh-list-tr-head{
+			font-weight:bold;
+		}
+		.tel{
+			font-style: initial;
+			margin-right: 0.5em;
+		}
+		/*底部栏样式*/
+		.zy-h5-fx-bar{
+			height: 7em;
+		}
+		.zy-h5-bf-bar{
+			width: 100%;
+			padding:0.5em;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+			border-top: 1px solid #eee;
+			z-index: 1000;
+			box-sizing: border-box;
+		}
+		.zy-h5-bf-bar > span{
+			flex-grow: 1;
+			padding: 0.8em 0.6em;
+			font-size: 1em;
+			line-height: 1em;
+			width: 12em;
+			margin: 0 1.2em;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-width: 76px;
+		}
+		.zy-h5-bf-bar > span span{
+			margin-right: 0.5em;
+		}
+		.zy-h5-yuyue {
+			color: #fff;
+			background: #19b064;
+			border-radius: 100px;
+			text-align: center;
+		}
+		.zy-h5-share {
+			color: #fff;
+			background: #8BC34A;
+			border-radius: 100px;
+			text-align: center;
+		}
+		/*预约弹框样式*/
+		.zy-h5-fix-z{
+			width: 100%;
+			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
+			background: rgba(0,0,0,0.5);
+			display: none;
+			z-index: 5000;
+		}
+		.zy-h5-modal{
+			background: #fff;
+			border-radius: 5px;
+			overflow: hidden;
+			position: fixed;
+			z-index: 10000;
+			width: 80%;
+			top: 30%;
+			left: 50%;
+			margin-left: -40.3%;
+			border: 1px solid #eee;
+			display: none;
+		}
+		.zy-h5-modal-title{
+			padding: 10px;
+			text-align: center;
+			border-bottom: 1px solid #EEEEEE;
+		}
+		.zy-h5-modal-content{
+			padding: 15px;
+			text-align: center;
+		}
+		.zy-h5-modal-form{
+			margin: 10px 0 30px;
+		}
+		.zy-h5-modal-form input{
+			padding: 10px;
+			border: 1px solid #eee;
+			width: 90%;
+			box-sizing: border-box;
+			font-size: 13px;
+			line-height: 1.5em;
+		}
+		.zy-h5-modal-content p button{
+			border-radius: 10px;
+			padding: 7px 25px;
+			margin: 0 18px;
+			font-size: 1em;
+		}
+		.zy-h5-modal-submit{
+			background: #f16c0c;
+			color: #fff;
+			border: 1px solid #f16c0c;
+		}
+		.zy-h5-modal-cansel{
+			background: #ffffff;
+			color: #666;
+			border: 1px solid #eee;
+		}
+		/* 加载中 */
+		#foo{
+			width: 50px;
+			height: 50px;
+			position: fixed;
+			left: 50%;
+			top: 50%;
+			margin: -25px 0 0 -25px;
+			z-index: 5001;
+		}
+		.spinner{
+			left: 25px!important;
+			top: 25px!important;
+		}
+		
+		@media screen and (max-width: 375px) {
+		    body{font-size: 14px}
+		}
+		@media screen and (max-width: 320px) {
+		    body{font-size: 12px}
+		}
 	</style>
-	
 	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" charset="utf-8"></script>
 	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 	<script>