.question-modal-content {
  position: relative;
  .question-type {
    margin-bottom: 16px;
    &__title {
      height: 22px;
      font-size: 16px;
      color: #333333;
      line-height: 22px;
      margin-bottom: 8px;
    }
    &__content {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
    }
  }
  .question-stem {
    margin-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 16px;
    &__title {
      height: 22px;
      font-size: 16px;
      color: #333333;
      line-height: 22px;
      margin-bottom: 8px;
    }
    &__content {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      .input-box {
        margin-bottom: 8px;
        display: inline-block;
        *:not(p) {
          font-weight: normal !important;
          font-size: 14px !important;
          font-style: normal !important;
          text-decoration: none !important;
          margin: 0 !important;
        }
      }
      .picture-box {
        width: 88px;
        height: 88px;
        border-radius: 4px;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
        position: relative;
        display: inline-flex;
        border: 1px solid #e8e8e8;
        img {
          max-width: 100%;
          max-height: 100%;
          border-radius: 4px;
          vertical-align: middle;
          width: auto;
          height: auto;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      }
      .voice-box {
        margin-bottom: 12px;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
        padding: 10px 20px;
        width: 320px;
      }
    }
    .add-fill-line {
      padding: 0 10px;
      border-bottom: 1px solid !important;
      margin: 0 4px;
      text-align: center;
      border: none;
      width: 54px;
    }
  }
  .question-option {
    margin-bottom: 16px;
    &__title {
      height: 22px;
      font-size: 16px;
      color: #333333;
      line-height: 22px;
      margin-bottom: 8px;
    }
    &__content {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      .option-box {
        color: #666666;
        margin-bottom: 8px;
        .option-box-header {
          margin-bottom: 8px;
          .option-sort {
            display: inline-block;
            margin-right: 5px;
          }
          .input-box {
            display: inline-block;
            max-width: calc(100% - 20px);
            vertical-align: top;
            *:not(p) {
              font-weight: normal !important;
              font-size: 14px !important;
              font-style: normal !important;
              text-decoration: none !important;
              margin: 0 !important;
            }
          }
        }

        .picture-box {
          width: 88px;
          height: 88px;
          border-radius: 4px;
          overflow: hidden;
          align-items: center;
          justify-content: center;
          margin-right: 12px;
          position: relative;
          display: inline-flex;
          border: 1px solid #e8e8e8;
          img {
            max-width: 100%;
            max-height: 100%;
            border-radius: 4px;
            vertical-align: middle;
            width: auto;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }
        }
        .voice-box {
          margin-bottom: 12px;
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
          padding: 10px 20px;
          width: 320px;
        }
      }
    }
  }
  .question-answer {
    margin-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 16px;
    img {
      max-width: 88px;
      max-height: 88px;
    }
    &__title {
      height: 22px;
      font-size: 16px;
      color: #333333;
      line-height: 22px;
      margin-bottom: 8px;
    }
    &__content {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      .option-sort {
        display: inline-block;
        margin-right: 8px;
      }
    }
    .question-gap-answer {
      margin-bottom: 8px;
      .gap-label {
        display: inline-block;
        width: 48px;
        height: 20px;
        color: #666666;
        line-height: 20px;
      }
      .gap-content {
        display: inline-block;
        span {
          background: #f7f8f9;
          border-radius: 2px;
          padding: 2px 12px;
          margin-right: 8px;
        }
      }
    }
  }
  .question-desc {
    margin-bottom: 16px;
    &__title {
      height: 22px;
      font-size: 16px;
      color: #333333;
      line-height: 22px;
      margin-bottom: 8px;
    }
    &__content {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      .desc-input-box {
        margin-bottom: 8px;
        *:not(p) {
          font-weight: normal !important;
          font-size: 14px !important;
          font-style: normal !important;
          text-decoration: none !important;
          margin: 0 !important;
        }
      }
      .desc-picture-box {
        margin-bottom: 16px;
        .picture-box {
          width: 88px;
          height: 88px;
          border-radius: 4px;
          overflow: hidden;
          align-items: center;
          justify-content: center;
          margin-right: 12px;
          position: relative;
          display: inline-flex;
          border: 1px solid #e8e8e8;
          .img-box {
            max-width: 100%;
            max-height: 100%;
            border-radius: 4px;
            vertical-align: middle;
            width: auto;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }
        }
      }
      .desc-audio-box {
        margin-bottom: 16px;
        .audio-box {
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
          padding: 10px 20px;
          width: 320px;
          margin-bottom: 12px;
        }
      }
      .desc-video-box {
        .video-box {
          position: relative;
          display: inline-block;
          width: 208px;
          height: calc(208px * 9 / 16);
          position: relative;
          background-color: #000;
          margin: 0px 12px 12px 0;
          &_content {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }
          &_btn {
            width: 32px;
            height: 32px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -16px;
            margin-left: -16px;
          }
          .icon_arrow {
            position: absolute;
            top: -12px;
            right: -8px;
            color: #bfbfbf;
            cursor: pointer;
            font-size: 16px;
          }
        }
      }
    }
  }
}
.preview-question-modal.ant-modal {
  max-height: 60% !important;
}
