@import (reference) '~antd/es/style/themes/index';
.container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: #F9F9F9;
  min-height: 100%;

  .content {
    flex: 1;
    text-align: left;
  }

  .carousel {
    margin: 16px;

    img {
      height: 120px;
      width: 100%;
      object-fit: fill;
    }
  }

  .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 16px;
    margin-top: 16px;
  }

  .cardWrap {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 12px;
    background: #FFF;
    padding: 12px;
    border: 1px #D8D8D8 solid;
    overflow: hidden;
    box-shadow: 3px 6px #10000000;
    text-align: left;

    .logo {
      width: 40px;
      height: 40px;
      border: 1px #EEE solid;
      border-radius: 20px;
      margin-right: 10px;
      object-fit: fill;
    }

    .name {
      color: #2F2F32;
      font-size: 16px;
      font-weight: bold;
    }

    .desc {
      color: #2F2F32;
      font-size: 14px;
      margin-top: 12px;
      white-space: pre-wrap;
    }

    .divide {
      margin: 16px 0;
      background: #D8D8D8;
      height: 0.2px;
    }

    .questionCount {
      margin-top: 8px;
    }

    .icon {
      width: 18px;
      margin-right: 8px;
    }

    .hint {
      color: #868686;
      margin-right: 8px;
    }

    .info {
      color: #2F2F32;
    }
  }

  .submit {
    width: calc(100% - 32px);
    height: 44px;
    margin: 36px 16px 20px;
  }

}


