|
|
@@ -0,0 +1,128 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta content="yes" name="apple-mobile-web-app-capable">
|
|
|
+ <meta content="black" name="apple-mobile-web-app-status-bar-style">
|
|
|
+ <meta content="telephone=no" name="format-detection">
|
|
|
+ <meta content="email=no" name="format-detection">
|
|
|
+ <title>邀请好友</title>
|
|
|
+ <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/flexible.js?<?php echo bonus_version(); ?>"></script>
|
|
|
+ <style>
|
|
|
+ html,
|
|
|
+ body,
|
|
|
+ p,
|
|
|
+ a,
|
|
|
+ img,
|
|
|
+ ul,
|
|
|
+ li
|
|
|
+ {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ html {
|
|
|
+ min-height: 100%;
|
|
|
+ height: 100%;
|
|
|
+ font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
|
|
|
+ background: #F7F7F7;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .maincontent {
|
|
|
+ width: 10rem;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ [data-dpr="2"] .maincontent {
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
+ [data-dpr="3"] .maincontent {
|
|
|
+ font-size: 36px;
|
|
|
+ }
|
|
|
+ .pro_title {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ [data-dpr="2"] .pro_title {
|
|
|
+ font-size: 32px;
|
|
|
+ }
|
|
|
+ [data-dpr="3"] .pro_title {
|
|
|
+ font-size: 48px;
|
|
|
+ }
|
|
|
+ .t_center {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .result_num {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #599EF5;
|
|
|
+ }
|
|
|
+ [data-dpr="2"] .result_num {
|
|
|
+ font-size: 26px;
|
|
|
+ }
|
|
|
+ [data-dpr="3"] .result_num {
|
|
|
+ font-size: 39px;
|
|
|
+ }
|
|
|
+ .pro {
|
|
|
+ margin-bottom: 0.89rem;
|
|
|
+ }
|
|
|
+ .pro_content_list ul {
|
|
|
+ margin-left: 0.5rem;
|
|
|
+ color: #7E7E7E;
|
|
|
+ }
|
|
|
+ .pro_content_list ul li {
|
|
|
+ list-style: disc;
|
|
|
+ line-height: 0.7rem;
|
|
|
+ }
|
|
|
+ .pro_title {
|
|
|
+ position: relative;
|
|
|
+ height: 1.44rem;
|
|
|
+ width: 10rem;
|
|
|
+ }
|
|
|
+ .pro_title .title {
|
|
|
+ line-height: 1.44rem;
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ width: 1.96rem;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -0.98rem;
|
|
|
+ background: #F7F7F7;
|
|
|
+ }
|
|
|
+ .br {
|
|
|
+ position: absolute;
|
|
|
+ width: 3.26rem;
|
|
|
+ height: 2px;
|
|
|
+ background: #7E7E7E;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ margin-left: -1.63rem;
|
|
|
+ margin-top: -1px;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="maincontent">
|
|
|
+ <div class="banner">
|
|
|
+ <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/bonus/imgaes/invitation_banner.png" alt="邀请好友"/>
|
|
|
+ </div>
|
|
|
+ <div class="pro">
|
|
|
+ <div class="pro_title">
|
|
|
+ <div class="br"></div>
|
|
|
+ <div class="title t_center">活动规则</div>
|
|
|
+ </div>
|
|
|
+ <div class="pro_content_list">
|
|
|
+ <ul>
|
|
|
+ <li>只有丽人丽妆员工（熊猫美妆前2000位）用户可以邀请好友。</li>
|
|
|
+ <li>只有未注册的用户才可以接受邀请领取该红包。</li>
|
|
|
+ <li>红包被领完，或者超过一天时间，才有权限继续邀请好友。</li>
|
|
|
+ <li>好友成功领取红包后，奖励邀请人10元五折红包。</li>
|
|
|
+ <li>邀请好友成功后，该红包可以在‘我发出的红包’页面查看。</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="result_num t_center">你是第5位用户，可以邀请</div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|
stanley-king
