index.less 2.05 KB
Newer Older
duanledexianxianxian's avatar
sync  
duanledexianxianxian committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109
.root {
  font-size: 16px;
  padding: 16px;
  .title {
    color: #202030;
    font-weight: 600;
    line-height: 1.5;
  }

  .options {
    margin: 32px 0 24px;
    font-size: 14px;
    .option {
      background-color: rgba(250, 250, 250, 1);
      border-radius: 5px;
      height: 44px;
      line-height: 44px;
      margin-bottom: 16px;
      padding-left: 16px;
      position: relative;
      &.error {
        background-color: #feeff2;
        color: #f94268;
        font-size: 16px;
        font-weight: 600;
      }
      &.right {
        background-color: #f1fbf6;
        color: #3dc484;
        font-size: 16px;
        font-weight: 600;
      }
      &.selected {
        background-color: #ecf3fe;
      }
      img {
        position: absolute;
        right: 16px;
      }
    }
  }

  .submit {
    :global {
      .am-button {
        line-height: 40px;
        font-size: 16px;
        width: 105px;
        height: 40px;
        background: linear-gradient(270deg, rgba(23, 106, 254, 1) 0%, rgba(97, 159, 255, 1) 100%);
        border-radius: 20px;
      }
    }
  }

  .action {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 48px;
    .pre {
      width: 72px;
      height: 32px;
      background: #f9f9f9;
      border-radius: 16px;
      color: #cccccc;
      font-weight: 600;
      line-height: 32px;
      text-align: center;
    }
    .input {
      input {
        width: 36px;
        height: 26px;
        border-radius: 4px;
        border: 1px solid #eff4fe;
        color: #176aff;
        font-weight: 500;
        margin: 0 12px;
      }
    }
    .next {
      width: 72px;
      height: 32px;
      line-height: 32px;
      background: #e3edfe;
      border-radius: 16px;
      color: #176aff;
      font-weight: 600;
      text-align: center;
    }
  }

  .answer {
    .rightAnswer {
      margin-bottom: 16px;
      color: #3dc484;
    }
    .analysis {
      margin-bottom: 16px;
      font-size: 14px;
      color: #202030;
      line-height: 1.5;
      span {
        font-weight: 600;
      }
    }
  }
}