.xml-question-container-h5[data-v-7cde6dac] {}
.xml-question-container-pc[data-v-7cde6dac] {}
.xml-question-container-pad[data-v-7cde6dac] {}



/*# sourceMappingURL=QuestionItem.vue.map */


/*# sourceMappingURL=QuestionItem.vue.map */
.option-item + .option-item[data-v-669043fa] {
  margin-top: 16px;
}
.option-item[data-v-669043fa] {
  display: flex;
  background: #fbfbfb;
  border-radius: 6px;
  padding-left: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
  border: 1px solid #fbfbfb;
}
.option-item .questionSeq[data-v-669043fa] {
  padding: 8px 0;
}
.option-item.isActive[data-v-669043fa] {
  border-color: #2e9adb;
}
.option-item.isTrue[data-v-669043fa] {
  border: 1px solid #70b603;
}
.option-item.isTrue[data-v-669043fa]  .el-radio__input.is-checked .el-radio__inner {
  border-color: #70b603;
  background: #70b603;
}
.option-item.isFalse[data-v-669043fa] {
  border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-669043fa]  .el-radio__input.is-checked .el-radio__inner {
  border-color: #d9001b;
  background: #d9001b;
}
.option-item[data-v-669043fa]:hover {
  background: #ddd;
}
.option-item[data-v-669043fa]  .content {
  cursor: pointer;
}
.option-item[data-v-669043fa]  .stem-content.no-border {
  padding: 8px 14px !important;
  cursor: pointer;
}

/*# sourceMappingURL=radio.vue.map */
.option-item + .option-item[data-v-2c28041a] {
  margin-top: 16px;
}
.option-item[data-v-2c28041a] {
  display: flex;
  background: #fbfbfb;
  border-radius: 6px;
  padding-left: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
  border: 1px solid #fbfbfb;
}
.option-item.isActive[data-v-2c28041a] {
  border-color: #2e9adb;
}
.option-item .questionSeq[data-v-2c28041a] {
  padding: 8px 0;
}
.option-item.isTrue[data-v-2c28041a] {
  border: 1px solid #70b603;
}
.option-item.isTrue[data-v-2c28041a]  .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #70b603;
  background: #70b603;
}
.option-item.isFalse[data-v-2c28041a] {
  border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-2c28041a]  .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #d9001b;
  background: #d9001b;
}
.option-item[data-v-2c28041a]:hover {
  background: #ddd;
}
.option-item[data-v-2c28041a]  .content {
  cursor: pointer;
}
.option-item[data-v-2c28041a]  .stem-content.no-border {
  padding: 8px 14px !important;
  cursor: pointer;
}

/*# sourceMappingURL=checkbox.vue.map */
.option-item + .option-item[data-v-0bbbebe6] {
  margin-top: 16px;
}
.option-item[data-v-0bbbebe6] {
  display: flex;
  background: #fbfbfb;
  border-radius: 6px;
  padding-left: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
  border: 1px solid #fbfbfb;
}
.option-item .questionSeq[data-v-0bbbebe6] {
  padding: 8px 0;
}
.option-item.isActive[data-v-0bbbebe6] {
  border-color: #2e9adb;
}
.option-item.isTrue[data-v-0bbbebe6] {
  border: 1px solid #70b603;
}
.option-item.isTrue[data-v-0bbbebe6]  .el-radio__input.is-checked .el-radio__inner {
  border-color: #70b603;
  background: #70b603;
}
.option-item.isFalse[data-v-0bbbebe6] {
  border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-0bbbebe6]  .el-radio__input.is-checked .el-radio__inner {
  border-color: #d9001b;
  background: #d9001b;
}
.option-item[data-v-0bbbebe6]:hover {
  background: #ddd;
}
.option-item[data-v-0bbbebe6]  .content {
  cursor: pointer;
}
.option-item[data-v-0bbbebe6]  .stem-content.no-border {
  padding: 8px 14px !important;
  cursor: pointer;
}

/*# sourceMappingURL=radio.vue.map */
.option-item + .option-item[data-v-35976a09] {
  margin-top: 16px;
}
.option-item[data-v-35976a09] {
  display: flex;
  background: #fbfbfb;
  border-radius: 6px;
  padding-left: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
  border: 1px solid #fbfbfb;
}
.option-item.isActive[data-v-35976a09] {
  border-color: #2e9adb;
}
.option-item .questionSeq[data-v-35976a09] {
  padding: 8px 0;
}
.option-item.isTrue[data-v-35976a09] {
  border: 1px solid #70b603;
}
.option-item.isTrue[data-v-35976a09]  .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #70b603;
  background: #70b603;
}
.option-item.isFalse[data-v-35976a09] {
  border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-35976a09]  .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #d9001b;
  background: #d9001b;
}
.option-item[data-v-35976a09]:hover {
  background: #ddd;
}
.option-item[data-v-35976a09]  .content {
  cursor: pointer;
}
.option-item[data-v-35976a09]  .stem-content.no-border {
  padding: 8px 14px !important;
  cursor: pointer;
}

