@import '@css/mixin.scss';
.scoped-qa {
  margin: 20px 25px;
  width: 700px;
  background: #fff8f3;
  overflow: hidden;
  .sq-top {
    width: 700px;
    height: 274px;
  }
  .sq-main {
    display: flex;
    flex-wrap: wrap;
    margin: 20px;
  }
  .sq-item {
    background: #fff;
    border-radius: 10px;
    width: 320px;
    padding: 20px;
    box-sizing: border-box;
    &:nth-child(2n+1) {
      margin-right: 20px;
    }
    .q, .a {
      display: flex;
      .t {
        flex: 1;
        height: 80px;
        @include textOverflow;
        font-size: 24px;
        color: #313131;
      }
    }
    .q {
      border-bottom: 1PX solid #f2f2f2;
      margin-bottom: 10px;
    }
    .img {
      width: 34px;
      height: 34px;
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-bottom;
    }
  }
  .sq-footer {
    text-align: center;
    padding-bottom: 20px;
    .img {
      width: 140px;
      height: 40px;
    }
  }
}