@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  font-family: PingFangSC-Regular;
  background-color: #fe6602;
}

.bg_content {
  width: 16rem;
  height: 27.776rem;
  background: url(../images/join1.png) no-repeat;
  background-size: cover;
}

[data-dpr="2"] .bg_content {
  background: url(../images/join1.png) no-repeat;
  background-size: cover;
}

[data-dpr="3"] .bg_content {
  background: url(../images/join2.png) no-repeat;
  background-size: cover;
}

.bg_content1 {
  width: 16.04267rem;
  height: 28.45867rem;
  background: url(../images/b_g111.png) no-repeat;
  background-size: cover;
}

[data-dpr="2"] .bg_content1 {
  background: url(../images/b_g222.png) no-repeat;
  background-size: cover;
}

[data-dpr="3"] .bg_content1 {
  background: url(../images/b_g333.png) no-repeat;
  background-size: cover;
}

.bg_content2 {
  width: 16rem;
  height: 19.88267rem;
  margin-top: 2.13333rem;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/sponsorship111.png) no-repeat;
  background-size: cover;
}

[data-dpr="2"] .bg_content2 {
  background: url(../images/sponsorship222.png) no-repeat;
  background-size: cover;
}

[data-dpr="3"] .bg_content2 {
  background: url(../images/sponsorship333.png) no-repeat;
  background-size: cover;
}

.downloadButton {
  position: absolute;
  top: 55%;
  left: 50%;
  margin-top: 0.85333rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 9.04533rem;
  height: 2.13333rem;
  background: url(../images/downloadButton.png) no-repeat;
  background-size: cover;
}

[data-dpr="2"] .downloadButton {
  background: url(../images/downloadButton2.png) no-repeat;
  background-size: cover;
}

[data-dpr="3"] .downloadButton {
  background: url(../images/downloadButton3.png) no-repeat;
  background-size: cover;
}

.downloadButton1 {
  position: absolute;
  top: 60%;
  left: 50%;
  margin-top: 0.85333rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 9.04533rem;
  height: 2.13333rem;
  background: url(../images/downloadButton.png) no-repeat;
  background-size: cover;
}

[data-dpr="2"] .downloadButton1 {
  background: url(../images/downloadButton2.png) no-repeat;
  background-size: cover;
}

[data-dpr="3"] .downloadButton1 {
  background: url(../images/downloadButton3.png) no-repeat;
  background-size: cover;
}

.joinBtn {
  height: 2.21867rem;
  line-height: 2.21867rem;
  width: 14.93333rem;
  margin: 1.28rem auto;
  background: -webkit-gradient(linear, left top, right top, from(#FF9700), to(#FF6D00));
  background: linear-gradient(to right, #FF9700, #FF6D00);
  border-radius: 2.21867rem;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

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

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

.header_box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.64rem;
  width: 100%;
  height: 2.13333rem;
  background: #fff;
  text-align: center;
  position: relative;
}

.header_box .back_arrow {
  width: 1.024rem;
  height: 0.68267rem;
  background: url(../images/back_arrow_black.png) no-repeat;
  background-size: cover;
}

.header_box .header_title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.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 {
  color: #000;
  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*/
}

.m_bg_content {
  background: url("../images/m_bg02.png");
  background-size: cover;
  height: 25.728rem;
}

.m_bg_content .m_bg_content1 {
  width: 100%;
  height: 14.16533rem;
}

.m_bg_content .m_bg_content1 img {
  width: 100%;
  height: 100%;
}

.m_bg_content .logo {
  width: 3.072rem;
  height: 3.072rem;
  margin: 0 auto;
  margin-top: 1.70667rem;
}

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

.m_bg_content .download_btn {
  margin: 1.28rem auto;
  width: 9.64267rem;
  height: 2.13333rem;
  background-image: linear-gradient(-89deg, #DC1E32 0%, #FB6760 100%);
  border-radius: 1.06667rem;
  line-height: 2.13333rem;
  text-align: center;
  color: #fff;
}
/*# sourceMappingURL=download.css.map */