/*# sourceMappingURL=checkbox.vue.map */
.content[data-v-178d3ffd] {
  width: 100%;
}
.content .stem-content[data-v-178d3ffd] {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 14px;
  height: auto;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}
.content .stem-content.no-border[data-v-178d3ffd] {
  padding: 0;
  border: none;
  cursor: default;
}
.content .stem-content .placeholder[data-v-178d3ffd] {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}

/*# sourceMappingURL=common.vue.map */
.content[data-v-0d12cfbf] {
  width: 100%;
}
.content .stem-content[data-v-0d12cfbf] {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 14px;
  height: auto;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
}
.content .stem-content.no-border[data-v-0d12cfbf] {
  padding: 0;
  border: none;
  cursor: default;
}
.content .stem-content .placeholder[data-v-0d12cfbf] {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}

/*# sourceMappingURL=common.vue.map */
.line-content[data-v-115d2322] {
  width: 100%;
  position: relative;
}
.line-content .line-content--item[data-v-115d2322] {
  flex: 1;
}
.line-content .line-content--item[data-v-115d2322]  .stem-content {
  height: 100%;
}
.line-content + .line-content[data-v-115d2322] {
  margin-top: 10px;
}
.create-option[data-v-115d2322] {
  width: 100%;
  margin-top: 10px;
  border-style: dashed !important;
}
.option-item[data-v-115d2322] {
  flex: 1;
  min-width: 0;
}
.option-item + .option-item[data-v-115d2322] {
  margin-left: 100px;
}
.option-item.isMobile + .option-item.isMobile[data-v-115d2322] {
  margin-left: 50px;
}
.option-item[data-v-115d2322] {
  margin-bottom: 10px;
  background: #FBFBFB;
  border-radius: 6px;
  padding-left: 16px;
  border: 1px solid #fbfbfb;
}
.option-item .questionSeq[data-v-115d2322] {
  padding: 8px 0;
}
.option-item[data-v-115d2322]  .stem-content.no-border {
  padding: 8px 14px !important;
}

/*# sourceMappingURL=view-line-answer.vue.map */
.line-content[data-v-4508580a] {
  width: 100%;
  position: relative;
}
.line-content .line-content--item[data-v-4508580a] {
  flex: 1;
}
.line-content .line-content--item[data-v-4508580a]  .stem-content {
  height: 100%;
}
.line-content + .line-content[data-v-4508580a] {
  margin-top: 10px;
}
.create-option[data-v-4508580a] {
  width: 100%;
  margin-top: 10px;
  border-style: dashed !important;
}
.option-item[data-v-4508580a] {
  flex: 1;
  min-width: 0;
}
.option-item + .option-item[data-v-4508580a] {
  margin-left: 100px;
}
.option-item.isMobile + .option-item.isMobile[data-v-4508580a] {
  margin-left: 50px;
}
.option-item[data-v-4508580a] {
  margin-bottom: 10px;
  background: #fbfbfb;
  border-radius: 6px;
  padding-left: 16px;
}
.option-item .questionSeq[data-v-4508580a] {
  padding: 8px 0;
}
.option-item[data-v-4508580a]  .stem-content.no-border {
  padding: 8px 14px !important;
}

