@import "../../res.less";
.homepage {
  width: 750px;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  .bg {
    width: 750px;
    height: 1705px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("homePage/bg.png");
  }
  .infobox {
    width: 502px;
    height: 148px;
    left: 124px;
    top: 412px;
    position: absolute;
    .infobg {
      width: 502px;
      height: 148px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("homePage/infobg.png");
    }
    .prizeingo {
      width: 257px;
      height: 65px;
      left: 58px;
      top: 47px;
      position: absolute;
      .prizename {
        width: 172px;
        height: 18px;
        left: 95px;
        top: 38px;
        position: absolute;
        font-size: 18px;
        line-height: 18px;
        color: rgba(255, 255, 255, 1);
        .lineClamp1();
      }
      .prizerank {
        width: 150px;
        height: 23px;
        left: 95px;
        top: 8px;
        position: absolute;
        font-size: 17px;
        line-height: 23px;
        color: rgba(255, 255, 255, 1);
      }
      .prizerank_2 {
        font-size: 33px;
        font-weight: bold;
        color: rgba(243, 225, 27, 1);
      }
      .prizeimg {
        width: 80px;
        height: 65px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("homePage/prizeimg.png");
        img {
          width: 80px;
          height: 65px;
          left: 0px;
          top: 0px;
          position: absolute;
          object-fit: contain;
        }
      }
    }
    .rankinfo {
      width: 103px;
      height: 47px;
      left: 347px;
      top: 56px;
      position: absolute;
      .rankarr {
        width: 25px;
        height: 39px;
        left: 78px;
        top: 7px;
        position: absolute;
        .sparkBg("homePage/rankarr.png");
      }
      .ranklab {
        width: 74px;
        height: 15px;
        left: 0px;
        top: 32px;
        position: absolute;
        font-size: 15px;
        line-height: 15px;
        color: rgba(255, 255, 255, 1);
      }
      .ranknum {
        width: 114px;
        height: 28px;
        left: -30px;
        top: 0px;
        text-align: center;
        position: absolute;
        font-size: 33px;
        line-height: 28px;
        color: rgba(243, 225, 27, 1);
      }
    }
  }
  .title {
    width: 484px;
    height: 243px;
    left: 120px;
    top: 174px;
    position: absolute;
    .sparkBg("homePage/title.png");
  }
  .prizebtn {
    width: 159px;
    height: 60px;
    left: 12px;
    top: 79px;
    position: absolute;
    .sparkBg("homePage/prizebtn.png");
  }
  .rulebtn {
    width: 115px;
    height: 60px;
    left: 624px;
    top: 80px;
    position: absolute;
    .sparkBg("homePage/rulebtn.png");
  }
  .musicon {
    width: 55px;
    height: 57px;
    left: 684px;
    top: 155px;
    position: absolute;
    // .sparkBg("homePage/musicon.png");
  }
  .musicf {
    width: 41px;
    height: 43px;
    left: 691px;
    top: 162px;
    position: absolute;
    // .sparkBg("homePage/musicoff.png");
  }
  .mainbtn {
    width: 474px;
    height: 134px;
    left: 140px;
    top: 932px;
    position: absolute;
    .btnsvga {
      width: 474px;
      height: 134px;
      left: 0px;
      top: 0px;
      position: absolute;
    }
    .mainimg {
      width: 474px;
      height: 134px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("homePage/mainimg.png");
    }
    .mianimg {
      width: 212px;
      height: 48px;
      left: 129px;
      top: 28px;
      position: absolute;
      .sparkBg("homePage/main.png");
    }
    .mainnum {
      width: 474px;
      height: 24px;
      left: 0px;
      top: 80px;
      text-align: center;
      position: absolute;
      font-size: 25px;
      line-height: 24px;
      color: #fffffa;
    }
  }
  .shopbtn {
    width: 92px;
    height: 95px;
    left: 20px;
    top: 957px;
    position: absolute;
    .sparkBg("homePage/shopbtn.png");
  }
  .drawbtn {
    width: 98px;
    height: 100px;
    left: 635px;
    top: 953px;
    position: absolute;
    .drawimg {
      width: 98px;
      height: 100px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("homePage/drawimg.png");
    }
    .drawnum {
      width: 28px;
      height: 28px;
      left: 70px;
      top: 0px;
      position: absolute;
      .drawnumbg {
        width: 28px;
        height: 28px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("homePage/drawNumbg.png");
      }
      .drawnumlab {
        width: 28px;
        height: 16px;
        left: 0px;
        top: 6px;
        text-align: center;
        position: absolute;
        font-size: 21px;
        line-height: 16px;
        color: rgba(255, 255, 255, 1);
      }
    }
  }
  .tasklist {
    width: 695px;
    height: 529px;
    left: 30px;
    top: 1145px;
    position: absolute;
    .taskitem {
      width: 695px;
      height: 172px;
      left: 0px;
      top: 0px;
      position: relative;
      margin-bottom: 10px;
      .taskbg {
        width: 695px;
        height: 172px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("homePage/taskbg.png");
      }
      .taskscanbtn {
        width: 157px;
        height: 57px;
        left: 451px;
        top: 51px;
        position: absolute;
        .sparkBg("homePage/taskscanbtn.png");
      }
      .taskinvitebtn {
        width: 157px;
        height: 57px;
        left: 451px;
        top: 51px;
        position: absolute;
        .sparkBg("homePage/taskinvitebtn.png");
      }
      .taskgetbtn {
        width: 157px;
        height: 57px;
        left: 451px;
        top: 51px;
        position: absolute;
        .sparkBg("homePage/taskgetbtn.png");
      }
      .taskfinishbtn {
        width: 157px;
        height: 57px;
        left: 451px;
        top: 51px;
        position: absolute;
        .sparkBg("homePage/taskfinishbtn.png");
      }
      .tasktit {
        width: 260px;
        height: 38px;
        left: 168px;
        top: 56px;
        position: absolute;
        font-size: 34px;
        line-height: 34px;
        color: rgba(255, 255, 255, 1);
        font-weight: bold;
        .lineClamp1();
      }
      .tasksub {
        width: 260px;
        height: 22px;
        left: 170px;
        top: 95px;
        position: absolute;
        font-size: 22px;
        line-height: 22px;
        color: rgba(255, 255, 255, 1);
      }
      .taskicon {
        width: 65px;
        height: 69px;
        left: 89px;
        top: 49px;
        position: absolute;
        // .sparkBg("homePage/taskicon.png");
        img {
          width: 65px;
          height: 69px;
          left: 0px;
          top: 0px;
          position: absolute;
        }
      }
    }
    .taskitem2 {
      width: 695px;
      height: 348px;
      left: 0px;
      top: 181px;
      position: absolute;
      .sparkBg("homePage/taskitem2.png");
    }
  }
  .tasktitle {
    width: 676px;
    height: 32px;
    left: 39px;
    top: 1098px;
    position: absolute;
    .sparkBg("homePage/tasktitle.png");
  }
  .ip {
    width: 373px;
    height: 326px;
    left: 192px;
    top: 585px;
    position: absolute;
    .sparkBg("homePage/ip.png");
  }
  .leaves {
    width: 750px;
    height: 447px;
    left: 0px;
    top: 541px;
    position: absolute;
    .sparkBg("homePage/leaves.png");
  }
  .logo {
    width: 170px;
    height: 55px;
    left: 291px;
    top: 85px;
    position: absolute;
    .sparkBg("homePage/logo.png");
  }
  .homesvga {
    width: 750px;
    height: 815px;
    left: 0px;
    top: 174px;
    pointer-events: none;
    position: absolute;
  }
}
