.analysis {
  font-size: vw(14);
  background: #F6F6F6;
  overflow: hidden;

  .analysis-title {
    margin: 0 vw(20);
    padding: vw(0) 0 vw(10) 0;
    color: #333333;
    font-weight: 600;
    border-bottom: vw(1) solid #F5F5F5;
  }

  .analysis-result {
    background: #fff;
    padding: vw(20) 0;

    img {
      max-width: 100%;
    }
  }

  .analysis-content {
    margin: 0 vw(35);
    word-break: break-all;

    .fill-type {
      border-bottom: vw(1) dashed #F6F6F6;
      padding-bottom: vw(10)
    }

    .fill-type:last-of-type {
      border: 0;
    }

    .analysis-content__item {
      display: flex;
      .analysis-content__item--column{
        display:flex;
        flex-direction: column;
      }
      .analysis-item__title {
        margin-right: vw(10);
        flex:0 0 20%;
      }

      .fill-answer{
        margin: 0 0 vw(10) vw(-8);
      }

      .analysis-item_right {
        color: #00D041
      }

      .analysis-item_worng {
        color: #FF5722
      }

      .analysis-item_noAnswer {
        color: #CCCCCC
      }

      .analysis-item_none {
        color: #FF954D
      }

      .analysis-item_subject {
        color: #00E6DC
      }
    }
  }
}
