/* =====================================================
   SAVE45 海报容器
   ===================================================== */

.save45-coupon {

  position: relative;

  width: 100%;
  max-width: 100%;

  margin-top: 12px;
  margin-bottom: 12px;

  padding: 0;

  box-sizing: border-box;

  overflow: hidden;

  cursor: pointer;

  border-radius: 8px;

  line-height: 0;

  -webkit-tap-highlight-color: transparent;

}


/* =====================================================
   海报图片
   ===================================================== */

.save45-coupon-image {

  display: block;

  width: 100%;
  max-width: 100%;

  height: auto;

  margin: 0;
  padding: 0;

  border: 0;

  box-sizing: border-box;

}


/* =====================================================
   Copied 提示
   ===================================================== */

.save45-copied {

  position: absolute;

  top: 50%;
  left: 50%;

  transform:
    translate(-50%, -50%)
    scale(.8);

  padding: 12px 24px;

  background: rgba(0, 0, 0, .88);

  color: #ffffff;

  font-size: 16px;

  font-weight: 700;

  line-height: 1;

  border-radius: 6px;

  opacity: 0;

  visibility: hidden;

  transition:
    opacity .2s ease,
    transform .2s ease;

  pointer-events: none;

  z-index: 99999;

  white-space: nowrap;

}


.save45-copied.show {

  opacity: 1;

  visibility: visible;

  transform:
    translate(-50%, -50%)
    scale(1);

}


/* =====================================================
   手机端
   ===================================================== */

@media screen and (max-width: 749px) {

  .save45-coupon {

    margin-top: 10px;

    margin-bottom: 10px;

    border-radius: 6px;

  }


  .save45-copied {

    padding: 10px 20px;

    font-size: 15px;

  }

}