fe / YOHO-ACTIVITY-PHP · Commits

Go to a project

Authored by biao
Commit 30772cf874b28d92cbf0b8c12082e1ad101286bd 1 parent d97d6b81

添加新的限购码帮助页面

Inline Side-by-side
Showing 1 changed file with 227 additions and 0 deletions
  1 +{{!-- APP 如何获得限购码 --}}
  2 +<!DOCTYPE html>
  3 +<html lang="en">
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <title>如何获得限购码</title>
  7 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 + <meta http-equiv="cleartype" content="on">
  9 + <meta content="telephone=no" name="format-detection" />
  10 + <script type="text/javascript">
  11 + (function(doc, win) {
  12 + var docEl = doc.documentElement;
  13 + (function() {
  14 + var clientWidth = docEl.clientWidth;
  15 + if (!clientWidth) {
  16 + return;
  17 + }
  18 + docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
  19 + }());
  20 + })(document, window);
  21 + </script>
  22 + <style>
  23 + html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, .yoho-header .nav-back, .yoho-header .nav-home, .yoho-header .nav-btn {
  24 + margin: 0;
  25 + padding: 0;
  26 + border: 0;
  27 + font: inherit;
  28 + font-size: 100%;
  29 + vertical-align: baseline;
  30 + }
  31 +
  32 + html {
  33 + line-height: 1;
  34 + }
  35 +
  36 + ol, ul {
  37 + list-style: none;
  38 + }
  39 +
  40 + table {
  41 + border-collapse: collapse;
  42 + border-spacing: 0;
  43 + }
  44 +
  45 + caption, th, td {
  46 + text-align: left;
  47 + font-weight: normal;
  48 + vertical-align: middle;
  49 + }
  50 +
  51 + q, blockquote {
  52 + quotes: none;
  53 + }
  54 +
  55 + q:before, q:after, blockquote:before, blockquote:after {
  56 + content: "";
  57 + content: none;
  58 + }
  59 +
  60 + a img {
  61 + border: none;
  62 + }
  63 +
  64 + article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .yoho-header .nav-back, .yoho-header .nav-home, .yoho-header .nav-btn {
  65 + display: block;
  66 + }
  67 + /*Reset End*/
  68 +
  69 + .clearfix:after{
  70 + content: '';
  71 + display: table;
  72 + clear: both;
  73 + }
  74 +
  75 + * {
  76 + -webkit-tap-highlight-color: rgba(0,0,0,0);
  77 + -moz-tap-highlight-color: rgba(0,0,0,0);
  78 + tap-highlight-color: rgba(0,0,0,0);
  79 + }
  80 +
  81 + html, body {
  82 + font-family: helvetica,Arial,"黑体";
  83 + width: 100%;
  84 + font-size: 12PX;
  85 + line-height: 1.4;
  86 + }
  87 +
  88 + button, input, select, textarea {
  89 + font-size: 100%;
  90 + margin: 0;
  91 + }
  92 +
  93 + img {
  94 + max-width: 100%;
  95 + display: block;
  96 + border: 0;
  97 + margin: 0 auto;
  98 + }
  99 +
  100 + a {
  101 + text-decoration: none;
  102 + outline: none;
  103 + color: #000
  104 + }
  105 +
  106 + a:link, a:visited, a:hover, a:actived{
  107 + color: #000;
  108 + }
  109 +
  110 + *:focus {
  111 + outline: none;
  112 + }
  113 +
  114 + .hide {
  115 + display: none;
  116 + }
  117 +
  118 + .overflow-hidden {
  119 + overflow: hidden;
  120 + }
  121 +
  122 + @font-face {
  123 + font-family: "iconfont";
  124 + src: url('../font/iconfont.eot'); /* IE9*/
  125 + src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  126 + url('../font/iconfont.woff') format('woff'),
  127 + url('../font/iconfont.ttf') format('truetype'),
  128 + url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  129 + }
  130 +
  131 + .iconfont {
  132 + font-family: "iconfont" !important;
  133 + font-size: 16PX;
  134 + font-style: normal;
  135 + text-decoration: none;
  136 + -webkit-font-smoothing: antialiased;
  137 + -webkit-text-stroke-width: 0.2PX;
  138 + -moz-osx-font-smoothing: grayscale;
  139 + }
  140 + .limit-help-page{
  141 + padding: 0.7rem;
  142 + color: #444;
  143 + }
  144 + .limit-help-page h2{
  145 + font-size: 0.75rem;
  146 + font-weight: bold;
  147 + }
  148 + .limit-help-page .method{
  149 + display: block;
  150 + width: 2.3rem;
  151 + height: 0.875rem;
  152 + line-height: 0.9rem;
  153 + background-color: #444;
  154 + color: #fff;
  155 + border-radius: 0.5rem;
  156 + text-align: center;
  157 + margin: 0.5rem 0;
  158 + }
  159 + .limit-help-page li{
  160 + font-size: 0.6rem;
  161 + }
  162 + .limit-help-page .intro-img{
  163 + width: 100%;
  164 + height: 5.5rem;
  165 + background-size: 100%;
  166 + background-repeat: no-repeat;
  167 + margin: 0.5rem 0;
  168 + }
  169 + .limit-help-page .method-1 li:nth-child(1) .intro-img{
  170 + background-image: url('../assets/img/product/help/1.png');
  171 + }
  172 + .limit-help-page .method-1 li:nth-child(2) .intro-img{
  173 + background-image: url('../assets/img/product/help/2.png');
  174 + }
  175 + .limit-help-page .method-1 li:nth-child(3) .intro-img{
  176 + background-image: url('../assets/img/product/help/3.png');
  177 + }
  178 + .limit-help-page .method-2 li:nth-child(1) .intro-img{
  179 + background-image: url('../assets/img/product/help/4.png');
  180 + }
  181 + .limit-help-page .method-2 li:nth-child(2) .intro-img{
  182 + background-image: url('../assets/img/product/help/5.png');
  183 + }
  184 + .limit-help-page .method-2 li:nth-child(3) .intro-img{
  185 + background-image: url('../assets/img/product/help/6.png');
  186 + }
  187 + .limit-help-page .method-2 li:nth-child(4) .intro-img{
  188 + background-image: url('../assets/img/product/help/7.png');
  189 + }
  190 + .limit-help-page .how li:nth-child(1) .intro-img{
  191 + background-image: url('../assets/img/product/help/8.png');
  192 + }
  193 + .limit-help-page .how li:nth-child(2) .intro-img{
  194 + background-image: url('../assets/img/product/help/9.png');
  195 + margin-bottom: 0;
  196 + }
  197 + </style>
  198 +
  199 +</head>
  200 +<body>
  201 + <div class="limit-help-page yoho-page">
  202 + <ul class="method-2">
  203 + <li>1.在限定发售详情页点击参加排队赢取限购码图标。
  204 + <div class="intro-img"></div>
  205 + </li>
  206 + <li>2.进入限定发售排队页面，点击参加排队。
  207 + <div class="intro-img"></div>
  208 + </li>
  209 + <li>3.排队成功后凭排队序列号作为抽奖凭证，等待开奖时间。
  210 + <div class="intro-img"></div>
  211 + </li>
  212 + <li>4.开奖后，排队页面会公布中奖名单，限购码会直接发送至账户。
  213 + <div class="intro-img"></div>
  214 + </li>
  215 + </ul>
  216 + <h2>查看和使用限购码</h2>
  217 + <ul class="how">
  218 + <li>1.从个人中心进入我的限购码页面，可查看所获取的限购码。
  219 + <div class="intro-img"></div>
  220 + </li>
  221 + <li>2.商品开售后，可凭此限购码购买对应商品。
  222 + <div class="intro-img"></div>
  223 + </li>
  224 + </ul>
  225 + </div>
  226 +</body>
  227 +</html>