.page-content {
  overflow-x: hidden;
}

.item-bottom {
  width: 100%;
  height: 20.125rem;
  background: transparent url("../../images/activity/flow-redpkg/bg_bottom.jpg") no-repeat center;
  background-size: 100% 20.125rem;
  position: relative;
}

.item-bottom .la {
  position: absolute;
  width: 0.9375rem;
  height: 4.875rem;
  background: transparent url("../../images/activity/flow-redpkg/la.png") no-repeat center;
  background-size: 0.9375rem 4.875rem;
  top: -3.75rem;
  left: 20.78125rem;
}

.item-bottom .rocker {
  background-image: url("../../images/redPkg/gifdtyg.gif");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 100%;
  position: absolute;
  width: 10.7%;
  height: 45vw;
  left: 86vw;
}

.item-bottom .platform {
  position: absolute;
  width: 90vw;
  height: 19.0625rem;
  background: transparent url("../../images/activity/flow-redpkg/platform.png") no-repeat bottom;
  background-size: 90vw 19.0625rem;
  bottom: 0;
  left: 0;
}

.item-bottom .box-bottom {
  position: absolute;
  width: 100%;
  height: 14.5625rem;
  background: transparent url("../../images/activity/flow-redpkg/bg_bottom.png") no-repeat bottom;
  background-size: 100% 14.5625rem;
  bottom: 0;
}

.item-bottom .record-btn {
  position: absolute;
  width: 7.9375rem;
  height: 2.625rem;
  background: transparent url("../../images/activity/flow-redpkg/btn-record.png") no-repeat center;
  background-size: 7.9375rem 2.625rem;
  left: 1.5625rem;
  top: 11.25rem;
  z-index: 2;
}

.item-bottom .share-btn {
  position: absolute;
  width: 8rem;
  height: 2.625rem;
  background: transparent url("../../images/activity/flow-redpkg/btn-share.png") no-repeat center;
  background-size: 8rem 2.625rem;
  left: 11.875rem;
  top: 11.25rem;
  z-index: 2;
}

.textC {
  position: absolute;
  width: 90%;
  overflow: hidden;
  line-height: 20vw;
  margin: 9vw 0 8vw 10vw;
  height: 20vw;
}

.textC span {
  color: #EC2421;
  font-size: 20vw;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif;
  position: absolute;
  -webkit-text-stroke: #000 1px;
}

.agree-info {
  position: absolute;
  bottom: 2.1875rem;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.agree-info .rule-checkbox {
  display: inline-block;
  width: 10.25rem;
  height: 1.4375rem;
  background: transparent url("../../images/activity/flow-redpkg/box_rule.png") no-repeat bottom;
  background-size: 10.25rem 1.4375rem;
}

.agree-info .rule-checkbox.checked {
  background: transparent url("../../images/activity/flow-redpkg/box_rule_checked.png") no-repeat bottom;
  background-size: 10.25rem 1.4375rem;
}

.checkbox {
  position: absolute;
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle;
  width: 1.0625rem;
  height: 1.0625rem;
  background: transparent url("../../images/activity/g-premiere/checkbox.png");
  background-size: 1.0625rem 1.0625rem;
}

.checkbox.checked {
  background: transparent url("../../images/activity/g-premiere/checkbox_checked.png");
  background-size: 1.0625rem 1.0625rem;
}

.qrcode-wapper {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
}

.qrcode-wapper img {
  width: 15rem;
  height: 13.625rem;
}

.qrcode-wapper .shareQRCode {
  display: inline-block;
  width: 15rem;
  height: 13.625rem;
  padding: 1.875rem 2.5rem;
  background: url("../../images/activity/share/qrcode_bg.png") no-repeat center;
  background-size: 100% 100%;
}

.info-wapper {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 13.4375rem;
}

.info-wapper img {
  width: 8.0625rem;
  height: 5.375rem;
}