.rankp {
  top: 376px;
  left: 0px;
  width: 750px;
  height: 1624px;
  display: block;
  position: fixed;

  .rankBg {
    width: 750px;
    height: 2000px;
    top: -376px;
    position: absolute;
    opacity: 0.8;
    background-color: black;
  }

  .rankbg3 {
    width: 750px;
    height: 1248px;
    opacity: 1;
    position: absolute;
    transform-origin: 0px 0px 0px;
    display: block;
  }

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

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

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

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

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

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

      .rankItems {
        width: 100px;
        height: 30px;
        opacity: 1;
        margin-top: 18px;
        margin-left: 76px;
        display: flex;
        text-align: center;
        // position: absolute;
      }

      .rankItems2 {
        width: 800px;
        height: 30px;
        opacity: 1;
        margin-top: 18px;
        margin-left: 68px;
        text-align: center;
        overflow: hidden;
      }

      .rankItems3 {
        width: 580px;
        height: 30px;
        opacity: 1;
        margin-top: 18px;
        margin-left: 20px;
        text-align: center;
        overflow: hidden;
      }

      .start {
        width: 23px;
        height: 22px;
        opacity: 1;
        left: 30px;
        top: 24px;
        position: absolute;
        transform-origin: 0px 0px 0px;
        // background-color: #ffa323;
        // color:  #ffa323;
      }

      .first {
        width: 33px;
        height: 44px;
        opacity: 1;
        left: 66px;
        top: 82px;
        position: absolute;
        transform-origin: 0px 0px 0px;
      }

      .second {
        width: 33px;
        height: 44px;
        opacity: 1;
        left: 66px;
        top: 152px;
        position: absolute;
        transform-origin: 0px 0px 0px;
      }

      .third {
        width: 33px;
        height: 44px;
        opacity: 1;
        left: 66px;
        top: 222px;
        position: absolute;
        transform-origin: 0px 0px 0px;
      }


    }

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


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

    .rankItem {
      width: 80px;
      height: 24px;
      opacity: 1;
      left: 65px;
      margin-top: 0;
      position: absolute;
      // transform-origin: 0px 0px 0px;
      font-size: 26px;
      color: rgba(255, 251, 189, 1);
    }

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

    }

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

    .border {
      width: 692px;
      height: 72px;
      opacity: 1;
      top: 41px;
      position: absolute;
      transform-origin: 0px 0px 0px;
      background-color: rgba(226, 234, 188, 1);
    }


  }

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