/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pc-audio {
  background: #fff;
}
.audio-circle {
  display: flex;
  color: #00B99F;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.audio-control-bar {
  display: flex;
  flex-flow: column;
  max-width: 400px;
  height: 72px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.audio-control-bar .controller {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.audio-control-bar .controller .controllerLeft {
  display: flex;
  align-items: center;
  width: 95px;
  padding: 0 16px 0 24px;
}
.audio-control-bar .controller .controllerLeft .icon-gradient-start {
  stop-color: #44d4b7;
}
.audio-control-bar .controller .controllerLeft .icon-gradient-end {
  stop-color: #00B99F;
}
.audio-control-bar .controller .controllerLeft .btn-play {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 55px;
  height: 55px;
  margin: 10px auto;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  background-image: url(data:image/png;base64,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);
  background-position: 0 0;
  background-size: 55px 55px;
  background-repeat: no-repeat;
}
.audio-control-bar .controller .controllerLeft .btn-play .audio-cover {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 50%;
  width: 39px;
  height: 39px;
  background-size: cover;
}
.audio-control-bar .controller .controllerLeft .btn-play .icon-audio-action {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.audio-control-bar .controller .controller-progress {
  position: relative;
  flex: 1;
}
.audio-control-bar .controller .controller-progress .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.audio-control-bar .controller .controller-progress .sliderWrap {
  margin-top: 26px;
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  padding: 3px 0;
  height: 10px;
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider-track {
  height: 3px;
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider-track-0 {
  background-color: #00B99F;
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider-track-1 {
  background-color: rgba(0, 0, 0, 0.08);
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider-thumb {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  border: 0 solid rgba(0, 185, 159, 0.25);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  outline-color: #00B99F;
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider-thumb::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: #00B99F;
}
.audio-control-bar .controller .controller-progress .sliderWrap .progress-slider-thumb:focus {
  box-shadow: 0 0 0 5px rgba(0, 185, 159, 0.1);
}
.audio-control-bar .controller .controller-progress .timeBar {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  padding: 0 5px 0 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.audio-control-bar .controller .controller-btn-group {
  position: relative;
  display: flex;
  align-items: center;
  width: 112px;
}
.audio-control-bar .controller .controller-btn-group .playSpeed {
  width: 40px;
  height: 20px;
  margin-left: 15px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  cursor: pointer;
  user-select: none;
}
.audio-control-bar .controller .controller-btn-group .playSpeed:hover {
  border-color: #00B99F;
  color: #00B99F;
}
.audio-control-bar .controller .controller-btn-group .volume {
  margin-left: 15px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.audio-control-bar .controller .controller-btn-group .volume:hover {
  color: #00B99F;
}
.rateSelect {
  width: 42px;
  padding-top: 5px;
  background-color: #000;
  border-radius: 5px;
  cursor: pointer;
}
.rateSelect .selectOption {
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}
.rateSelect .selectOption:hover {
  color: #00B99F;
}
.rateSelect .active {
  color: #00B99F;
}
.volume-slider-wrap {
  display: flex;
  justify-content: center;
  padding-bottom: 5px;
  width: 32px;
  height: 105px;
  cursor: pointer;
}
.volume-slider-wrap .volume-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  width: 12px;
  height: 100%;
}
.volume-slider-wrap .volume-slider-track {
  width: 2px;
}
.volume-slider-wrap .volume-slider-track-0 {
  background-color: #00B99F;
}
.volume-slider-wrap .volume-slider-track-1 {
  background-color: #b6b4b4;
}
.volume-slider-wrap .volume-slider-thumb {
  border: 4px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #00B99F;
  outline-width: 0;
}
.volume-slider-wrap .volume-slider-thumb:hover {
  border-color: #00B99F;
}
.volume-slider-wrap .volume-slider-thumb:focus {
  border-color: #00B99F;
}
/**
 * for custom speed popover
 */
.popover-audio .ant-popover-content .ant-popover-inner {
  background-color: transparent;
}
.popover-audio .ant-popover-content .ant-popover-inner-content {
  border-radius: 5px;
  padding: 3px 4px;
  color: #fff;
  font-size: 12px;
  background-color: #000;
}
.popover-audio .ant-popover-content .ant-popover-arrow {
  border-color: #000;
}
.popover-audio .ant-popover-content .ant-popover-arrow .ant-popover-arrow-content {
  background-color: #000;
}
.popover-audio .ant-popover-content .ant-popover-arrow .ant-popover-arrow-content::before {
  display: none;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.audio-control-box {
  font-size: 32px;
  color: #00B99F;
}
.audio-control-box.disabled {
  color: rgba(0, 0, 0, 0.25);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.audio-control-trumpet.disabled {
  color: rgba(0, 0, 0, 0.25);
}
.audio-control-trumpet.playing {
  color: #00B99F;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ucomp-recorder {
  display: flex;
  color: #00B99F;
  font-size: 32px;
}
.ucomp-recorder:hover {
  cursor: pointer;
  color: #20c7ab;
}
.ucomp-recorder.disabled {
  color: rgba(0, 0, 0, 0.25);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ucomp-recorder .record-fill-icon {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 56px;
  line-height: 56px;
}
.ucomp-recorder .record-fill-icon.wave-ani {
  background: #00B99F;
  border-radius: 50%;
  animation: pcRecordWave 1s 0.2s infinite;
}
@keyframes pcRecordWave {
  0% {
    box-shadow: 0 0 0 0 #00B99F;
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 185, 159, 0.08);
  }
}
.ucomp-recorder .record-fill-icon.disabled {
  color: rgba(0, 0, 0, 0.2);
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.mind-map {
  --mind-map-path-color: #6ce0c5;
  position: relative;
}
.mind-map .mind-map-text {
  border-radius: 4px;
  padding: 8px 6px;
  max-width: 300px;
  white-space: normal;
  word-break: break-word;
}
.mind-map .mind-map-text[data-summary="true"] input {
  border-bottom: 1px solid #fff !important;
}
.mind-map .mind-map-text[data-level="1"] {
  padding: 8px 12px;
  background-color: #98edd6;
}
.mind-map .mind-map-text[data-level="2"] {
  padding: 8px 12px;
  background-color: #e1faf2;
}
.mind-map .mind-map-text[data-level="3"] {
  padding: 8px 12px;
  background-color: rgba(225, 250, 242, 0.4);
}
.mind-map .mind-map-text p:last-child {
  margin-bottom: 0;
}

.mind-map .mind-map-virtual {
  border-radius: 4px;
  overflow-y: hidden;
  overflow-x: auto;
  overflow-x: overlay;
  scrollbar-width: thin;
  scrollbar-color: rgb(0 0 0%) transparent;
  position: relative;
  padding: 20px;
}
.mind-map .mind-map-virtual::-webkit-scrollbar {
  display: block;
}
.mind-map .mind-map-virtual:hover::-webkit-scrollbar {
  display: block;
  height: 6px;
  padding: 0 3px;
  background-color: transparent;
}
.mind-map .mind-map-virtual:hover::-webkit-scrollbar-thumb {
  display: inline-block;
  height: 6px;
  background: rgb(0 0 0%);
  border-radius: 3px;
}
.mind-map .mind-map-virtual:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgb(0 0 0%);
}
.mind-map .mind-map-virtual .mind-designer {
  position: relative;
  overflow: visible;
  top: 0 !important;
  left: 0 !important;
}
.mind-map .mind-map-virtual .mind-designer .mind-item-toggle {
  display: none;
}
.mind-map .mind-map-virtual .mind-designer .mind-item-root .mind-root-content {
  border-width: 2px;
}
.mind-map .mind-map-virtual .mind-designer .mind-item-root > .mind-item > foreignObject > .mind-item-content {
  border-width: 2px;
}
.mind-map .mind-map-virtual [data-shape='box'] > foreignObject > .mind-item-content {
  background-color: #fff;
}
.mind-map .mind-map-virtual [data-shape='ellipse'] > foreignObject > .mind-item-content {
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 50%;
  padding: 0.5em 1em;
}
.mind-map .mind-map-virtual [data-align='left'] > foreignObject > .mind-item-content > :not(.mind-item-text):not(.mind-item-notes):not(.mind-item-view) {
  margin-right: 0.3em;
}
.mind-map .mind-map-virtual [data-align='right'] > foreignObject > .mind-item-content {
  flex-direction: row-reverse;
}
.mind-map .mind-map-virtual [data-align='right'] > foreignObject > .mind-item-content > :not(.mind-item-text):not(.mind-item-notes):not(.mind-item-view) {
  margin-left: 0.3em;
}
.mind-map .mind-map-virtual .mind-item foreignObject {
  overflow: visible;
}
.mind-map .mind-map-virtual .mind-item-content {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.mind-map .mind-map-virtual .mind-item-content > * {
  flex: none;
}
.mind-map .mind-map-virtual .mind-item.mind-item-collapsed .mind-item {
  display: none;
}
.mind-map .mind-map-virtual .mind-item-text {
  padding: 0;
}
.mind-map .mind-map-virtual .mind-item-text::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  /* IE 10+ */
  -ms-overflow-style: none;
  /* Firefox */
  overflow: -moz-scrollbars-none;
}
.mind-map .mind-map-virtual .mind-item-current > foreignObject > .mind-item-content {
  box-shadow: #50c28b 0 1px 3px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.component-htmlview {
  position: relative;
  word-break: break-word;
  white-space: normal;
}
.component-htmlview table {
  max-width: 100% !important;
}
.component-htmlview blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.scoopComponent,
.scoopQuestion,
.placeHolder {
  display: inline;
  font-size: 0;
}
.scoopComponent .input-wrapper,
.scoopQuestion .input-wrapper,
.placeHolder .input-wrapper {
  position: relative;
  display: inline-block;
  width: 135px;
  height: 30px;
  text-align: center;
  text-indent: 0;
}
.scoopComponent .input-wrapper .input-answer,
.scoopQuestion .input-wrapper .input-answer,
.placeHolder .input-wrapper .input-answer {
  width: 100%;
  padding: 0 8px;
  font-size: 16px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
}
.scoopComponent .input-wrapper::after,
.scoopQuestion .input-wrapper::after,
.placeHolder .input-wrapper::after {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  content: ' ';
}

/* image styl e*/
.html_image_list[data-type='single'] {
  text-align: center;
  padding: 5px 30px;
}
.html_image_list[data-type='single'] img {
  max-width: 100%;
  height: auto;
}
.html_image_half img {
  width: 50%;
  height: auto;
}
.html_image_list_center {
  text-align: center;
}
.html_image_list_center img {
  width: 50%;
  height: auto;
}
.html_image_whole_width {
  width: 100%;
  height: auto;
}
.html_image_whole_width img {
  width: 100%;
  height: auto;
}
.html_image_half img {
  width: 50%;
  height: auto;
}
.html_image_list[data-type='single'] {
  line-height: 0;
}
.html_image_list[data-type='single'] img {
  margin-bottom: 5%;
}
.html_image_whole_width img {
  width: 100%;
  height: auto;
}
.html_image_list {
  margin-top: 30px;
  margin-bottom: 30px;
}
.html_image_list[data-type='single_whole'] img {
  width: 100%;
  height: auto;
}
.html_image_list[data-type='multiple'] img {
  width: 30%;
  height: auto;
  vertical-align: middle;
  margin-right: 5%;
  margin-top: 30px;
}
.html_image_list[data-type='multiple'] img:nth-of-type(1),
.html_image_list[data-type='multiple'] img:nth-of-type(2),
.html_image_list[data-type='multiple'] img:nth-of-type(3) {
  margin-top: 0;
}
.html_image_list[data-type='multiple'] img:nth-child(3n + 3) {
  margin-right: 0;
}
.html_image_list[data-type='single_center'] {
  text-align: center;
}
.html_image_list[data-type='single_center'] img {
  width: 50%;
  height: auto;
}
.html_image_list[data-type='single_left'] img {
  width: 50%;
  height: auto;
}
.html_image_list[data-type='text'] {
  line-height: inherit;
}
.html_image_list[data-type='text'] img {
  width: auto;
}
/*PC2.0新增的样式*/
.html_image_list[data-type='single_left_tmls'],
.html_image_list[data-type='multiple_tmls'],
.html_image_list[data-type='single_origin_tmls'],
.html_image_list[data-type='single_center_tmls'],
.html_image_list[data-type='signle_both_whole'],
.html_image_list[data-type='signle_both_half'],
.html_image_list[data-type='options_images_tmls'],
.html_image_list[data-type='single_ten_two'] {
  text-align: left;
}
.html_image_list[data-type='tmls_third_center'] {
  text-align: center;
}
.html_image_list[data-type='single_left_tmls'] img,
.html_image_list[data-type='single_center_tmls'] img,
.html_image_list[data-type='signle_both_whole'] img {
  width: 100%;
  height: auto;
}
.html_image_list[data-type='single_origin_tmls'] img {
  width: 100%;
  height: auto;
}
.html_image_list[data-type='signle_both_half'] img {
  width: 50%;
  height: auto;
  cursor: pointer;
}
.html_image_list[data-type='tmls_third_center'] img {
  width: 30%;
  height: auto;
}
.html_image_list[data-type='multiple_tmls'] img {
  width: 30%;
  margin-top: 30px;
  height: auto;
}
.html_image_list[data-type='single_ten_two'] img {
  width: 20%;
  height: auto;
}
.html_image_list[data-type='multiple_tmls'] img {
  margin-right: 5%;
}
.html_image_list[data-type='multiple_tmls'] img:nth-child(3n + 3) {
  margin-right: 0;
}
.html_image_list[data-type='multiple_tmls'] img:nth-of-type(1),
.html_image_list[data-type='multiple_tmls'] img:nth-of-type(2),
.html_image_list[data-type='multiple_tmls'] img:nth-of-type(3) {
  margin-top: 0;
}
.html_image_list[data-type='options_images_tmls'] img {
  width: 50%;
  height: auto;
}
.html_image_list[data-type='tmls_tenth_left'],
.html_image_list[data-type='tmls_fifth_left'] {
  text-align: left;
  margin-bottom: 0;
}
.html_image_list[data-type='tmls_tenth_left'] img {
  width: 10%;
  height: auto;
  margin-bottom: 30px;
  margin-right: 5%;
}
.html_image_list[data-type='tmls_fifth_left'] img {
  width: 20%;
  height: auto;
  margin-bottom: 30px;
  margin-right: 5%;
}
.html_image_list[data-type='tmls_tenth_left'] img:last-of-type,
.html_image_list[data-type='tmls_fifth_left'] img:last-of-type {
  margin-right: 0;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper {
  width: 100%;
  height: 100%;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-modal {
  display: inline-block;
  padding-bottom: 120px;
  vertical-align: bottom;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-modal .ant-modal-content {
  box-shadow: 0px 6px 16px 0px rgba(26, 31, 51, 0.08), 0px 9px 4px 0px rgba(26, 31, 51, 0.05), 0px 12px 48px 16px rgba(26, 31, 51, 0.03);
  border-radius: 4px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-modal .ant-modal-content .ant-modal-body {
  padding: unset;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDgwcHgiIGhlaWdodD0iMTA0cHgiIHZpZXdCb3g9IjAgMCA0ODAgMTA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPuiDjOaZr+WbvjwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjguMDUxMTI2ODMlIiB4Mj0iNTAlIiB5Mj0iOTMuNDQyNDY1MiUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0JFRkRFQyIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRTFGQUYyIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwMy41IiBoZWlnaHQ9IjEzMiI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik0tMTAuNTE3OTkwNiw3OS44Njk5ODQgQy0xNC43ODc0MjI2LDM4LjA2MjM0MTIgMC44MzMzNTY5MDIsMjcuMjYxNjU5NiAzNi4zNDQzNDgsNDcuNDY3OTM5MSBDODkuNjEwODM0Nyw3Ny43NzczNTg0IDIzNS44MzkyMzMsMTE3LjM3MDk2MyAyOTUuNSw4OC4xMjAwMjQ5IEMzNTUuMTYwNzY3LDU4Ljg2OTA4NjYgNDg4LjIxMDMwNyw4Ni45NjMyNzAxIDQ5NS4wNTgxMDksMTA2LjY1NzQ4MSBDNDk5LjYyMzMxLDExOS43ODY5NTUgNDk5LjYyMzMxLDEzMC4wNzg2MSA0OTUuMDU4MTA5LDEzNy41MzI0NDcgTDcuMTIxMjQ1OTEsMTQ2LjU5MjA4MyBMLTEwLjUxNzk5MDYsNzkuODY5OTg0IFoiIGlkPSJwYXRoLTQiPjwvcGF0aD4KICAgICAgICA8ZmlsdGVyIHg9Ii0wLjQlIiB5PSItMS44JSIgd2lkdGg9IjEwMC44JSIgaGVpZ2h0PSIxMDMuNyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci01Ij4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSI+PC9mZUdhdXNzaWFuQmx1cj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMSIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb21wb3NpdGU+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxICAgMCAwIDAgMCAxICAgMCAwIDAgMCAxICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSItMTIuOTI3NTUxMyUiIHgyPSI1MCUiIHkyPSI3My40Mjc4MjQ3JSIgaWQ9ImxpbmVhckdyYWRpZW50LTYiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNjkzNDAwMzUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjYxMDExMjU0NCIgb2Zmc2V0PSIxOS44NTM1ODM5JSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuMDAxNTQ5MTY4MDUiIG9mZnNldD0iOTkuNzAwMTc0OCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iuivremfs+WKqeaVmSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaWsOagh+WHhi3ljZXor43ljaEt57qg5q2j6K+76Z+zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzUzLjAwMDAwMCwgLTQzOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTMuMDAwMDAwLCA0MzguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i6Lev5b6ELTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjUwMDAwMCwgLTEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTMiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0i6JKZ54mIIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8ZyBvcGFjaXR5PSIwLjY5OTgwOTIzIiBtYXNrPSJ1cmwoI21hc2stMykiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGwtb3BhY2l0eT0iMC41Mjc3ODA4MTMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtNCI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci01KSIgeGxpbms6aHJlZj0iI3BhdGgtNCI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMjQuNTE3OTkwNiw1NC40NDk2NzI3IEMzNC43ODczOCw1Ny43NzgxNDIyIDc5Ljg3OTQwMDcsNjYuMjk0OTE3OSAxMTAuNzU4MDcyLDgwIEMxODMuNDA0NzE0LDExMi4yNDMyMzQgMjE1LjExODA5Miw5NC4xMDQ2Mzg2IDI4OC4yNjQwMDMsODUuNTk1Mjg3NSBDMzMwLjk3NjQxOSw4MC42MjYzODQ0IDM1MS4wMDA2NjIsNTguNTQ3NjI1IDM3NC43MTQ0Myw1MS40MzE5MDE0IEM0MzkuMDM4NTI0LDMyLjEzMDM1MTcgNTE1LjExNTIwMyw4My43OTU0NDMyIDUyMi40OTgyNTYsOTYuNzkwODgyNSBDNTI3LjQyMDI5MiwxMDUuNDU0NTA5IDUyNy40MjAyOTIsMTEyLjU0MDYxNiA1MjIuNDk4MjU2LDExOC4wNDkyMDMgTC0zLjU3NzcyNjAzLDEyNC4wMjczMDIgTC0yNC41MTc5OTA2LDU0LjQ0OTY3MjcgWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC02KSIgbWFzaz0idXJsKCNtYXNrLTMpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTAuODM1ODk2LCA4NS41OTUyODgpIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI1MC44MzU4OTYsIC04NS41OTUyODgpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
  border-radius: 4px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-right: 34px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain .word {
  height: 38px;
  font-size: 32px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  line-height: 38px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain .phoneme {
  height: 18px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 18px;
  margin-top: 16px;
  margin-bottom: 30px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain .phoneme span[lowestscore] {
  color: rgba(0, 0, 0, 0.85);
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain_explain {
  width: 100%;
  min-height: 160px;
  position: relative;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain_explain_img {
  width: 156px;
  height: 160px;
  position: absolute;
  left: 10px;
  bottom: 0;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain_explain_text {
  width: 270px;
  min-height: 116px;
  background: #e1faf2;
  border: 1px solid #00B99F;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 40px;
  float: right;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain_explain_text span[lowipa] {
  color: #00B99F;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_explain_explain_arrow {
  width: 16px;
  height: 16px;
  background-color: #e1faf2;
  border: 1px solid #00B99F;
  border-bottom-left-radius: 4px;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(45deg);
  position: absolute;
  right: 261px;
  bottom: 80px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 32px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record .word {
  height: 38px;
  font-size: 32px;
  font-weight: bold;
  line-height: 38px;
  color: rgba(0, 0, 0, 0.85);
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record .phoneme {
  height: 18px;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 50px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record .phoneme .component-htmlview {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 2px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record .phoneme .audio-control-box {
  font-size: 18px;
  margin-left: 4px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record_record {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record_record .ucomp-recorder {
  margin-bottom: 16px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record_record .ucomp-recorder .record-fill-icon {
  display: block;
  width: 80px;
  height: 80px;
  font-size: 80px;
  line-height: 80px;
  color: #00B99F;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_record_record_text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 40px 32px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish .word {
  height: 38px;
  font-size: 32px;
  font-weight: bold;
  line-height: 38px;
  color: rgba(0, 0, 0, 0.85);
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish .phoneme {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 20px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish .phoneme .audio-control-box {
  font-size: 18px;
  margin-left: 4px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #e1faf2;
  border-radius: 6px;
  padding: 16px 80px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .score-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: none;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .score-wrapper_text {
  font-size: 12px;
  color: #8e8e8e;
  line-height: 18px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .score-wrapper_value {
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
  margin-top: 10px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .score-wrapper .score-color-0 {
  color: #FF6859;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .score-wrapper .score-color-1 {
  color: #FABE0A;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .score-wrapper .score-color-2 {
  color: #0AC77C;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .arrow {
  height: 26px;
  margin-top: 28px;
  margin-left: 40px;
  margin-right: 40px;
  flex: none;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .down-arrow {
  width: 38px;
  height: 26px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .up-arrow {
  width: 38px;
  height: 26px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_content .equal-arrow {
  width: 52px;
  height: 28px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reply {
  height: 32px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #00B99F;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 24px;
  cursor: pointer;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reply .audio-control-box {
  font-size: 14px;
  color: #00B99F;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reply-text {
  font-size: 14px;
  color: #00B99F;
  line-height: 22px;
  margin-left: 8px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reply:hover {
  color: #44d4b7;
  border: 1px solid #44d4b7;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reset {
  height: 32px;
  background-color: #00B99F;
  background: linear-gradient(90deg, #44d4b7 0%, #00B99F 100%);
  border-radius: 4px;
  margin-left: 16px;
  padding: 5px 24px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 32px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reset > span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reset .microphone-sound {
  display: inline-flex;
  width: 16px;
  height: 22px;
  font-size: 14px;
  margin-right: 8px;
  justify-content: center;
  align-items: center;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .digital-correct-wrapper_finish_explain_btn .reset:hover {
  background-color: #44d4b7;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .pc-digital-correct-wrapper {
  width: 100%;
}
.digital-correct-modal-container .pc-digital-correct-modal-wrapper .pc-digital-correct-wrapper .digital-correct-bg-svg {
  color: #e1faf2;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-vocabulary-intro .practice {
  position: relative;
}
.question-vocabulary-intro .practice .practice-score {
  left: 30px;
}
.question-vocabulary-intro .practice [score-color-1] {
  color: #FABE0A !important;
}
.question-vocabulary-intro .practice [score-color-2] {
  color: #0AC77C !important;
}
.question-vocabulary-intro .practice .digital-correct-tips-wrapper {
  position: absolute;
  left: -24px;
  top: -38px;
  width: 160px;
  height: 69px;
  background-size: contain;
  background-repeat: no-repeat;
}
.question-vocabulary-intro .practice .digital-correct-tips-wrapper_btn {
  height: 24px;
  position: absolute;
  left: 70px;
  top: 35px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  background: white;
  border-radius: 13px;
  padding: 0 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.detail-analysis-wrapper {
  width: 100%;
}
.detail-analysis-wrapper .detail-analysis-score-comment {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px 20px 20px 32px;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item {
  width: 100%;
  display: inline-flex;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .writing-item {
  flex: 0.4;
  padding: 0;
  margin-right: 70px;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .writing-item .grade-progress {
  width: 110px;
  height: 110px;
  margin-left: 0px;
  background: #ffffff;
  border-radius: 50%;
  border: 3px solid #49dd99;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .writing-item .grade-progress .grade-value {
  font-size: 30px;
  color: #49dd99;
  font-weight: bold;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .writing-item .grade-progress .grade-text {
  font-size: 14px;
  font-weight: 500;
  color: #49dd99;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .writing-item .rate-wrap {
  width: 220px;
  display: inline-flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .writing-item .rate-wrap .rate-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .comment {
  background: rgba(224, 246, 255, 0.4);
  border-radius: 6px;
  padding: 30px 40px;
  flex: 0.6;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .comment .comment-title {
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
  display: block;
  margin-bottom: 8px;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .comment .comment-content {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-left: 24px;
  position: relative;
}
.detail-analysis-wrapper .detail-analysis-score-comment .abs-analysis-item .comment .comment-content::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #00B99F;
  position: absolute;
  left: -12px;
  top: 9px;
}
.detail-analysis-wrapper .detail-analysis-content {
  height: 440px;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-left {
  height: 100%;
  font-size: 16px;
  background: #ffffff;
  padding: 32px;
  margin-right: 16px;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 8px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-left .detail-analysis-word {
  color: #FF6859;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-left .detail-analysis-zhu {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FF6859;
  font-size: 12px;
  color: white;
  margin: 0 4px;
  text-align: center;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right {
  height: 100%;
  width: 284px;
  background: #ffffff;
  border-radius: 8px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-seg {
  width: 100%;
  height: 32px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 8px 8px 0px 0px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content {
  width: 100%;
  height: calc(100% - 32px);
  padding: 8px 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .item {
  height: 42px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .number {
  height: 18px;
  color: white;
  font-size: 14px;
  background: #FF6859;
  border-radius: 40px;
  padding: 2px 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .detail-analysis-all {
  height: 42px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #cff2ff;
  padding: 8px 16px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .detail-analysis-lang-item {
  padding: 8px 16px;
  height: 42px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .detail-analysis-lang-subitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px 6px 48px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .sub-title {
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .detail-analysis-lang-content .sub-number {
  height: 18px;
  color: white;
  font-size: 14px;
  background: #FF6859;
  border-radius: 40px;
  padding: 2px 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
  background: #ededed;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper {
  width: 100%;
  height: calc(100% - 32px);
  padding-top: 32px;
  position: relative;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .table-item {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .table-item .value {
  display: inline-block;
  width: 34px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  text-align: right;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .table-item .line {
  display: inline-block;
  width: 180px;
  border-bottom: 1px dashed #cfcfcf;
  margin-left: 6px;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .table-item .last {
  border-bottom: 1px solid #616161;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart {
  position: absolute;
  bottom: 61px;
  left: 88px;
  display: flex;
  align-items: flex-end;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .value-common {
  color: white;
  font-size: 12px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .name-common {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .relevance-wrapper {
  width: 66px;
  margin-right: 16px;
  position: relative;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .relevance-wrapper .relevance {
  background: #7179c4;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .relevance-wrapper .value {
  color: white;
  font-size: 12px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .relevance-wrapper .name {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .coherence-wrapper {
  width: 66px;
  position: relative;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .coherence-wrapper .coherence {
  background: #71cbf8;
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .coherence-wrapper .value {
  color: white;
  font-size: 12px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.detail-analysis-wrapper .detail-analysis-content .detail-analysis-right .table-wrapper .bar-chart .coherence-wrapper .name {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.detail-analysis-wrapper .detail-analysis-sentence-content {
  background: #ffffff;
  border-radius: 8px;
  padding: 12px 24px;
  margin-top: 16px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-title {
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra {
  padding: 16px 24px;
  background: #fafafa;
  border-radius: 6px;
  margin-top: 16px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-no {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-content {
  flex: 1;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-content .content-index {
  margin-right: 8px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-content .detail-analysis-word {
  color: #FF6859;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-content .detail-analysis-zhu {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FF6859;
  font-size: 12px;
  color: white;
  margin: 0 4px;
  text-align: center;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-comment {
  flex: 1;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-comment .error-wrapper {
  display: flex;
  flex-direction: row;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-comment .error-wrapper .warning {
  font-size: 19px;
  color: #FF6859;
  margin-right: 8px;
  flex: none;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-comment .type-name,
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-comment .desc {
  color: #000000;
  font-size: 16px;
}
.detail-analysis-wrapper .detail-analysis-sentence-content .detail-analysis-sentence-pra .detail-analysis-pra-content .pra-comment .type-name {
  font-weight: 500;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.analysis-personal-state-content .ant-tabs-content-holder {
  min-height: 210px !important;
  height: max-content !important;
  padding: 0 16px !important;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper {
  min-width: 456px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 14px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left {
  flex: 1;
  width: 100%;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 24px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .circle-score {
  width: 150px;
  height: 150px;
  position: relative;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .circle-score svg {
  width: 150px;
  height: 150px;
  font-size: 150px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .circle-score .score {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  color: #191919;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .circle-score .score .full {
  color: #191919;
  font-size: 16px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .circle-score .title {
  position: absolute;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  color: #191919;
  line-height: 28px;
  text-align: center;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item {
  display: flex;
  flex-direction: row;
  justify-content: baseline;
  align-items: flex-start;
  flex-wrap: wrap;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .item {
  height: 30px;
  font-size: 16px;
  color: #1a2233;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  margin-right: 16px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .item .rate-item_title {
  width: 74px;
  text-align: right;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .item:last-child {
  margin-bottom: 0px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .star {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 30px;
  margin-top: 4px;
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .ant-rate-star-half .star {
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .ant-rate-star-full .star {
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item [aria-checked='false'] .star,
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .left .personal-score-item .rate-item .ant-rate-star-zero .star {
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .right {
  height: 220px;
  width: 100%;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
  border-radius: 16px;
  padding-top: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .right .comment-title {
  width: 120px;
  height: 82px;
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -12px;
  top: -4px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .right .content {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 16px;
  color: #191919;
  line-height: 28px;
  padding: 24px 24px 8px;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .right .no-comment-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .right .no-comment-wrapper .no-comment {
  width: 40px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA+CAYAAAC875yHAAAFQklEQVR4Aeyby08bRxzHf79Zv3gkJCQ8pbRBKaCoVUKCAcc8LFoqqpwJatSqf0aVU8utl1Q9tIfeKrW9pb1UPaSVUp4pokAe0EAoDaUlQKA4GGzzsL0znQVZsjG2dnbrtTG73q925/Gb3/w+OzvyztoE+DY4OFIz+Ov41/33x6YH7o8tHRftxzv+zdDQaC3HoGknijEj0k+MsQ4EKNLUyhE12o+XvUUR7/b3D1/UEgbhxh9zQzvXcd7taLF8pAWAcgvXazHMORsk9fwu5INSLDIF4AkxkxytzVhhX1+fJBqdAlDUxqwfQ8AEGANDy6kJUAu1GBsTYAwMLacmQC3UYmxMgDEwtJyaALVQi7E5jgBjwtd/KgSw+PRJ+4Wqcydrq88XZatqXjtfVFlRko8o/FChiaZqgBXlJXmvX6wurqwoLSgtOZOfrSorPZN/oeqVotqaqlOaiAgaqQZYXnY2X7DtjFY/W3wqj0gk7cNQNcBQKEwzSkTQuSxTxvguaCZcXTXA+X+W/OFwRBb2kAEDxre5+YUNfki7d9UAg8GtyG8PJlYfTjxd+31q1putmpz6wzsyNrG6surdTjs97kA1QF4XqMwgEAiG132boWyVz+cP8TvFsOlGCKAC0VQ8ARNgPA/hlAlQGFm8gQkwnodwygQojCze4IgAjO90NqVMgDqvhgnQaIDKA7rNZiVGyWqxZPVFVt05BRxfzjrtbqwrb3JeKjNKrsbLZc6rb5QUFuRbdQ6WtJirBvjqucpCvqDqQEz7ClFCoHkOu6WGL+ImFGRBhmqAeQ6HJZP9ddjtGfWfLHbVAF+u+3aSNWJE/rpvI6P+k8WoGuCLlbXt2Wd/+9Z9m7uB4FbIKG36A6HFpZXAzJ/zG8mCyGS+aoBKJxWIfB3w5cPH016j9Hhyxjs3/9xP+Qqz0odskxDAbOt8NvTHBKjzKuQcQP4eBEHrB8DR29urVhaFffoAKq0bLwcSLAAGhVqE1oIPia3wljqduDU4PNqROwCVUQdg5eDQmOvGLJSiixjjLP1e9m7d9Ls54IFJOQPwQGSGJU2AOlGbAE2AOgnoNDdHoAlQJwGd5soI3NLZRo6YY1iSJOHf1HCA+ChHCOgKgwFdoVSYH5AIDX/Cnx2PxO/+dBFKYczfUlCCZCBFlaRF5M1W1zhvoIvXmDhuIHncfMixFaBwhzK6zBkI7/wWBmi95hxpa3a+I+/6q7dhty6VWIQ2cS9hLvU7wgzaWEuqdvWWyTbwMEa/FBFl7HMG8C1F9lx9MPE19wBGs9rb23c6m5tXU8njaVwAwFFQuyFOhyS5q7WhYS5Vu3rLKKVrgBgUEkBEbRjJ6sUBTFYpMZ/1J+YdksPYE5StXR1NTd5DSnMiSxNApKom3Em5wHKjtfXSek6QShKEJoD37v0wCQhJwSDiI5tUdKP9yhVfEr85k020RNLT00MRcPBQW4QHfl/4XZerevPQ8jRlMknSPZ+Jdo0BbGsCuO+IJsyDDNkYoTs3r193GQpP6c/bTid/b0wHkMAGIAb0iAAm/EWCEMJ5oR9gX8hgjUjkLgGNmwTWg188R3b8tpstLS3cicZGdZp5mpt+abvW8JnH7bytR8uLc7cR4Glsd2QmL3uanZ9G1dbS8EWbq35CM0C3u26RO3jGxS82Dufb4b3OzstBJX3U1d3dLb9Y/OsOEDIVjYWD2os1mo4eeX70VMuRDSDCkAS77zudzpxalFAgtrmufscQnyhkZLT+/wBlJF9Fdv0fuN3uhDlDcXrUhYi07+cfv+fz3/i/C7P8ASIxov8AAAD//2vwbp0AAAAGSURBVAMABGAtqmf+JwAAAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.analysis-personal-state-content .tab-analysis-personal-state-comment .personal-state-comment-item-wrapper .right .no-comment-wrapper .no-comment-text {
  font-size: 14px;
  color: #858c99;
  text-align: center;
  margin-top: 8px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.component-analysis {
  margin-top: 24px;
}
.component-analysis .analysis-title {
  position: relative;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.component-analysis .analysis-title::before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 1.5px;
  width: 3px;
  height: 14px;
  background: #0ccc8c;
}
.component-analysis .analysis-body {
  margin-top: 20px;
}
.component-analysis .analysis-body .ant-tabs-nav {
  margin-bottom: 0;
}
.component-analysis .analysis-body .ant-tabs-nav .ant-tabs-tab {
  width: 120px;
  height: 45px;
  background: #fafafa;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #6ce0c5;
  margin-right: 16px;
  padding: 8px 26px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.865);
}
.component-analysis .analysis-body .ant-tabs-nav .ant-tabs-tab-active {
  background: linear-gradient(90deg, #e2ecff 0%, #fbfcff 100%);
  color: #00B99F;
}
.component-analysis .analysis-body .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #00B99F;
}
.component-analysis .analysis-body .ant-tabs-nav .tabs-extra-content-detail {
  color: #00B99F;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.component-analysis .analysis-body .ant-tabs-content-holder {
  height: 210px;
  overflow-y: auto;
  background: #fafafa;
  border-radius: 0px 4px 4px 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 30px;
  margin-top: -1px;
}
.component-analysis .analysis-body .analysis-item {
  display: flex;
  margin-top: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.component-analysis .analysis-body .analysis-item-content {
  letter-spacing: 0;
  flex: 1;
}
.component-analysis .analysis-body .analysis-item-content .component-htmlview p {
  margin-top: 0;
  margin-bottom: 1em;
}
.component-analysis .analysis-body .analysis-item-content .component-htmlview caption {
  padding: unset;
  color: unset;
  text-align: center;
  caption-side: unset;
}
.component-analysis .analysis-body .analysis-item-title {
  flex: none;
}
.component-analysis .analysis-body .writing-item,
.component-analysis .analysis-body .writing-item-short {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
.component-analysis .analysis-body .writing-item .grade-progress-bar,
.component-analysis .analysis-body .writing-item-short .grade-progress-bar {
  width: 110px;
  height: 110px;
  margin-left: 0px;
}
.component-analysis .analysis-body .writing-item .grade-progress-bar .circular-progressbar,
.component-analysis .analysis-body .writing-item-short .grade-progress-bar .circular-progressbar {
  width: 100%;
  height: 100%;
}
.component-analysis .analysis-body .writing-item .grade-progress,
.component-analysis .analysis-body .writing-item-short .grade-progress {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  margin-left: 45px;
  background: radial-gradient(#ffdb84 30%, #ffb54d 70%);
  border-radius: 50%;
  border: 0;
  flex: none;
}
.component-analysis .analysis-body .writing-item .grade-progress .grade-bg,
.component-analysis .analysis-body .writing-item-short .grade-progress .grade-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 0;
  background: #ffffff;
  box-shadow: inset 0px -4px 13px 3px #ffe6bc, inset 0px 8px 3px 0px rgba(255, 128, 63, 0.03);
  flex: none;
}
.component-analysis .analysis-body .writing-item .grade-progress .grade-bg .grade-value,
.component-analysis .analysis-body .writing-item-short .grade-progress .grade-bg .grade-value {
  font-size: 10px;
}
.component-analysis .analysis-body .writing-item .grade-progress .grade-bg .grade-value .value-pre,
.component-analysis .analysis-body .writing-item-short .grade-progress .grade-bg .grade-value .value-pre {
  font-weight: bold;
  font-size: 16px;
}
.component-analysis .analysis-body .writing-item .grade-progress .grade-bg .grade-text,
.component-analysis .analysis-body .writing-item-short .grade-progress .grade-bg .grade-text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.865);
}
.component-analysis .analysis-body .writing-item .rate-wrap,
.component-analysis .analysis-body .writing-item-short .rate-wrap {
  display: inline-flex;
  width: 460px;
  vertical-align: sub;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 35px;
}
.component-analysis .analysis-body .writing-item .rate-wrap .rate-item,
.component-analysis .analysis-body .writing-item-short .rate-wrap .rate-item {
  display: inline-block;
}
.component-analysis .analysis-body .comment {
  margin-top: 24px;
}
.component-analysis .analysis-body .comment .comment-title {
  font-weight: bold;
}
.component-analysis .analysis-body .abs-record-item {
  padding-top: 16px;
}
.component-analysis .analysis-body .abs-record-item .question-audio {
  display: inline-block;
  vertical-align: middle;
}
.component-analysis .analysis-body .detail-analysis-extra-modal {
  width: 100%;
  max-width: 1160px;
}
.component-analysis .analysis-body .detail-analysis-extra-modal .ant-modal-content {
  width: 100%;
  background: #fafafa;
  border-radius: 12px;
}
.component-analysis .analysis-body .detail-analysis-extra-modal .ant-modal-content .ant-modal-body {
  padding: 30px;
}
.component-analysis .analysis-body .detail-analysis-extra-modal .ant-modal-confirm-btns {
  display: none;
}
.component-analysis .abs-analysis-item .writing-item .rate-wrap .rate-item {
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.component-analysis .abs-analysis-item .writing-item .rate-wrap .rate-item .rate-item_title {
  width: 74px;
  text-align: right;
}
.component-analysis .abs-analysis-item .writing-item .rate-wrap .star {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 30px;
  margin-top: 4px;
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.component-analysis .abs-analysis-item .writing-item .rate-wrap .ant-rate-star-half .star {
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.component-analysis .abs-analysis-item .writing-item .rate-wrap .ant-rate-star-full .star {
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.component-analysis .abs-analysis-item .writing-item .rate-wrap [aria-checked='false'] .star,
.component-analysis .abs-analysis-item .writing-item .rate-wrap .ant-rate-star-zero .star {
  background: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.i-test-analysis-component {
  margin-top: 24px;
}
.i-test-analysis-component .i-test-analysis__title {
  position: relative;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}
.i-test-analysis-component .i-test-analysis__title::before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 1.5px;
  width: 3px;
  height: 14px;
  background: #0ccc8c;
}
.i-test-analysis-component .i-test-analysis__body {
  margin-top: 20px;
}
.i-test-analysis-component .i-test-analysis__body .analysis-item {
  display: flex;
  margin-top: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.i-test-analysis-component .i-test-analysis__body .analysis-item-content {
  letter-spacing: 0;
  flex: 1;
}
.i-test-analysis-component .i-test-analysis__body .analysis-item-content .component-htmlview p {
  margin-top: 0;
  margin-bottom: 1em;
}
.i-test-analysis-component .i-test-analysis__body .analysis-item-content .audio-control-box {
  width: 26px;
  height: 26px;
  font-size: 26px;
}
.i-test-analysis-component .i-test-analysis__body .analysis-item-title {
  flex: none;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.evaluation-slider-reply-wrapper {
  width: 100%;
}
.evaluation-slider-reply-wrapper_ques_title {
  max-width: 700px;
  min-height: 24px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.evaluation-slider-reply-wrapper_ques_title p {
  display: inline;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper {
  max-width: 660px;
  width: 100%;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option {
  width: 100%;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_name {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
  display: inline-block;
  margin-top: 16px;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content {
  width: 100%;
  margin-top: 12px;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_wrapper {
  width: 100%;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_wrapper_child {
  width: 100%;
  height: 36px;
  background: linear-gradient(90deg, rgba(0, 185, 159, 0) 0%, rgba(0, 185, 159, 0.6) 100%);
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_wrapper_child > span {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_wrapper_child_unselected {
  background: #ffffff;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_wrapper_child .hover {
  background: unset;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_tip {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper_option_content_tip > span {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper .ant-tooltip-content .ant-tooltip-arrow-content {
  background: #00B99F;
}
.evaluation-slider-reply-wrapper .evaluation-slider-reply-component-wrapper .ant-tooltip-content .ant-tooltip-inner {
  color: white;
  font-size: 14px;
  font-weight: 400;
  background: #00B99F;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.evaluation-reply-result-component-wrapper {
  width: 100%;
}
.evaluation-reply-result-component-wrapper_answer {
  word-wrap: break-word;
  font-size: 16px;
  margin-bottom: 16px;
}
.evaluation-reply-result-component-wrapper_file_list {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.evaluation-reply-result-component-wrapper_file_list_item {
  width: 130px;
  height: 150px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: none;
  padding: 0 8px;
}
.evaluation-reply-result-component-wrapper_file_list_item .thumbnail-wrap .media-thumbnail {
  width: 40px;
  height: 54px;
}
.evaluation-reply-result-component-wrapper_file_list_item .thumbnail-wrap img {
  width: auto;
  height: 54px;
}
.evaluation-reply-result-component-wrapper_file_list_item_name {
  width: 114px;
  height: 45px;
  word-break: break-all;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.evaluation-reply-result-component-wrapper_file_desc {
  margin-top: 8px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.evaluation-slider-compare-detail {
  width: 100%;
  position: relative;
}
.evaluation-slider-compare-detail_title {
  height: 17px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.865);
}
.evaluation-slider-compare-detail_legend {
  margin-top: 24px;
  margin-left: 16px;
}
.evaluation-slider-compare-detail_legend .last,
.evaluation-slider-compare-detail_legend .current {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
}
.evaluation-slider-compare-detail_legend .last {
  margin-right: 24px;
  position: relative;
}
.evaluation-slider-compare-detail_legend .last::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3264fa;
  opacity: 0.84;
  position: absolute;
  left: -12px;
  top: 4.5px;
}
.evaluation-slider-compare-detail_legend .current {
  position: relative;
}
.evaluation-slider-compare-detail_legend .current::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0ac77c;
  opacity: 0.85;
  position: absolute;
  left: -12px;
  top: 4.5px;
}
.evaluation-slider-compare-detail_question-text {
  margin-top: 24px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.evaluation-slider-compare-detail_question-text p {
  margin-bottom: 0px;
}
.evaluation-slider-compare-detail_slider .slider-name {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 16px;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .first-tip,
.evaluation-slider-compare-detail_slider .slider-content-wrapper .last-tip {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  flex: none;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component {
  flex: 1;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .ant-slider {
  margin: 6px 26px 0px;
  padding: 0;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-slider-rail {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-slider-track {
  height: 4px;
  background: #507bfa !important;
  border-radius: 2px;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-slider-track::after {
  background-color: unset;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-slider-handle {
  visibility: hidden;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-tooltip {
  top: -24px !important;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-tooltip-content {
  width: 40px;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-tooltip-content .ant-tooltip-arrow {
  width: 16px;
  height: 16px;
  bottom: 0;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-tooltip-content .ant-tooltip-arrow-content {
  background-color: #3264fa;
  width: 11px;
  height: 11px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-tooltip-content .ant-tooltip-arrow-content::before {
  background: #3264fa;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-last .ant-tooltip-content .ant-tooltip-inner {
  min-height: unset;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  border-radius: 20px;
  background-color: #3264fa;
  display: flex;
  justify-content: center;
  align-items: center;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-slider-rail {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-slider-track {
  height: 4px;
  background: #0ac77c !important;
  border-radius: 2px;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-slider-track::after {
  background-color: unset;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-slider-handle {
  visibility: hidden;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-tooltip {
  top: -24px !important;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-tooltip-content {
  width: 40px;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-tooltip-content .ant-tooltip-arrow {
  width: 16px;
  height: 16px;
  bottom: 0;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-tooltip-content .ant-tooltip-arrow-content {
  background-color: #00B99F;
  width: 11px;
  height: 11px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-tooltip-content .ant-tooltip-arrow-content::before {
  background: #00B99F;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .slider-current .ant-tooltip-content .ant-tooltip-inner {
  min-height: unset;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  border-radius: 20px;
  background-color: #00B99F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.evaluation-slider-compare-detail_slider .slider-content-wrapper .pc-evaluation-slider-compare-detail-component .hidden-popover .ant-tooltip {
  display: none;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.evaluation-slider-reply-component-wrapper_option {
  width: 100%;
}
.evaluation-slider-reply-component-wrapper_option_content_wrapper {
  position: relative;
}
.evaluation-slider-reply-component-wrapper_option_content_wrapper .ant-tooltip {
  max-width: unset !important;
  top: -28px !important;
}
.evaluation-slider-reply-component-wrapper_option_content_wrapper .ant-tooltip-content .ant-tooltip-arrow {
  width: 14px;
  height: 14px;
  left: 50%;
  bottom: 0;
  transform: translateY(100%) translateX(-50%);
}
.evaluation-slider-reply-component-wrapper_option_content_wrapper .ant-tooltip-content .ant-tooltip-arrow-content {
  width: 14px;
  height: 14px;
  background-color: #00B99F;
  box-shadow: none;
  transform: translateY(-11px) rotate(45deg);
}
.evaluation-slider-reply-component-wrapper_option_content_wrapper .ant-tooltip-content .ant-tooltip-arrow-content::before {
  background: #00B99F;
}
.evaluation-slider-reply-component-wrapper_option_content_wrapper .ant-tooltip-content .ant-tooltip-inner {
  min-height: unset;
  width: auto;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  padding: 0 16px;
  white-space: nowrap;
  border-radius: 20px;
  background-color: #00B99F;
  display: flex;
  justify-content: center;
  align-items: center;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-video-player {
  position: relative;
  width: 100%;
  max-height: 450px;
  max-width: 800px;
  overflow: hidden;
  margin: 0 auto;
}
.question-video-player .video-js .vjs-poster {
  background-color: #ffffff;
}
.question-video-player .video-js .vjs-poster::after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.question-video-player .video-js .vjs-text-track-display {
  display: none;
}
.question-video-player .video-js .vjs-text-track-display .vjs-text-track-cue > div {
  color: #ffffff;
  letter-spacing: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
.question-video-player .vjs-error .vjs-error-display:before {
  content: '';
}
.question-video-player .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.45);
}
.question-video-player .controls .sliderWrap {
  position: absolute;
  top: -5px;
  width: 100%;
}
.question-video-player .controls .sliderWrap .slider {
  width: 100%;
  margin: 0;
}
.question-video-player .controls .sliderWrap .slider .ant-slider-with-marks {
  margin: 0;
}
.question-video-player .controls .sliderWrap .slider .ant-slider-rail {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.7);
}
.question-video-player .controls .sliderWrap .slider .ant-slider-track {
  height: 3px;
  background-color: #00B99F;
}
.question-video-player .controls .sliderWrap .slider .ant-slider-handle {
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background-color: #00B99F;
  border: none;
}
.question-video-player .controls .sliderWrap .slider .ant-slider-handle:before {
  position: absolute;
  top: -3px;
  left: -3px;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(0, 185, 159, 0.3);
}
.question-video-player .controls .sliderWrap .slider .ant-slider-step .ant-slider-dot {
  background-color: #f63944;
  border-color: #f63944;
}
.question-video-player .controls .controlMenu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.question-video-player .controls .controlMenu .controlLeft,
.question-video-player .controls .controlMenu .controlRight {
  display: flex;
  align-items: center;
  height: 50px;
}
.question-video-player .controls .controlMenu .controlLeft .controlBtn,
.question-video-player .controls .controlMenu .controlRight .controlBtn {
  display: inline-block;
  margin-right: 20px;
  border-radius: 11px;
  padding: 3px 8px;
  width: 56px;
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}
.question-video-player .controls .controlMenu .controlLeft .controlBtn.active,
.question-video-player .controls .controlMenu .controlRight .controlBtn.active {
  background-color: #00B99F;
  color: #ffffff;
}
.question-video-player .controls .controlMenu .controlLeft .controlBtn:hover,
.question-video-player .controls .controlMenu .controlRight .controlBtn:hover {
  background-color: #00B99F;
  color: #ffffff;
}
.question-video-player .controls .controlMenu .controlLeft .iconbtn,
.question-video-player .controls .controlMenu .controlRight .iconbtn {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.85);
  margin-right: 20px;
  cursor: pointer;
}
.question-video-player .controls .controlMenu .controlLeft .iconbtn.active,
.question-video-player .controls .controlMenu .controlRight .iconbtn.active {
  color: #00B99F;
}
.question-video-player .controls .controlMenu .controlLeft .iconbtn:hover,
.question-video-player .controls .controlMenu .controlRight .iconbtn:hover {
  color: #00B99F;
}
.question-video-player .controls .controlMenu .controlLeft {
  float: left;
  margin-left: 20px;
}
.question-video-player .controls .controlMenu .controlLeft .iconbtn {
  font-size: 25px;
}
.question-video-player .controls .controlMenu .controlLeft .beforeTimeText {
  font-size: 12px;
  color: #ffffff;
}
.question-video-player .controls .controlMenu .controlLeft .afterTimeText {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  white-space: nowrap;
}
.question-video-player .controls .controlMenu .controlRight {
  float: right;
  padding-right: 10px;
}
.question-video-player.track-show .video-js .vjs-text-track-display {
  display: block;
  bottom: 0em;
}
.question-video-player .tooltips-video-player__control .ant-tooltip-content {
  font-size: 12px;
}
.question-video-player .tooltips-video-player__control .ant-tooltip-content .ant-tooltip-inner {
  border-radius: 4px;
  padding: 2px 9px;
  min-height: 0;
}
.question-video-player-pc-control-tooltip .tooltipBox .textOption {
  cursor: pointer;
  padding: 4px 2px;
  font-size: 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
}
.question-video-player-pc-control-tooltip .tooltipBox .textOption.active {
  color: #00B99F;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox {
  height: 145px;
  text-align: center;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox .mySlider {
  height: 85px;
  padding-bottom: 5px;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox .mySlider .ant-slider-vertical .ant-slider-handle {
  margin-left: -4px;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox .mySlider .ant-slider-handle {
  width: 12px;
  height: 12px;
  background-color: #00B99F;
  border: solid 4px #fff;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox .mySlider .ant-slider-vertical .ant-slider-rail {
  width: 2px;
  margin-left: 1px;
  background: #b6b4b4;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox .mySlider .ant-slider-track {
  background: none;
  width: 0;
}
.question-video-player-pc-control-tooltip .tooltipBox.fontBox .mySlider .ant-slider-dot {
  border: none;
  border-radius: unset;
  background-color: #b6b4b4;
  margin-bottom: 0;
  height: 2px;
}
.question-video-player-pc-control-tooltip .tooltipBox.volumeBox {
  height: 105px;
  padding-bottom: 5px;
  cursor: pointer;
}
.question-video-player-pc-control-tooltip .tooltipBox.volumeBox .ant-slider-vertical {
  width: 0;
  height: 100%;
  margin: 10px 6px 10px 5px;
  padding: 0;
}
.question-video-player-pc-control-tooltip .tooltipBox.volumeBox .ant-slider-handle {
  margin-left: -4px;
  width: 12px;
  height: 12px;
  background-color: #00B99F;
  border: solid 4px #fff;
}
.question-video-player-pc-control-tooltip .tooltipBox.volumeBox .ant-slider-vertical .ant-slider-rail {
  width: 2px;
  margin-left: 1px;
  background: #b6b4b4;
}
.question-video-player-pc-control-tooltip .tooltipBox.volumeBox .ant-slider-track {
  background: #00B99F;
  width: 2px;
  margin-left: 1px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.qc-abs-word-tips .words-tips-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 40px;
  text-align: center;
  font-size: 14px;
}
.qc-abs-word-tips .words-tips-btn .words-tips {
  line-height: normal;
}
.qc-abs-word-tips .words-tips-btn:hover {
  color: #20c7ab;
}
.qc-abs-word-tips .word-tips-icon {
  width: 14px;
  height: 15px;
  margin: 3px 0 0 8px;
  transition: all 300ms ease-in-out;
}
.qc-abs-word-tips .word-tips-icon:hover {
  color: #20c7ab;
}
.qc-abs-word-tips .word-tips-wrap {
  flex: 1;
  padding-left: 15px;
}
.qc-abs-word-tips .word-tips-wrap-hidden {
  display: none;
}
.qc-abs-word-tips .qc-abs-word-branch {
  margin-bottom: 10px;
}
.qc-abs-word-tips .qc-abs-word-branch .word-title-col {
  display: flex;
}
.qc-abs-word-tips .qc-abs-word-branch .word-title-col .word-title {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.qc-abs-word-tips .qc-abs-word-branch .word-title-col .word-title-line {
  margin-top: 11px;
  margin-left: 10px;
  flex: 1;
  height: 1px;
  background-color: #e5e5e5;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 22px;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item .word-name {
  display: inline-block;
  font-size: 16px;
  word-wrap: break-word;
  line-height: normal;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item .word-name p {
  padding: 0;
  margin: 0;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item .word-audio {
  display: inline-block;
  font-size: 14px;
  color: #00B99F;
  margin-left: 5px;
  cursor: pointer;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item .word-audio:hover {
  color: #20c7ab;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item .word-audio .audio-control-box {
  font-size: 14px;
}
.qc-abs-word-tips .qc-abs-word-branch .audio-trumpet {
  cursor: pointer;
}
.qc-abs-word-tips .qc-abs-word-branch ul,
.qc-abs-word-tips .qc-abs-word-branch ul li {
  margin: 0;
  padding: 0;
}
.qc-abs-word-tips .qc-abs-word-branch ul li {
  list-style: none;
}
.qc-abs-word-tips .qc-abs-word-branch .word-explanation,
.qc-abs-word-tips .qc-abs-word-branch .word-characteristic {
  line-height: 30px;
  color: rgba(0, 0, 0, 0.865);
  font-size: 14px;
}
.qc-abs-word-tips .qc-abs-word-branch .word-explanation p,
.qc-abs-word-tips .qc-abs-word-branch .word-characteristic p {
  padding: 0;
  margin: 0;
}
.qc-abs-word-tips .qc-abs-word-branch .word-explanation {
  line-height: 22px;
}
.qc-abs-word-tips .qc-abs-word-branch .word-item-container {
  line-height: 30px;
  margin-bottom: 16px;
}
.qc-abs-word-tips-active .words-tips {
  color: #009485;
}
.qc-abs-word-tips-active .word-tips-icon {
  transform: rotate(180deg);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-common-abs-material .text-material-wrapper {
  font-size: 16px;
  padding-bottom: 16px;
}
.question-common-abs-material .text-material-wrapper caption {
  padding: unset;
  color: unset;
  text-align: center;
  caption-side: unset;
}
.question-common-abs-material .audio-material-wrapper {
  padding-bottom: 16px;
}
.question-common-abs-material .video-material-wrapper {
  padding-bottom: 16px;
}
.question-common-abs-material.bigScreenAudio .audio-material-wrapper {
  height: 0;
  padding: 0;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pc-reply {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-question-progress {
  width: 100%;
  height: 4px;
  background: #e5e5e5;
  margin-bottom: 1px;
}
.comp-question-progress .percent {
  background: #00B99F;
  height: 100%;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.layout-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.layout-container .layout-progress-container {
  margin: 16px 0 0;
  padding: 0 32px;
}
.layout-container .layout-direction-container {
  overflow-y: auto;
  position: relative;
  margin: 16px 0 0;
  padding: 0 32px;
  width: 100%;
  max-height: 127px;
  background: #ffffff;
}
.layout-container .layout-direction-container .abs-direction {
  display: inline-block;
  background: #ffffff;
}
.layout-container .layout-direction-container .abs-direction .title {
  font-weight: bold;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  line-height: 28px;
}
.layout-container .layout-direction-container .abs-direction .title::after {
  content: ' ';
}
.layout-container .layout-direction-container .abs-direction .content {
  display: inline;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
}
.layout-container .layout-direction-container .abs-direction .content > p {
  display: inline;
  margin-left: 2px;
}
.layout-container .layout-direction-container .abs-direction .content caption {
  padding: unset;
  color: unset;
  text-align: center;
  caption-side: unset;
}
.layout-container .layout-divider {
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}
.layout-container .layoutBody-container {
  display: flex;
  flex-grow: 1;
  position: relative;
  padding: 0;
  width: 100%;
  height: 0;
  flex-direction: row;
}
.layout-container .layoutBody-container.vertical {
  display: block;
  overflow-y: auto;
}
.layout-container .layoutBody-container.vertical .layout-material-container {
  height: auto;
}
.layout-container .layoutBody-container.vertical .layout-reply-container {
  height: auto;
}
.layout-container .layoutBody-container .layout-material-container {
  display: block;
  flex: 1;
  padding: 32px;
  padding-bottom: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.layout-container .layoutBody-container .layout-material-container.reply-full {
  display: none;
}
.layout-container .layoutBody-container .layout-material-container .video-material-wrapper {
  max-width: 80%;
  margin: 0 auto;
}
.layout-container .layoutBody-container .layout-reply-container {
  display: block;
  flex: 1;
  padding: 32px;
  height: 100%;
  background: #fafafa;
  overflow-y: auto;
  overflow-x: hidden;
}
.layout-container .layoutBody-container .layout-reply-container.full {
  display: block;
  width: 100%;
  box-shadow: none;
  background: none;
  overflow-y: auto;
}
.layout-container .layoutBody-container.has-material .layout-reply-container {
  padding-left: 32px;
}
.layout-container .layoutBody-container.has-reply .layout-material-container {
  padding-right: 32px;
}
.layout-container .layoutBody-container.has-reply .layout-material-container .video-material-wrapper {
  max-width: none;
}
.layout-container .layoutBody-container.fluid {
  padding-left: 0;
  padding-right: 0;
}
.layout-container .layoutBody-container .question-rich-text-read {
  position: static;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
/** @format */
.question-abs-question .reply-wrap {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
.question-abs-question .reply-wrap .question-common-abs-reply {
  margin-top: 28px;
  height: auto;
}
.question-abs-question .reply-wrap .question-common-abs-reply .component-htmlview p {
  margin-top: 0;
  margin-bottom: 0;
}
.question-abs-question .reply-wrap .question-common-abs-reply .oral-study-sentence-scoop .component-htmlview p,
.question-abs-question .reply-wrap .question-common-abs-reply .oral-study-sentence .component-htmlview p,
.question-abs-question .reply-wrap .question-common-abs-reply .fill-blank-reply .component-htmlview p,
.question-abs-question .reply-wrap .question-common-abs-reply .question-inputbox-header .component-htmlview p,
.question-abs-question .reply-wrap .question-common-abs-reply .analysis-item-content .component-htmlview p {
  margin-top: 0;
  margin-bottom: 1em;
}
.question-abs-question .reply-wrap .question-common-abs-reply:first-child {
  margin-top: 0;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.test-audio-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.test-audio-wrapper .test-audio {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.test-audio-wrapper .test-audio .audio-play {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.test-audio-wrapper .test-audio .audio-play .audio-control-trumpet {
  font-size: 40px;
  color: #00B99F;
}
.test-audio-wrapper .test-audio > span {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.65);
}
.test-audio-wrapper > span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.big-screen-audio {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: rgba(25, 25, 25, 0.8);
}
.big-screen-audio .audio-trumpet {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.big-screen-audio .audio-trumpet .audio-control-trumpet {
  font-size: 40px;
  color: #00B99F;
}
.big-screen-audio > span {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.65);
}
.big-screen-audio .audio-big-bar {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.big-screen-audio .audio-big-bar .audio-control-bar {
  width: 100%;
  max-width: none;
  height: 72px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller {
  width: 100%;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controllerLeft {
  width: 120px;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controllerLeft .btn-play {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 84px;
  height: 56px;
  background: #00B99F;
  box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.18);
  border-radius: 29px;
  border: 3px solid rgba(0, 0, 0, 0.19);
  flex: none;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controllerLeft .btn-play .audio-cover {
  margin-left: 11px;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controllerLeft .btn-play .icon-audio-action {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #222222;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controller-progress {
  position: relative;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controller-progress .progress-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controller-progress .progress-wrapper .startTime {
  font-size: 16px;
  color: #fafafa;
  flex: none;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controller-progress .progress-wrapper .sliderWrap {
  margin: 0px;
  flex: 1;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .controller-progress .progress-wrapper .timeBar {
  font-size: 16px;
  color: #fafafa;
  margin: 0px;
  flex: none;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .playSpeed {
  width: 52px;
  height: 32px;
  color: #fafafa;
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.big-screen-audio .audio-big-bar .audio-control-bar .controller .volume {
  color: #fafafa;
  font-size: 20px;
}
.big-screen-audio.isTrumpet {
  width: unset;
  padding: 21px 32px;
  border-radius: 24px;
}
.big-screen-audio.isTrumpet .audio-trumpet {
  width: 84px;
  height: 56px;
  background: #aee50a;
  box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.18);
  border-radius: 29px;
  border: 3px solid rgba(0, 0, 0, 0.19);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.big-screen-audio.isTrumpet .audio-trumpet .audio-control-trumpet {
  width: 16px;
  height: 16px;
  color: #222222;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.big-screen-audio.isTrumpet > span {
  height: 16px;
  font-size: 16px;
  color: #ffffff;
  line-height: 32px;
  text-align: left;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.mistake-atom {
  line-height: 26px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  /** 标点 */
  /** 空格 */
  /** 单词 */
}
.mistake-atom.punctuation {
  pointer-events: none;
}
.mistake-atom.space {
  pointer-events: none;
}
.mistake-atom.word {
  display: inline-block;
  position: relative;
  /** 拆分最小单元 */
}
.mistake-atom.word .mistake-atom-text {
  position: relative;
}
.mistake-atom.word.target-add-before {
  background: #ffecd9;
}
.mistake-atom.word.operating {
  background: #ffecd9;
}
.mistake-atom.word.edit-change {
  color: #00B99F;
}
.mistake-atom.word.edit-add-before {
  background: #ffecd9;
}
.mistake-atom.word.edit-add-before::before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 100%;
  width: 2px;
  height: 20px;
  background: #00B99F;
  transform: translate(0, -50%);
}
.mistake-atom.mark-correct {
  color: #00B99F;
}
.mistake-atom.add-before {
  color: #00B99F;
}
.mistake-atom.change {
  color: #00B99F;
  background: #ffecd9;
}
.mistake-atom.delete {
  color: #f63944;
  background: #ffecd9;
  text-decoration: line-through;
}
.mistake-item.hide-helper .mistake-atom {
  font-weight: 400;
  text-decoration: none;
}
.mistake-item.hide-helper .mistake-atom.delete {
  text-decoration: line-through;
}
.mistake-item.nobg .change,
.mistake-item.nobg .delete,
.mistake-item.nobg .target,
.mistake-item.nobg .mark-correct {
  background: none !important;
}
.mistake-item.answer-right,
.mistake-item.answer-wrong {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mistake-item.answer-right .mistake-atom,
.mistake-item.answer-wrong .mistake-atom {
  display: inline;
  background: none;
  text-decoration: none;
}
.mistake-item.answer-right .change,
.mistake-item.answer-right .delete,
.mistake-item.answer-right .add-before,
.mistake-item.answer-right .mark-correct {
  color: #0ccc8c;
  background: none;
}
.mistake-item.answer-right .delete {
  text-decoration: line-through;
}
.mistake-item.answer-wrong .change,
.mistake-item.answer-wrong .delete,
.mistake-item.answer-wrong .add-before,
.mistake-item.answer-wrong .mark-correct {
  color: #f63944;
  background: none;
}
.mistake-item.answer-wrong .delete {
  text-decoration: line-through;
}
.popover-mistake-atom .ant-popover-inner {
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
}
.popover-mistake-atom .ant-popover-inner-content {
  padding: 24px 16px 12px;
}
.popover-mistake-atom .ant-space {
  background: transparent;
}
.mistake-item-actions .mistake-item-actions-grid {
  display: grid;
  grid-template-columns: repeat(2, 124px);
  gap: 16px;
}
.mistake-item-actions .mistake-item-action {
  border-radius: 4px;
  width: 124px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.1);
  user-select: none;
}
.mistake-item-actions .mistake-item-action:hover {
  cursor: pointer;
}
.mistake-item-actions .mistake-item-action.selected {
  color: #fff;
  background-color: #00B99F;
}
.mistake-item-actions .action-confirm-wrap {
  margin-top: 16px;
  text-align: center;
}
.mistake-item-actions .action-confirm-wrap .action-confirm {
  border-radius: 4px;
  width: 88px;
  height: 32px;
}
.ant-btn-loading.button-mistake-submit .ant-btn-loading-icon {
  display: none;
}
.popover-mistake-item-reset .popover-icon {
  color: #ff8e14;
}
.popover-mistake-item-reset .ant-popover-buttons {
  text-align: center;
}
.mistake-item-edit-form {
  width: 246px;
}
.mistake-item-edit-form .edit-form-title {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
.mistake-item-edit-form .edit-form-body {
  margin-top: 16px;
}
.mistake-item-edit-form .edit-form-input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  background: #fafafa;
  outline: none;
  box-shadow: none;
  caret-color: #00B99F;
}
.mistake-item-edit-form .edit-form-input::placeholder {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
}
.mistake-item-edit-form .edit-form-submit {
  width: 88px;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-revise-mistake-reply {
  word-break: break-word;
}
.comp-revise-mistake-reply .mistake-item-num {
  font-weight: 700;
}
.comp-revise-mistake-reply .mistake-item-answers .answers-text {
  color: #0ccc8c;
}
.comp-revise-mistake-reply .mistake-item-answers .answers-text-bold {
  font-weight: 700;
}
.comp-revise-mistake-reply .mistake-item-answers-underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-revise-mistake {
  background: #ffffff;
}
.question-revise-mistake .revise-mistake-reply-content {
  line-height: 32px;
  font-size: 16px;
  letter-spacing: 1px;
}
.question-revise-mistake .revise-mistake-reply-content .revise-mistake-htmlview {
  padding-left: 2px;
}
.question-revise-mistake .reply-wrap {
  display: none;
}
.question-revise-mistake .revise-mistake-analysis p {
  display: inline;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
@keyframes cursorFlash {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.comp-word-dictation-reply {
  display: flex;
  flex-direction: column;
}
.comp-word-dictation-reply .reply-area-wrap {
  display: flex;
  align-items: flex-start;
}
.comp-word-dictation-reply .reply-area-wrap .question-number {
  flex: none;
  width: 57px;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.935);
  user-select: none;
}
.comp-word-dictation-reply .reply-area-wrap .word-audio {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex: none;
  margin-right: 55px;
  height: 28px;
}
.comp-word-dictation-reply .reply-area-wrap .word-audio-control {
  font-size: 23px;
}
.comp-word-dictation-reply .analysis-wrap {
  margin-bottom: -16px;
  border-bottom: 1px solid #e1e6f0;
  padding-bottom: 24px;
}
.comp-word-dictation-reply .word-dictation-input {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: -16px;
}
.comp-word-dictation-reply .word-dictation-input .input-item {
  position: relative;
  margin-right: 10px;
  margin-bottom: 16px;
  padding-bottom: 5px;
  width: 25px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.comp-word-dictation-reply .word-dictation-input .input-item .letter {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 700;
}
.comp-word-dictation-reply .word-dictation-input .input-item:hover {
  cursor: pointer;
}
.comp-word-dictation-reply .word-dictation-input .input-item::after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #8e8e8e;
}
.comp-word-dictation-reply .word-dictation-input .input-item.active {
  color: #00B99F;
}
.comp-word-dictation-reply .word-dictation-input .input-item.active::after {
  background: #00B99F;
  animation: cursorFlash 1.2s infinite;
}
.comp-word-dictation-reply .word-dictation-input .input-item .letter.right {
  font-weight: 400;
  color: #0ccc8c;
}
.comp-word-dictation-reply .word-dictation-input .input-item .letter.wrong {
  font-weight: 400;
  color: #f63944;
}
.comp-word-dictation-reply .delete-wrap {
  position: relative;
  width: 25px;
  height: 28px;
}
.comp-word-dictation-reply .delete-wrap .word-dictation-delete {
  position: absolute;
  bottom: -4px;
  font-size: 23px;
  color: #00B99F;
}
.comp-word-dictation-reply .delete-wrap .word-dictation-delete:hover {
  cursor: pointer;
}

.question-word-dictation.question-word-dictation .reply-wrap .question-common-abs-reply {
  margin-top: 36px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.pairwork-loading i {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
@keyframes connectLoading {
  0% {
    background-color: rgba(0, 185, 159, 0.4);
  }
  50% {
    background-color: rgba(0, 185, 159, 0.6);
  }
  100% {
    background-color: #00B99F;
  }
}
.pairwork-loading .circle-loading {
  margin-right: 11px;
  margin-left: 11px;
  background-color: rgba(0, 185, 159, 0.6);
  animation: connectLoading 0.9s infinite 0.3s;
}
.pairwork-loading .circle-loading-shallow {
  background-color: rgba(0, 185, 159, 0.4);
  animation: connectLoading 0.9s infinite;
}
.pairwork-loading .circle-loading-deep {
  background-color: #00B99F;
  animation: connectLoading 0.9s infinite ease 0.6s;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.pairwork-volume {
  display: flex;
  align-items: flex-end;
  height: 16px;
}
.pairwork-volume .microphone {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  color: #00B99F;
}
.pairwork-volume .microphone.disabled {
  color: #D8D8D8;
}
.pairwork-volume .volume-wrap {
  box-sizing: content-box;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 4px;
  height: 24px;
}
.pairwork-volume .volume-wrap i {
  box-sizing: content-box;
  display: inline-block;
  margin-left: 3px;
  width: 4px;
  height: 24px;
  background-color: #D8D8D8;
}
.pairwork-volume .volume-wrap i.active {
  background-color: #00B99F;
}
.pairwork-volume .volume-wrap i:nth-child(1) {
  margin-left: 0;
  height: 2px;
}
.pairwork-volume .volume-wrap i:nth-child(2) {
  height: 4px;
}
.pairwork-volume .volume-wrap i:nth-child(3) {
  height: 6px;
}
.pairwork-volume .volume-wrap i:nth-child(4) {
  height: 8px;
}
.pairwork-volume .volume-wrap i:nth-child(5) {
  height: 10px;
}
.pairwork-volume .volume-wrap i:nth-child(6) {
  height: 12px;
}
.pairwork-volume .volume-wrap i:nth-child(7) {
  height: 14px;
}
.pairwork-volume .volume-wrap i:nth-child(8) {
  height: 16px;
}
.pairwork-volume .disabled i.active {
  background-color: #e1e1e1;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.pairwork-candidate {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pairwork-candidate .candidate__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 2px;
  width: 88px;
  height: 88px;
}
.pairwork-candidate .candidate__avatar .avatar {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background-size: cover;
}
.pairwork-candidate .candidate__avatar .badge-me {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #00B99F;
}
.pairwork-candidate .candidate__avatar.ative {
  border-color: #00B99F;
}
.pairwork-candidate .candidate__avatar.size-large {
  padding: 0;
  width: 96px;
  height: 96px;
}
.pairwork-candidate .candidate__avatar.size-large .avatar {
  width: 100%;
  height: 100%;
}
.pairwork-candidate .candidate__name {
  margin-top: 11px;
  line-height: 22px;
  font-size: 16px;
}
.pairwork-candidate .candidate__text {
  margin-top: 4px;
  line-height: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.pairwork-candidate .candidate__volume {
  margin-top: 9px;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-count-down {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.count-down-clock {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.count-down-clock .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.count-down-clock .clock-svg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #000000;
  margin-right: 9px;
}
.count-down-clock .count-down-time {
  font-family: HelveticaNeue-Medium;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.count-down-transition {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.count-down-transition .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.count-down-transition .count-down-time {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #98edd6;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.count-down-transition .count-tips {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.pairwork-count-down {
  border: 1px solid #608EF7;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #608EF7;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ucomp-recorder {
  display: flex;
  color: #00B99F;
  font-size: 32px;
}
.ucomp-recorder:hover {
  cursor: pointer;
  color: #20c7ab;
}
.ucomp-recorder.disabled {
  color: rgba(0, 0, 0, 0.25);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ucomp-recorder .pure-record-fill-icon {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 56px;
  line-height: 56px;
}
.ucomp-recorder .pure-record-fill-icon.wave-ani {
  background: #00B99F;
  border-radius: 50%;
  animation: pcRecordWave 1s 0.2s infinite;
}
@keyframes pcRecordWave {
  0% {
    box-shadow: 0 0 0 0 #00B99F;
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 185, 159, 0.08);
  }
}
.ucomp-recorder .pure-record-fill-icon.disabled {
  color: rgba(0, 0, 0, 0.2);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.p-question-multi-oral .multi-oral-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__material-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__material-wrapper .multi-oral-html-view {
  font-size: 16px;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper {
  width: 100%;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  flex: none;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .ques-title {
  font-size: 16px;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-question-audio {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-question-audio .audio-play {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-question-audio .audio-play .audio-control-trumpet {
  font-size: 40px;
  color: #00B99F;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-question-audio > span {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-start-wrapper,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-play-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-start-wrapper .audio-play,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-play-wrapper .audio-play {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-start-wrapper .audio-play .audio-control-trumpet,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-play-wrapper .audio-play .audio-control-trumpet {
  font-size: 40px;
  color: #00B99F;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-start-wrapper > span,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-play-wrapper > span {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-count-down {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-count-down .oral-clock-svg {
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #00B99F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-count-down-time {
  margin-left: 10px;
  font-size: 16px;
  color: #00B99F;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-count-down-time-hints {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .oral-count-down-time-record {
  margin-right: 10px;
  font-size: 16px;
  color: #00B99F;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .ucomp-recorder {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload-success {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload .upload-svg,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload-success .upload-svg {
  width: 50px;
  height: 50px;
  font-size: 50px;
  color: #00B99F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload .multi-oral-buttons__upload-hints,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload-success .multi-oral-buttons__upload-hints,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload .multi-oral-buttons__upload-success-hints,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload-success .multi-oral-buttons__upload-success-hints {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload .multi-oral-buttons__upload-success-tips,
.p-question-multi-oral .multi-oral-wrapper .multi-oral__reply-wrapper .multi-oral-reply .multi-oral-flow-component .multi-oral-buttons__upload-success .multi-oral-buttons__upload-success-tips {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pairwork .pairwork-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 728px;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pairwork .pairwork-step {
  width: 100%;
  height: 100%;
}
.question-pairwork .pairwork-step__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.question-pairwork .pairwork-step__header .pairwork-tips-wrap {
  display: flex;
  align-items: center;
  flex: none;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 0 18px;
  width: 328px;
  height: 68px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.question-pairwork .pairwork-step__header .pairwork-tips-wrap .text {
  margin-left: 33px;
  line-height: 20px;
  font-size: 13px;
}
.question-pairwork .pairwork-step__header .attachment {
  margin-top: 18px;
  line-height: 22px;
  font-size: 14px;
}
.question-pairwork .pairwork-step__material {
  margin-top: 32px;
  line-height: 24px;
  font-size: 14px;
}
.question-pairwork .pairwork-step__candidate-list {
  display: flex;
  justify-content: space-around;
  flex: none;
  margin-top: 36px;
  width: 100%;
}
.question-pairwork .pairwork-step-connect .pairwork-step__header .text {
  line-height: 21px;
  font-size: 16px;
}
.question-pairwork .pairwork-step-connect .pairwork-step__header .loading {
  margin-top: 16px;
}
.question-pairwork .pairwork-step-connect .pairwork-step__candidate-list {
  margin-top: 96px;
}
.question-pairwork .pairwork-step-test-talking .pairwork-step__header .btn-reconnect {
  color: #00B99F;
}
.question-pairwork .pairwork-step-test-talking .pairwork-step__header .btn-reconnect:hover {
  cursor: pointer;
}
.question-pairwork .pairwork-step-test-talking .pairwork-step__header .talking-success {
  flex: 1;
  text-align: center;
  color: #0ccc8c;
}
.question-pairwork .pairwork-step-test-talking .pairwork-step__header .waiting-time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.question-pairwork .pairwork-step-test-talking .pairwork-step__candidate-list {
  margin-top: 63px;
}
.question-pairwork .pairwork-step-play-audio .pairwork-audio {
  border: 1px solid #608EF7;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.question-pairwork .pairwork-step-play-audio .pairwork-step__candidate-list {
  margin-top: 103px;
}
.question-pairwork .pairwork-step-talking .progress-wrap {
  margin-left: 33px;
}
.question-pairwork .pairwork-step-talking .progress-wrap .text {
  margin-left: 0px;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.question-pairwork .pairwork-step-upload .upload-motion {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E8E8E7;
  border-radius: 50%;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
}
.question-pairwork .pairwork-step-upload .upload-motion::after {
  content: ' ';
  display: inline-block;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  background-color: #FBBEB8;
}
.question-pairwork .pairwork-step-upload .upload-motion.animation::after {
  animation: flash 2s infinite;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-abs-input {
  display: inline-block;
  position: relative;
  min-width: 80px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
}
.comp-abs-input .placeholder {
  opacity: 0;
  font-family: inherit;
}
.comp-abs-input input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  display: inline-block;
  text-align: center;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
  padding: 0;
  font-family: inherit;
}
.comp-abs-input input:hover {
  border-bottom: 1px solid #20c7ab;
}
.comp-abs-input input:focus {
  border-bottom: 1px solid #00B99F;
}
.comp-abs-input input:read-only {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.comp-abs-input.answer-right {
  color: #0ccc8c;
  font-weight: normal;
}
.comp-abs-input.answer-wrong {
  color: #f63944;
  font-weight: normal;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.scoop {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-scoop-reply .item {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 30px;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-number {
  display: none;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-body {
  margin-top: 0;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-container {
  position: relative;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-container::after {
  content: attr(data-count);
  float: right;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  line-height: 22px;
  position: relative;
  top: -35px;
  right: 20px;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide {
  min-height: 200px;
  visibility: hidden;
  white-space: pre-wrap;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  word-wrap: break-word;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  resize: none;
  padding: 16px;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content:focus,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide:focus {
  border: 1px solid unset;
  resize: none;
  outline: none;
  box-shadow: unset;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content.textarea-can-focus .textarea-answer:focus,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide.textarea-can-focus .textarea-answer:focus {
  color: #00B99F;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content.textarea-can-focus:hover,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide.textarea-can-focus:hover {
  border: 1px solid #20c7ab;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content.textarea-can-focus:focus,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide.textarea-can-focus:focus {
  border: 1px solid #20c7ab;
  resize: none;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 185, 159, 0.2);
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content.textarea-can-focus:focus-within::after,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide.textarea-can-focus:focus-within::after {
  background: #00B99F;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content *,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide * {
  font-style: normal;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content::placeholder,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide::placeholder {
  color: rgba(176, 176, 176, 0.8);
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content.answer-right,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide.answer-right {
  color: #0ccc8c;
  font-weight: normal;
}
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea-content.answer-wrong,
.comp-scoop-reply .scoop-textarea-wrapper .question-textarea .text-area-hide.answer-wrong {
  color: #f63944;
  font-weight: normal;
}
.comp-scoop-reply .scoop-textarea-wrapper .reference-wrapper {
  font-size: 16px;
}
.comp-scoop-reply .scoop-textarea-wrapper .reference-wrapper.answer-right {
  color: #0ccc8c;
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper {
  background: #ffffff;
  border: 1px solid #00B99F;
  border-radius: 6px;
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper .writing-textarea-header {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-weight: 500;
  background: #00B99F url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDE2PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWGmeS9nOmimOS9nOetlOmhtSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYzNy4wMDAwMDAsIC0yODYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYzNy4wMDAwMDAsIDI4Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9IuWPkemAgemCruS7tiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi40NDI0MTAsIDYuNTAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4zMzc0ODQ5MzQsMS43MjQ5MjI5OSBDMC4xOTk5OTEwNzIsMS42MjQ5Mjc0NiAwLjExMjQ5NDk3OCwxLjU0MzY4MTA5IDAuMDc0OTk2NjUxOSwxLjQ4MTE4Mzg4IEMwLjAzNzQ5ODMyNiwxLjQxODY4NjY3IDAuMDE4NzQ5MTYzLDEuMzMxMTkwNTcgMC4wMTg3NDkxNjMsMS4yMTg2OTU1OSBMMC4wMTg3NDkxNjMsMS4wNDk5NTMxMyBDMC4wMTg3NDkxNjMsMC43MjQ5Njc2MzUgMC4wOTk5OTU1MzU5LDAuNDY4NzI5MDc1IDAuMjYyNDg4MjgyLDAuMjgxMjM3NDQ1IEMwLjQyNDk4MTAyOCwwLjA5Mzc0NTgxNDkgMC43MDYyMTg0NzIsMCAxLjEwNjIwMDYyLDAgTDE2LjU1NTUxMDksMC4wMTg3NDkxNjMgQzE2Ljk2Nzk5MjUsMC4wMTg3NDkxNjMgMTcuMjU1NDc5NywwLjEwNjI0NTI1NyAxNy40MTc5NzI0LDAuMjgxMjM3NDQ1IEMxNy41ODA0NjUyLDAuNDU2MjI5NjMzIDE3LjY2MTcxMTUsMC42OTk5Njg3NTEgMTcuNjYxNzExNSwxLjAxMjQ1NDggTDE3LjY4MDQ2MDcsMS4yMTg2OTU1OSBDMTcuNjgwNDYwNywxLjMzMTE5MDU3IDE3LjY2Nzk2MTMsMS40MDkzMTIwOCAxNy42NDI5NjI0LDEuNDUzMDYwMTMgQzE3LjYxNzk2MzUsMS40OTY4MDgxOCAxNy41MTc5Njc5LDEuNTg3NDI5MTMgMTcuMzQyOTc1OCwxLjcyNDkyMjk5IEw5LjY3NDU2ODEsNi4zMzcyMTcwOSBDOS41NDk1NzM2OCw2LjM4NzIxNDg2IDkuMzk2NDU1NTIsNi40NTU5NjE3OSA5LjIxNTIxMzYxLDYuNTQzNDU3ODggQzkuMDMzOTcxNyw2LjYzMDk1Mzk4IDguOTEyMTAyMTQsNi42ODA5NTE3NCA4Ljg0OTYwNDkzLDYuNjkzNDUxMTkgQzguNzc0NjA4MjgsNi42OTM0NTExOSA4LjY2MjExMzMsNi42NTkwNzc3MiA4LjUxMjExOTk5LDYuNTkwMzMwNzkgQzguMzYyMTI2NjksNi41MjE1ODM4NiA4LjE5MzM4NDIyLDYuNDMwOTYyOSA4LjAwNTg5MjU5LDYuMzE4NDY3OTMgTDAuMzM3NDg0OTM0LDEuNzI0OTIyOTkgWiBNMTEuMjMwNzQ4Niw5LjQ4NzA3NjQ3IEMxMS4wNjgyNTU5LDkuNTk5NTcxNDUgMTAuOTQwMTM2Niw5Ljc0MzMxNTAzIDEwLjg0NjM5MDgsOS45MTgzMDcyMiBDMTAuNzUyNjQ1LDEwLjA5MzI5OTQgMTAuNjkwMTQ3OCwxMC4yOTAxNjU2IDEwLjY1ODg5OTIsMTAuNTA4OTA1OSBDMTAuNjI3NjUwNiwxMC43Mjc2NDYxIDEwLjYxMjAyNjIsMTAuOTM3MDExNyAxMC42MTIwMjYyLDExLjEzNzAwMjggTDEwLjYxMjAyNjIsMTIuNDQ5NDQ0MiBMMTAuNjEyMDI2MiwxMi42NzQ0MzQyIEMxMC42MTIwMjYyLDEyLjc0OTQzMDggMTAuNjE4Mjc2LDEyLjgxODE3NzggMTAuNjMwNzc1NCwxMi44ODA2NzUgTDguMDQzMzkwOTIsMTIuODgwNjc1IEM3LjE1NTkzMDU0LDEyLjg4MDY3NSA2LjMyNDcxNzY1LDEyLjg3NzU1MDEgNS41NDk3NTIyNCwxMi44NzEzMDA0IEM0Ljc3NDc4Njg0LDEyLjg2NTA1MDcgNC4wOTM1NjcyNSwxMi44NjE5MjU4IDMuNTA2MDkzNDgsMTIuODYxOTI1OCBMMi4yMTI0MDEyMywxMi44NjE5MjU4IEMxLjc2MjQyMTMyLDEyLjg2MTkyNTggMS4zOTM2ODc3OCwxMi44MDI1NTM1IDEuMTA2MjAwNjIsMTIuNjgzODA4OCBDMC44MTg3MTM0NSwxMi41NjUwNjQxIDAuNTkzNzIzNDk0LDEyLjQxMTk0NTkgMC40MzEyMzA3NDksMTIuMjI0NDU0MyBDMC4yNjg3MzgwMDMsMTIuMDM2OTYyNiAwLjE1NjI0MzAyNSwxMS44MjEzNDczIDAuMDkzNzQ1ODE0OSwxMS41Nzc2MDgxIEMwLjAzMTI0ODYwNSwxMS4zMzM4NjkgMCwxMS4wODA3NTUzIDAsMTAuODE4MjY3IEwwLDMuODgxMDc2NzQgQzAsMy42MTg1ODg0NiAwLjA2MjQ5NzIwOTksMy40NTI5NzA4NSAwLjE4NzQ5MTYzLDMuMzg0MjIzOTIgQzAuMzEyNDg2MDUsMy4zMTU0NzY5OSAwLjQ2ODcyOTA3NSwzLjM0OTg1MDQ1IDAuNjU2MjIwNzA0LDMuNDg3MzQ0MzEgQzAuNzE4NzE3OTE0LDMuNTI0ODQyNjQgMC44MzEyMTI4OTIsMy41OTY3MTQ0MyAwLjk5MzcwNTYzOCwzLjcwMjk1OTY5IEMxLjE1NjE5ODM4LDMuODA5MjA0OTUgMS4zNDk5Mzk3MywzLjkzMTA3NDUxIDEuNTc0OTI5NjksNC4wNjg1NjgzNyBDMS43OTk5MTk2NSw0LjIwNjA2MjIzIDIuMDM0Mjg0MTgsNC4zNTI5MzA2NyAyLjI3ODAyMzMsNC41MDkxNzM3IEMyLjUyMTc2MjQyLDQuNjY1NDE2NzIgMi43NTMwMDIxLDQuODEyMjg1MTcgMi45NzE3NDIzMyw0Ljk0OTc3OTAzIEMzLjE5MDQ4MjU3LDUuMDg3MjcyODkgMy4zNzc5NzQyLDUuMjA2MDE3NTkgMy41MzQyMTcyMiw1LjMwNjAxMzEyIEMzLjY5MDQ2MDI1LDUuNDA2MDA4NjYgMy43OTM1ODA2NCw1LjQ2ODUwNTg3IDMuODQzNTc4NDEsNS40OTM1MDQ3NSBDNC4wMTg1NzA2LDUuNjA1OTk5NzMgNS45NTU5ODQxMSw2Ljc0OTY5ODY3IDYuMDkzNDc3OTcsNi44MjQ2OTUzMyBDNi4xODA5NzQwNiw2Ljg3NDY5MzA5IDYuMjk5NzE4NzYsNi45NDk2ODk3NSA2LjQ0OTcxMjA3LDcuMDQ5Njg1MjggQzYuNTk5NzA1MzcsNy4xNDk2ODA4MiA2Ljc2NTMyMjk4LDcuMjU5MDUwOTQgNi45NDY1NjQ4OSw3LjM3Nzc5NTYzIEM3LjEyNzgwNjc5LDcuNDk2NTQwMzMgNy4zMTIxNzM1Niw3LjYxODQwOTg5IDcuNDk5NjY1MTksNy43NDM0MDQzMSBMOC4wMDU4OTI1OSw4LjA4MDg4OTI1IEM4LjE1NTg4NTksOC4xODA4ODQ3OCA4LjMxNTI1Mzc4LDguMjQzMzgxOTkgOC40ODM5OTYyNSw4LjI2ODM4MDg4IEM4LjY1MjczODcyLDguMjkzMzc5NzYgOC44MTUyMzE0Niw4LjI5OTYyOTQ4IDguOTcxNDc0NDksOC4yODcxMzAwNCBDOS4xMjc3MTc1MSw4LjI3NDYzMDYgOS4yNjgzMzYyMyw4LjI0NjUwNjg1IDkuMzkzMzMwNjUsOC4yMDI3NTg4MSBDOS41MTgzMjUwNyw4LjE1OTAxMDc2IDkuNjEyMDcwODksOC4xMTgzODc1NyA5LjY3NDU2ODEsOC4wODA4ODkyNSBDOS43MzcwNjUzMSw4LjA0MzM5MDkyIDkuODU1ODEwMDEsNy45NzE1MTkxMyAxMC4wMzA4MDIyLDcuODY1MjczODcgQzEwLjIwNTc5NDQsNy43NTkwMjg2MSAxMC4zOTY0MTA5LDcuNjQzNDA4NzggMTAuNjAyNjUxNyw3LjUxODQxNDM2IEMxMC44MDg4OTI1LDcuMzkzNDE5OTQgMTEuMDAyNjMzOCw3LjI3NDY3NTI0IDExLjE4Mzg3NTcsNy4xNjIxODAyNiBDMTEuMzY1MTE3Niw3LjA0OTY4NTI4IDExLjQ5OTQ4NjYsNi45Njg0Mzg5MSAxMS41ODY5ODI3LDYuOTE4NDQxMTQgTDEzLjk0OTM3NzMsNS40NTYwMDY0MyBDMTMuOTc0Mzc2MSw1LjQ0MzUwNjk5IDE0LjA1MjQ5NzcsNS4zOTM1MDkyMiAxNC4xODM3NDE4LDUuMzA2MDEzMTIgQzE0LjMxNDk4NTksNS4yMTg1MTcwMyAxNC40Nzc0Nzg3LDUuMTEyMjcxNzcgMTQuNjcxMjIsNC45ODcyNzczNSBDMTQuODY0OTYxNCw0Ljg2MjI4MjkzIDE1LjA3NzQ1MTksNC43MjQ3ODkwNyAxNS4zMDg2OTE2LDQuNTc0Nzk1NzcgQzE1LjUzOTkzMTMsNC40MjQ4MDI0NiAxNS43NTg2NzE1LDQuMjg0MTgzNzQgMTUuOTY0OTEyMyw0LjE1MjkzOTYgQzE2LjE3MTE1MzEsNC4wMjE2OTU0NiAxNi4zNjE3Njk2LDMuODk5ODI1OSAxNi41MzY3NjE4LDMuNzg3MzMwOTIgQzE2LjcxMTc1MzksMy42NzQ4MzU5NCAxNi44MzY3NDg0LDMuNTkzNTg5NTcgMTYuOTExNzQ1LDMuNTQzNTkxOCBDMTcuMTQ5MjM0NCwzLjM5MzU5ODUgMTcuMzMzNjAxMiwzLjMzNDIyNjE1IDE3LjQ2NDg0NTMsMy4zNjU0NzQ3NiBDMTcuNTk2MDg5NSwzLjM5NjcyMzM2IDE3LjY2MTcxMTUsMy40OTk4NDM3NiAxNy42NjE3MTE1LDMuNjc0ODM1OTQgTDE3LjY2MTcxMTUsOC41NDk2MTgzMiBDMTcuMzExNzI3Miw4LjI2MjEzMTE1IDE2Ljk3MTExNzQsNy45OTMzOTMxNSAxNi42Mzk4ODIxLDcuNzQzNDA0MzEgQzE2LjMwODY0NjksNy40OTM0MTU0NyAxNi4wMDU1MzU1LDcuMjgwOTI0OTYgMTUuNzMwNTQ3Nyw3LjEwNTkzMjc3IEMxNS40NTU1Niw2LjkxODQ0MTE0IDE1LjIxNDk0NTgsNi44NTI4MTkwNyAxNS4wMDg3MDUsNi45MDkwNjY1NiBDMTQuODAyNDY0Miw2Ljk2NTMxNDA1IDE0LjYzMzcyMTcsNy4wODcxODM2MSAxNC41MDI0Nzc2LDcuMjc0Njc1MjQgQzE0LjM3MTIzMzQsNy40NjIxNjY4NyAxNC4yNzEyMzc5LDcuNjgwOTA3MSAxNC4yMDI0OTEsNy45MzA4OTU5NCBDMTQuMTMzNzQ0LDguMTgwODg0NzggMTQuMDk5MzcwNiw4LjQwNTg3NDc0IDE0LjA5OTM3MDYsOC42MDU4NjU4MSBDMTQuMDk5MzcwNiw4Ljc0MzM1OTY3IDE0LjA5NjI0NTcsOC44NTU4NTQ2NSAxNC4wODk5OTYsOC45NDMzNTA3NCBDMTQuMDgzNzQ2Myw5LjAzMDg0Njg0IDE0LjA4MDYyMTQsOS4xMDU4NDM0OSAxNC4wODA2MjE0LDkuMTY4MzQwNyBDMTQuMDY4MTIyLDkuMjMwODM3OTEgMTQuMDYxODcyMiw5LjI4MDgzNTY4IDE0LjA2MTg3MjIsOS4zMTgzMzQgTDEzLjc4MDYzNDgsOS4zMTgzMzQgTDExLjg2ODIyMDIsOS4zMTgzMzQgQzExLjYwNTczMTksOS4zMTgzMzQgMTEuMzkzMjQxNCw5LjM3NDU4MTQ5IDExLjIzMDc0ODYsOS40ODcwNzY0NyBaIE0xOC44NjE2NTgsMTEuMjg2OTk2MSBDMTkuMDI0MTUwNywxMS40MTE5OTA1IDE5LjEwODUyMTksMTEuNTg2OTgyNyAxOS4xMTQ3NzE3LDExLjgxMTk3MjcgQzE5LjEyMTAyMTQsMTIuMDM2OTYyNiAxOS4wNTUzOTkzLDEyLjE5OTQ1NTQgMTguOTE3OTA1NSwxMi4yOTk0NTA5IEMxOC43MzA0MTM4LDEyLjQ0OTQ0NDIgMTguNTExNjczNiwxMi42Mjc1NjEzIDE4LjI2MTY4NDcsMTIuODMzODAyMSBDMTguMDExNjk1OSwxMy4wNDAwNDI5IDE3Ljc1MjMzMjUsMTMuMjQ5NDA4NSAxNy40ODM1OTQ1LDEzLjQ2MTg5OSBDMTcuMjE0ODU2NSwxMy42NzQzODk1IDE2Ljk1MjM2ODIsMTMuODg2ODggMTYuNjk2MTI5NiwxNC4wOTkzNzA2IEMxNi40Mzk4OTExLDE0LjMxMTg2MTEgMTYuMjA1NTI2NSwxNC40OTkzNTI3IDE1Ljk5MzAzNiwxNC42NjE4NDU1IEMxNS43MzA1NDc3LDE0Ljg3NDMzNiAxNS41NDYxODEsMTQuOTg2ODMwOSAxNS40Mzk5MzU3LDE0Ljk5OTMzMDQgQzE1LjMzMzY5MDUsMTUuMDExODI5OCAxNS4yODA1Njc4LDE0Ljg0OTMzNzEgMTUuMjgwNTY3OCwxNC41MTE4NTIxIEwxNS4yODA1Njc4LDEzLjY2ODEzOTggQzE1LjI4MDU2NzgsMTMuNDU1NjQ5MyAxNS4yMjc0NDUyLDEzLjI4MDY1NzEgMTUuMTIxMTk5OSwxMy4xNDMxNjMzIEMxNS4wMTQ5NTQ3LDEzLjAwNTY2OTQgMTQuODc0MzM2LDEyLjkzNjkyMjUgMTQuNjk5MzQzOCwxMi45MzY5MjI1IEwxMi41MjQ0NDA5LDEyLjkzNjkyMjUgQzEyLjM0OTQ0ODcsMTIuOTM2OTIyNSAxMi4xNzc1ODE0LDEyLjg3NDQyNTIgMTIuMDA4ODM4OSwxMi43NDk0MzA4IEMxMS44NDAwOTY0LDEyLjYyNDQzNjQgMTEuNzU1NzI1MiwxMi40NjE5NDM3IDExLjc1NTcyNTIsMTIuMjYxOTUyNiBMMTEuNzU1NzI1MiwxMS4zMDU3NDUzIEMxMS43NTU3MjUyLDEwLjk1NTc2MDkgMTEuODExOTcyNywxMC43NDMyNzA0IDExLjkyNDQ2NzcsMTAuNjY4MjczNyBDMTIuMDM2OTYyNiwxMC41OTMyNzcxIDEyLjIzNjk1MzcsMTAuNTU1Nzc4OCAxMi41MjQ0NDA5LDEwLjU1NTc3ODggTDEyLjg5OTQyNDEsMTAuNTU1Nzc4OCBDMTMuMDExOTE5MSwxMC41NTU3Nzg4IDEzLjE0MDAzODQsMTAuNTU4OTAzNiAxMy4yODM3ODIsMTAuNTY1MTUzMyBDMTMuNDI3NTI1NiwxMC41NzE0MDMxIDEzLjU5OTM5MjksMTAuNTc0NTI3OSAxMy43OTkzODQsMTAuNTc0NTI3OSBMMTQuNTg2ODQ4OCwxMC41NzQ1Mjc5IEMxNC44MzY4Mzc2LDEwLjU3NDUyNzkgMTUuMDE0OTU0NywxMC41MzA3Nzk5IDE1LjEyMTE5OTksMTAuNDQzMjgzOCBDMTUuMjI3NDQ1MiwxMC4zNTU3ODc3IDE1LjI4MDU2NzgsMTAuMTk5NTQ0NyAxNS4yODA1Njc4LDkuOTc0NTU0NzEgTDE1LjI4MDU2NzgsOS4xNDk1OTE1NCBDMTUuMjgwNTY3OCw4LjkyNDYwMTU4IDE1LjMxODA2NjIsOC43ODA4NTggMTUuMzkzMDYyOCw4LjcxODM2MDc5IEMxNS40NjgwNTk1LDguNjU1ODYzNTggMTUuNjA1NTUzMyw4LjcwNTg2MTM1IDE1LjgwNTU0NDQsOC44NjgzNTQwOSBDMTYuMDA1NTM1NSw5LjAxODM0NzQgMTYuMjM2Nzc1MSw5LjE5OTU4OTMgMTYuNDk5MjYzNCw5LjQxMjA3OTgyIEMxNi43NjE3NTE3LDkuNjI0NTcwMzMgMTcuMDMzNjE0Niw5Ljg0MDE4NTcxIDE3LjMxNDg1MiwxMC4wNTg5MjU5IEMxNy41OTYwODk1LDEwLjI3NzY2NjIgMTcuODcxMDc3MiwxMC40OTY0MDY0IDE4LjEzOTgxNTIsMTAuNzE1MTQ2NiBDMTguNDA4NTUzMiwxMC45MzM4ODY5IDE4LjY0OTE2NzQsMTEuMTI0NTAzNCAxOC44NjE2NTgsMTEuMjg2OTk2MSBMMTguODYxNjU4LDExLjI4Njk5NjEgWiIgaWQ9IuW9oueKtiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat 8px center;
  padding-left: 40px;
  overflow: hidden;
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper .writing-textarea-action {
  height: 42px;
  line-height: 42px;
  background: #e1faf2 url(images/fc62424296ccec0efb8dab3326883c0eaction.svg) no-repeat 16px center;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper .writing-textarea-format {
  height: 42px;
  line-height: 42px;
  background: #ffffff url(images/1236d4b048ad411c31738912847cd11bformat.svg) no-repeat 16px center;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper .question-textarea-container::after {
  color: rgba(0, 0, 0, 0.25);
  top: -24px;
  right: 16px;
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper .question-textarea-content {
  padding: 8px 16px;
  border: none;
}
.comp-scoop-reply .scoop-textarea-wrapper .writing-textarea-wrapper .question-textarea-content:focus {
  border: none;
  box-shadow: none;
}
.comp-scoop-reply .analysis {
  font-size: 16px;
}
.comp-scoop-reply .analysis .title {
  margin: 16px 0 9px;
  color: #299be4;
  font-weight: bold;
  font-size: 16px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pc-content-learn {
  height: 100%;
}
.question-pc-content-learn .layout-material-container .question-common-abs-material {
  padding: 0;
}
.question-pc-content-learn .layout-material-container .question-common-abs-material > div {
  width: auto !important;
  padding: 0 !important;
}
.question-pc-content-learn.video-learn .layoutBody-container .text-material-wrapper {
  padding-bottom: 30px !important;
}
.question-pc-content-learn.video-learn .layoutBody-container .video-material-wrapper {
  max-width: 80%;
  margin: 0 auto;
  padding-bottom: 30px !important;
}
.question-pc-content-learn.video-learn .layoutBody-container.has-reply .layout-material-container {
  max-width: 50%;
  margin: 0 auto;
}
.question-pc-content-learn .layoutBody-container .layout-reply-container {
  background: none;
}
.question-pc-content-learn .layoutBody-container .material-with-style {
  background: rgba(0, 185, 159, 0.04);
  height: 100%;
  overflow-y: auto;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material {
  padding: 0;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .text-material-wrapper {
  padding-bottom: 0;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .text-material-wrapper .words-color[data-wordscolor='#00894e'] {
  color: rgba(0, 0, 0, 0.85);
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .text-material-wrapper .component-htmlview {
  overflow: visible;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block {
  margin: 30px 32px 0;
  padding: 24px 32px;
  background-color: #ffffff;
  border-radius: 8px;
  position: relative;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block label i {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #00B99F;
  border-radius: 100%;
  margin-right: 11px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-style: normal;
  flex: none;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block h2 {
  font-family: Helvetica-Bold;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 0;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block h3 {
  font-family: Helvetica;
  font-size: 16px;
  color: #00B99F;
  letter-spacing: 0;
  line-height: 24px;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block ul {
  margin: 0 0 32px;
  padding: 0;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block ul:last-child {
  margin: 0;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block ul li {
  list-style: none;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .wrapper-block ul li::before {
  content: ' ';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #00B99F;
  margin-right: 9px;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material > :nth-child(2) h1 {
  font-family: Helvetica;
  font-size: 20px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  padding-left: 40px;
  padding-top: 30px;
  margin-bottom: -13px;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .text-material-wrapper:first-child {
  background-color: #ffffff;
  padding-top: 0;
  border-radius: 0;
  margin: 0 0 0;
  padding-bottom: 30px;
}
.question-pc-content-learn .layoutBody-container .material-with-style .question-common-abs-material .text-material-wrapper:first-child h1 {
  padding: 32px 0 24px;
  font-family: Helvetica;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  line-height: 32px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-abs-material-banked-cloze {
  height: 100%;
  background-color: white;
}
.question-abs-material-banked-cloze .content-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  transform: matrix(1, 0, 0, 1, 0, 0);
  padding: 0 32px 32px;
  overflow: auto;
  margin-top: 32px;
}
.question-abs-material-banked-cloze .content-wrapper .reply-wrapper {
  height: max-content;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
.question-abs-material-banked-cloze .content-wrapper .has-material {
  flex: none;
  max-height: 50%;
}
.question-abs-material-banked-cloze .content-wrapper .no-material {
  flex: 1;
}
.question-material-banked-cloze-reply {
  height: auto;
  margin-bottom: 15px;
  background-color: white;
  flex: none;
  overflow-y: unset !important;
}
.question-material-banked-cloze-reply .option-wrapper {
  position: relative;
  float: left;
  margin: 0 16px 20px 0;
}
.question-material-banked-cloze-reply .option-style {
  min-width: 70px;
  padding: 10px;
  line-height: 20px;
  text-align: center;
  list-style: none;
  border: 1px solid #00B99F;
  border-radius: 4px;
  height: 42px;
}
.question-material-banked-cloze-reply .option {
  min-width: 70px;
  padding: 10px;
  line-height: 20px;
  text-align: center;
  list-style: none;
  border: 1px solid #00B99F;
  border-radius: 4px;
  height: 42px;
  position: absolute;
  left: 0;
  right: 0;
}
.question-material-banked-cloze-reply .option.selected {
  border-style: dashed;
}
.question-material-banked-cloze-reply .option-placeholder {
  min-width: 70px;
  padding: 10px;
  line-height: 20px;
  text-align: center;
  list-style: none;
  border: 1px solid #00B99F;
  border-radius: 4px;
  height: 42px;
  height: auto;
}
.question-material-banked-cloze-scoop {
  font-size: 16px;
}
.question-material-banked-cloze-scoop .scoop-wrapper .question-number {
  display: none;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper {
  position: relative;
  display: inline-block;
  text-align: center;
  text-indent: 0;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper .comp-abs-input {
  vertical-align: middle;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper .comp-abs-input input {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
  padding: 0;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper .comp-abs-input.isDragging input {
  border-bottom-color: #00B99F;
  opacity: 0.3;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper.right-answer {
  color: #0ccc8c;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper.wrong-answer {
  color: #f63944;
}
.question-material-banked-cloze-scoop .scoop-wrapper .input-wrapper.active::after {
  background: #00B99F;
}
.question-material-banked-cloze-scoop .scoop-wrapper .reference {
  color: #0ccc8c;
  font-size: 16px;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper .input-answer {
  width: 100%;
  padding: 0;
  color: #262626;
  font-size: 16px;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper .input-answer .ant-select-arrow {
  right: 2px;
  color: #00B99F;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper .input-answer .ant-select-single .ant-select-selector {
  height: 30px;
  padding: 0 11px 0 4px;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper .input-answer .ant-select-selection-placeholder {
  color: #00B99F;
  font-size: 14px;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper .input-answer .label {
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper.right-answer .input-answer .label {
  color: #0ccc8c;
  font-weight: normal;
}
.question-material-banked-cloze-scoop .scoop-wrapper.select .input-wrapper.wrong-answer .input-answer .label {
  color: #f63944;
  font-weight: normal;
}
.question-material-banked-cloze-scoop .comp-abs-input {
  display: inline-block;
  position: relative;
  min-width: 100px;
  height: 24px;
  line-height: 24px;
}
.question-material-banked-cloze-scoop .comp-abs-input .placeholder {
  opacity: 0;
}
.question-material-banked-cloze-scoop .comp-abs-input input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/**
 *
 * @format
 * @Author: zhangwei
 * @Date: 2021-06-11 13:39:09
 * @Last Modified by: zhangwei
 * @Last Modified time: 2021-06-11 13:40:05 挖空题 填空题和下拉填空题样式
 */
/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-scoop-reply-dropdown-selection-overflow .component-htmlview {
  overflow: unset;
}
.comp-scoop-reply-dropdown-selection-overflow .item {
  overflow: unset;
}
.comp-scoop-reply .item {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 30px;
}
.comp-scoop-reply .scoop-select-wrapper .question-number {
  display: none;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper {
  position: relative;
  display: inline;
  min-width: 100px;
  height: 30px;
  text-align: left;
  margin: 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
  text-indent: 0;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .input-answer {
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer {
  display: inline;
  position: relative;
  padding: 0 20px 0 10px;
  min-width: 180px;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer p {
  padding: 0;
  margin: 0;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer .user-answer-text {
  display: inline;
  font-size: inherit;
  white-space: nowrap;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer .user-answer-text p {
  display: inline;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer .select-arrow {
  display: inline-block;
  position: relative;
  left: 12px;
  font-size: 12px;
  transform-origin: center;
  transition: all 0.3s ease-in-out;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.empty {
  padding-right: 20px;
  color: #00B99F;
  font-size: 14px;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.empty .select-arrow {
  display: inline-block;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.selected {
  color: inherit;
  font-weight: 700;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.selecting {
  color: #00B99F;
  border-color: #00B99F;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.answer-right {
  color: #0ccc8c;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.answer-wrong {
  color: #f63944;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .user-answer.menu-open .select-arrow {
  transform: rotate3d(0, 0, 1, 180deg);
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .scoop-select {
  overflow: auto;
  border-radius: 4px;
  max-height: 250px;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .scoop-select .select-option {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .scoop-select p {
  margin: 0;
  padding: 0;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper .scoop-select .ant-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.85);
  background-color: #e1faf2;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper.right-answer {
  color: #0ccc8c;
  font-weight: normal;
}
.comp-scoop-reply .scoop-select-wrapper .input-wrapper.wrong-answer {
  color: #f63944;
  font-weight: normal;
}
.comp-scoop-reply .scoop-select-wrapper .reference-wrapper {
  font-size: 16px;
}
.comp-scoop-reply .scoop-select-wrapper .reference-wrapper.answer-right {
  color: #0ccc8c;
}
.comp-scoop-reply .scoop-select-wrapper .reference-wrapper * {
  display: inline;
}
.comp-scoop-reply .scoop-input-wrapper .question-number {
  display: none;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper {
  position: relative;
  display: inline-block;
  min-width: 100px;
  height: 30px;
  text-align: center;
  text-indent: 0;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper.input-can-focus:focus-within::after {
  background: #00B99F;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper * {
  font-style: normal;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper .placeholder {
  display: none;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper .input-user-answer {
  height: 24px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper .input-user-answer.input-can-focus .input-answer:focus {
  color: #00B99F;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper .input-user-answer:hover {
  border-bottom: 1px solid #20c7ab;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper .input-user-answer.answer-right {
  color: #0ccc8c;
  font-weight: normal;
}
.comp-scoop-reply .scoop-input-wrapper .input-wrapper .input-user-answer.answer-wrong {
  color: #f63944;
  font-weight: normal;
}
.comp-scoop-reply .scoop-input-wrapper .reference-wrapper {
  font-size: 16px;
}
.comp-scoop-reply .scoop-input-wrapper .reference-wrapper.answer-right {
  color: #0ccc8c;
}
.comp-scoop-reply .analysis {
  font-size: 16px;
}
.comp-scoop-reply .analysis .title {
  margin: 16px 0 9px;
  color: #299be4;
  font-weight: bold;
  font-size: 16px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-basic-scoop-content {
  background: #ffffff;
}
.question-abs-basic-scoop-content {
  height: 100%;
}
.question-abs-basic-scoop-content .layout-reply-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.question-abs-basic-scoop-content .layout-reply-container .question-common-abs-reply {
  height: auto;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-role-play .role-play-wrapper {
  background: #ffffff;
  height: 100%;
  width: 100%;
  /** @format */
}
.question-role-play .role-play-wrapper .swiper-container {
  height: 100%;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fafafa;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .select-mode-wrapper {
  padding: 25px 0 25px 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  line-height: 35px;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .tit {
  height: 35px;
  font-weight: bold;
  line-height: 35px;
  display: inline-block;
  vertical-align: top;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .select-mode-tips {
  display: inline-flex;
  flex-direction: row;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 15px;
  position: relative;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .select-mode-tips .help {
  position: absolute;
  top: 50%;
  right: -21px;
  width: 16px;
  height: 16px;
  margin-top: -15px;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .select-mode-tips .help :hover {
  cursor: pointer;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .select-mode-tips .help svg path {
  fill: #ff8e14;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .mode-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-y: auto;
  height: 0;
  flex-wrap: wrap;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper .role-list {
  display: block;
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper .role-list .svg-icon {
  width: 103px;
  height: 103px;
  font-size: 103px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper .role-list .svg-icon svg {
  width: 100%;
  height: 100%;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper .role-list .role {
  cursor: pointer;
  width: 33.3%;
  padding: 20px 0;
  text-align: center;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper .role-list .role .radio {
  margin-left: 0;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .role-list-wrapper .role-list .role .radio-selected {
  margin-left: 0;
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .radio {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px 8px 0 25px;
  color: rgba(0, 0, 0, 0.15);
  vertical-align: middle;
  transform: scale(1);
  opacity: 1;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  user-select: none;
  fill: rgba(0, 0, 0, 0.15);
}
.question-role-play .role-play-wrapper .select-mode-role-wrapper .radio-selected {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px 8px 0 25px;
  color: rgba(0, 0, 0, 0.15);
  vertical-align: middle;
  transform: scale(1);
  opacity: 1;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  user-select: none;
  fill: rgba(0, 0, 0, 0.15);
  fill: #00B99F;
}
.question-role-play .role-play-wrapper .role-reply {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  height: 100%;
  background: #fafafa;
  display: flex;
  flex-direction: column;
}
.question-role-play .role-play-wrapper .role-reply .flex {
  display: flex;
  flex-direction: row;
}
.question-role-play .role-play-wrapper .role-reply .top-tit {
  padding: 25px 0 25px 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  line-height: 35px;
}
.question-role-play .role-play-wrapper .role-reply .top-tit .tit {
  height: 35px;
  font-weight: bold;
  line-height: 35px;
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.question-role-play .role-play-wrapper .role-reply .top-tit .radio-selected {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0px 8px 0 0;
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
  transform: scale(1);
  transform-origin: 50% 50%;
  opacity: 1;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  user-select: none;
  fill: #00B99F;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz {
  padding-left: 15px;
  padding-right: 32px;
  flex-grow: 1;
  overflow-y: auto;
  height: 0;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .score-tit {
  display: inline-block;
  padding: 20px 55px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review.active .role-text-wrapper {
  background-color: rgba(0, 0, 0, 0.04);
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .role-text-wrapper {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex: 1;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .score {
  width: 55px;
  height: 35px;
  line-height: 33px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: block;
  margin: 0 20px 0;
  float: left;
  text-align: center;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .score.hide {
  opacity: 0;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .score.hints {
  color: #0AC77C;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .score .score-theme-color {
  color: #00B99F;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .role {
  margin-right: 20px;
  cursor: pointer;
  min-width: 88px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  font-weight: 700;
  height: 35px;
  line-height: 33px;
  display: inline-block;
  text-align: center;
  padding: 0 8px;
  box-sizing: border-box;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .text {
  flex: 1;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .text .component-htmlview .content-text {
  color: #0AC77C;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .text .component-htmlview div:not(.comp-abs-input),
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .text .component-htmlview p {
  display: inline;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .list-item-review .sentence .role-play-reply-controller-explanations p {
  display: block;
  margin: 0;
}
.question-role-play .role-play-wrapper .role-reply .role-play-quiz .pre-page-btn {
  width: 70px;
  height: 32px;
  line-height: 32px;
  margin: 50px auto 50px;
  border: none;
  border-radius: 4px;
  background-color: #00B99F;
  font-size: 14px;
  font-family: 'sans-serif';
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.question-role-play .role-play-wrapper .role-reply .control-box .audio-play-wrapper {
  height: 24px;
  width: 24px;
  line-height: 24px;
  cursor: pointer;
  color: #00B99F;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}
.question-role-play .role-play-wrapper .role-reply .control-box .record-seat {
  height: 35px;
  width: 35px;
  line-height: 35px;
  cursor: pointer;
  color: #00B99F;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}
.question-role-play .role-play-wrapper .role-reply .control-box .audio-replay-wrapper .icon-sound {
  font-size: 32px;
}
.question-role-play .role-play-wrapper .role-reply .control-box .audio-replay-wrapper .icon-sound.disabled {
  color: rgba(0, 0, 0, 0.15);
}
.question-role-play .role-play-wrapper .role-reply .pause-circle-player {
  fill: none;
  color: #00B99F;
  cursor: pointer;
  composes: icon;
  width: 35px;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  visibility: hidden;
}
.question-role-play .role-play-wrapper .role-reply .pause-circle-player.active {
  visibility: visible;
}
.question-role-play .role-play-wrapper .role-reply .pause-circle-player .circle-bg {
  stroke: #e5e5e5;
}
.question-role-play .role-play-wrapper .role-reply .pause-circle-player .circle-progress {
  stroke: #299efd;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.question-role-play .role-play-wrapper .score-color-0 {
  color: #FF6859;
}
.question-role-play .role-play-wrapper .score-color-1 {
  color: #FABE0A;
}
.question-role-play .role-play-wrapper .score-color-2 {
  color: #0AC77C;
}
.question-role-play .role-play-wrapper .detail-data {
  margin-right: 30px;
  color: #000000;
  font-size: 14px;
}
.question-role-play .role-play-wrapper .color_0 {
  color: #FF6859;
}
.question-role-play .role-play-wrapper .color_1 {
  color: #FABE0A;
}
.question-role-play .role-play-wrapper .color_2 {
  color: #0AC77C;
}
.question-role-play .role-play-wrapper .reply-controller .scoop-input {
  vertical-align: bottom;
}
.question-role-play .role-play-wrapper .reply-controller .score-wrapper {
  display: none;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-fillblank-scoop {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-common-abs-reply:first-child .question-common-abs-choice .ques-title {
  margin-top: 0;
}
.question-common-abs-choice {
  height: 100%;
}
.question-common-abs-choice .ques-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
.question-common-abs-choice .option {
  align-items: initial;
  margin: 24px 0 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
}
.question-common-abs-choice .option .caption {
  flex: none;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.question-common-abs-choice .option .content {
  flex: 1;
  height: auto;
}
.question-common-abs-choice .option .content p {
  margin: 0;
  padding: 0;
}
.question-common-abs-choice .option.isNotReview:hover {
  color: #20c7ab;
}
.question-common-abs-choice .option.isNotReview:hover .caption {
  border-color: #20c7ab;
}
.question-common-abs-choice .option.selected {
  color: #00B99F;
}
.question-common-abs-choice .option.selected .caption {
  color: #fff;
  background: #00B99F;
  border-color: #00B99F;
}
.question-common-abs-choice .option.right {
  color: #0ccc8c;
}
.question-common-abs-choice .option.right .caption {
  color: #fff;
  background: #0ccc8c;
  border-color: #0ccc8c;
}
.question-common-abs-choice .option.error {
  color: #f63944;
}
.question-common-abs-choice .option.error .caption {
  color: #fff;
  background: #f63944;
  border-color: #f63944;
}
.question-common-abs-choice.multipleChoice .option .caption {
  border-radius: 4px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-video-dub-pc .question-common-abs-material .introduction {
  margin-bottom: 5px;
}
.question-video-dub-pc .question-common-abs-reply .item {
  position: relative;
  padding-left: 60px;
  margin-bottom: 28px;
}
.question-video-dub-pc .question-common-abs-reply .item .score {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -3px;
  width: 50px;
  height: 30px;
  color: #00B99F;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.15);
}
.question-video-dub-pc .question-common-abs-reply .item .score-color-0 {
  color: #FF6859;
}
.question-video-dub-pc .question-common-abs-reply .item .score-color-1 {
  color: #FABE0A;
}
.question-video-dub-pc .question-common-abs-reply .item .score-color-2 {
  color: #0AC77C;
}
.question-video-dub-pc .question-common-abs-reply .item .score-theme-color {
  color: #00B99F;
}
.question-video-dub-pc .question-common-abs-reply .item .operate {
  display: flex;
}
.question-video-dub-pc .question-common-abs-reply .item .operate > *:not(:last-child) {
  margin-right: 10px;
}
.question-video-dub-pc .question-common-abs-reply .item .operate .btn-play {
  cursor: pointer;
}
.question-video-dub-pc .question-common-abs-reply .item .operate .audio-control-wave:not(.disabled) {
  cursor: pointer;
}
.question-video-dub-pc .question-common-abs-reply .item .sentence-result-score-detail {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
.question-video-dub-pc .question-common-abs-reply .item .sentence-result-score-detail .detail-correctness,
.question-video-dub-pc .question-common-abs-reply .item .sentence-result-score-detail .detail-smooth,
.question-video-dub-pc .question-common-abs-reply .item .sentence-result-score-detail .detail-completed {
  color: #000000;
  font-size: 14px;
  flex: none;
}
.question-video-dub-pc .question-common-abs-reply .item .sentence-result-score-detail .detail-smooth,
.question-video-dub-pc .question-common-abs-reply .item .sentence-result-score-detail .detail-completed {
  margin-left: 30px;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-vocabulary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.question-vocabulary .vocabulary-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 926px;
  box-sizing: border-box;
}
.question-vocabulary .vocabulary-wrapper .progressBar {
  display: flex;
  margin-bottom: 21px;
  width: 100%;
  height: 33px;
}
.question-vocabulary .vocabulary-wrapper .progressBar .progress-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 21px;
  width: 87%;
  height: 100%;
  max-width: 800px;
}
.question-vocabulary .vocabulary-wrapper .progressBar .progress-wrapper .progress {
  position: relative;
  border-radius: 8px;
  width: 92%;
  max-width: 737px;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
}
.question-vocabulary .vocabulary-wrapper .progressBar .progress-wrapper .progress .current {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  height: 4px;
  background: #00B99F;
  transition: width 0.2s linear;
}
.question-vocabulary .vocabulary-wrapper .progressBar .progress-placeholder {
  width: 126px;
  height: 100%;
}
.question-vocabulary .vocabulary-wrapper .progressBar .ratio span:nth-child(1) {
  color: rgba(0, 0, 0, 0.865);
  font-size: 24px;
}
.question-vocabulary .vocabulary-wrapper .progressBar .ratio span:nth-child(2) {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-height: 450px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .swiper-vocabulary {
  width: 100%;
  height: 100%;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .swiper-vocabulary .swiper-vocabulary-slide {
  width: 100%;
  height: 100%;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .swiper-vocabulary .swiper-vocabulary-slide:last-child .visual-card {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .swiper-vocabulary .swiper-vocabulary-slide:last-child .visual-card img {
  width: 360px;
  height: 277px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .swiper-vocabulary .swiper-vocabulary-slide:last-child .visual-card span {
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #000000;
  text-align: center;
  line-height: 26px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocInfo {
  flex: auto;
  overflow: hidden;
  border-radius: 8px;
  width: 87%;
  height: 100%;
  max-width: 800px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.18);
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocInfo .vocabulary {
  float: left;
  width: 38.25%;
  height: 100%;
  max-width: 306px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocInfo .vocabularyIntro {
  float: left;
  width: 61.75%;
  height: 100%;
  max-width: 494px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocInfo .swiper-container .swiper-slide.swiper-vocabulary-slide {
  width: 100% !important;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 39px;
  width: 87px;
  height: 100%;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions .action {
  width: 87px;
  height: 32px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions .action:not(:last-child) {
  margin-bottom: 30px;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions .prev,
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions .next {
  color: #fff;
  background: #00B99F;
  border: 1px solid transparent;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions .auto {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border: 1px solid #adadad;
}
.question-vocabulary .vocabulary-wrapper .vocContainer .vocActions .disabled {
  color: #adadad;
  background: #f2f2f2;
  border: 1px solid transparent;
  cursor: not-allowed;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-vocabulary-base {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.18);
  background: #00B99F;
}
.question-vocabulary-base .vocWrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 20px;
  text-align: center;
}
.question-vocabulary-base .vocWrap.mask {
  background: rgba(0, 0, 0, 0.6);
}
.question-vocabulary-base .vocWrap .word-placeholder {
  flex: auto;
  max-height: 127px;
}
.question-vocabulary-base .vocWrap .vocWord {
  margin: 0 0 22px;
  color: #fff;
  font-size: 32px;
  line-height: 39px;
}
.question-vocabulary-base .vocWrap .vocWord .component-htmlview {
  width: max-content;
  white-space: normal;
  overflow: visible;
}
.question-vocabulary-base .vocWrap .vocWord p {
  margin: 0 !important;
  width: 100%;
  text-align: center;
}
.question-vocabulary-base .vocWrap .soundWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.question-vocabulary-base .vocWrap .soundWrap .soundmark {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  word-break: break-word;
}
.question-vocabulary-base .vocWrap .soundWrap .sound {
  display: inline-block;
  font-size: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.question-vocabulary-base .vocWrap .soundWrap .sound .question-audio {
  width: 30px;
  height: 30px;
}
.question-vocabulary-base .vocWrap .soundWrap .sound .question-audio .audio-control-box {
  color: #ffffff;
}
.question-vocabulary-base .vocWrap .soundWrap .sound .question-audio .audio-control-box.playing {
  color: #ffffff;
}
.question-vocabulary-base .vocWrap .soundWrap .sound .icon-sound,
.question-vocabulary-base .vocWrap .soundWrap .sound .icon-trumpet,
.question-vocabulary-base .vocWrap .soundWrap .sound .audio-trumpet {
  display: flex;
  justify-content: center;
  align-items: center;
}
.question-vocabulary-base .vocWrap .soundWrap .sound .audio-trumpet.playing {
  color: inherit;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-vocabulary-intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px 30px 0;
  background: #ffffff;
}
.question-vocabulary-intro .exp {
  flex: auto;
  overflow-y: auto;
  height: 0;
}
.question-vocabulary-intro .exp .title {
  position: relative;
  margin-bottom: 16px;
  padding-left: 12px;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
}
.question-vocabulary-intro .exp .title::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 4px;
  height: 16px;
  background: #00B99F;
  border-radius: 2px;
  content: '';
}
.question-vocabulary-intro .exp .single {
  margin-bottom: 16px;
}
.question-vocabulary-intro .exp .single p {
  margin-bottom: 5px;
  color: #000000;
  font-size: 16px;
  line-height: 28px;
}
.question-vocabulary-intro .exp .single .explanations:not(:last-child) {
  margin-bottom: 10px;
}
.question-vocabulary-intro .exp .single .examples:not(:last-child) {
  margin-bottom: 10px;
}
.question-vocabulary-intro .practice {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  padding: 24px 0;
}
.question-vocabulary-intro .practice .practice-score-done {
  color: #00B99F;
  white-space: nowrap;
  font-size: 18px;
  vertical-align: bottom;
}
.question-vocabulary-intro .practice .practice-score {
  position: absolute;
  left: 30px;
  top: 34px;
  border: 1px dashed rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  width: 48px;
  height: 32px;
  line-height: 32px;
  font-size: 24px;
  text-align: center;
  font-family: DINAlternate-Bold;
  color: #333;
}
.question-vocabulary-intro .practice .practice-score.hidden {
  display: none;
}
.question-vocabulary-intro .practice .practice-recorder {
  display: flex;
  align-items: center;
}
.question-vocabulary-intro .practice .practice-recorder .audio-player {
  width: 40px;
  height: 40px;
  font-size: 40px;
  margin-left: 40px;
  display: inline-block;
  justify-content: center;
  align-items: center;
}
.question-vocabulary-intro .practice .practice-recorder .audio-player .audio-control-wave {
  width: 40px;
  height: 40px;
  font-size: 40px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pc-material {
  background: #ffffff;
}
.score_layout {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 50px;
  height: 30px;
  color: #00B99F;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.15);
}
.score_retell_layout {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 50px;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  vertical-align: top;
  border: 1px dashed rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.score-color-0 {
  color: #FF6859;
  font-size: 14px;
}
.score-color-1 {
  color: #FABE0A;
  font-size: 14px;
}
.score-color-2 {
  color: #0AC77C;
  font-size: 14px;
}
.score-color-theme {
  color: #00B99F;
}
.detail-data {
  margin-right: 30px;
  color: #000000;
  font-size: 14px;
}
.retell-media-container {
  display: inline-block;
}
.scorePosition {
  margin-right: 10px;
}
.paragraph-media-container {
  display: block;
}
.sentence-container {
  position: relative;
  font-size: 16px;
  padding: 3px 0 0 60px;
}
.sentence-container .oral-score-sentence {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oral-state-record-margin {
  margin: 8px 15px 0;
}
.oral-state-record-margin .scoop-input {
  vertical-align: bottom;
}
.oral-state-record-margin .sentence-container {
  padding: 0 0 0 60px;
}
.oral-state-record-margin .sentence-result-score-detail {
  margin-top: 0;
  margin-bottom: 16px;
}
.note-view {
  padding: 0;
}
.my-note {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.85);
  margin-top: 15px;
}
.note-row-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.note-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.note-row > p {
  display: inline-block;
}
.note-row-right {
  color: #00B99F;
}
.un-select {
  display: block;
  flex: none;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  text-align: center;
}
.media-pc {
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  flex: none;
  color: #fff;
  text-align: center;
  background: #00B99F;
  border-color: #00B99F;
  border-radius: 50%;
  line-height: 28px;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.sentence-html-container {
  font-size: 16px;
}
.record-button-group {
  display: flex;
  align-items: center;
}
.record-button-group .record-button-wrap {
  margin-right: 24px;
  font-size: 35px;
  color: #00B99F;
}
.record-button-group .record-button-wrap:last-child {
  margin-right: 0;
}
.record-button-group .record-button-wrap .audio-origin .audio-control-box,
.record-button-group .record-button-wrap .audio-replay .audio-control-box {
  font-size: 24px;
}
.record-button-group .record-button-wrap .ucomp-recorder {
  font-size: 32px;
}
.record-button-group .record-button-wrap .ucomp-recorder {
  position: relative;
}
.record-button-group .record-button-wrap .ucomp-recorder:hover::after {
  content: '录音';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(5%, 90%);
  width: 36px;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 1px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.record-button-group .record-button-wrap .audio-replay {
  position: relative;
}
.record-button-group .record-button-wrap .audio-replay:hover::after {
  content: '回放';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(5%, 90%);
  width: 36px;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 1px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.record-button-group .record-button-wrap .audio-origin {
  position: relative;
}
.record-button-group .record-button-wrap .audio-origin:hover::after {
  content: '原音';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(5%, 90%);
  width: 36px;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 1px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.paragraphPlayerContainer {
  padding-left: 65px;
  padding-bottom: 30px;
}
.result-score-detail {
  padding: 20px 0 0 60px;
  font-size: 16px;
}
.media-sentenceContainer {
  text-align: justify;
  line-height: 30px;
  font-size: 16px;
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
}
.media-sentenceContainer > p {
  display: inline;
}
.my-note-sentenceContainer {
  font-size: 16px;
  margin-bottom: 14px;
  word-wrap: break-word;
  word-break: break-word;
}
.my-note-sentenceContainer > p {
  display: inline;
}
.score-sentence-container {
  left: 60px;
  font-size: 16px;
  line-height: 34px;
}
.primary-color {
  color: #00B99F;
}
.oral-study-sentence .record-button-group,
.oral-study-sentence-scoop .record-button-group,
.oral-paragraph-container .record-button-group {
  display: flex;
  align-items: center;
}
.oral-study-sentence .record-button-wrap .sample-audio,
.oral-study-sentence-scoop .record-button-wrap .sample-audio {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.oral-study-sentence .record-button-wrap .sample-audio,
.oral-study-sentence-scoop .record-button-wrap .sample-audio,
.oral-study-sentence .record-button-wrap .sample-audio .item,
.oral-study-sentence-scoop .record-button-wrap .sample-audio .item {
  display: flex;
  align-items: center;
}
.oral-study-sentence .record-button-wrap .sample-audio .item,
.oral-study-sentence-scoop .record-button-wrap .sample-audio .item {
  margin-right: 24px;
}
.oral-study-sentence .record-button-wrap .sample-audio .title,
.oral-study-sentence-scoop .record-button-wrap .sample-audio .title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 8px;
}
.oral-study-sentence-scoop .scoop-input {
  min-width: 100px;
  vertical-align: bottom;
}
.oral-study-sentence-scoop .result-score-detail {
  padding: 10px 0;
}
.oral-study-sentence-scoop .comp-abs-input input:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.oral-paragraph-container .sentence-container {
  padding-bottom: 0;
}
.oral-study-retell {
  display: flex;
  align-items: center;
}
.oral-study-retell .record-button-group .record-button-wrap {
  margin-right: 15px;
}
.retell-analysis {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 16px;
}
.retell-analysis .retell-analysis-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.retell-analysis .retell-analysis-right .retell-analysis-title {
  display: flex;
  flex-direction: row;
}
.retell-analysis .retell-analysis-player {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.retell-analysis .retell-analysis-player :nth-child(1) {
  margin-right: 20px;
}
.retell-analysis .retell-analysis-player .re-audio-record {
  display: none;
}
.retell-review-audio {
  display: none;
}
.disable-color {
  color: rgba(0, 0, 0, 0.25);
}
.enable-color {
  color: #00B99F;
}
.play-svg {
  width: #000000;
  height: #000000;
  font-size: #000000;
  line-height: normal;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.record-sentence-container {
  padding-left: 60px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.p-oral-personal-state {
  font-family: Helvetica;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  line-height: 24px;
}
.p-oral-personal-state .record-button-group {
  margin-top: 16px;
}
.p-oral-personal-state .record-button-group .record-count-down {
  font-family: HelveticaNeue-Medium;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  margin-right: 16px;
}
.p-oral-personal-state .record-button-group .record-count-down .count-down-clock {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.p-oral-personal-state .record-button-group .record-count-down .count-down-clock .clock-svg {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 9px;
}
.p-oral-personal-state .record-button-group .record-count-down + .record-button-wrap {
  margin-right: 16px;
}
.p-oral-personal-state .record-button-group .record-tips {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  letter-spacing: 0;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.sentence-result-score-detail {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
.sentence-result-score-detail .detail-correctness,
.sentence-result-score-detail .detail-smooth,
.sentence-result-score-detail .detail-completed {
  color: #000000;
  font-size: 14px;
  flex: none;
}
.sentence-result-score-detail .detail-smooth,
.sentence-result-score-detail .detail-completed {
  margin-left: 30px;
}
.oral-paragraph-container .sentence-result-score-detail,
.oral-study-retell .sentence-result-score-detail {
  padding-left: 60px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.oral-study-retell .retell-progress {
  display: flex;
  vertical-align: text-top;
}
.oral-study-retell .retell-progress .progress_arrow {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}
.oral-study-retell .retell-progress .progress_arrow.active {
  color: #00B99F;
}
.oral-study-retell .retell-analysis-right .sentence-result-score-detail {
  padding-left: 0px;
}

/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pc-upload {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-multi-file-upload .unipus-upload-drag .ant-upload {
  padding: 0;
}
.question-multi-file-upload .upload-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 32px;
  background: #ffffff;
  border-radius: 4px;
}
.question-multi-file-upload .upload-container .upload-icon {
  margin-bottom: 16px;
  font-size: 42px;
  color: #00B99F;
}
.question-multi-file-upload .upload-container .upload-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.question-multi-file-upload .upload-container .upload-text .upload-trigger {
  color: #00B99F;
}
.question-multi-file-upload .upload-container .upload-text .upload-trigger:hover {
  cursor: pointer;
  opacity: 0.8;
}
.question-multi-file-upload .upload-container .tips {
  margin: 16px 0 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 22px;
}
.question-multi-file-upload .upload-container.show-file-list .tips {
  margin-top: 5px;
}
.question-multi-file-upload .desc {
  margin-top: 16px;
}
.question-multi-file-upload .desc .ant-input-textarea-show-count .ant-input {
  border-radius: 4px;
}
.question-multi-file-upload .desc .ant-input-textarea-show-count::after {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  line-height: 22px;
  position: relative;
  top: -24px;
  right: 10px;
}
.question-multi-file-upload .multi-file-upload-ques-text {
  margin-bottom: 8px;
}
.multi-dialog {
  word-wrap: break-word;
  white-space: normal;
}
.multi-dialog-title {
  font-size: 14px;
}
.multi-dialog-content {
  font-size: 14px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-multi-file-upload .upload-media {
  color: #00B99F;
}
.question-multi-file-upload .media-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -24px;
}
.question-multi-file-upload .media-list .media-wrap {
  margin-top: 16px;
  margin-left: 24px;
}
.question-multi-file-upload .media-wrap {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.question-multi-file-upload .media-wrap .media {
  position: relative;
  width: 120px;
  height: 120px;
  padding: 8px;
  overflow: hidden;
  background: #ffffff;
  border-color: #d9d9d9;
  border-style: dashed;
  border-width: 1px;
  border-radius: 2px;
}
.question-multi-file-upload .media-wrap .media-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.65);
  transition: all ease-in-out 300ms;
}
.question-multi-file-upload .media-wrap .media-mask .icon-action {
  margin-left: 12px;
  transition: all ease-in-out 200ms;
}
.question-multi-file-upload .media-wrap .media-mask .icon-action:hover {
  color: #00B99F;
  cursor: pointer;
}
.question-multi-file-upload .media-wrap .media-mask .icon-action:first-child {
  margin-left: 0;
}
.question-multi-file-upload .media-wrap .media-status-done {
  border-style: solid;
}
.question-multi-file-upload .media-wrap .media:hover .media-mask {
  display: flex;
}
.question-multi-file-upload .media-wrap .media-name {
  width: 120px;
  margin-top: 8px;
  overflow: hidden;
  color: #00B99F;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.question-multi-file-upload .media-wrap .media-size {
  width: 120px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.question-multi-file-upload .thumbnail-wrap {
  width: 100%;
  height: 100%;
}
.question-multi-file-upload .thumbnail-wrap .media-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.question-multi-file-upload .progress-media-upload {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  transform: rotate3d(0, 0, 1, 180deg);
}
.question-multi-file-upload .progress-media-upload.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #0ccc8c;
}
.question-multi-file-upload .progress-media-upload.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f63944;
}
.question-multi-file-upload .progress-media-upload__result {
  transform: rotate3d(0, 0, 1, -180deg);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-pc-dropdown-selection {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-common-abs-textmatch {
  margin-bottom: 20px;
}
.question-common-abs-textmatch .input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}
.question-common-abs-textmatch .input-wrapper .textbox {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 26px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
  padding: 0;
  outline: none;
}
.question-common-abs-textmatch .input-wrapper .textbox:hover {
  border-color: #20c7ab;
}
.question-common-abs-textmatch .input-wrapper .textbox.right {
  color: #0ccc8c;
}
.question-common-abs-textmatch .input-wrapper .textbox.error {
  color: #f63944;
}
.question-common-abs-textmatch .reference {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin: 8px 0 -10px;
  color: #0ccc8c;
}
.question-common-abs-textmatch .component-htmlview {
  padding-left: 17px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-sequence .reply-wrap {
  padding-right: 40px;
  overflow-x: unset;
  overflow-y: unset;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view .sequence-reply-view-pre {
  display: inline;
  font-size: 16px;
  word-wrap: break-word;
  font-weight: bold;
  padding: 7px;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  flex: none;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view .sequence-option {
  margin-right: 10px;
  flex: none;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view .sequence-reply-view-text {
  position: relative;
  padding: 7px;
  font-size: 16px;
  word-wrap: break-word;
  word-break: break-word;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: move;
  touch-action: manipulation;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
  box-sizing: border-box;
  flex: none;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view .answer {
  width: 20px;
  height: 100%;
  position: absolute;
  right: -25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  z-index: 100;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view .right {
  color: #0ccc8c;
  font-size: 16px;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view .error {
  color: #f63944;
  font-size: 16px;
}
.question-sequence .reply-wrap .sequence-view .sortable-list-wrapper-review {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.question-sequence .reply-wrap .sequence-view .sortable-list-wrapper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
}
.question-sequence .reply-wrap .sequence-view .sortable-list-question-no {
  min-width: 20px;
  font-size: 16px;
  word-wrap: break-word;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.85);
  box-sizing: border-box;
  display: inline;
  flex: none;
  padding: 7px;
}
.question-sequence .reply-wrap .sequence-view .sortable-list-question-no .html_image_list {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: unset;
}
.question-sequence .reply-wrap .sequence-view .sortable-list-question-no img {
  min-width: 100px;
  width: 80%;
  height: auto;
  object-fit: contain;
  max-width: 300px;
  max-height: 300px;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view-item-text {
  font-size: 16px;
  word-wrap: break-word;
  background: #fafafa;
  border: 1px solid #6ce0c5;
  border-radius: 4px;
  cursor: move;
  display: block;
  margin-bottom: 16px;
  box-sizing: border-box;
  flex: none;
  padding: 7px;
  user-select: none;
  align-self: center;
}
.question-sequence .reply-wrap .sequence-view .sequence-reply-view-item-text img {
  width: unset;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.discussion {
  background: #ffffff;
}
.report-modal {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.report-modal .radio-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.report-modal .radio-group .radio-group-item {
  width: 30%;
  line-height: 30px;
}
.report-modal .ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #00B99F;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.report-modal .ant-radio-checked .ant-radio-inner {
  border-color: #00B99F;
}
.report-modal .ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.report-modal .text-area {
  width: 100%;
  height: 100px;
  display: flex;
  margin: 20px 0;
}
.report-modal .text-area:focus,
.report-modal .text-area:hover,
.report-modal .footer-cancel-btn:focus,
.report-modal .footer-cancel-btn:hover {
  outline: none !important;
  border: 1px solid #20c7ab;
}
.report-modal .footer-cancel-btn:focus,
.report-modal .footer-cancel-btn:hover {
  color: #20c7ab;
}
.report-modal .footer-view {
  width: 100%;
  text-align: center;
}
.report-modal .footer-view .footer-submit-btn {
  color: #fff;
  background-color: #00B99F;
  border: none;
}
.report-modal .footer-view .footer-cancel-btn {
  margin-left: 15px;
}
.report-modal .delete-view {
  color: #000000;
  font-size: 14px;
  text-align: center;
  margin: 30px;
}
.abs-discussion-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #d9d9d9;
  padding: 24px 0;
}
.abs-discussion-item .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 24px;
}
.abs-discussion-item .item-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.abs-discussion-item .item-content .name {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.abs-discussion-item .item-content .name .teacher-tag {
  width: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.abs-discussion-item .item-content .name .teacher-tag .teacher-tag-arrow {
  width: 6px;
  height: 6px;
  border: 6px solid white;
  border-right-color: #00B99F;
  position: absolute;
  left: 0px;
  z-index: 0;
}
.abs-discussion-item .item-content .name .teacher-tag .teacher-tag-name {
  width: 26px;
  height: 20px;
  background-color: #00B99F;
  border: none;
  border-radius: 2px;
  color: white;
  font-size: 12px;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 11px;
  z-index: 1;
}
.abs-discussion-item .item-content .discussion-item-content {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  margin-top: 4px;
  margin-bottom: 8px;
  word-wrap: break-word;
  word-break: break-word;
}
.abs-discussion-item .item-content .discussion-item-audio {
  width: 128px;
  height: 32px;
  background: #fafafa;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  margin-top: 8px;
  margin-bottom: 16px;
  cursor: pointer;
}
.abs-discussion-item .item-content .discussion-item-audio.playing {
  border: 1px solid #44d4b7;
}
.abs-discussion-item .item-content .discussion-item-audio:hover {
  border: 1px solid #44d4b7;
}
.abs-discussion-item .item-content .discussion-item-audio.audio-self {
  background: #e1faf2;
}
.abs-discussion-item .item-content .discussion-item-audio.audio-self:hover {
  border: 1px solid #44d4b7;
}
.abs-discussion-item .item-content .discussion-item-audio.playing.audio-self {
  border: 1px solid #44d4b7;
}
.abs-discussion-item .item-content .discussion-item-audio.no-audio-self {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.abs-discussion-item .item-content .discussion-item-audio.no-audio-self:hover {
  border: 1px solid #44d4b7;
}
.abs-discussion-item .item-content .discussion-item-audio.playing.no-audio-self {
  border: 1px solid #44d4b7;
}
.abs-discussion-item .item-content .discussion-item-audio .audio-player {
  width: 24px;
  height: 24px;
}
.abs-discussion-item .item-content .discussion-item-audio .audio-player span {
  font-size: 24px;
}
.abs-discussion-item .item-content .discussion-item-audio .duration {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 16px;
  position: relative;
}
.abs-discussion-item .item-content .discussion-item-audio .duration::after {
  content: '"';
  position: absolute;
  right: -8px;
  top: 0px;
}
.abs-discussion-item .item-content .action-bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.abs-discussion-item .item-content .action-bar .time {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.abs-discussion-item .item-content .action-bar .action-menu-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .action-menu-bar-text {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  line-height: 22px;
  cursor: pointer;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .v-line {
  width: 1px;
  height: 12px;
  background: #d9d9d9;
  margin: 0 12px;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .reply {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .reply .reply-num {
  margin-left: 10px;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .reply:hover .message-out-lined {
  color: #20c7ab;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .del,
.abs-discussion-item .item-content .action-bar .action-menu-bar .report {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .del:hover .danger-out-lined,
.abs-discussion-item .item-content .action-bar .action-menu-bar .report:hover .danger-out-lined {
  color: #fb5b64;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .report-text {
  display: inline-block;
  min-width: 28px;
  width: auto;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .position-abs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .show {
  width: 16px;
  height: 16px;
  animation: showAnim forwards;
  animation-duration: 0s;
  animation-delay: 2s;
  -webkit-animation: showAnim forwards;
  -moz-animation-duration: 0s;
  -webkit-animation-delay: 2s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@keyframes showAnim {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .hide {
  width: 20px;
  height: 22px;
  animation: hideAnim 2s forwards;
  -webkit-animation: hideAnim 2s forwards;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
@keyframes hideAnim {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .thumb-up-filled {
  font-size: 16px;
  color: #fb5b64;
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .danger-out-lined,
.abs-discussion-item .item-content .action-bar .action-menu-bar .message-out-lined,
.abs-discussion-item .item-content .action-bar .action-menu-bar .thumb-up-out-lined {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.abs-discussion-item .item-content .action-bar .action-menu-bar .danger-out-lined {
  font-size: 14px;
  margin-right: 10px;
}
.abs-page {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.abs-page .default-page {
  min-width: 32px;
  width: auto;
  height: 32px;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 32px;
  margin-left: 9px;
}
.abs-page .active-page {
  color: #fff;
  background: #00B99F;
  border: 1px solid #00B99F;
}
/** 回复item样式 */
.abs-discussion {
  height: 100%;
}
.abs-discussion .list {
  overflow-y: hidden;
}
.abs-discussion .dis-bg {
  height: 100%;
  padding-right: 20px;
  overflow-y: auto;
}
.abs-discussion .dis-bg .reply-title {
  color: rgba(0, 0, 0, 0.85);
  margin: 10px 0;
}
.abs-discussion .dis-bg .dis-reply-content-wrapper {
  position: relative;
}
.abs-discussion .dis-bg .dis-reply-content-wrapper .dis-dis-content {
  width: 100%;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 6px;
}
.abs-discussion .dis-bg .dis-reply-content-wrapper .dis-content {
  width: 100%;
  background: #ffffff;
  border: 1px solid #20c7ab;
  border-radius: 4px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.85);
}
.abs-discussion .dis-bg .dis-reply-content-wrapper .dis-content:focus,
.abs-discussion .dis-bg .dis-reply-content-wrapper .dis-dis-content:focus {
  outline: none !important;
  border: 1px solid #20c7ab;
}
.abs-discussion .dis-bg .dis-reply-content-wrapper input::-webkit-input-placeholder,
.abs-discussion .dis-bg .dis-reply-content-wrapper textarea::-webkit-input-placeholder {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.abs-discussion .dis-bg .dis-reply-content-wrapper input:-moz-placeholder,
.abs-discussion .dis-bg .dis-reply-content-wrapper textarea:-moz-placeholder {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.abs-discussion .dis-bg .dis-reply-content-wrapper input::-moz-placeholder,
.abs-discussion .dis-bg .dis-reply-content-wrapper textarea::-moz-placeholder {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.abs-discussion .dis-bg .dis-reply-content-wrapper input:-ms-input-placeholder,
.abs-discussion .dis-bg .dis-reply-content-wrapper textarea:-ms-input-placeholder {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.abs-discussion .dis-bg .dis-reply-content-wrapper .reply-audio {
  font-size: 22px;
  color: rgba(0, 0, 0, 0.25);
  position: absolute;
  right: 20px;
  bottom: 13px;
}
.abs-discussion .dis-bg .dis-reply-content-wrapper .reply-audio:hover {
  color: #20c7ab;
}
.abs-discussion .dis-bg .dis-reply-content-wrapper .reply-record-status {
  color: #00B99F;
}
.abs-discussion .dis-bg .btn {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.abs-discussion .dis-bg .btn .button {
  display: inline-block;
  background: #00B99F;
  border-radius: 4px;
  color: #fff;
  padding: 5px 15.5px;
  font-family: PingFangSC-Regular;
  text-align: center;
  border: none;
}
.abs-discussion .dis-bg .btn .dis-button {
  display: inline-block;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  padding: 5px 15.5px;
  font-family: PingFangSC-Regular;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  border: none;
}
.abs-discussion .dis-bg .abs-page {
  text-align: right;
}
.abs-discussion .jump {
  position: absolute;
  right: 20px;
  bottom: 120px;
}
.abs-discussion .discussion-empty {
  font-size: 14px;
  color: #8c8c8c;
  width: 100%;
  height: 230px;
  text-align: center;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QPNaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcFJpZ2h0cz0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3JpZ2h0cy8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBSaWdodHM6TWFya2VkPSJGYWxzZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjQwMjlCMTQ5N0EwNUU2MTFBNDM2Qjk2QzNBQjFEQkRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4ODA4MjU3REYxNzExRTc4NDU4QjM5Nzk1MTJCNkE1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4ODA4MjU2REYxNzExRTc4NDU4QjM5Nzk1MTJCNkE1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzQwMTc3MDVCQzQ0RTYxMTgwMjVDNDk0QjczRTY5OEQiIHN0UmVmOmRvY3VtZW50SUQ9ImFk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) no-repeat top center / 298px 236px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 16px;
  box-sizing: border-box;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.discussion-record-modal-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
}
.discussion-record-modal-wrapper .record-modal {
  top: 0px;
  padding-bottom: 133px;
}
.discussion-record-modal-wrapper .record-modal .ant-modal-content {
  box-shadow: 0px 6px 16px 0px rgba(26, 31, 51, 0.08), 0px 9px 4px 0px rgba(26, 31, 51, 0.05), 0px 12px 48px 16px rgba(26, 31, 51, 0.03);
  border-radius: 4px;
}
.discussion-record-modal-wrapper .record-modal .ant-modal-content .ant-modal-body {
  padding: unset;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDgwcHgiIGhlaWdodD0iMTA0cHgiIHZpZXdCb3g9IjAgMCA0ODAgMTA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPuiDjOaZr+WbvjwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjguMDUxMTI2ODMlIiB4Mj0iNTAlIiB5Mj0iOTMuNDQyNDY1MiUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0JFRkRFQyIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRTFGQUYyIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwMy41IiBoZWlnaHQ9IjEzMiI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik0tMTAuNTE3OTkwNiw3OS44Njk5ODQgQy0xNC43ODc0MjI2LDM4LjA2MjM0MTIgMC44MzMzNTY5MDIsMjcuMjYxNjU5NiAzNi4zNDQzNDgsNDcuNDY3OTM5MSBDODkuNjEwODM0Nyw3Ny43NzczNTg0IDIzNS44MzkyMzMsMTE3LjM3MDk2MyAyOTUuNSw4OC4xMjAwMjQ5IEMzNTUuMTYwNzY3LDU4Ljg2OTA4NjYgNDg4LjIxMDMwNyw4Ni45NjMyNzAxIDQ5NS4wNTgxMDksMTA2LjY1NzQ4MSBDNDk5LjYyMzMxLDExOS43ODY5NTUgNDk5LjYyMzMxLDEzMC4wNzg2MSA0OTUuMDU4MTA5LDEzNy41MzI0NDcgTDcuMTIxMjQ1OTEsMTQ2LjU5MjA4MyBMLTEwLjUxNzk5MDYsNzkuODY5OTg0IFoiIGlkPSJwYXRoLTQiPjwvcGF0aD4KICAgICAgICA8ZmlsdGVyIHg9Ii0wLjQlIiB5PSItMS44JSIgd2lkdGg9IjEwMC44JSIgaGVpZ2h0PSIxMDMuNyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci01Ij4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSI+PC9mZUdhdXNzaWFuQmx1cj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMSIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiPjwvZmVDb21wb3NpdGU+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxICAgMCAwIDAgMCAxICAgMCAwIDAgMCAxICAwIDAgMCAxIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0lubmVySW5uZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSItMTIuOTI3NTUxMyUiIHgyPSI1MCUiIHkyPSI3My40Mjc4MjQ3JSIgaWQ9ImxpbmVhckdyYWRpZW50LTYiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNjkzNDAwMzUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjYxMDExMjU0NCIgb2Zmc2V0PSIxOS44NTM1ODM5JSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuMDAxNTQ5MTY4MDUiIG9mZnNldD0iOTkuNzAwMTc0OCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5paw5qCH5YeGLeiuqOiuuumimC3mv4DmtLvlvZXpn7MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjAuMDAwMDAwLCAtNDk3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2MC4wMDAwMDAsIDQ5Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLot6/lvoQtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNTAwMDAwLCAtMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMyIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSLokpnniYgiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDxnIG9wYWNpdHk9IjAuNjk5ODA5MjMiIG1hc2s9InVybCgjbWFzay0zKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbC1vcGFjaXR5PSIwLjUyNzc4MDgxMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC00Ij48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTUpIiB4bGluazpocmVmPSIjcGF0aC00Ij48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTS0yNC41MTc5OTA2LDU0LjQ0OTY3MjcgQzM0Ljc4NzM4LDU3Ljc3ODE0MjIgNzkuODc5NDAwNyw2Ni4yOTQ5MTc5IDExMC43NTgwNzIsODAgQzE4My40MDQ3MTQsMTEyLjI0MzIzNCAyMTUuMTE4MDkyLDk0LjEwNDYzODYgMjg4LjI2NDAwMyw4NS41OTUyODc1IEMzMzAuOTc2NDE5LDgwLjYyNjM4NDQgMzUxLjAwMDY2Miw1OC41NDc2MjUgMzc0LjcxNDQzLDUxLjQzMTkwMTQgQzQzOS4wMzg1MjQsMzIuMTMwMzUxNyA1MTUuMTE1MjAzLDgzLjc5NTQ0MzIgNTIyLjQ5ODI1Niw5Ni43OTA4ODI1IEM1MjcuNDIwMjkyLDEwNS40NTQ1MDkgNTI3LjQyMDI5MiwxMTIuNTQwNjE2IDUyMi40OTgyNTYsMTE4LjA0OTIwMyBMLTMuNTc3NzI2MDMsMTI0LjAyNzMwMiBMLTI0LjUxNzk5MDYsNTQuNDQ5NjcyNyBaIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTYpIiBtYXNrPSJ1cmwoI21hc2stMykiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1MC44MzU4OTYsIDg1LjU5NTI4OCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjUwLjgzNTg5NiwgLTg1LjU5NTI4OCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
  padding: 24px;
  border-radius: 4px;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_record {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_record .start-tips,
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_record .record-time {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 20px;
  margin-bottom: 34px;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_record .button-record {
  display: block;
  width: 80px;
  height: 80px;
  font-size: 80px;
  margin-bottom: 20px;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 34px;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper .play-time,
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper .bias,
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper .record-time {
  font-size: 16px;
  font-weight: 400;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper .play-time {
  color: #00B99F;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper .bias {
  color: rgba(0, 0, 0, 0.45);
  margin-left: 8px;
  margin-right: 8px;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .time-wrapper .record-time {
  color: rgba(0, 0, 0, 0.45);
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .action-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .action-wrapper .reset-record,
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .action-wrapper .send {
  width: 62px;
  height: 62px;
  font-size: 14px;
  font-weight: 400;
  color: #00B99F;
  background: #f5f5f5;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .action-wrapper .audio-player {
  width: 80px;
  height: 80px;
  margin-left: 40px;
  margin-right: 40px;
  cursor: pointer;
}
.discussion-record-modal-wrapper .discussion-reply-record-wrapper_finish .action-wrapper .audio-player span {
  font-size: 80px;
}

.discussion-cloud-recordList .discussion-cloud-recordList-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .title-text .text {
  font-weight: 500;
  font-size: 16px;
  color: #1A2233;
  line-height: 24px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .title-text .count {
  font-weight: 400;
  font-size: 12px;
  color: #858C99;
  line-height: 24px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .order .order-content {
  width: 96px;
  height: 24px;
  background: #E1E6F0;
  border-radius: 4px;
  display: flex;
  position: relative;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .order .order-content .order-item {
  width: 50%;
  position: relative;
  z-index: 10;
  text-align: center;
  color: #575C66;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .order .order-content .active {
  font-weight: 500;
  color: #1A2233;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .order .order-content .order-background {
  position: absolute;
  top: 1px;
  width: 46px;
  height: 22px;
  background: #FFFFFF;
  border-radius: 4px;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .order .order-content .order-background-asc {
  transform: translateX(49px);
}
.discussion-cloud-recordList .discussion-cloud-recordList-title .order .order-content .order-background-desc {
  transform: translateX(1px);
}
.discussion-cloud-recordList .discussion-cloud-recordList-empty {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-empty .img {
  display: block;
  height: 160px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-empty .text {
  font-weight: 500;
  font-size: 16px;
  color: #575C66;
  line-height: 24px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content {
  padding-top: 8px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item {
  margin-top: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .avator {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 8px;
  overflow: hidden;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .avator .avator-img {
  display: block;
  width: 32px;
  height: 32px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content {
  width: calc(100% - 32px - 8px);
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .user-name {
  font-weight: 400;
  font-size: 14px;
  color: #575C66;
  line-height: 22px;
  height: 24px;
  display: flex;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .role {
  margin: 0 16px 0 4px;
  height: 24px;
  display: flex;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .role .mine {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #F0F6FF;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #3264FA;
  line-height: 20px;
  text-align: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .role .teacher {
  display: block;
  height: 20px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .delete {
  height: 24px;
  display: flex;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .delete .delete-btn {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .delete .delete-btn .delete-icon {
  padding-bottom: 3px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .delete .delete-btn .delete-icon .icon {
  display: block;
  width: 16px;
  margin-right: 4px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .top .delete .delete-btn .text {
  font-weight: 400;
  font-size: 12px;
  color: #858C99;
  line-height: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .middle {
  padding-top: 8px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .middle .parent-info {
  height: 32px;
  background: #F5F7FA;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  display: flex;
  justify-content: flex-start;
  padding-right: 16px;
  margin-bottom: 12px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .middle .parent-info .title {
  color: #575C66;
  padding: 0 12px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .middle .parent-info .text {
  flex: 1;
  margin-bottom: 0px;
  color: #858C99;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .middle .content {
  font-weight: 500;
  font-size: 14px;
  color: #1A2233;
  line-height: 22px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  gap: 24px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .time {
  font-weight: 400;
  font-size: 12px;
  color: #858C99;
  line-height: 20px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .reply-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .reply-btn .reply-icon .icon {
  display: block;
  width: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .reply-btn .text {
  font-weight: 400;
  font-size: 12px;
  color: #575C66;
  line-height: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .zan-btn {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  height: 24px;
  display: flex;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .zan-btn .zan-icon {
  position: absolute;
  width: 64px;
  height: 64px;
  top: -21px;
  left: -23px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .zan-btn .zan-icon .icon {
  display: block;
  width: 64px;
  height: 64px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .zan-btn .text {
  font-weight: 400;
  font-size: 12px;
  color: #838C9A;
  line-height: 12px;
  height: 24px;
  display: flex;
  align-items: center;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .disable-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .disable-btn .disable-icon .icon {
  display: block;
  width: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .item-content .content .bottom .disable-btn .text {
  font-weight: 400;
  font-size: 12px;
  color: #858C99;
  line-height: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .reply-child {
  padding-left: 40px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .reply-child .reply-child-spin {
  min-height: 80px;
  min-width: 190;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .reply-child .item-content {
  margin-top: 16px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .get-reply-btn-container {
  display: flex;
  align-items: center;
  padding-left: 40px;
  margin-top: 18px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .get-reply-btn-container .line {
  width: 24px;
  height: 1px;
  border: 1px solid #E1E6F0;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .get-reply-btn-container .get-reply-btn {
  height: 20px;
  background: #F0F6FF;
  border-radius: 4px;
  margin: 0px 8px;
  font-weight: 400;
  font-size: 12px;
  color: #575C66;
  line-height: 18px;
  cursor: pointer;
  padding: 0 12px;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .get-reply-btn-container .get-reply-btn .get-reply-icon {
  color: #575C66;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-scroll .discussion-cloud-recordList-item .get-reply-btn-container .get-reply-btn .get-reply-icon-close {
  transform: rotate(180deg);
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination {
  text-align: right;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-prev:hover button,
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-next:hover button {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-prev:focus-visible .ant-pagination-item-link,
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #3264FA;
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-prev:hover .ant-pagination-item-link,
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-next:hover .ant-pagination-item-link {
  color: #3264FA;
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-disabled .ant-pagination-item-link,
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-options-quick-jumper input:hover {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-options-quick-jumper input:focus,
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-options-quick-jumper input-focused {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-options-quick-jumper input:hover {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-options-quick-jumper input:focus,
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-options-quick-jumper input-focused {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-select-focused .ant-select-selector {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item:hover {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item:hover a {
  color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item:focus-visible {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item:focus-visible a {
  color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item-active {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item-active a {
  color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item-active:hover {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item-active:focus-visible {
  border-color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item-active:hover a {
  color: #3264FA;
}
.discussion-cloud-recordList .discussion-cloud-recordList-content .discussion-cloud-recordList-content-pagination .ant-pagination-item-active:focus-visible a {
  color: #3264FA;
}

.discussion-cloud-bottom {
  background: #FFFFFF;
  box-shadow: 0px 2px 16px 0px rgba(0, 20, 80, 0.14);
  border-radius: 8px;
  padding: 16px;
  margin-top: 32px;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container {
  position: relative;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .discussion-cloud-bottom-textArea-header {
  height: 16px;
  background: #F5F7FA;
  border-radius: 4px 4px 0 0;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .discussion-cloud-bottom-textArea .ant-input {
  height: 128px !important;
  border: none;
  background: #F5F7FA;
  border-radius: 0;
  box-shadow: none;
  resize: none;
  padding: 0px 16px 0 16px;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .discussion-cloud-bottom-textArea .ant-input::-webkit-scrollbar-track {
  background-color: #F5F7FA;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .discussion-cloud-bottom-textArea .ant-input-focused {
  border: none;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .discussion-cloud-bottom-textArea-count {
  position: relative;
  text-align: right;
  padding-right: 16px;
  padding-bottom: 16px;
  background: #F5F7FA;
  border-radius: 0 0 4px 4px;
  user-select: none;
  font-weight: 400;
  font-size: 14px;
  color: #C2C5CC;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .discussion-cloud-bottom-textArea-count-terms {
  color: #575C66;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .ant-input-textarea-show-count {
  position: relative;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .ant-input-textarea-show-count::after {
  float: none;
  position: absolute;
  bottom: 12px;
  right: 16px;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .reply-info {
  width: calc(100% - 32px);
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  top: 0px;
  left: 16px;
  padding-top: 16px;
  background: #F5F7FA;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .reply-info .title {
  color: #858C99;
  padding-right: 8px;
  pointer-events: none;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .reply-info .content {
  flex: 1;
  color: #C2C5CC;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.discussion-cloud-bottom .discussion-cloud-bottom-textArea-container .reply-info .close {
  color: #858C99;
  padding-left: 8px;
  cursor: pointer;
}
.discussion-cloud-bottom .textArea-reply-info .ant-input {
  padding-top: 34px !important;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container {
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .btns-emoji {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .btns-emoji .emoji-icon {
  font-size: 16px;
  color: #3264FA;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .btns-emoji .text {
  font-weight: 400;
  font-size: 14px;
  color: #858C99;
  line-height: 20px;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .btns-submit .submit-btn {
  width: 72px;
  height: 32px;
  color: #fff;
  background-color: #3264FA;
  border-radius: 4px;
  --antd-wave-shadow-color: #3264FA;
  --swiper-theme-color: #3264FA;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .btns-submit .submit-btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .btns-submit .ant-btn:hover {
  border-color: #3264FA;
}
.discussion-cloud-bottom .discussion-cloud-bottom-btns .btns-container .student-btns-submit .submit-btn {
  border-radius: 16px !important;
}
.discussion-cloud-bottom-emoji-container .emoji-list {
  width: 290px;
  display: flex;
  flex-wrap: wrap;
}
.discussion-cloud-bottom-emoji-container .emoji-list .emoji-btn {
  border: none;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-inputbox {
  display: block;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid transparent;
}
.question-inputbox-body {
  margin-top: 0;
}
.question-inputbox-header + .question-inputbox-body {
  margin-top: 15px;
}
.question-inputbox-title {
  font-family: Helvetica;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.question-inputbox-input-container::after {
  content: attr(data-count);
  float: right;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  line-height: 22px;
  position: relative;
  top: -35px;
  right: 15px;
}
.question-inputbox-input {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 6px;
}
.question-inputbox-input::placeholder {
  color: rgba(176, 176, 176, 0.8);
}
.question-inputbox-input:hover {
  border: 1px solid #20c7ab;
}
.question-inputbox-input:focus {
  border: 1px solid #20c7ab;
  resize: none;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 185, 159, 0.2);
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.dialog-follow-question-wrapper {
  width: 100%;
  height: 100%;
}
.dialog-follow-question-wrapper .question-number {
  color: rgba(0, 0, 0, 0.865);
  margin-right: 4px;
}
.dialog-follow-question-wrapper .role-wrapper {
  width: 100%;
  margin: 16px 0px;
  position: relative;
}
.dialog-follow-question-wrapper .role-wrapper .score-wrapper {
  width: 50px;
  height: 30px;
  color: #00B99F;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  margin-top: 0;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 0;
}
.dialog-follow-question-wrapper .role-wrapper .score-wrapper .score {
  font-size: 14px;
}
.dialog-follow-question-wrapper .role-wrapper .score-wrapper .score-color-2 {
  color: #0AC77C;
}
.dialog-follow-question-wrapper .role-wrapper .score-wrapper .score-color-1 {
  color: #FABE0A;
}
.dialog-follow-question-wrapper .role-wrapper .score-wrapper .score-color-0 {
  color: #FF6859;
}
.dialog-follow-question-wrapper .role-wrapper .score-wrapper .score-color-theme {
  color: #00B99F;
}
.dialog-follow-question-wrapper .role-wrapper .question-reply-content {
  width: 100%;
  padding-left: 58px;
}
.dialog-follow-question-wrapper .role-wrapper .question-reply-content .role-name {
  line-height: 30px;
  font-weight: bold;
  margin-right: 8px;
  display: inline;
}
.dialog-follow-question-wrapper .role-wrapper .question-reply-content .component-htmlview {
  display: inline;
}
.dialog-follow-question-wrapper .role-wrapper .question-reply-content .component-htmlview > p {
  display: inline;
}
.dialog-follow-question-wrapper .role-wrapper .question-reply-content .component-htmlview > span p {
  display: inline;
}
.dialog-follow-question-wrapper .role-wrapper .question-reply-content .translate-wrapper {
  margin: 8px 0px;
  display: block;
}
.dialog-follow-question-wrapper .question-reply-analysis {
  padding-left: 58px;
}
.dialog-follow-question-wrapper .reply-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 30px 0px;
}
.dialog-follow-question-wrapper .reply-buttons .sample-audio {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 8px 24px 8px 0px;
}
.dialog-follow-question-wrapper .reply-buttons .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 16px;
}
.dialog-follow-question-wrapper .reply-buttons .question-audio {
  margin-left: 4px;
}
.dialog-follow-question-wrapper .reply-buttons .question-audio .audio-control-trumpet {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.comp-button {
  background: #ffffff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.button-start {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #00B99F;
  white-space: nowrap;
  animation: buttonScaleAni 2s linear infinite;
}
.button-start > span {
  position: absolute;
  left: 36px;
  top: 0px;
  font-family: Helvetica;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  white-space: nowrap;
}
@keyframes buttonScaleAni {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 0 6px #98edd6;
  }
  100% {
    box-shadow: none;
  }
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-state-record-pc .question-state-record {
  background: #ffffff;
}
.question-state-record-pc .oral-state-record-wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question--audio-learn {
  position: relative;
  width: 100%;
  height: 100%;
}
.question--audio-learn .contentBox {
  display: flex;
  justify-content: center;
  width: 100%;
  height: calc(100% - 50px);
  font-size: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.question--audio-learn .contentBox h3 {
  text-align: center;
}
.question--audio-learn .contentBox .title {
  display: inline-block;
}
.question--audio-learn .contentBox .active {
  background-color: rgba(0, 0, 0, 0.04);
}
.question--audio-learn .contentBox .left,
.question--audio-learn .contentBox .right {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.question--audio-learn .contentBox .left {
  padding: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
}
.question--audio-learn .contentBox .left .top {
  position: relative;
  z-index: 100;
  width: 30%;
  max-width: 120px;
  max-height: 60px;
  margin-left: 47%;
}
.question--audio-learn .contentBox .left .disc {
  width: 20vw;
  height: 20vw;
  max-width: 256px;
  max-height: 256px;
  margin: 0 auto;
  position: relative;
}
.question--audio-learn .contentBox .left .disc .bg {
  width: 100%;
  height: 100%;
}
.question--audio-learn .contentBox .left .disc .inner {
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background-size: cover;
  position: absolute;
  top: 20%;
  left: 20%;
}
.question--audio-learn .contentBox .left .audio-learn-introduction {
  max-height: 10vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.question--audio-learn .contentBox .left .qc-abs-word-tips {
  margin: 32px;
}
.question--audio-learn .contentBox .playing .top {
  transform: rotate(30deg);
  transform-origin: 10% 5%;
}
.question--audio-learn .contentBox .playing .bg,
.question--audio-learn .contentBox .playing .inner {
  animation: rotate 5s infinite linear;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.question--audio-learn .contentBox .right {
  background-color: #ffffff;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.question--audio-learn .contentBox .right .textOuter {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.question--audio-learn .contentBox .right .textOuter::-webkit-scrollbar {
  display: none;
}
.question--audio-learn .contentBox .right .textOuter .line {
  height: 10px;
}
.question--audio-learn .contentBox .right .textOuter .active {
  color: #fff;
  background-color: #299be4;
}
.question--audio-learn .contentBox .right .textOuter .title {
  text-align: center;
}
.question--audio-learn .contentBox .right .textOuter .sentence {
  display: inline;
}
.question--audio-learn .audioBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  /** override */
}
.question--audio-learn .audioBox .audio-control-bar {
  border-radius: 0;
  max-width: none;
}
.question--audio-learn .audioBox .sliderWrapMargin .sliderWrap {
  margin-top: 0;
}
.question--audio-learn .audioBox .sliderWrapMarginEmpty .sliderWrap {
  margin-top: 26px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.time-bubble {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 10px;
  width: 88px;
  height: 24px;
  color: white;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
}
.time-bubble .time-cur {
  color: #00B99F;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.layout-container-rich-text .layoutBody-container {
  padding: 0;
}
.layout-container-rich-text .layoutBody-container.empty {
  padding: 0;
}
.question-rich-text-read {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  line-height: 1.5;
}
.question-rich-text-read .richText {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.question-rich-text-read .richText .title {
  width: 100%;
  display: inline-block;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
}
.question-rich-text-read .richText .title .titleAnalysisIcon {
  position: absolute;
  top: 16px;
  left: 0;
}
.question-rich-text-read .richText .titleMarginBottom {
  margin-bottom: 20px;
}
.question-rich-text-read .richText .active {
  color: #00B99F;
}
.question-rich-text-read .richText .active .wordsStyle {
  color: #00B99F;
  border-bottom-color: #00B99F;
}
.question-rich-text-read .richText .title-content {
  display: inline-block;
  width: 100%;
  padding: 0px 30px;
}
.question-rich-text-read .richText .title-content > p {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}
.question-rich-text-read .richText .activeAnalysis {
  text-decoration: underline;
}
.question-rich-text-read .richText .left,
.question-rich-text-read .richText .right {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 30px;
  padding-bottom: 0;
}
.question-rich-text-read .richText .left.default {
  background-color: #fff;
}
.question-rich-text-read .richText .left.yellow {
  background-color: #fffee7;
}
.question-rich-text-read .richText .left.green {
  background-color: #ecf9e7;
}
.question-rich-text-read .richText .left .textOuter {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
}
.question-rich-text-read .richText .left .textOuter .textContainer {
  padding-bottom: 88px;
}
.question-rich-text-read .richText .left .textOuter .textContainer > * {
  cursor: pointer;
}
.question-rich-text-read .richText .left .textOuter::-webkit-scrollbar {
  display: none;
}
.question-rich-text-read .richText .left .textOuter .line {
  height: 20px;
}
.question-rich-text-read .richText .left .bubbleMask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.question-rich-text-read .richText .left .bubble-box {
  position: absolute;
  width: 320px;
  background-color: #262626;
  border-radius: 5px;
  padding: 20px 16px;
  color: #fff;
  z-index: 9;
}
.question-rich-text-read .richText .left .bubble-box .text {
  width: 100%;
  max-height: 120px;
  overflow-y: scroll;
}
.question-rich-text-read .richText .left .bubble-box .text .bubble-title {
  font-size: 18px;
  font-family: Helvetica-Bold;
  color: #fff;
}
.question-rich-text-read .richText .left .bubble-box .text .bubble-content {
  font-size: 14px;
  color: #fff;
  font-family: PingFangSC-Regular;
}
.question-rich-text-read .richText .left .bubble-box .text .bubble-content p {
  padding-right: 2px;
}
.question-rich-text-read .richText .left .bubble-box .text::-webkit-scrollbar {
  display: none;
}
.question-rich-text-read .richText .left .bubble-box .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.question-rich-text-read .richText .left .bubble-box .triangle.up {
  top: -9px;
  border-width: 0 10px 10px;
  border-color: transparent transparent #262626;
}
.question-rich-text-read .richText .left .bubble-box .triangle.down {
  bottom: -9px;
  border-width: 10px 10px 0;
  border-color: #262626 transparent transparent;
}
.question-rich-text-read .richText .right.default {
  background-color: #fafafa;
}
.question-rich-text-read .richText .right.yellow {
  background-color: #f9f8de;
}
.question-rich-text-read .richText .right.green {
  background-color: #e3f2de;
}
.question-rich-text-read .richText .right .translateOuter {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.question-rich-text-read .richText .right .translateOuter::-webkit-scrollbar {
  display: none;
}
.question-rich-text-read .richText .right .translateOuter .translateContainer {
  padding-bottom: 88px;
}
.question-rich-text-read .richText .right .translateOuter .translateContainer > * {
  cursor: pointer;
}
.question-rich-text-read .richText .right .translateOuter .line {
  height: 20px;
}
.question-rich-text-read .richText .right .analysisOuter {
  padding-bottom: 56px;
}
.question-rich-text-read .analysisIcon {
  display: inline-block;
  color: #fff;
  background-color: #f63944;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  margin-top: -5px;
}
.question-rich-text-read .audioBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #d9d5d5;
}
.question-rich-text-read .audioBox .audioDom {
  display: none;
}
.question-rich-text-read .wordBox {
  position: absolute;
  z-index: 10000;
  width: 300px;
  padding: 5px 10px;
  color: #fff;
  background-color: #007aff;
  border-radius: 5px;
}
.question-rich-text-read .wordsShow.highlight {
  font-weight: 700;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  border-bottom-color: #000;
}
.question-rich-text-read .wordsShow.highlight.active {
  color: #00B99F;
  border-color: #00B99F;
}
.question-rich-text-read .active .wordsShow.highlight {
  color: #00B99F;
  border-color: #00B99F;
}
@media (min-height: 768px) {
  .question-rich-text-read .richText .left .bubble-box .text {
    max-height: 200px;
  }
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.rich-text-read-control {
  overflow: hidden;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 24px;
  height: 56px;
  user-select: none;
  transition: width 0.3s ease-in-out;
}
.rich-text-read-control .proccessLine {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  background-color: #00B99F;
}
.rich-text-read-control .btn-switch {
  flex: none;
  margin-top: 4px;
  width: 24px;
  height: 48px;
  padding-top: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  background-color: #ff8e14;
}
.rich-text-read-control .btn-switch:hover {
  cursor: pointer;
}
.rich-text-read-control .btn-switch span {
  font-size: 10px;
}
.rich-text-read-control .btn-switch.open {
  display: inline-block;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rich-text-read-control .btn-switch.close {
  display: inline-block;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rich-text-read-control .control-block {
  display: none;
  flex: 1;
  height: 100%;
  line-height: 100%;
  vertical-align: top;
}
.rich-text-read-control .control-block:nth-child(3) {
  width: calc(35% - 24px);
}
.rich-text-read-control .control-block:nth-child(4) {
  width: 30%;
}
.rich-text-read-control .control-block:nth-child(5) {
  width: 35%;
}
.rich-text-read-control .control-block .btnBox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.rich-text-read-control .control-block .btnBox .icon-gradient-start {
  stop-color: #44d4b7;
}
.rich-text-read-control .control-block .btnBox .icon-gradient-end {
  stop-color: #00B99F;
}
.rich-text-read-control .control-block .btnBox .playBtn {
  color: #00B99F;
  font-size: 36px;
  margin-left: 40px;
}
.rich-text-read-control .control-block .btnBox .time {
  margin-left: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.rich-text-read-control .control-block .btnBox .time .active {
  color: #00B99F;
}
.rich-text-read-control .control-block .textBtnBox {
  justify-content: space-around;
}
.rich-text-read-control .control-block .textBtnBox .btn-text {
  display: inline-block;
  width: 28px;
  height: 28px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  font-size: 16px;
  border: 2px solid rgba(0, 0, 0, 0.85);
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}
.rich-text-read-control .control-block .textBtnBox .btn-text:hover {
  color: #00B99F;
  border-color: #00B99F;
}
.rich-text-read-control .control-block .textBtnBox .btn-text.active {
  color: #00B99F;
  border-color: #00B99F;
}
.rich-text-read-control .control-block .textBtnBox .btn-text.disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.rich-text-read-control .control-block .controlBtnBox {
  justify-content: flex-end;
}
.rich-text-read-control .control-block .controlBtnBox .controlBtn {
  display: inline-block;
  margin-right: 25px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  width: 46px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  padding: 4px 0;
  cursor: pointer;
}
.rich-text-read-control .control-block .controlBtnBox .controlBtn.active,
.rich-text-read-control .control-block .controlBtnBox .controlBtn:hover {
  border-color: #00B99F;
  background-color: #00B99F;
  color: #ffffff;
}
.rich-text-read-control .control-block .controlBtnBox .soundBtn {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
  margin-right: 50px;
  cursor: pointer;
}
.rich-text-read-control .control-block .controlBtnBox .soundBtn.active,
.rich-text-read-control .control-block .controlBtnBox .soundBtn:hover {
  color: #00B99F;
}
.rich-text-read-control .configBtn {
  margin-top: 30px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 44px;
}
.rich-text-read-control.control-show {
  width: 100%;
  box-shadow: 0 -6px 10px 0 rgba(0, 0, 0, 0.04);
}
.rich-text-read-control.control-show.default {
  background-color: #fff;
}
.rich-text-read-control.control-show.yellow {
  background-color: #fffee7;
}
.rich-text-read-control.control-show.green {
  background-color: #ecf9e7;
}
.rich-text-read-control.control-show .proccessLine {
  display: block;
}
.rich-text-read-control.control-show .control-block {
  display: inline-block;
}
.rich-text-read-control-tooltip-guide {
  max-width: 500px;
}
.rich-text-read-control-tooltip-guide .ant-tooltip-arrow {
  top: 50% !important;
  right: 0 !important;
  transform: translateX(100%) translateY(-50%) !important;
}
.rich-text-read-control-tooltip-guide .ant-tooltip-inner {
  background-color: #00B99F;
  font-size: 14px;
  padding: 8px 16px;
}
.rich-text-read-control-tooltip-guide .ant-tooltip-arrow-content {
  background-color: #00B99F;
  width: 6px;
  height: 6px;
}
.rich-text-read-control-tooltip-guide .ant-tooltip-arrow-content::before {
  display: none;
}
.rich-text-read-control-tooltip-guide.doAnimation {
  animation-name: shakeX;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.rich-text-read-control-tooltip-btn .ant-tooltip-arrow {
  bottom: 0 !important;
  left: 50% !important;
  transform: translateY(100%) translateX(-50%) !important;
}
.rich-text-read-control-tooltip-btn .ant-tooltip-arrow .ant-tooltip-arrow-content {
  background: rgba(0, 0, 0, 0.85);
}
.rich-text-read-control-tooltip-btn .ant-tooltip-arrow .ant-tooltip-arrow-content::before {
  display: none;
}
.rich-text-read-control-tooltip-btn .tooltipBox .textOption {
  cursor: pointer;
  padding: 4px 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}
.rich-text-read-control-tooltip-btn .tooltipBox .textOption.active {
  color: #00B99F;
}
.rich-text-read-control-tooltip-btn .tooltipBox .modeOption {
  width: 18px;
  height: 18px;
  margin: 5px auto;
  text-align: center;
  line-height: 16px;
  color: #00B99F;
  border-radius: 50%;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.15);
  font-size: 12px;
  cursor: pointer;
}
.rich-text-read-control-tooltip-btn .tooltipBox .modeOption.default {
  background-color: #fff;
}
.rich-text-read-control-tooltip-btn .tooltipBox .modeOption.yellow {
  background-color: #f9f8b5;
}
.rich-text-read-control-tooltip-btn .tooltipBox .modeOption.green {
  background-color: #c7ffbc;
}
.rich-text-read-control-tooltip-btn .tooltipBox .modeOption.active {
  color: #00B99F;
  border-color: #00B99F;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox {
  height: 145px;
  text-align: center;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox .mySlider {
  height: 85px;
  padding-bottom: 5px;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox .mySlider .ant-slider-vertical .ant-slider-handle {
  margin-left: -4px;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox .mySlider .ant-slider-handle {
  width: 12px;
  height: 12px;
  background-color: #00B99F;
  border: solid 4px #fff;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox .mySlider .ant-slider-vertical .ant-slider-rail {
  width: 2px;
  margin-left: 1px;
  background: #b6b4b4;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox .mySlider .ant-slider-track {
  background: none;
  width: 0;
}
.rich-text-read-control-tooltip-btn .tooltipBox.fontBox .mySlider .ant-slider-dot {
  border: none;
  border-radius: unset;
  background-color: #b6b4b4;
  margin-bottom: 0;
  height: 2px;
}
.rich-text-read-control-tooltip-btn .tooltipBox.volumeBox {
  height: 105px;
  padding-bottom: 5px;
  cursor: pointer;
}
.rich-text-read-control-tooltip-btn .tooltipBox.volumeBox .ant-slider-vertical {
  width: 0;
  height: 100%;
  margin: 10px 6px 10px 5px;
  padding: 0;
}
.rich-text-read-control-tooltip-btn .tooltipBox.volumeBox .ant-slider-handle {
  margin-left: -4px;
  width: 12px;
  height: 12px;
  background-color: #00B99F;
  border: solid 4px #fff;
}
.rich-text-read-control-tooltip-btn .tooltipBox.volumeBox .ant-slider-vertical .ant-slider-rail {
  width: 2px;
  margin-left: 1px;
  background: #b6b4b4;
}
.rich-text-read-control-tooltip-btn .tooltipBox.volumeBox .ant-slider-track {
  background: #00B99F;
  width: 2px;
  margin-left: 1px;
}

/** @format */

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-video-point-read {
  display: flex;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.question-video-point-read .video-box {
  width: 100%;
  height: 100%;
  padding: 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
.question-video-point-read .video-box .video {
  width: 100%;
}
.question-video-point-read .video-point {
  width: 100%;
  height: 100%;
  padding: 30px;
}
.question-video-point-read .video-point .textOuter {
  position: relative;
  height: 100%;
  overflow-y: auto;
}
.question-video-point-read .video-point .textOuter::-webkit-scrollbar {
  display: none;
}
.question-video-point-read .video-point .textOuter .textContainer {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: justify;
}
.question-video-point-read .video-point .textOuter .textContainer p {
  margin: 0 0 24px 0;
  cursor: pointer;
}
.question-video-point-read .video-point .textOuter .textContainer .current {
  color: #00B99F;
}
.question-video-point-read .video-point .textOuter .textContainer caption {
  padding: unset;
  color: unset;
  text-align: center;
  caption-side: unset;
}
.question-video-point-read.vertical {
  flex-direction: column;
}
.question-video-point-read.vertical .video-box {
  overflow: unset;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.discussion-view {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: relative;
}
.discussion-view .content-view {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 30px;
}
.discussion-view .content-view .mate-view {
  width: 100%;
  padding: 0;
}
.discussion-view .content-view .dis-view {
  overflow: visible;
  padding: 30px 0;
}
.discussion-view .content-view .disc {
  width: 44px;
  height: 44px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 142px;
  position: absolute;
  right: 30px;
  bottom: 100px;
  background-color: #ffffff;
}
.discussion-view .content-view .disc:hover {
  cursor: pointer;
}
.discussion-view .content-view .disc:hover .arrow,
.discussion-view .content-view .disc:hover .text {
  color: #20c7ab;
}
.discussion-view .content-view .disc .arrow {
  font-size: 16px;
  line-height: normal;
}
.discussion-view .content-view .disc .text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  line-height: normal;
}
.discussion-view .content-view .discussion-title {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.85);
  word-wrap: break-word;
}
.discussion-view .content-view .discussion-title p {
  padding: 0;
  margin: 0;
}
.discussion-view .question-common-abs-material {
  padding: 20px 0;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.modal-previewer {
  padding: 0;
}
.modal-previewer .ant-modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal-previewer .ant-modal-content .ant-modal-body {
  flex-grow: 1;
  padding: 0;
}
.modal-previewer.modal-previewer-audio .audio-previewer-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-previewer.modal-previewer-audio .audio-previewer-content .audio-control-bar {
  max-width: none;
}
.modal-previewer.modal-previewer-audio .audio-previewer-content .audio-disc-wrap {
  height: 320px;
}
.modal-previewer.modal-previewer-audio .audio-previewer-content .audio-disc-wrap .audio-disc {
  height: auto;
}
.modal-previewer.modal-previewer-pdf {
  height: 95vh;
}
.modal-previewer.modal-previewer-pdf .pdf-previewer-content {
  width: 100%;
  height: 100%;
  background: #525659;
}
.modal-previewer.modal-previewer-video .video-previewer-content {
  width: 100%;
  height: 100%;
  background: #525659;
}
.modal-previewer.modal-previewer-image .ant-image-img {
  display: none;
}
.abs-previewer {
  background: white;
}
.ant-image-preview-mask {
  background-color: black;
  z-index: 100000 !important;
}
.ant-image-preview-wrap {
  z-index: 108000 !important;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-video-popup-choice {
  height: 100%;
  padding-right: 26px;
  overflow-y: auto;
}
.question-video-popup-choice .ques-title {
  margin-top: 32px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: justify;
}
.question-video-popup-choice .ques-title p {
  display: inline;
}
.question-video-popup-choice .option {
  align-items: initial;
  margin: 24px 0 0;
  padding: 0;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  background: none;
  cursor: pointer;
}
.question-video-popup-choice .option .caption {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 14px;
}
.question-video-popup-choice .option .content {
  height: auto;
}
.question-video-popup-choice .option .content p {
  margin: 0;
  padding: 0;
}
.question-video-popup-choice .option:hover {
  color: #20c7ab;
}
.question-video-popup-choice .option:hover .caption {
  border-color: #20c7ab;
}
.question-video-popup-choice .option.selected {
  color: #00B99F;
}
.question-video-popup-choice .option.selected .caption {
  color: #fff;
  background: #00B99F;
  border-color: #00B99F;
}
.question-video-popup-choice .option.right {
  color: #0ccc8c;
}
.question-video-popup-choice .option.right .caption {
  color: #fff;
  background: #0ccc8c;
  border-color: #0ccc8c;
}
.question-video-popup-choice .option.error {
  color: #f63944;
}
.question-video-popup-choice .option.error .caption {
  color: #fff;
  background: #f63944;
  border-color: #f63944;
}
.question-video-popup-choice.multipleChoice .option .caption {
  border-radius: 4px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.question-video-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.question-video-popup .video-box {
  position: relative;
  width: 61%;
  max-height: 520px;
  max-width: 985px;
}
.question-video-popup .video-box .video {
  width: 100%;
}
.question-video-popup .video-box .popupBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.question-video-popup .video-box .popupBox .questionReplyBox {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80%;
  padding: 50px 30px 20px 30px;
  color: rgba(0, 0, 0, 0.85);
  background: rgba(255, 255, 255, 0.93);
  overflow-y: auto;
}
.question-video-popup .video-box .popupBox .questionReplyBox .analysisBtnBox {
  position: absolute;
  top: 20px;
  right: 50px;
}
.question-video-popup .video-box .popupBox .questionReplyBox .analysisBtnBox span {
  font-size: 20px;
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.question-video-popup .video-box .popupBox .questionReplyBox .analysisBtnBox .disabled {
  cursor: unset;
  color: rgba(0, 0, 0, 0.15);
}
.question-video-popup .video-box .popupBox .questionReplyBox .questionBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.question-video-popup .video-box .popupBox .questionReplyBox .questionBox .abs-choice-padding-bottom {
  padding-bottom: 0;
}
.question-video-popup .video-box .popupBox .questionReplyBox .questionBox .btn-view {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}
.question-video-popup .video-box .popupBox .questionReplyBox .questionBox .btn-view .submit-btn {
  cursor: pointer;
  background-image: linear-gradient(90deg, #44d4b7 0%, #00B99F 100%);
  border: 1px solid;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  padding: 10px 30px;
}
.question-video-popup .video-box .popupBox .questionReplyBox .questionBox .btn-view .disabled-btn {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.25);
}
@keyframes toLeft {
  from {
    right: -80%;
  }
  to {
    right: 0;
  }
}
@keyframes toRight {
  from {
    right: 0;
  }
  to {
    right: -80%;
  }
}
.question-video-popup .video-box .popupBox .toRight {
  animation: toRight 0.5s;
  right: -80%;
}
.question-video-popup .video-box .popupBox .toLeft {
  animation: toLeft 0.5s;
  right: 0;
}
.question-video-popup .video-box .popupBox .infoBox {
  margin: 180px auto auto auto;
  width: 350px;
  height: 190px;
  background: #ffffff;
  border-radius: 4px;
  text-align: center;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.question-video-popup .video-box .popupBox .infoBox .infoIcon {
  margin-top: 40px;
  font-size: 36px;
  color: #ff8e14;
}
.question-video-popup .video-box .popupBox .infoBox .infoText {
  font-size: 14px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.85);
}
.question-video-popup .video-box .popupBox .infoBox .footBox {
  margin-top: 20px;
  text-align: center;
}
.question-video-popup .video-box .popupBox .infoBox .footBox .successBtn {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-image: linear-gradient(90deg, #44d4b7 0%, #00B99F 100%);
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.common-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.edit-ticket-modal-mask {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.edit-ticket-modal-wrap {
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content {
  width: 480px;
  max-height: 400px;
  margin-top: 200px;
  background: #ffffff;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body {
  padding: 40px 24px 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 400px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .close-circle-out-lined {
  display: none;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .close-out-lined {
  position: absolute;
  right: 23px;
  top: 23px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content {
  padding-right: 10px;
  flex-grow: 1;
  overflow-y: auto;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view {
  line-height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .name-view-text {
  display: inline;
  font-family: Helvetica-Bold;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.85);
  word-wrap: break-word;
  margin-right: 4px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .name-view-text .content-text {
  padding: 0;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .sound-audio,
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .audio-trumpet {
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .sound-audio:hover,
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .audio-trumpet:hover {
  color: #20c7ab;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .sound-audio .audio-control-box,
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .audio-trumpet .audio-control-box {
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .speak {
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 20px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .speak .common-position {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .speak .sound-out-lined {
  display: none;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .name-view .speak .sound-audio {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 20px;
  margin-top: 4px;
  z-index: 100;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .translate-style {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 8px;
  margin-bottom: 24px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .example-tips {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .example-tips :nth-child(1) {
  background: #00B99F;
  border-radius: 3px;
  width: 3px;
  height: 16px;
  margin-right: 8px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .example-tips :nth-child(2) {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .body-content .example {
  font-family: Helvetica;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-top: 9px;
  word-wrap: break-word;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .btn-ok {
  width: 74px;
  height: 32px;
  background-image: linear-gradient(90deg, #44d4b7 0%, #00B99F 100%);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fff;
  text-align: center;
  display: block;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  border: none;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .btn-ok:hover {
  background-image: none;
  background-color: #20c7ab;
  cursor: pointer;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .btn-ok:active {
  background-image: none;
  background-color: #009485;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view {
  margin-top: 24px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .come-back {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  margin-bottom: 32px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .come-back-empty-data {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 55px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn .modal-ok-btn {
  width: 74px;
  height: 32px;
  border: 1px solid #00B99F;
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #00B99F;
  background-color: #fff;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn .modal-ok-btn:hover {
  background-image: none;
  background-color: #20c7ab;
  cursor: pointer;
  color: white;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn .modal-ok-btn:active {
  background-image: none;
  background-color: #009485;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn .modal-str-btn {
  width: 72px;
  height: 28px;
  background-image: linear-gradient(90deg, #44d4b7 0%, #00B99F 100%);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #fff;
  border: none;
  margin-left: 16px;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn .modal-str-btn:hover {
  background-image: none;
  background-color: #20c7ab;
  cursor: pointer;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content .edit-ticket-modal-body .bottom-view .modal-btn .modal-str-btn:active {
  background-image: none;
  background-color: #009485;
}
.edit-ticket-modal-wrap .edit-ticket-modal-content-empty-data-width {
  width: 416px;
}
.edit-ticket-modal-wrap p {
  margin: 0;
  padding: 0;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ticket-view {
  padding: 32px 32px 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.ticket-view .table-view {
  width: 100%;
  min-height: 300px;
  height: 100%;
  max-height: calc(100vh - 160px);
  background-color: #ffffff;
  overflow-y: auto;
  margin-bottom: 10px;
}
.ticket-view .table-view .table-title {
  background: #d9d9d9;
  border-radius: 4px 4px 0 0;
  font-family: Helvetica-Bold;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
  padding: 10px 0;
}
.ticket-view .table-view .primary-color {
  color: #00B99F;
  font-size: 20px;
  cursor: pointer;
}
.ticket-view .table-view .primary-color:hover {
  color: #20c7ab;
}
.ticket-view .table-view .table {
  width: 100%;
  height: 100%;
}
.ticket-view .category-name {
  background-color: #fafafa;
  color: #000000;
  font-size: 18px;
}
.ticket-view .category-name > .ant-table-cell {
  padding-left: 24px !important;
}
.ticket-view .content-text {
  padding-left: 16px;
}
.ticket-view .content-text > p {
  display: inline;
}
.ticket-view .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell {
  background: #d9dfe6;
}
.ticket-view .ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ticket-view p {
  padding: 0;
  margin: 0;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.p-oral-aloud {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 32px;
  overflow-x: hidden;
  overflow-y: auto;
}
.p-oral-aloud .p-oral-aloud-mask {
  background: rgba(255, 255, 255, 0.49);
  box-shadow: 0 0 38px 20px rgba(0, 119, 103, 0.06);
  filter: blur(5px);
  user-select: none;
}
.p-oral-aloud .p-oral-aloud-header {
  width: 100%;
}
.p-oral-aloud .p-oral-aloud-header .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-oral-aloud .p-oral-aloud-header .p-oral-aloud-button {
  width: auto;
}
.p-oral-aloud .p-oral-aloud-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.p-oral-aloud .p-oral-aloud-content .score-color-0 {
  color: #FF6859;
  font-size: 14px;
}
.p-oral-aloud .p-oral-aloud-content .score-color-1 {
  color: #FABE0A;
  font-size: 14px;
}
.p-oral-aloud .p-oral-aloud-content .score-color-2 {
  color: #0AC77C;
  font-size: 14px;
}
.p-oral-aloud .p-oral-aloud-content .p-oral-aloud-sentence {
  font-size: 16px;
  color: #262626;
}
.p-oral-aloud .paragraphPlayerContainer {
  padding: 0px;
}
.p-oral-aloud .oral-paragraph-container .record-sentence-container .oral-aloud-paragraph-count-down .count-down-clock {
  display: inline-flex;
  align-items: center;
  margin-right: 16px;
}
.p-oral-aloud .oral-paragraph-container .record-sentence-container .oral-aloud-paragraph-count-down .count-down-clock .clock-svg {
  display: none;
}
.p-oral-aloud .oral-paragraph-container .record-sentence-container .oral-aloud-paragraph-count-down .count-down-clock .count-down-time {
  font-family: HelveticaNeue-Medium;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.p-oral-aloud .oral-paragraph-container .record-sentence-container .record-button-wrap .question-audio .audio-control-box {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.p-oral-personal-state {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 32px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-oral-personal-state::-webkit-scrollbar {
  display: none;
}
.p-oral-personal-state .p-oral-personal-state-mask {
  background: rgba(255, 255, 255, 0.49);
  box-shadow: 0 0 38px 20px rgba(0, 119, 103, 0.06);
  filter: blur(5px);
  user-select: none;
}
.p-oral-personal-state .p-oral-personal-state-flow-wrapper {
  width: 100%;
  margin-top: 16px;
}
.p-oral-personal-state .p-oral-personal-state-flow-wrapper .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-oral-personal-state .p-oral-personal-state-flow-wrapper .p-oral-personal-state-button {
  width: auto;
}
.p-oral-personal-state .p-oral-personal-state-flow-wrapper .p-oral-personal-state-button .button-start {
  white-space: nowrap;
}
.p-oral-personal-state .oral-personal-state-sentence-container {
  position: relative;
  font-size: 16px;
  padding-left: 60px;
}
.p-oral-personal-state .oral-personal-state-sentence-container .score-color-0 {
  color: #FF6859;
  font-size: 14px;
}
.p-oral-personal-state .oral-personal-state-sentence-container .score-color-1 {
  color: #FABE0A;
  font-size: 14px;
}
.p-oral-personal-state .oral-personal-state-sentence-container .score-color-2 {
  color: #0AC77C;
  font-size: 14px;
}
.p-oral-personal-state .oral-personal-state-sentence-container .library-wrapper {
  margin-top: 16px;
  border: 1px solid lightgray;
  padding: 8px;
}
.p-oral-personal-state .oral-personal-state-sentence-container .library-wrapper .color_green {
  color: #0AC77C;
}
.p-oral-personal-state .p-oral-personal-state-score_layout {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -3px;
  width: 50px;
  height: 30px;
  color: #00B99F;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  border: 1px dashed #d9d9d9;
}
.p-oral-personal-state .p-oral-personal-state-score_layout .score-color-theme {
  color: #00B99F;
}
.p-oral-personal-state .p-oral-personal-state-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.p-oral-personal-state .p-oral-personal-state-content .p-oral-personal-state-sentence {
  width: 100%;
  font-family: Helvetica;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.p-oral-personal-state .p-oral-personal-state-content .p-oral-personal-state-sentence caption {
  padding: unset;
  color: unset;
  text-align: center;
  caption-side: unset;
}
.p-oral-personal-state .oral-personal-state__reply {
  padding-left: 60px;
}
.p-oral-personal-state .paragraphPlayerContainer {
  padding: 0px;
}
.p-oral-personal-state .oral-personal-state-analysis {
  margin-top: 20px;
}
.p-oral-personal-state .oral-personal-state-analysis .oral-personal-state-analysis__title {
  position: relative;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  line-height: 24px;
}
.p-oral-personal-state .oral-personal-state-analysis .oral-personal-state-analysis__title::before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 1.5px;
  width: 3px;
  height: 14px;
  background: #00B99F;
}
.p-oral-personal-state .oral-personal-state-analysis .audio-play,
.p-oral-personal-state .oral-personal-state-analysis__analysis {
  margin: 10px 0;
}
.p-oral-personal-state .oral-personal-state-analysis .audio-play caption,
.p-oral-personal-state .oral-personal-state-analysis__analysis caption {
  padding: unset;
  color: unset;
  text-align: center;
  caption-side: unset;
}
.p-oral-personal-state .sentence-result-score-detail {
  padding-left: 60px;
}

/** @format */
/** @format */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/** @format */
/**
 * 主题文件，反映出 UI 的设计思路和标准化
 * @author yangjiangming <449654337@qq.com>
 * @date 2021-03-18 10:27:29
 * @description:
 * m前缀: 表示为移动端独有
 * pc前缀：表示为pc端独有
 * u前缀：为unipus的缩写，以避免与其他库冲突
 */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/** abs-discussion 讨论 */
/** abs-page 分页 */
/** @format */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** @format */
/**
 * 三方库兼容入口文件
 * @format
 * @description: 该文件用于兼容基础依赖第三方库的 less 变量
 */
/**
 * 主色：#1890ff
 * @u-primary-1: #e6f7ff;
 * @u-primary-2: #bae7ff;
 * @u-primary-3: #91d5ff;
 * @u-primary-4: #69c0ff;
 * @u-primary-5: #40a9ff;
 * @u-primary-6: #1890ff;
 * @u-primary-7: #096dd9;
 * @u-primary-8: #0050b3;
 * @u-primary-9: #003a8c;
 * @u-primary-10: #002766;
 */
/** 文字 */
/** answer */
/* ----------------------------------- 题型 ----------------------------------- */
/** icon 相关 */
/** Layout */
/** Direction */
/** 解析 */
/** 单选、多选 */
/** 填空 */
/** 多媒体上传题 */
/** discussion 讨论 */
/** sequence 排序题 */
/** oral-study 口语相关 口语陈述 */
/** inputbox */
/** exit ticket */
/** vocabulary */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.p-question-short-essay-retell {
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  overflow-y: auto;
  overflow-x: hidden;
}
.p-question-short-essay-retell-content {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex: none;
}
.p-question-short-essay-retell-content .question-title-text {
  font-size: 16px;
}
.p-question-short-essay-retell-content .question-later-text {
  margin-top: 10px;
  font-size: 16px;
}
.p-question-short-essay-retell-reply {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
  flex: none;
}
.p-question-short-essay-retell-reply .question-number-text {
  font-size: 16px;
}
.p-question-short-essay-retell-reply .flow-component-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-start-wrapper,
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-play-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-start-wrapper .audio-play,
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-play-wrapper .audio-play {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-start-wrapper .audio-play .audio-control-trumpet,
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-play-wrapper .audio-play .audio-control-trumpet {
  font-size: 40px;
  color: #00B99F;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-start-wrapper > span,
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-play-wrapper > span {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down .oral-clock-svg {
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #00B99F;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down-time {
  margin-left: 10px;
  font-size: 22px;
  color: #00B99F;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down-time-hints {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down-record {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down-record__time {
  font-size: 22px;
  color: #00B99F;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .oral-count-down-record .ucomp-recorder {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  margin-left: 10px;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload,
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload-success {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload .upload-svg,
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload-success .upload-svg {
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #00B99F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload .p-question-short-essay-retell-buttons__upload-hints,
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload-success .p-question-short-essay-retell-buttons__upload-hints,
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload .p-question-short-essay-retell-buttons__upload-success-hints,
.p-question-short-essay-retell-reply .flow-component-wrapper .p-question-short-essay-retell-buttons__upload-success .p-question-short-essay-retell-buttons__upload-success-hints {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.45);
}

/** @format */
.listened-writing-container .phase-components,
.listened-writing-container .question-stem,
.listened-writing-container .later-text {
  margin-bottom: 20px;
}

/** @format */
.integrated-writing-container .phase-components,
.integrated-writing-container .question-stem,
.integrated-writing-container .later-text {
  margin-bottom: 20px;
}