.invitep {
  bottom: -680px;
  left: 0px;
  width: 750px;
  height: 1624px;
  display: block;
  position: fixed;


  .bj {
    width: 750px;
    height: 947px;
    opacity: 1;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .inviteBg {
    width: 750px;
    height: 2000px;
    top: -444px;
    position: fixed;
    opacity: 0.8;
    background-color: black;
  }


  .inviteh {
    width: 690px;
    height: 60px;
    opacity: 1;
    left: 30px;
    top: 292px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }


  /************VVVVVV**********/
  .inviteList {
    width: 692px;
    max-height: 536px;
    opacity: 1;
    background-color: gray;
    position: absolute;
    top: 40px;
    overflow: scroll;

    .inviteSlot1 {
      width: 692px;
      height: 70px;
      opacity: 1;
      margin-top: 0px;
      margin-left: 0px;
      display: flex;
      // position: absolute;
      background-color: #f3f3f3;
    }

    .inviteSlot2 {
      width: 692px;
      height: 70px;
      opacity: 1;
      margin-top: 0px;
      margin-left: 0px;
      display: flex;
      background-color:#ffffff;
    }

    // .rankSlot2 {
    //   width: 692px;
    //   height: 70px;
    //   opacity: 1;
    //   margin-top: 0px;
    //   margin-left: 0px;
    //   display: flex;
    //   background-color:;
    // }

    .inviteName {
      width: 500px;
      height: 30px;
      opacity: 1;
      margin-top: 18px;
      margin-left: 0px;
      text-align: center;
      overflow: hidden;
    }

    .inviteTime {
      width: 500px;
      height: 30px;
      opacity: 1;
      margin-top: 18px;
      margin-left: 0px;
      margin-left: 0px;
      text-align: center;
      // position: absolute;
    }

    .inviteBonus {
      width: 400px;
      height: 30px;
      opacity: 1;
      margin-top: 18px;
      text-align: center;
      color:#f1931d;
      // position: absolute;
    }
  }

  //*************************
  .items {
    width: 692px;
    height: 575px;
    opacity: 1;
    left: 29px;
    top: 310px;
    position: absolute;
    transform-origin: 0px 0px 0px;

    .inviteb {
      width: 692px;
      height: 534px;
      opacity: 1;
      top: 41px;
      position: absolute;
      transform-origin: 0px 0px 0px;
    }

    .user {
      width: 100px;
      height: 24px;
      opacity: 1;
      left: 92px;
      position: absolute;
      transform-origin: 0px 0px 0px;
      font-size: 26px;
      color: rgba(255, 251, 189, 1);
    }

    .invitet {
      width: 120px;
      height: 24px;
      opacity: 1;
      left: 309px;
      position: absolute;
      transform-origin: 0px 0px 0px;
      font-size: 26px;
      color: rgba(255, 251, 189, 1);
    }

    .reward {
      width: 110px;
      height: 24px;
      opacity: 1;
      left: 541px;
      position: absolute;
      transform-origin: 0px 0px 0px;
      font-size: 26px;
      color: rgba(255, 251, 189, 1);
    }
  }

  .invitec {
    width: 62px;
    height: 62px;
    opacity: 0.4;
    left: 663px;
    top: 87px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }
}