.invite {
  width: 100%;
  min-height: 100vh;
  background: url('http://reader-wx.ai160.com/images/reader/bg1.jpg') no-repeat;
  background-size: contain;
  overflow: hidden;
}
.invite .ranking {
  position: fixed;
  top: 164rpx;
  right: 20rpx;
  width: 100rpx;
  height: 104rpx;
  z-index: 2;
}
.invite .strategy {
  position: fixed;
  top: 290rpx;
  right: 10rpx;
  width: 120rpx;
  height: 100rpx;
  z-index: 2;
}
.invite .body {
  position: relative;
  width: 100%;
  height: 10000rpx;
  margin-top: 700rpx;
  background: url('http://reader-wx.ai160.com/images/reader/bg2.jpg') no-repeat;
  background-size: cover;
}
.invite .body .pennant {
  position: absolute;
  width: 189rpx;
  height: 259rpx;
}
.invite .body .pennant .icon {
  width: 100%;
  height: 100%;
}
.invite .body .pennant .num {
  position: absolute;
  width: 100%;
  bottom: 40rpx;
  text-align: center;
  font-size: 26rpx;
  color: #FFFFFF;
}
.invite .body .treasure {
  position: absolute;
  width: 250rpx;
  height: 262rpx;
}