[v-cloak] { display: none; }
.activity a { color: inherit; }

#m_header { height: .96rem; background-color: #fff; }
#m_header a { color: inherit; }
#m_header .header-inner { display: flex; justify-content: space-between; align-items: center; width: 7.2rem; height: 100%; margin: 0 auto; }
#m_header .header-l { display: flex; align-items: center; height: 100%; }
#m_header .header-l .intro { font-size: .28rem; }
#m_header .header-r { display: flex;  }
#m_header .header-r .capsule { display: flex; align-items: center; height: .64rem; padding: 0 .27rem; background-color: rgba(254, 106, 0, .2); border-radius: .32rem; color: #fe6a00; font-size: .24rem; font-weight: 600; }
#m_header .header-r .capsule .spacing { padding: 0 .12rem; }
#m_header .header-r .avatar { overflow: hidden; width: .64rem; height: .64rem; margin-left: .12rem; border-radius: 50%; }

#m_footer { padding: 0.3rem 0.2rem; background-color: #fff; }
#m_footer p { font-size: 0.2rem; color: #666; text-align: center; }

.activity { font-weight: 500; background-color: #ffe9c8; }
.act-banner { height: 3.75rem; }
.act-countdown { box-sizing: content-box; height: .56rem; padding: .06rem 0; font-size: .36rem; line-height: .56rem; text-align: center; font-weight:bold; background-color: #fec92b; }
.act-countdown .num { margin: 0 .3em; color: #fd5209; }
.act-container { width: 6.8rem; margin: 0 auto; }

.act-cell { margin-top: .52rem; background-color: #fec92b; border-radius: .26rem; overflow: hidden; }
.act-cell-title { padding: .24rem 0; color: #fcfcfc; font-size: .32rem; text-align: center; background-color: #ff9802; }
.act-cell.outstand { position: relative; margin-top: 1rem; padding-top: .48rem; overflow: visible; }
.act-cell.outstand > .act-cell-title { position: absolute; top: 0; left: 50%; width: 5.05rem; border-radius: .1rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.act-cell-main { padding: .36rem 0; }
.act-cell-footer { display: block; padding: .24rem .2rem; font-size: .24rem; font-weight: 600; border-top: 1px dashed #655e5e; }

.act-btn-group { margin-top: .36rem; }
.act-btn { display: table; margin: 0 auto; padding: .18rem .36rem; font-size: .24rem; text-align: center; color: #fff; background-color: #fd5e14; border-radius: .12rem; cursor: pointer; }
.act-btn + .act-btn { margin-top: .12rem; }
.act-btn-disabled { background-color: #7b7374; color: #fcfbfb; cursor: not-allowed; }
.act-btn-text { color: inherit; background-color: transparent; }

.act-rules { margin-top: .18rem; padding: .36rem 0; font-size: .24rem; line-height: .4rem; }
.act-rules-title { font-weight: 600; }
.act-rules-list { padding-left: .25rem; font-size: .24rem; list-style: decimal; }


/* 活动主要内容区 */
.prize-list { display: flex; justify-content: space-between; width: 6.2rem; margin: 0 auto; }
.prize { width: 1.46rem; }
.prize.disabled .prize-cover { cursor: default; }
.prize-cover { position: relative; display: block; width: 1.46rem; height: 1.46rem; border: .06rem solid transparent; cursor: pointer; }
.prize-cover.selected { border-color: #fd5e14; }
.prize-cover .prize-radio { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; }
.prize-title { margin-top: .08rem; font-size: .20rem; font-weight: normal; word-break: break-all; }

.prize-preview { width: 4.8rem; margin: .48rem auto 0; }
.prize-preview:first-of-type { margin-top: 0; }
.prize-preview-title { font-size: .24rem; margin-bottom: .12rem; }
.prize-preview-cover { display: block; width: 60%; margin: 0 auto; }
.prize-preview-cover.outstand { width: 100%; }

.vipInfo { width: 6.2rem; margin: .48rem auto 0; padding-bottom: .48rem; border: 2px solid #ff9802; border-radius: .1rem; background-color: #fef1b9; }
.vipInfo strong { color: #fd5e14; }
.vipInfo-title { display: inline-block; padding: .04rem .14rem; background-color: #ff9802; border-radius: 0 0 4px 4px; color: #fff; font-size: .26rem; }
.vipInfo-content { margin: .48rem 0; color: #050505; font-size: .24rem; }
.vipInfo-content .p + .p { margin-top: .3rem; }
.vipInfo-btn { display: inline-block; padding: 0 .36rem; line-height: .84rem; font-size: .32rem; color: #fff; background-color: #fd5e14; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); border-radius: .1rem; -webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out; cursor: pointer; }
.vipInfo-btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }



/* ↓↓↓↓↓↓↓ response ↓↓↓↓↓↓↓ */
#header_item { display: none; }
@media (min-width: 1024px) {
  #header_item { display: block; }
  #m_header { display: none; }
  .prize-title {  word-break: normal; }
}


/* ↓↓↓↓↓↓↓ animation ↓↓↓↓↓↓↓ */
.animated-pulse {
  -webkit-animation: pulse 1.6s infinite both;
          animation: pulse 1.6s infinite both;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  40% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  68.75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  40% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  68.75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}