html,
      body {
          height: 100%;
          width: 100%;
          background: #f0f0f0;
          font-size: 16px;
      }
      /* 盒子居中 */
      .qrBox{
        margin: 0 20px;
        height: 400px;
        position: relative;
        top: 50%; /*偏移*/
        margin-top: -200px;
        text-align: center;
        background: #ffffff;
        border-radius: 10px;
        text-align: center;
      }
      /* 二维码部分 */
      #qrCode{
        height: 300px;

        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 60px 20px 30px 20px;
        max-width: 100%;
        max-height: 100%;
      }
    

      /* 扫一扫上面的二维码图案，加我 */
      .addBox{
        height: 30px;
        position: absolute;
        top: 370px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
      }
      .addBox>span{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: gray;
      }