.main {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #f9fafc;
}

.main .one {
  width: 95%;
  height: 80rpx;
  line-height: 80rpx;
  background-color: #409eff;
  padding: 0 20rpx;
}

.main .one .left {
  float: left;
  width: 30%;
  color: #ffffff;
}

.main .one .right {
  float: right;
  width: 70%;
  text-align: right;
  color: #fff;
}

.main .one .right .van-icon {
  top: 6rpx;
  color: #666;
}

.main .two {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.main .two .image {
  width: 100%;
  height: 100%;
}

.two .userInfo .temOne {
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 20px;
}

.two .userInfo .temOne .name {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10rpx 0;
}


.two .userInfo .temOne .qrcode {
  width: 130px;
  height: 130px;
  left: 33%;
}

.two .userInfo .temTwo {
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 20px;
}

.two .userInfo .temTwo .name {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10rpx 0;
}


.two .userInfo .temTwo .qrcode {
  width: 130px;
  height: 130px;
  left: 33%;
}

.two .userInfo .temThr {
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 20px;
}

.two .userInfo .temThr .qrcode {
  width: 130px;
  height: 130px;
  left: 33%;
}

.two .userInfo .temThr view {
  font-size: 30rpx;
  font-weight: bold;
  padding: 0 10rpx;
  color: #003875;
  text-align: center;
}

.two .userInfo .temFour {
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 20px;
}

.two .userInfo .temFour .qrcode {
  width: 130px;
  height: 130px;
  left: 58%;
}

.two .userInfo .temFour .temFourInfo {
  float: right;
}

.two .userInfo .temFour .temFourInfo text {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #032eae;
  font-weight: bold;
}

.two .userInfo .temFive {
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 30%;
}

.two .userInfo .temFive .qrcode {
  width: 130px;
  height: 130px;
  left: 32%;
}

.two .userInfo .temFive view {
  text-align: center;
}

.two .userInfo .temFive view text {
  color: #fff;
  font-weight: bold;
}