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

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

  .bg {
    width: 1633px;
    height: 5597px;
    left: -380px;
    top: -135px;
    position: absolute;
    .sparkBg("myQradesPage/bg.png");
  }

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

  .lottery {
    width: 714px;
    height: 949px;
    left: 18px;
    top: 633px;
    position: absolute;
    .sparkBg("myQradesPage/bg-1.png");

    .icon3 {
      width: 470px;
      height: 470px;
      left: 122px;
      top: 135px;
      position: absolute;
      border-radius: 35px;
      overflow: hidden;
      .sparkBg("myQradesPage/icon-3.png");
      img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .jiangPinMingCheng {
      width: 206px;
      height: 46px;
      left: 256px;
      top: 634px;
      position: absolute;
      font-size: 50px;
      line-height: 46px;
      color: rgba(11, 3, 4, 1);
      .lineClamp1()
    }

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

    .btn2 {
      width: 416px;
      height: 142px;
      left: 148px;
      top: 766px;
      position: absolute;
      // .sparkBg("myQradesPage/btn-2.png");
      .sparkBg("myQradesPage/btn-3.png");
    }
  }
  .lottery2 {
     width: 714px;
    height: 949px;
    left: 18px;
    top: 633px;
    position: absolute;
    .sparkBg("myQradesPage/bg-2.png");
  }
  .ranking {
    width: 709px;
    height: 407px;
    left: 20px;
    top: 209px;
    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);
  }

  .month {
    width: 644px;
    height: 120px;
    left: 60px;
    top: 110px;
    display: flex;
    align-items: center;
    position: absolute;
    overflow-y: hidden;
    overflow-x: auto;
    /* 确保flex子元素在一行 */
    flex-wrap: nowrap;

    .yue {
      width: 92px;
      text-align: center;
      font-size: 31px;
      color: rgba(255, 255, 255, 1);
      flex-shrink: 0;
      position: relative;
      margin-right: 46px;
      .line {
        width: 92px;
        height: 13px;
        left: 0;
        bottom: -11px;
        position: absolute;
        .sparkBg("myQradesPage/line.png");
      }

      .icon1 {
        width: 84px;
        height: 38px;
        left: 40px;
        top: -43px;
        position: absolute;
        .sparkBg("myQradesPage/icon-1.png");
      }

    }

  }
}
/* 隐藏滚动条 - IE and Edge */
.myqradespage .month {
  -ms-overflow-style: none;
}
/* 隐藏滚动条 - Firefox */
.myqradespage .month {
  scrollbar-width: none;
}
/* 隐藏滚动条 - Chrome, Safari and Opera */
.myqradespage .month::-webkit-scrollbar {
  display: none;
}