.dataPanal {
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  display: flex;
  .item {
    text-align: center;
    // width: 29.9%;
    position: relative;
    flex: 1;
    .num {
      font-size: 26px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      line-height: 26px;
      margin-top: 12px;
    }
    .percent {
      margin-top: 6px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 17px;
      height: 20px;
      margin-bottom: 18px;
    }
    .subTitle {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 20px;
      margin-bottom: 12px;
    }
    .type {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
      span {
        color: rgba(153, 153, 153, 1);
      }
      .icon {
        color: rgba(204, 204, 204, 1);
        font-size: 16px;
        margin-right: 4px;
        position: relative;
        top: 1px;
      }
    }

    &:after {
      content: '';
      width: 0px;
      height: 40px;
      position: absolute;
      width: 1px;
      background-color: rgba(232, 232, 232, 1);
      top: 40px;
      right: 0px;
    }

    &:last-child {
      &:after {
        display: none;
      }
    }
  }
  .exstatus {
    width: 4px;
    height: 4px;
    background: rgb(35, 143, 255);
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -4px;
  }
}
.answer-detail {
  color: rgb(35, 143, 255);
}
