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

.prizepage_wrap {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: #fff5d3;

  .prizepage {
    width: 750px;
    height: 1624px;
    left: 0px;
    // top: -200px;
    position: absolute;
    background-color: #fff5d3;

    // transform: translateY(-50%);

    .bg {
      width: 750px;
      height: 1624px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("prizepage/bg.jpg");
    }

    .all_tab {
      width: 665px;
      height: 80px;
      position: absolute;
      left: 40px;
      top: 280px;
      overflow-x: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      .hideScrollbar();

      .tab_item {
        width: 122px;
        height: 80px;
        text-align: center;
        left: 0;
        top: 0;
        position: relative;
        margin-right: 40px;
        flex-shrink: 0;
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        line-height: 80px;
        .lineClamp1();

        .stick {
          position: absolute;
          left: 0px;
          top: 70px;
          width: 121px;
          height: 4px;
          .sparkBg("prizepage/stick.png");
        }

      }

      .opacity {
        background-image:none !important;
        opacity: 0.6;
      }
    }

    .list {
      width: 702px;
      height: calc(100vh - 440px);
      left: 34px;
      top: 406px;
      position: absolute;
      overflow-y: scroll;

      .item {
        width: 702px;
        height: 150px;
        left: 0px;
        top: 0px;
        position: relative;
        margin-bottom: 30px;

        .bg_item {
          width: 677px;
          height: 166px;
          left: 0px;
          top: 0px;
          position: absolute;
          .sparkBg("prizepage/itembg.png");
        }

        .img {
          width: 110px;
          height: 110px;
          left: 26px;
          top: 24px;
          position: absolute;
          // border: 1px solid #e5c362;
          border-radius: 15px;
        }

        .name {
          width: 350px;
          // height: 28px;
          left: 160px;
          top: 24px;   
          position: absolute;
          font-size: 30px;
          // line-height: 28px;  
          color: #262626;
          .lineClamp1();
          font-weight: bold;
        }

        .prize_time {
          width: 450px;
          height: 28px;
          left: 160px;
          top: 75px;
          position: absolute;
          font-size: 18px;
          // line-height: 28px;
          color: #afafaf;
          .lineClamp1();
        }

        .expire_time {
          width: 450px;
          height: 28px;
          left: 160px;
          top: 105px;
          position: absolute;
          font-size: 18px;
          // line-height: 28px;
          color: #afafaf;
          .lineClamp1();
        }

        .gobtn {
          width: 152px;
          height: 57px;
          left: 510px;    
          top: 60px; 
          position: absolute;
          .sparkBg("prizepage/qulingqu.png");
        }

        .gray_btn {
          width: 152px;
          height: 57px;
          left: 510px;    
          top: 60px; 
          position: absolute;
          .sparkBg("prizepage/yiguoqi.png");
        }
      }

      .empty {
        width: 100%;
        height: 30px;
        line-height: 30px;
        top: 300px;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 30px;
        color: #fff5d3;
      }
    }

    .back {
      left: 29px;
      top: 161px;
      width: 58px;
      height: 58px;
      transform-origin: left center;
      position: absolute;
      .sparkBg("prizepage/back.png");
    }
  }
}