<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>活动详情</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } html { font-size : 22.5px; } @media only screen and (min-width: 320px){ html { font-size: 20px !important; } } @media only screen and (min-width: 360px){ html { font-size: 22.5px !important; } } @media only screen and (min-width: 375px){ html { font-size: 23.4375px !important; } } @media only screen and (min-width: 400px){ html { font-size: 25px !important; } } @media only screen and (min-width: 414px){ html { font-size: 25.875px !important; } } @media only screen and (min-width: 428px){ html { font-size: 26.75px !important; } } @media only screen and (min-width: 480px){ html { font-size: 30px !important; } } @media only screen and (min-width: 569px){ html { font-size: 35px !important; } } @media only screen and (min-width: 640px){ html { font-size: 40px !important; } } @media only screen and (min-width: 768px){ html { font-size: 45px !important; } } input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} .button{ border-radius: 0; } textarea {-webkit-appearance: none;} li{list-style:none;} html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,STXihei,STHeiti,SimHei,Tahoma,Arial,Roboto,"Droid Sans","Droid Sans Fallback","Heiti SC",sans-self} body{ background-color: #f4f4f4;width:16rem; margin:0 auto; box-sizing: border-box;} .m-content{width:15rem;padding: 0.5rem;margin-top: 2rem;margin-bottom: 2rem;overflow: auto;} .m-card{background-color: #fff;width: 100%;font-size:0.6rem;margin-bottom: 0.5rem;} .cardPhead{font-size:0.8rem;color:#f95860;margin-left: 0.5rem;line-height: 2rem;} .m-card p{line-height: 1.5rem;margin-left: 0.5rem;} .m-card p img{width: 100%;} </style>
</head>
<body>
<div style="height: 2rem;position: fixed;top:0;left:0;text-align: center;width:100%;line-height: 2rem;background-color: #f95860;color:#fff;">随便写的头部哟</div>
<div class="m-content">
<div class="m-card">
<div class="cardPhead">新的一年，烫出好心情</div>
<p class="cardContent">活动主题：新的一年，烫出好心情</p>
<p class="cardContent">活动时间：2016/02/28——2016/03/30</p>
<p class="cardContent">活动内容：洗剪吹三次120元，特价80，并赠送价值为45元的倒膜一次。凡在当日消费的贵宾朋友，可购买靓店青春染发，只需花费2256元</p>
</div>
<div class="m-card">
<div class="cardPhead">新的一年，烫出好心情</div>
<p class="cardContent">活动主题：新的一年，烫出好心情</p>
<p class="cardContent">活动时间：2016/02/28——2016/03/30</p>
<p class="cardContent">活动内容：洗剪吹三次120元，特价80，并赠送价值为45元的倒膜一次。凡在当日消费的贵宾朋友，可购买靓店青春染发，只需花费2256元</p>
<p><img src="http://g.hiphotos.baidu.com/image/pic/item/0823dd54564e9258ff6bdc499b82d158ccbf4e3d.jpg"></p>
<p class="cardContent">活动时间：2016/02/28——2016/03/30</p>
</div>
<div class="m-card">
<div class="cardPhead">新的一年，烫出好心情</div>
<p class="cardContent">活动主题：新的一年，烫出好心情</p>
<p class="cardContent">活动时间：2016/02/28——2016/03/30</p>
<p class="cardContent">活动内容：洗剪吹三次120元，特价80，并赠送价值为45元的倒膜一次。凡在当日消费的贵宾朋友，可购买靓店青春染发，只需花费2256元</p>
</div>
</div>
</body>
</html>
