@import url('../../res.less');

.homePage {
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  overflow-x: hidden;
  position: absolute;

  .bg {
    width: 750px;
    height: 1624px;
    position: absolute;
    .formatBg();
  }

  .beginbtn {
    position: fixed;
    width: 551px;
    height: 219px;
    left: 115px;
    // top: 1294px;
    bottom: 111px;
    .formatBg();
  }

  .characterBeginbtn {
    width: 475px;
    height: 147px;
    left: 131px;
    // top: 1333px;
    bottom: 144px;
  }

  .oldHealthyBeginbtn {
    width: 483px;
    height: 186px;
    left: 126px;
    // top: 1309px;
    bottom: 131px;
  }

  .yinsi {
    position: fixed;
    width: 373px;
    height: 30px;
    left: 188px;
    // top: 1483px;
    bottom: 111px;
    .formatBg();

    .selectIcon {
      display: inline-block;
      position: absolute;
      width: 19px;
      height: 17px;
      left: 6px;
      top: 7px;
      .formatBg();
    }

    .gouxuan {
      display: inline-block;
      position: absolute;
      width: 38px;
      height: 38px;
      left: -3px;
      top: -4px;
      background: rgba(0, 0, 0, 0);
    }

    .chakanyinsi {
      display: inline-block;
      position: absolute;
      width: 170px;
      height: 30px;
      right: 0px;
      top: 0px;
    }
  }

  .characterYinsi {
    width: 375px;
    height: 30px;
    left: 185px;
    // top: 1504px;
    bottom: 90px;
  }

  .oldHealthyYinsi {
    width: 375px;
    height: 30px;
    left: 185px;
    // top: 1504px;
    bottom: 90px;
  }
}