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

.LifeSettingPage {
  width: 750px;
  height: 1624px;
  left: 0;
  top: 0;
  position: absolute;

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

  .title {
      position: absolute;
    left: 190px;
    top: 208px;
    width: 369px;
    height: 55px;
    .webpBg("LifeSettingsPage/title.png");
  }

  .quesTitle {
    position: absolute;
    left: 27px;
    top: 309px;
    width: 648px;
    height: 73px;
  }

  .answerArea {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 418px;
    bottom: 369px;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    .answerItem {
      position: relative;
      width: 358px;
      height: 416px;

      img {
        width: 100%;
        height: 100%;
      }

      .choose {
        position: absolute;
        left: 10px;
        top: 2px;
        width: 342px;
        height: 400px;
        .webpBg("LifeSettingsPage/选择框.png");
      }

    }
  }

  .confirm {
    position: absolute;
    left: 185px;
    top: 1321px;
    width: 380px;
    height: 97px;
    font-family: "KingnamBobo";
    font-size: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b1632;
    .webpBg("LifeSettingsPage/开始测试.png");

    &.gray {
      filter: grayscale(1);
      color: #9c84a3;
    }
  }


}
