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

  // 返回按钮样式
  .nav-left {
    position: fixed;
    top: 60rpx;
    left: 30rpx;
    z-index: 999;
    
    .back-btn {
      width: 60rpx;
      height: 60rpx;
    }
  }

  .lotterypageCon {
    width: 750rpx;
    height: 1624rpx;
    top: 0rpx;
    bottom: 0rpx;
    margin: auto;
    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;

        .lotterypageturntableawards6selbg {
          width: 272rpx;
          height: 214rpx;
          left: -71rpx;
          top: -18rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(300deg);
          transform-origin: center;
        }

        .lotterypageturntableawards6img {
          width: 100rpx;
          height: 100rpx;
          left: 10rpx;
          top: 10rpx;
          position: absolute;
          object-fit: contain;
        }

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

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

        .lotterypageturntableawards5selbg {
          width: 272rpx;
          height: 214rpx;
          left: -104rpx;
          top: -59rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(60deg);
          transform-origin: center;
        }

        .lotterypageturntableawards5img {
          width: 100rpx;
          height: 100rpx;
          left: 0rpx;
          top: -35rpx;
          position: absolute;
          object-fit: contain;
        }

        .lotterypageturntableawards5name {
          width: 81rpx;
          height: 18rpx;
          left: 16rpx;
          top: 82rpx;
          position: absolute;
          font-size: 18rpx;
          line-height: 18rpx;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: rgba(0, 0, 0, 1);
          text-align: center;
        }
      }

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

        .lotterypageturntableawards4selbg {
          width: 272rpx;
          height: 214rpx;
          left: -94rpx;
          top: -30rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(240deg);
          transform-origin: center;
        }

        .lotterypageturntableawards4img {
          width: 100rpx;
          height: 100rpx;
          left: 0rpx;
          top: 0rpx;
          position: absolute;
          object-fit: contain;
        }

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

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

        .lotterypageturntableawards3selbg {
          width: 272rpx;
          height: 214rpx;
          left: -105rpx;
          top: -29rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(120deg);
          transform-origin: center;
        }

        .lotterypageturntableawards3img {
          width: 100rpx;
          height: 100rpx;
          left: 0rpx;
          top: 0rpx;
          position: absolute;
          object-fit: contain;
        }

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

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

        .lotterypageturntableawards2selbg {
          width: 272rpx;
          height: 214rpx;
          left: -90rpx;
          top: -29rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(180deg);
          transform-origin: center;
        }

        .lotterypageturntableawards2img {
          width: 100rpx;
          height: 100rpx;
          left: 0rpx;
          top: 5rpx;
          position: absolute;
          object-fit: contain;
        }

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

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

        .lotterypageturntableawards1selbg {
          width: 272rpx;
          height: 214rpx;
          left: -90rpx;
          top: -18rpx;
          position: absolute;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          transform: rotate(0deg);
          transform-origin: center;
        }

        .lotterypageturntableawards1img {
          width: 100rpx;
          height: 100rpx;
          left: 0rpx;
          top: 5rpx;
          position: absolute;
          object-fit: contain;
        }

        .lotterypageturntableawards1name {
          width: 100rpx;
          height: 39rpx;
          left: 0rpx;
          top: 125rpx;
          position: absolute;
          font-size: 18rpx;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          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-wrapper {
      width: 482rpx;
      height: 40rpx;
      left: 135rpx;
      top: 5rpx;
      position: absolute;
      overflow: hidden;
    }

    .lotterypagenoticecontext-container {
      transition: transform 0.5s ease-in-out;

      &.no-transition {
        transition: none;
      }
    }

    .lotterypagenoticecontext {
      width: 482rpx;
      height: 40rpx;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 24rpx;
      line-height: 40rpx;
      color: rgba(255, 255, 255, 1);
      display: block;
      margin: 0;
      padding: 0;
    }

    .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: 0rpx;
    right: 0rpx;
    margin: auto;
    top: 1374rpx;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    font-size: 24rpx;
    line-height: 23rpx;
    color: rgba(255, 255, 255, 1);
  }
}
