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

.answerpage {
  width: 750px;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;

  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1624px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
  }

  .stage {
    font-size: 34px;
    line-height: 0;
    color: rgb(0, 0, 0);
    position: absolute;
    left: 0;
    top: 241px;
    width: 750px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .fundsArea {
    position: absolute;
    left: 0;
    top: 837px;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;

    .funds {
      height: 100%;
      border: white 1px solid;
      border-radius: 10px;
      background-color: rgba(255, 255, 255, 0.6);
      padding: 0 25px;

      color: #353535;
      font-size: 28px;
      font-weight: bold;
      line-height: 68px;

      span {
        margin-left: -12px;
        margin-right: 4px;
        color: #008bdb;
        font-size: 52px;
      }

    }
  }

  .quesArea {
    position: absolute;
    left: 10px;
    top: 941px;
    width: 730px;
    height: 567px;
    .webpBg("answerPage/queBg.png");

    .queIndex {
      position: absolute;
      right: 26px;
      font-size: 34.38px;
      color: rgb(255, 255, 255);
      text-align: left;
      top: 30px;

      transform: rotate(10deg);

      span {
        font-size: 42.31px;
      }

      text {
        margin: 0 4px;
        font-size: 33.05px;
      }
    }
  }

  .questionArea {
    position: absolute;
    left: 55px;
    top: 32px;
    width: 540px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: left;
  }

  .confirm {
    position: absolute;
    left: 217px;
    top: 1404px;
    width: 316px;
    height: 97px;
    .webpBg("answerPage/按钮.png");
  }

  .back {
    position: fixed;
    left: 50px;
    top: 80px;
    width: 64px;
    height: 64px;
    .webpBg("answerPage/back.png");
  }

  .answerArea {
    position: absolute;
    left: 0;
    top: 146px;
    width: 100%;
    height: 288px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    .answerItem {
      width: 632px;
      height: 80px;
      padding-left: 34px;
      .webpBg("answerPage/normalBg.png");
      font-size: 28px;
      line-height: 28px;
      //font-weight: bold;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: start;
      color: #353535;
      font-weight: 500;

      &.active {
        color: white;
        font-weight: 500;
        .webpBg("answerPage/chooseBg.png");
      }

    }
  }

}
