SOURCE

<div class="index__card--32q9Z activityCard">
  <div class="index__header--njztZ">
    <div>
      <div class="index__countdown--3tbAR">
        <span class="index__label--1_qzm">
          离活动结束还剩
        </span>
        <div class="index__content--dvVgz">
          <span class="index__item--nBghS">
            03
          </span>
          <span class="index__day--35z6E">
            天
          </span>
        </div>
      </div>
    </div>
    <div class="index__right--28fWs">
      <div class="index__stockText--2f-u3">
        总共
      </div>
      <div class="index__stockNumber--3Ey_e">
        111
        <span class="index__stockText2--26m_8">
          份
        </span>
      </div>
    </div>
  </div>
  <img class="index__image--1XY4_" src="http://pic1.win4000.com/wallpaper/8/5811b0c456efb.jpg"
  alt="">
  <div class="index__grabBtnWrapper--3P_Q7" style="background-image: url(&quot;https://artwork-assets-staging-sbux.starbucks.com.cn/content-couponBgSetting/main_f21152cd-a5f5-468c-957c-6375f0524e63.png&quot;);">
    <div class="index__grabBtnBorder--2tQ8j Collected">
      <div class="index__grabBtn--1VG72 Collected">
        去查看
      </div>
    </div>
  </div>
  <div class="index__termCondition--uX4_U">
    活动条款条件
  </div>
</div>
<svg viewBox="0 0 335 134">
  <defs>
    <clipPath id="svgPath">
      <path fill="#FFFFFF" stroke="#000000" stroke-width="1.5794" stroke-miterlimit="10"
      d="M0,0 L0,134 L40,134 L40,100 L80,100 L80,134 L335,134 L335,0 Z">
      </path>
    </clipPath>
  </defs>
</svg>

.index__card--32q9Z {
  margin: 0 0.533333rem 0.4rem 0.533333rem;
  position: relative;
  border-radius: 0.266667rem;
  -webkit-box-shadow: 0 0 0.373333rem 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 0.373333rem 0 rgba(0, 0, 0, 0.14);
  font-size: 0;
}

.index__card--32q9Z .index__header--njztZ {
  border-top-left-radius: 0.266667rem;
  border-top-right-radius: 0.266667rem;
  height: 1.493333rem;
  padding: 0 0.426667rem;
  padding-top: 0.133333rem;
  border-bottom: 0.026667rem solid #eaeaea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

.index__card--32q9Z .index__image--1XY4_ {
  width: 8.933333rem;
  height: 3.573333rem;
  min-height: 3.573333rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-bottom-right-radius: 0.266667rem;
  border-bottom-left-radius: 0.266667rem;
  -webkit-clip-path: url(#svgPath);
  clip-path: url(#svgPath);
}

.index__countdown--3tbAR {
  font-size: 0.346667rem;
  color: #000000;
}

.index__card--32q9Z .index__header--njztZ .index__right--28fWs {
  color: #000000;
  font-size: 0.426667rem;
  margin-left: auto;
  text-align: right;
}