Authored by hf

code review by fei.hong: do coupon huodong final sale three times

  1 +* {
  2 + margin: 0;
  3 + padding: 0;
  4 +}
  5 +.coupon-christmas img {
  6 + display: block;
  7 + max-width: 100%;
  8 +}
  9 +
  10 +.coupon-top {
  11 + position: relative;
  12 +}
  13 +.coupon-top .go-check {
  14 + position: absolute;
  15 + top: 6.95rem;
  16 + width: 100%;
  17 + height: 11.65rem;
  18 +}
  19 +.coupon-top .share-btn {
  20 + position: absolute;
  21 + width: 14.075rem;
  22 + height: 2.275rem;
  23 + bottom: 0.875rem;
  24 + left: 50%;
  25 + margin: 0 0 0 -7.0375rem;
  26 + background-size: 100%;
  27 +
  28 +}
  29 +
  30 +.coupon-bottom {
  31 + height: 10.825rem;
  32 + background: url(../../img/final/160125/bottom-bg.png) no-repeat bottom center;
  33 + background-size: 100% 100%;
  34 +}
  35 +
  36 +.coupon-banner {
  37 + text-align: center;
  38 + font-size: 0;
  39 +}
  40 +.coupon-banner a {
  41 + display: inline-block;
  42 + width: 6.85rem;
  43 + height: 3.85rem;
  44 + margin: 0 0.175rem 0.1rem;
  45 +}
  46 +.coupon-banner img {
  47 + display: block;
  48 + width: 100%;
  49 + height: 100%;
  50 +}
  51 +.bottom-btn {
  52 + position: relative;
  53 + margin: 0.375rem auto 0;
  54 + width: 14.05rem;
  55 + height: 1.775rem;
  56 + font-size: 0;
  57 +}
  58 +.bottom-btn a{
  59 + position: absolute;
  60 + top: 0;
  61 + width: 7.65rem;
  62 + height: 100%;
  63 +}
  64 +.bottom-btn a.follow-yoho {
  65 + width: 6.0rem;
  66 + left: 0;
  67 +}
  68 +.bottom-btn a.download-yoho {
  69 + right: 0;
  70 +}
  71 +.modal {
  72 + position: fixed;
  73 + top: 0;
  74 + right: 0;
  75 + bottom: 0;
  76 + left: 0;
  77 + background: url(../../img/final/160125/share.png) center top no-repeat;
  78 + -webkit-background-size: 100%;
  79 + -moz-background-size: 100%;
  80 + background-size: 100%;
  81 + display: none;
  82 +}
  83 +
  84 +.has-done {
  85 + position: fixed;
  86 + top: 0;
  87 + right: 0;
  88 + bottom: 0;
  89 + left: 0;
  90 + background: rgba(0,0,0,0.4) url(../../img/final/160125/11.png);
  91 + background-repeat: no-repeat;
  92 + background-size: 80% auto;
  93 + background-position: center center;
  94 + overflow: hidden;
  95 + display: none;
  96 +}
  97 +
  98 +.dialog-box {
  99 + display: none;
  100 + position: fixed;
  101 + top: 0;
  102 + right: 0;
  103 + bottom: 0;
  104 + left: 0;
  105 + background: rgba(0,0,0,0.4);
  106 + z-index: 999;
  107 +}
  108 +
  109 +.dialog-inner {
  110 + position: absolute;
  111 + width: 13.425rem;
  112 + height: 8.9rem;
  113 + top: 50%;
  114 + left: 50%;
  115 + margin: -4.45rem 0 0 -6.7125rem;
  116 +}
  117 +
  118 +.dialog-inner img {
  119 + max-width: 100%;
  120 +}
  121 +
  122 +.dialog-inner span {
  123 + position: absolute;
  124 + width: 6.85rem;
  125 + height: 1.45rem;
  126 + bottom: 0.9rem;
  127 + left: 50%;
  128 + margin: 0 0 0 -3.425rem;
  129 + cursor: pointer;
  130 +}