// 抽奖页面样式
.lotterypage {
  width: 750rpx;
  height: 1624rpx;
  left: 0rpx;
  top: 0rpx;
  position: absolute;

  .lotterypagebg {
    width: 750rpx;
    height: 1624rpx;
    left: 0rpx;
    top: 0rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lotterypageturntable {
    width: 719rpx;
    height: 718rpx;
    left: 15rpx;
    top: 476rpx;
    position: absolute;

    .lotterypageturntablebg {
      width: 719rpx;
      height: 718rpx;
      left: 0rpx;
      top: 0rpx;
      position: absolute;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }

    .lotterypageturntablelogo {
      width: 209rpx;
      height: 204rpx;
      left: 255rpx;
      top: 259rpx;
      position: absolute;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }

    .lotterypageturntableawards {
      width: 448rpx;
      height: 553rpx;
      left: 130rpx;
      top: 79rpx;
      position: absolute;

      .lotterypageturntableawards6 {
        width: 90rpx;
        height: 164rpx;
        left: 0rpx;
        top: 95rpx;
        position: absolute;

        .lotterypageturntableawards6bg {
          width: 39rpx;
          height: 106rpx;
          left: 26rpx;
          top: 0rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .lotterypageturntableawards6name {
          width: 100rpx;
          height: 39rpx;
          left: 0rpx;
          top: 125rpx;
          position: absolute;
          font-size: 18rpx;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }

      .lotterypageturntableawards5 {
        width: 78rpx;
        height: 100rpx;
        left: 359rpx;
        top: 138rpx;
        position: absolute;

        .lotterypageturntableawards5bg {
          width: 78rpx;
          height: 64rpx;
          left: 0rpx;
          top: 0rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .lotterypageturntableawards5name {
          width: 81rpx;
          height: 18rpx;
          left: 6rpx;
          top: 82rpx;
          position: absolute;
          font-size: 18rpx;
          line-height: 18rpx;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }

      .lotterypageturntableawards4 {
        width: 90rpx;
        height: 164rpx;
        left: 22rpx;
        top: 296rpx;
        position: absolute;

        .lotterypageturntableawards4bg {
          width: 39rpx;
          height: 106rpx;
          left: 26rpx;
          top: 0rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .lotterypageturntableawards4name {
          width: 100rpx;
          height: 39rpx;
          left: 0rpx;
          top: 125rpx;
          position: absolute;
          font-size: 18rpx;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }

      .lotterypageturntableawards3 {
        width: 90rpx;
        height: 164rpx;
        left: 358rpx;
        top: 296rpx;
        position: absolute;

        .lotterypageturntableawards3bg {
          width: 39rpx;
          height: 106rpx;
          left: 26rpx;
          top: 0rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .lotterypageturntableawards3name {
          width: 100rpx;
          height: 39rpx;
          left: 0rpx;
          top: 125rpx;
          position: absolute;
          font-size: 18rpx;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }

      .lotterypageturntableawards2 {
        width: 90rpx;
        height: 164rpx;
        left: 182rpx;
        top: 389rpx;
        position: absolute;

        .lotterypageturntableawards2img {
          width: 39rpx;
          height: 106rpx;
          left: 27rpx;
          top: 0rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .lotterypageturntableawards2name {
          width: 100rpx;
          height: 39rpx;
          left: 0rpx;
          top: 125rpx;
          position: absolute;
          font-size: 18rpx;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }

      .lotterypageturntableawards1 {
        width: 90rpx;
        height: 164rpx;
        left: 183rpx;
        top: 0rpx;
        position: absolute;

        .lotterypageturntableawards1img {
          width: 39rpx;
          height: 106rpx;
          left: 27rpx;
          top: 0rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .lotterypageturntableawards1name {
          width: 100rpx;
          height: 39rpx;
          left: 0rpx;
          top: 125rpx;
          position: absolute;
          font-size: 18rpx;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }
    }
  }

  .lotterypagetitle {
    width: 531rpx;
    height: 99rpx;
    left: 111rpx;
    top: 257rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lotterypagerulebtn {
    width: 51rpx;
    height: 93rpx;
    left: 0rpx;
    top: 309rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    transition: opacity 0.3s ease;

    &:hover {
      opacity: 0.8;
    }
  }

  .lotterypageawardbtn {
    width: 48rpx;
    height: 93rpx;
    left: 702rpx;
    top: 309rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    transition: opacity 0.3s ease;

    &:hover {
      opacity: 0.8;
    }
  }

  .lotterypagenoticecon {
    width: 701rpx;
    height: 49rpx;
    left: 25rpx;
    top: 372rpx;
    position: absolute;

    .lotterypagenoticeconbg {
      width: 701rpx;
      height: 49rpx;
      left: 0rpx;
      top: 0rpx;
      position: absolute;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }

    .lotterypagenoticecontext {
      width: 382rpx;
      height: 23rpx;
      left: 135rpx;
      top: 13rpx;
      position: absolute;
      font-size: 24rpx;
      line-height: 23rpx;
      color: rgba(255, 255, 255, 1);
    }

    .lotterypagenoticeconsoundicon {
      width: 23rpx;
      height: 22rpx;
      left: 98rpx;
      top: 14rpx;
      position: absolute;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;

      transition: opacity 0.3s ease;

      &:hover {
        opacity: 0.8;
      }
    }
  }

  .lotterypagedrawbtn {
    width: 481rpx;
    height: 113rpx;
    left: 135rpx;
    top: 1256rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    transition: opacity 0.3s ease;

    &:hover {
      opacity: 0.8;
    }

    // 禁用状态样式
    &.disabled-draw-btn {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none;
      
      &:hover {
        opacity: 0.5;
      }
    }
  }

  .lotterypagelefttimes {
    width: 136rpx;
    height: 23rpx;
    left: 312rpx;
    top: 1374rpx;
    position: absolute;
    font-size: 24rpx;
    line-height: 23rpx;
    color: rgba(255, 255, 255, 1);
  }
}
