@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  font-family: PingFangSC-Regular;
}

.header_box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.56rem;
  background: #fff;
  padding-top: 0.768rem;
}

.header_box .logo {
  width: 2.56rem;
  height: 1.024rem;
  margin-left: 0.85333rem;
}

.header_box .logo img {
  width: 100%;
  height: 100%;
}

.img_box {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.img_1 {
  width: 100%;
  height: 15.872rem;
}

.img_1 img {
  width: 100%;
  height: 100%;
}

.img_2 {
  width: 100%;
  height: 3.712rem;
}

.img_2 img {
  width: 100%;
  height: 100%;
}

.img_3 {
  width: 100%;
  height: 21.632rem;
}

.img_3 img {
  width: 100%;
  height: 100%;
}

.img_4 {
  width: 100%;
  height: 4.56533rem;
}

.img_4 img {
  width: 100%;
  height: 100%;
}

.page-swipe .mint-swipe {
  height: 8.53333rem;
}

.m_swipe_item {
  width: 100%;
  height: 8.53333rem;
}

.m_swipe_item img {
  width: 100%;
  height: 100%;
}

.mint-swipe-indicator {
  width: 0.34133rem;
  height: 0.34133rem;
  display: inline-block;
  border-radius: 100%;
  border: 0.08533rem solid #ccc;
  margin: 0 0.34133rem;
}

.mint-swipe-indicator.is-active {
  background: #fff;
  opacity: 1;
}

.img_5 {
  width: 100%;
  height: 11.94667rem;
}

.img_5 img {
  width: 100%;
  height: 100%;
}

.img_6 {
  width: 100%;
  height: 8.02133rem;
}

.img_6 img {
  width: 100%;
  height: 100%;
}

.img_10 {
  width: 100%;
  height: 3.62667rem;
  text-align: center;
  background: #fff;
}

.img_10 img {
  width: 100%;
  height: 100%;
}

.btn_download {
  margin-top: 0.768rem;
  display: inline-block;
  width: 6.82667rem;
  height: 2.13333rem;
  background-image: linear-gradient(-89deg, #DC1E32 0%, #FB6760 100%);
  border-radius: 0.17067rem;
  text-align: center;
  line-height: 2.13333rem;
  color: #fff;
  margin-right: 0.64rem;
}

.btn_join {
  margin-top: 0.768rem;
  display: inline-block;
  width: 6.82667rem;
  height: 2.13333rem;
  border-radius: 0.17067rem;
  text-align: center;
  line-height: 2.13333rem;
  color: #DC1E32;
  background: rgba(220, 30, 50, 0.1);
  border: 1px solid #DC1E32;
}

.mt_20 {
  margin-top: 0.85333rem;
}

.f_l {
  float: left;
}

.f_r {
  float: right;
}

.f_12 {
  font-size: 12px;
}

[data-dpr="2"] .f_12 {
  font-size: 24px;
}

[data-dpr="3"] .f_12 {
  font-size: 36px;
}

.f_14 {
  color: #000;
  font-size: 14px;
}

[data-dpr="2"] .f_14 {
  font-size: 28px;
}

[data-dpr="3"] .f_14 {
  font-size: 42px;
}

.f_16 {
  font-size: 16px;
}

[data-dpr="2"] .f_16 {
  font-size: 32px;
}

[data-dpr="3"] .f_16 {
  font-size: 48px;
}

.clearfix:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.clearfix:after {
  *zoom: 1;
  /*针对IE6/IE7*/
}
/*# sourceMappingURL=mobileInvite.css.map */