/*# sourceMappingURL=view-line.vue.map */
.image-file[data-v-1786cccf] {
  width: 218px;
  object-fit: scale-down;
}
.video-file[data-v-1786cccf] {
  width: 408px;
}
.file-render[data-v-1786cccf] {
  width: 100%;
}
.file-info[data-v-1786cccf] {
  flex: 1;
  min-width: 0;
}
.file-info.videoHandler[data-v-1786cccf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.file-info.videoHandler .fileName[data-v-1786cccf] {
  font-size: 18px;
  color: #333333;
  margin-bottom: 19px;
}
.file-info.videoHandler .fileInfo[data-v-1786cccf] {
  font-size: 14px;
  color: #666666;
  margin-bottom: 19px;
}

/*# sourceMappingURL=index.vue.map */
.image-file[data-v-3e962af2] {
  width: 218px;
  object-fit: scale-down;
}
.video-file[data-v-3e962af2] {
  width: 408px;
}
.file-render[data-v-3e962af2] {
  width: 100%;
}
.file-info[data-v-3e962af2] {
  flex: 1;
  min-width: 0;
}
.file-info.videoHandler[data-v-3e962af2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.file-info.videoHandler .fileName[data-v-3e962af2] {
  font-size: 18px;
  color: #333333;
  margin-bottom: 19px;
}
.file-info.videoHandler .fileInfo[data-v-3e962af2] {
  font-size: 14px;
  color: #666666;
  margin-bottom: 19px;
}

/*# sourceMappingURL=index.vue.map */
[data-v-726cb75e] .el-dialog__header {
  padding: 10px;
}
.video-content[data-v-726cb75e] {
  width: 180px;
  height: 135px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.video-content .play[data-v-726cb75e] {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translateX(-50%) translateY(-50%);
}
.video-mask[data-v-726cb75e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.video-mask img[data-v-726cb75e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% -50%);
  display: block;
}
.video-player[data-v-726cb75e] {
  width: 100%;
}

/*# sourceMappingURL=video-play.vue.map */
[data-v-8495abd8] .el-dialog__header {
  padding: 10px;
}
.video-content[data-v-8495abd8] {
  width: 180px;
  height: 135px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.video-content .play[data-v-8495abd8] {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translateX(-50%) translateY(-50%);
}
.video-mask[data-v-8495abd8] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.video-mask img[data-v-8495abd8] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% -50%);
  display: block;
}
.video-player[data-v-8495abd8] {
  width: 100%;
}

/*# sourceMappingURL=video-play.vue.map */
.audio .audio-icon[data-v-7be84416] {
  width: 36px;
  height: 36px;
  margin-right: 20px;
}
.audio .audio-icon img[data-v-7be84416] {
  width: 100%;
  height: 100%;
  display: block;
}
.audio .audio-controls[data-v-7be84416] {
  width: 100%;
  max-width: 200px;
  flex: 1;
  height: 36px;
}
.audio .audio-controls .audio-controls--progress[data-v-7be84416], .audio .audio-controls .audio-controls--handler[data-v-7be84416] {
  width: 100%;
}
.audio .audio-controls .audio-controls--handler[data-v-7be84416] {
  line-height: 1;
}
.audio .audio-controls .audio-controls--handler .play[data-v-7be84416] {
  font-size: 24px;
}
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-7be84416] {
  width: 22px;
  height: 22px;
  display: block;
  cursor: pointer;
}
.audio .audio-controls .audio-controls--handler .current-time[data-v-7be84416], .audio .audio-controls .audio-controls--handler .total-time[data-v-7be84416] {
  font-size: 12px;
  color: #333;
}
.play-handler.mobile[data-v-7be84416] {
  width: 20px;
  height: 20px;
}
.audio-component[data-v-7be84416] {
  display: none;
}
[data-v-7be84416] .el-slider__runway {
  margin: 0 0 4px 0;
  background: #e3e3e3;
  height: 4px;
}
[data-v-7be84416] .el-slider__bar {
  height: 4px;
}
[data-v-7be84416] .el-slider__button {
  width: 10px;
  height: 10px;
}
[data-v-7be84416] .el-slider__button-wrapper {
  top: -15px;
}

/*# sourceMappingURL=audio-play-new.vue.map */
.audio .audio-icon[data-v-4809edd2] {
  width: 36px;
  height: 36px;
  margin-right: 20px;
}
.audio .audio-icon img[data-v-4809edd2] {
  width: 100%;
  height: 100%;
  display: block;
}
.audio .audio-controls[data-v-4809edd2] {
  width: 100%;
  max-width: 200px;
  flex: 1;
  height: 36px;
}
.audio .audio-controls .audio-controls--progress[data-v-4809edd2], .audio .audio-controls .audio-controls--handler[data-v-4809edd2] {
  width: 100%;
}
.audio .audio-controls .audio-controls--handler[data-v-4809edd2] {
  line-height: 1;
}
.audio .audio-controls .audio-controls--handler .play[data-v-4809edd2] {
  font-size: 24px;
}
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-4809edd2] {
  width: 22px;
  height: 22px;
  display: block;
  cursor: pointer;
}
.audio .audio-controls .audio-controls--handler .current-time[data-v-4809edd2], .audio .audio-controls .audio-controls--handler .total-time[data-v-4809edd2] {
  font-size: 12px;
  color: #333;
}
.play-handler.mobile[data-v-4809edd2] {
  width: 20px;
  height: 20px;
}
.audio-component[data-v-4809edd2] {
  display: none;
}
[data-v-4809edd2] .el-slider__runway {
  margin: 0 0 4px 0;
  background: #e3e3e3;
  height: 4px;
}
[data-v-4809edd2] .el-slider__bar {
  height: 4px;
}
[data-v-4809edd2] .el-slider__button {
  width: 10px;
  height: 10px;
}
[data-v-4809edd2] .el-slider__button-wrapper {
  top: -15px;
}

/*# sourceMappingURL=audio-play-new.vue.map */