@import "../../res.less";
.rankpage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("rankPage/bg.png");
  }
  .countdown {
    width: 527px;
    height: 67px;
    left: 121px;
    top: 414px;
    position: absolute;
    .cdbg {
      width: 527px;
      height: 67px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("rankPage/cdbg.png");
    }
    .day {
      width: 45px;
      height: 27px;
      left: 18px;
      top: 20px;
      position: absolute;
      font-size: 34px;
      line-height: 27px;
      color: rgba(29, 238, 251, 1);
    }
    .hour {
      width: 45px;
      height: 27px;
      left: 131px;
      top: 20px;
      position: absolute;
      font-size: 34px;
      line-height: 27px;
      color: rgba(29, 238, 251, 1);
    }
    .min {
      width: 46px;
      height: 27px;
      left: 214px;
      top: 20px;
      position: absolute;
      font-size: 34px;
      line-height: 27px;
      color: rgba(29, 238, 251, 1);
    }
    .sec {
      width: 47px;
      height: 27px;
      left: 297px;
      top: 20px;
      position: absolute;
      font-size: 34px;
      line-height: 27px;
      color: rgba(29, 238, 251, 1);
    }
  }
  .ranktitle {
    width: 677px;
    height: 42px;
    left: 42px;
    top: 861px;
    position: absolute;
    .sparkBg("rankPage/ranktitle.png");
  }
  .list {
    width: 716px;
    height: 699px;
    left: 20px;
    top: 925px;
    position: absolute;
    .myinfo {
      width: 716px;
      height: 116px;
      left: 0px;
      top: 0px;
      position: absolute;
      .myrank {
        width: 94px;
        height: 28px;
        left: 28px;
        top: 44px;
        position: absolute;
        font-size: 36px;
        line-height: 28px;
        color: rgba(18, 240, 243, 1);
      }
      .myname {
        width: 224px;
        height: 35px;
        left: 204px;
        top: 41px;
        position: absolute;
        font-size: 36px;
        line-height: 35px;
        color: rgba(18, 240, 243, 1);
      }
      .myscore {
        width: 71px;
        height: 28px;
        left: 632px;
        top: 45px;
        position: absolute;
        font-size: 36px;
        line-height: 28px;
        color: rgba(18, 240, 243, 1);
      }
      .mybg {
        width: 716px;
        height: 116px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("rankPage/mybg.png");
      }
    }
    .item {
      width: 716px;
      height: 116px;
      left: 0px;
      top: 127px;
      position: absolute;
      .itemrank {
        width: 26px;
        height: 28px;
        left: 58px;
        top: 44px;
        position: absolute;
        font-size: 36px;
        line-height: 28px;
        color: rgba(255, 255, 255, 1);
      }
      .itemname {
        width: 154px;
        height: 35px;
        left: 204px;
        top: 41px;
        position: absolute;
        font-size: 36px;
        line-height: 35px;
        color: rgba(255, 255, 255, 1);
      }
      .itemscore {
        width: 71px;
        height: 28px;
        left: 632px;
        top: 45px;
        position: absolute;
        font-size: 36px;
        line-height: 28px;
        color: rgba(255, 255, 255, 1);
      }
      .itembg {
        width: 716px;
        height: 116px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("rankPage/itembg.png");
      }
    }
    .item2 {
      width: 716px;
      height: 446px;
      left: 0px;
      top: 253px;
      position: absolute;
      .sparkBg("rankPage/item2.png");
    }
  }
  .prizeitem {
    width: 581px;
    height: 500px;
    left: 169px;
    top: 400px;
    position: absolute;
    .prizebg {
      width: 303px;
      height: 303px;
      left: 54px;
      top: 121px;
      position: absolute;
      .sparkBg("rankPage/prizebg.png");
    }
    .prizelight {
      width: 581px;
      height: 500px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("rankPage/prizelight.png");
    }
    .prizeimg {
      width: 142px;
      height: 214px;
      left: 131px;
      top: 135px;
      position: absolute;
      .sparkBg("rankPage/prizeImg.png");
    }
  }
  .title {
    width: 414px;
    height: 231px;
    left: 167px;
    top: 125px;
    position: absolute;
    .sparkBg("rankPage/title.png");
  }
  .back {
    width: 73px;
    height: 73px;
    left: 17px;
    top: 206px;
    position: absolute;
    .sparkBg("rankPage/back.png");
  }
}
