@import "../../res.less";

.myqradespage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;

  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("myQradesPage/bg.png");
  }

  .back {
    position: absolute;
    left: 28px;
    top: 58px;
    width: 18px;
    height: 32px;
    .sparkBg("myQradesPage/back.png");
  }

  .lottery {
    width: 711px;
    height: 1013px;
    left: 18px;
    top: 564px;
    position: absolute;
    .sparkBg("myQradesPage/bg-1.png");

  }

  .icon3 {
    width: 708px;
    height: 759px;
    left: 0px;
    top: 592px;
    position: absolute;
    .sparkBg("myQradesPage/icon-3.png");
  }

  .btn1 {
    width: 416px;
    height: 142px;
    left: 166px;
    top: 1396px;
    position: absolute;
    .sparkBg("myQradesPage/btn-1.png");
  }

  .btn2 {
    width: 416px;
    height: 142px;
    left: 166px;
    top: 1396px;
    position: absolute;
    .sparkBg("myQradesPage/btn-3.png");
  }
  .prize-img{
     width: 466px;
     height: 466px;
     border-radius: 35px;
     position: absolute;
     left: 141px;
     top: 769px;
     background-color: #ededed;
  }
  .prize-name{
    font-size: 50px;
    color: #0b0304;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 100px;
    width: 550px;
    top: 1267px;
    .lineClamp1();
  
  }
  .ranking {
    width: 709px;
    height: 407px;
    left: 20px;
    top: 139px;
    position: absolute;

    .rankingbg {
      width: 709px;
      height: 407px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("myQradesPage/ranking-bg.png");
    }

    .badge {
      width: 176px;
      height: 202px;
      left: 51px;
      top: 134px;
      position: absolute;
      .sparkBg("myQradesPage/badge-bg.png");

      .xxx {
        width: 100%;
        height: 23px;
        left: 0;
        top: 72px;
        position: absolute;
        font-size: 32px;
        line-height: 23px;
        text-align: center;
        color: #9d5d13;
      }
    }

    .ranking1 {
      width: 256px;
      height: 29px;
      left: 254px;
      top: 120px;
      position: absolute;

      .woDeShouYiLuPaiMing {
        width: 174px;
        height: 24px;
        left: 0px;
        top: 5px;
        position: absolute;
        font-size: 24px;
        line-height: 24px;
        color: rgba(163, 116, 31, 1);
      }

      .diXxx {
        width: 95px;
        height: 29px;
        left: 171px;
        top: 0px;
        position: absolute;
        font-size: 30px;
        line-height: 29px;
        font-weight: bold;
        color: rgba(238, 78, 50, 1);
      }
    }

    .ranking2 {
      width: 420px;
      height: 54px;
      left: 233px;
      top: 168px;
      position: absolute;

      .juXing880 {
        width: 420px;
        height: 54px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("myQradesPage/矩形880.png");
      }

      .liCaiZiJin {
        width: 106px;
        height: 23px;
        left: 21px;
        top: 15px;
        position: absolute;
        font-size: 24px;
        line-height: 23px;
        font-weight: bold;
        color: rgba(163, 116, 31, 1);
      }

      ._334556675yuan {
        // width: 152px;
        height: 21px;
        left: 136px;
        top: 15px;
        position: absolute;
        font-size: 24px;
        line-height: 21px;
        color: rgba(163, 116, 31, 1);
      }
    }

    .ranking3 {
      width: 420px;
      height: 54px;
      left: 233px;
      top: 228px;
      position: absolute;

      .juXing880_1 {
        width: 420px;
        height: 54px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("myQradesPage/矩形880.png");
      }

      .leiJiShouYi {
        width: 104px;
        height: 23px;
        left: 21px;
        top: 15px;
        position: absolute;
        font-size: 24px;
        line-height: 23px;
        font-weight: bold;
        color: rgba(163, 116, 31, 1);
      }

      ._2213yuan {
        // width: 86px;
        height: 21px;
        left: 136px;
        top: 15px;
        position: absolute;
        font-size: 24px;
        line-height: 21px;
        color: rgba(163, 116, 31, 1);
      }
    }

    .ranking4 {
      width: 420px;
      height: 54px;
      left: 233px;
      top: 286px;
      position: absolute;

      .juXing880_2 {
        width: 420px;
        height: 54px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("myQradesPage/矩形880.png");
      }

      .liCaiZhouQi {
        width: 105px;
        height: 24px;
        left: 20px;
        top: 15px;
        position: absolute;
        font-size: 24px;
        font-weight: bold;
        line-height: 24px;
        color: rgba(163, 116, 31, 1);
      }

      ._2025062220250722 {
        // width: 257px;
        height: 21px;
        left: 136px;
        top: 16px;
        position: absolute;
        font-size: 24px;
        line-height: 21px;
        color: rgba(163, 116, 31, 1);
      }
    }
  }

  .woDeChengJi {
    width: 148px;
    height: 33px;
    left: 305px;
    top: 53px;
    position: absolute;
    font-size: 35px;
    line-height: 33px;
    color: rgba(255, 255, 255, 1);
  }
}