msg.php 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable"/>
  6. <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport"/>
  9. <title>祈福</title>
  10. <style type="text/css">
  11. body{color:#505050;font-size:30px; font-family:"Microsoft YaHei"; line-height:1.5; background:url(img/bg02.jpg) no-repeat; background-size:100% auto;}
  12. html,body,h1,h2,h3,p,div,ul,li{margin:0;padding:0;}
  13. ul,li{list-style:none;}
  14. html,body,img{border:0;}
  15. em{font-style:normal;}
  16. h1,h2,h3,strong,em{ font-style:normal; font-weight:normal;}
  17. a,a:hover{text-decoration:none; display:inline-block; outline:none;blr:expression(this.onFocus=this.blur());}
  18. .clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0}
  19. .container{width:100%;}
  20. .msg{ margin:0 10px 0 20px; padding-top:40%;}
  21. .msginfo{ width:100%; line-height:1.5; font-size:1.1rem; color:#FFF;}
  22. .info{ width:100%; padding-top:20px; text-indent:32px; line-height:1.5; font-size:1.1rem; color:#FFF;}
  23. .infonum{ width:90%; position:absolute; bottom:26%; left:5%; text-align:center; line-height:1.5; font-size:1.1rem; color:#f6e90e;}
  24. .btn{ width:60%; position:absolute; bottom:10%; left:20%;}
  25. .btn a{ width:100%; display:block; height:40px; line-height:40px; text-align:center; color:#873600; font-size:1.1rem; background:#FFF; border-radius:3px;}
  26. .aa{ width:100%; position:fixed; top:0; left:0; height:72px; z-index:2;}
  27. .aa .bb{ width:100%; max-width:640px; margin:0 auto; height:100%; font-size:50%; position:relative;}
  28. .aa .bb .lt{ width:20%; max-width:72px; height:100%; position:absolute; top:0; left:2%; text-align:left;}
  29. .aa .bb .lt img{ width:100%; max-width:72px; vertical-align:middle;}
  30. .aa .bb .ct{ padding:0 32% 0 22%; height:100%; color:#FFF; text-align:center;font-size: 10px;}
  31. .aa .bb .rt{ width:30%; height:100%; max-width:160px; position:absolute; top:0; right:10%; text-align:right;}
  32. .aa .bb .rt .btn{ width:100%; display:inline-block; padding:6% 0; color:#FFF; text-decoration:none; text-align:center; border-radius:5px; background:#399B39; font-size:15px;}
  33. </style>
  34. </head>
  35. <body>
  36. <!--编辑区域 start-->
  37. <div class="msg" id="stepOne">
  38. <div class="msginfo">送上你的祈福</div>
  39. </div>
  40. <div class="infonum margintop2">为灾区祈福<br>已有5445993位变态小游戏用户为灾区祈福</div> </div>
  41. <div class="btn">
  42. <a href="index.php.html">我也要祈福</a>
  43. </div>
  44. <!--编辑区域 end-->
  45. <div class="aa">
  46. <div class="bb">
  47. <div class="rt">
  48. <table width="100%" height="100%" border="0">
  49. <tr>
  50. <td align="center" valign="middle"><a href="{tuiguanglink}" class="btn">关注我</a></td>
  51. </tr>
  52. </table>
  53. </div>
  54. </div>
  55. </div>
  56. <img src="http://c.cnzz.com/wapstat.php?siteid=1252958148&r=&rnd=1293620507" width="0" height="0"/>{tongji}</body>
  57. </html>