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

.ResPage {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;

  display: flex;
  align-items: center;
  justify-content: center;

  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1624px;

    .webpBg("ResPage/bg.png");
    background-size: 750px 1746px;
    background-position: left top;
  }

  .rankBg {
    position: absolute;
    left: 21px;
    top: 112px;
    width: 709px;
    height: 407px;
    .webpBg("ResPage/rankBg.png");

    .rankTip {
      position: absolute;
      background-color: rgb(249, 231, 208);
      left: 234px;
      border-radius: 11px;
      width: 417px;
      height: 52px;

      display: flex;
      align-items: center;
      justify-content: flex-start;

      padding-left: 21px;
      box-sizing: border-box;

      font-size: 24px;
      color: #a3741f;
      font-weight: bold;

      span {
        margin-left: 16px;
        font-weight: normal;
      }

    }

    .rankImg {
      position: absolute;
      left: 45px;
      top: 131px;
      width: 176px;
      height: 202px;
      //.webpBg("ResPage/理财大明星.png");
    }

    .rank1 {
      top: 109px;
      background: none;

      span {
        margin-left: 4px;
        font-size: 30px;
        color: #ee4e32;
        font-weight: bold;
        height: 40px;
      }
    }

    .rank2 {
      top: 169px;
    }

    .rank3 {
      top: 229px;
    }

    .rank4 {
      top: 287px;
    }
  }

  .tab {
    position: absolute;
    left: 19px;
    top: 536px;
    width: 713px;
    height: 1041px;

    &.tab1 {
      .webpBg("ResPage/bg1.png");
    }

    &.tab2 {
      .webpBg("ResPage/bg2.png");
    }

    .tabBtn1 {
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 80px;
    }

    .tabBtn2 {
      position: absolute;
      left: 50%;
      top: 0;
      width: 50%;
      height: 80px;
    }
  }

  .listNone {
    position: absolute;
    left: 223px;
    top: 913px;
    width: 271px;
    height: 264px;
    .webpBg("ResPage/空状态.png");
  }

  .prizeList {
    position: absolute;
    left: 19px;
    top: 630px;
    width: 713px;
    height: 930px;
    overflow-x: hidden;
    overflow-y: auto;

    .prizeItem {
      position: relative;
      width: 713px;
      height: 146px;

      .itemImg {
        border-radius: 20px;
        background-color: #f0f0f0;
        position: absolute;
        left: 31px;
        top: 16px;
        width: 110px;
        height: 110px;
      }

      .itemName {
        font-size: 30px;
        color: #262626;
        position: absolute;
        width: 350px;
        left: 164px;
        top: 39px;
        font-weight: bold;
        .lineClamp1();
      }

      .itemDate {
        position: absolute;
        left: 164px;
        top: 80px;
        font-size: 24px;
        color: rgb(133, 133, 133);
      }

      .itemBtn {
        position: absolute;
        left: 530px;
        top: 37px;
        width: 157px;
        height: 64px;
        .webpBg("ResPage/去查看.png");
      }

      .itemBtnEd {
        position: absolute;
        left: 530px;
        top: 37px;
        width: 157px;
        height: 64px;
        .webpBg("ResPage/已使用.png");
      }

    }

  }

  .backBtn {
    position: absolute;
    left: 28px;
    top: 58px;
    width: 18px;
    height: 32px;
    .webpBg("ResPage/backBtn.png");
  }

}
