@import "../../../../common.less";

.drawsucmodal {
  width: 750rpx;
  height: 1624rpx;
  left: 0rpx;
  top: 0rpx;
  position: absolute;

  .drawsucmodalbg {
    width: 550rpx;
    height: 616rpx;
    left: 100rpx;
    top: 453rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .drawsucmodalawardname {
    width: 248rpx;
    height: 28rpx;
    left: 256rpx;
    top: 818rpx;
    position: absolute;
    font-size: 29rpx;
    line-height: 28rpx;
    color: rgba(0, 0, 0, 1);
    text-align: center;
  }

  .drawsucmodalhappygetbtn {
    width: 465rpx;
    height: 97rpx;
    left: 143rpx;
    top: 887rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;

    &:hover {
      opacity: 0.8;
    }
  }

  .drawsucmodalclosebtn {
    width: 60rpx;
    height: 59rpx;
    left: 345rpx;
    top: 1113rpx;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;

    &:hover {
      opacity: 0.8;
    }
  }
}
