@import '../../app.less';

.answer-list {
  padding-left: 20px;

  .item {
    position: relative;
    margin-bottom: 30px;

    .text {
      color: #303036;
    }

    .icon {
      width: 15px;
      height: 15px;
      position: absolute;
      left: -25px;
      top: 4px;
      background: url('/assets/option_normal.png') no-repeat center;
    }

    .total {
      display: none;
      color: #A7A7B7;
      margin-top: 20px;
    }
  }

  table {
    .bg {
      background: #f8f8f8;
    }

    tr {
      th {
        padding: 10px;
      }

      td {
        padding: 10px;
      }
    }

    .item {
      margin: 0;

      .icon {
        position: relative;
        left: 0;
        top: 0;
      }
    }
  }

  .item.selected {
    .icon {
      background-image: url('/assets/option_select.png');
    }
  }

  .item.show {
    .total {
      display: block;
    }
  }

  .item.show.true {
    .icon {
      background-image: url('/assets/option_right.png');
    }
  }

  .item.show.false {
    .text {
      color: #686872;
    }
  }

  .item.show.false.selected {
    .icon {
      background-image: url('/assets/option_wrong.png');
    }
  }

}