@import "../../res.less";
.gamebar {
  width: 571px;
  height: 140px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bardown {
    width: 522px;
    height: 49px;
    left: 22px;
    top: 49px;
    position: absolute;
    .sparkBg("homePahe/bardown.png");
  }
  .barbox {
    width: 486px;
    height: 10px;
    left: 36px;
    top: 69px;
    position: absolute;
    overflow: hidden;
  }
  .baron {
    width: 486px;
    height: 10px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("homePahe/baron.png");
  }
  .boxitem {
    width: 102px;
    height: 138px;
    left: 0px;
    top: 0px;
    position: absolute;
    .open1 {
      width: 94px;
      height: 93px;
      left: 0px;
      top: 23px;
      position: absolute;
      .sparkBg("homePahe/open1.png");
    }
    .close1 {
      width: 75px;
      height: 75px;
      left: 10px;
      top: 31px;
      position: absolute;
      .sparkBg("homePahe/close1.png");
    }
    .open2 {
      width: 94px;
      height: 93px;
      left: 0px;
      top: 23px;
      position: absolute;
      .sparkBg("homePahe/open2.png");
    }
    .close2 {
      width: 75px;
      height: 75px;
      left: 10px;
      top: 31px;
      position: absolute;
      .sparkBg("homePahe/close2.png");
    }
    .open3 {
      width: 94px;
      height: 93px;
      left: 0px;
      top: 23px;
      position: absolute;
      .sparkBg("homePahe/open3.png");
    }
    .close3 {
      width: 75px;
      height: 75px;
      left: 10px;
      top: 31px;
      position: absolute;
      .sparkBg("homePahe/close3.png");
    }
    .open4 {
      width: 94px;
      height: 93px;
      left: 0px;
      top: 23px;
      position: absolute;
      .sparkBg("homePahe/open4.png");
    }
    .close4 {
      width: 75px;
      height: 75px;
      left: 10px;
      top: 31px;
      position: absolute;
      .sparkBg("homePahe/close4.png");
    }
    .score {
      width: 102px;
      height: 20px;
      left: 0px;
      top: 0px;
      text-align: center;
      position: absolute;
      font-size: 21px;
      line-height: 20px;
      color: rgba(255, 255, 255, 1);
    }
    .prizebg {
      width: 101px;
      height: 30px;
      left: 1px;
      top: 108px;
      position: absolute;
      .sparkBg("homePahe/prizebg.png");
    }
    .prize {
      width: 102px;
      height: 20px;
      left: 0px;
      top: 114px;
      text-align: center;
      position: absolute;
      font-size: 20px;
      line-height: 20px;
      color: rgba(255, 255, 255, 1);
    }
  }
  .box1 {
    left: 0px;
    top: 1px;
    position: absolute;
  }
  .box2 {
    left: 158px;
    top: 0px;
    position: absolute;
  }
  .box3 {
    left: 326px;
    top: 1px;
    position: absolute;
  }
  .box4 {
    left: 469px;
    top: 1px;
    position: absolute;
  }
}