.page-real-name-verification{
  /* 背景 */
 .top-bg {
    height: 213rpx;
    position: relative;
    .bgc {
      height: 230rpx;
      position: relative;
      background: linear-gradient(94deg, #F6202C 0%, #FD3C35 100%);
      color: #FFFFFF;
      .tit1 {
        font-size: 40rpx;
        font-weight: bold;
        padding: 60rpx 0 4rpx 30rpx;
      }
      .tit2 {
        font-size: 24rpx;
        margin-left: 30rpx;
      }
      image.img {
        width: 296rpx;
        height: 162rpx;
        position: absolute;
        right: -11rpx;
        bottom: 3rpx;
      }
    }
  }
  .content {
    background: #fff;
    border-radius: 10rpx 10rpx 0 0;
    position: relative;
    .info-item {
      display: flex;
      align-items: center;
      border-bottom: 2rpx solid #F8F8F8;
      height: 100rpx;
      margin: 0 30rpx;
      box-sizing: border-box;
      font-size: 30rpx;
      color: #333;
      .tit {  
        width: 130rpx;
        margin-right: 22rpx;
        font-size: 28rpx;
      
      }
      .con.flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1;
        box-sizing: border-box;
      }
      .btn-text {
        display: inline-block;
        text-align: right;
        color: #FC1B35;
      }
    }
  }
  .footer {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .confirm-btn {
    display: block;
    width: 690rpx;
    height: 80rpx;
    line-height: 80rpx;
    border-radius: 44rpx;
    margin: 318rpx auto 0;
    background: #FC1B35;
    text-align: center;
    color: #fff;
    font-size: 30rpx;
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    .pop-content {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 500rpx;
      height: 204rpx;
      background: #fff;
      border-radius: 12rpx;
      z-index: 9999;  
      .pic {
        display: block;
        width: 76rpx;
        height: 76rpx;
        margin: 0 auto;
        :deep(image){
          display: block;
          width: 100%;
          height: 100%;
        }
      }
      .tips {
        font-size: 30rpx;
        color: #333;
        margin-top: 26rpx;
      }
    }
  }
  /* 成功/失败 */
  .real-name-verification .icon {
    display: block;
    padding: 255rpx 0 55rpx;
    margin: 0 auto;
    border-radius: 50%;
    image.img {
      display: block;
      width: 400rpx;
      height: 297rpx;
      margin: 0 auto;
    }
  }
  .real-name-failure .icon {
    padding-top: 278rpx;
    image.img {
      height: 274rpx;
    }
  }
  .tips {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32rpx;
    color: #333;
    margin-bottom: 8rpx;
  }
  .second-tip {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 28rpx;
    color: #999;
  }
  .btn {
    display: block;
    width: 520rpx;
    height: 75rpx;
    line-height: 75rpx;
    border: 1rpx solid #FC1B35;
    color: #FC1B35;
    border-radius: 44rpx;
    text-align: center;
    margin: 153rpx auto 0;
    font-size: 32rpx;
    font-weight: bold;
  }
  .real-name-failure .btn {
    width: 556rpx;
    background-color: #FC1B35;
    color: #FFFFFF;
  }
}
