.eOralList {
  width: 100%;
}
.eOralMain {
  background-color: #fff;
}
.eOralMain > header {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.eOralMain > header > nav.eOralNavTwo {
}
.eOralMain > header > nav.eOralNavTwo > div {
  padding: 0 20px;
}
.eOralMain > header > nav.eOralNavTwo > div a {
  color: #000;
  line-height: 60px;
  font-size: 19px;
  background-color: transparent;
  border: 0;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
}

.eOralMain > header > nav.eOralNavTwo > div.active a {
  font-size: 21px;
}
.eOralMain > header > nav.eOralNavTwo > div.active a::before {
  background-color: #9d6afd;
  content: "";
  display: block;
  bottom: 0;
  width: 80%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
}
.eOralNavTwo {
  display: flex;
}
.eOralNavTwo > div {
  padding: 10px;
}
.eOralNavTwo > div.active a {
  color: #fff;
  background-color: #ff8c52;
  font-size: 18px;
}
.eOralNavTwo > div a {
  background-color: #ffe6da;
  border: 1px solid #ff8c52;
  border-radius: 8px;
  color: #ff6b33;
  display: flex;
  line-height: 35px;
  padding: 5px 20px;
  font-size: 17px;
}
.eOralContent .SaySomethingBox .popUpMain {
  position: absolute;
  border: 3px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
}

.eOralMain > header p {
  display: flex;
  align-items: center;
}
.eOralList {
  padding: 15px 0 10px 0;
}
.eOralList ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 -10px;
}
.eOralList li {
  width: 50%;
  padding: 0 20px 0 50px;
}
.eOralList li:nth-child(odd) {
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0 50px 0 20px;
}
.eOralListDiv {
  display: flex;
  padding: 5px 0 20px 140px;
  margin-bottom: 15px;
  position: relative;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.s_order_css {
  position: absolute;
  left: -5px;
  width: 20px;
  color: #f75c25;
  font-weight: bold;
  font-size: 20px;
  top: 50%;
  line-height: 30px;
  margin-top: -25px;
  width: 30px;
  text-align: center;
}
.eOralListImg {
  width: 90px;
  height: 90px;
  min-width: 90px;
  border-radius: 8px;
  background: url(../images/eOralImg/into01.png) no-repeat center #fff2ea;
  position: absolute;
  left: 30px;
  top: 5px;
}
.eOralListImg span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin: 0;
  background-color: #fff;
  border-bottom-right-radius: 10px;
}
.eOralListImg .lszyInto {
  width: 10px;
  height: 10px;
  border-width: 2px;
  margin: 0;
}
.eOralListImg .ggzyInto {
  width: 15px;
  height: 15px;
  margin: 0;
  background-size: 100%;
}
.eOralListTit {
  width: 100%;
  height: 90px;
  padding: 8px 0 0;
}
.eOralListTit a {
  display: block;
  width: 100%;
  min-height: 45px;
}
.eOralListTit h1 {
  font-size: 17px;
  width: 100%;
  color: #034b9a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eOralListTit h1:hover {
  text-decoration: underline;
}
.eOralListTit h2 {
  font-size: 15px;
  color: #6d747b;
  width: 100%;
  max-height: 30px;
  line-height: 30px;
}
.eOralListTit h2 p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eOralListTit footer {
  display: flex;
  align-items: center;
  position: relative;
  top: 8px;
}
.eOralListTit footer > div {
  font-size: 15px;
  color: #a29e9e;
  line-height: 22px;
}
.eOralListTit footer > div span {
  color: #6d747b;
  display: inline-block;
  padding-left: 5px;
}
.eOralListTit footer > div:nth-child(1) {
  position: relative;
  background: url(../images/eOralImg/into02.png) no-repeat center left;
  padding-left: 28px;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px double rgba(0, 0, 0, 0.1);
}
input.eOralRInput {
  background: url(../images/eOralImg/into03.png) no-repeat center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -4px;
}

/* 口试互动内容页 */
.RecordDialog {
  position: absolute;
  right: 10px;
  bottom: -60px;
  width: 155px;
  line-height: 45px;
  padding-left: 0;
}

.RecordDialog input.tapeInput {
  color: #fff;
  background-size: 32px;
  line-height: 45px;
  color: #fff;
  padding-left: 45px;
  padding-right: 15px;
  background-color: #9075fe;
  background-position: center left 10px;
  border-radius: 8px;
}

.RecordDialog input.tapeInput.greyColor {
  background-color: rgba(0, 0, 0, 0.25);
}

.eOralContent {
  display: flex;
  padding-top: 30px;
  align-items: flex-start;
  width: 100%;
}
.oralContentNav {
  background-color: #eeecfe;
  padding: 20px 20px 20px 15px;
  border-radius: 20px;
  width: 30%;
  margin-bottom: 20px;
  margin-right: 20px;
  min-height: 35vh;
}
.oralContentNav > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oralContentNav > header h1 {
  background-color: #9075fe;
  border-radius: 12px;
  color: #fff;
  font-size: 20px;
  line-height: 55px;
  padding: 0 30px;
  margin-left: -25px;
}
.oralContentNav > header span {
  color: #4c5053;
  font-size: 17px;
}
.oralContentNav nav {
  padding-top: 20px;
}
.oralContentNav nav > ul {
  max-height: 65.5vh;
  overflow: auto;
  padding: 0 10px 0 0;
}
.oralContentNav nav > ul a {
  display: block;
  line-height: 50px;
  font-size: 18px;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oralContentNav nav > ul a span {
  display: inline-block;
  width: 30px;
  text-align: center;
  position: absolute;
  left: 0;
}
.oralContentNav nav > ul li.active span {
  width: 5px;
  height: 15px;
  border-radius: 3px;
  background-color: #8654d9;
  color: transparent;
  display: flex;
  left: 12px;
  bottom: 17px;
  animation: oralmyAnimation 3s linear infinite;
}
.oralContentNav nav > ul li.active span::before {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  left: -8px;
  bottom: 0;
  border-radius: 3px;
  background-color: #8654d9;
  position: absolute;
  animation: oralmyAnimationB 3s linear infinite;
}
.oralContentNav nav > ul li.active span::after {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  right: -8px;
  bottom: 0;
  border-radius: 3px;
  background-color: #8654d9;
  position: absolute;
  animation: oralmyAnimationA 3s linear infinite;
}
.oralContentF {
  height: 30px;
  width: 100%;
  display: none;
}
.eoralDivDT {
  /* margin-top: -20px; */
}
.eoralDivDT > header {
  padding: 20px 10px 18px 60px;
  line-height: 35px;
  margin: 0;
  font-size: 20px;
  background: url(../images/homeTeacher/into32s3.png) no-repeat center left 10px;
}
.eoralDivDT > header span {
}
.eOralWorkAnswerRecord {
  background-color: #fff;
  border-radius: 12px;
}
.eoralDivDT .wordReporTitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
}
.eoralDivDT .eOralWorkAnswerRecord {
  /* background-color: transparent; */
}
.eOralWorkAnswerRecord .KLXvideo_h {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.eOralWorkAnswerRecord .KLXvideo_h:last-child {
  border-bottom: 0;
}
.eOralWorkAnswerRecord .KLXvideo_M1:last-child {
  margin-bottom: 0;
}

.FSvideoMain_l {
  background-color: #fff;
  box-shadow: 0 0px 5px rgb(0 0 0 / 5%);
  border-radius: 12px;
}
.KLXvideo_studentLogo {
  height: 60px;
  width: 60px;
  background-color: #f4fbff;
  border: 2px solid #cdd5f5;
  border-radius: 50%;
  overflow: hidden;
  background: url(../images/homeTeacher/into04.png) no-repeat;
  background-size: 100%;
}
.KLXvideo_studentLogo img {
  width: 100%;
}
.KLXvideo_studentName {
  display: flex;
  align-items: center;
}
.KLXvideo_studentText {
  font-size: 20px;
  padding-left: 15px;
}
.KLXvideo_studentName {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
}
.ktshAnswerMainTip {
  line-height: 50px;
}
.KLXvideo_M {
  /* margin-bottom: 20px; */
  z-index: 0;
}
.KLXvideo_M .HHtopTitle {
  margin: 15px 15px 0px 15px;
}
.HFDiv {
  position: relative;
}
.iInto {
  background: url(../images/homeTeacher/02.png) no-repeat center left;
  width: 50px;
  height: 50px;
  background-size: 90%;
  position: absolute;
  left: 15px;
  margin-top: 5px;
  color: transparent;
}
.HFDiv > div {
  padding: 0 20px 0px 20px;
}
.studentPf {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  position: relative;
  width: 100%;
  padding-left: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.studentPf > div:nth-child(1) {
  display: flex;
  /* width: 100%; */
}
.studentPf button {
  border: 0;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  border-radius: 8px;
  margin: 5px;
  padding: 0 10px;
  background-color: #f75f5c;
  height: auto;
}
.studentPf button:hover {
  background-color: #f64945;
  color: #fff;
}
.studentPf > button {
  margin: 0 10px;
}
.studentPf .zanInto {
  height: 30px;
  display: flex;
  margin-left: 10px;
  cursor: pointer;
}
.studentPfAnswer {
  /* width: 100%; */
  line-height: 30px;
  /* padding-bottom: 10px; */
  margin-left: 45px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.HFDiv:last-child .studentPfAnswer {
  border: 0;
}
.pingjun {
  display: flex;
  align-items: center;
  /* width: 100%; */
}
.pingjun > div {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.SpeechAssessmentBox {
  display: flex;
  background-color: rgba(0, 0, 0, 0.6);
}
.SpeechAssessmentBox .popUpMain {
  width: 700px;
  width: 703px;
  background: url(../images/eOralImg/into06_1.png) repeat-y;
  position: relative;
}
.SpeechAssessmentBox .popUpMain::before {
  position: absolute;
  top: -60px;
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 42.9%;
  background: url(../images/eOralImg/into06s.png) no-repeat;
}
.SpeechAssessmentBox .popUpMain::after {
  position: absolute;
  bottom: -45px;
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 25.7%;
  background: url(../images/eOralImg/into06_2.png) no-repeat;
}
.scoreImg {
  width: 200px;
  height: 200px;
  background: url(../images/eOralImg/into04.png) no-repeat center;
}
.RadarChart {
  width: 200px;
  height: 200px;
  background: url(../images/eOralImg/into05.png) no-repeat center;
}
.SpeechAssessmentMain {
  padding: 0 5%;
  position: relative;
  z-index: 1;
}
.SpeechAssessmentTop {
  display: flex;
  padding-bottom: 20px;
}
.SpeechAssessmentMain > footer {
  background-color: #0d1d3f;
  margin-bottom: 10px;
}
.SpeechAssessmentMain > footer header {
  background-color: #0d1d3f;
  line-height: 40px;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.SpeechAssessmentMain > footer header span {
  color: #70ebff;
  font-size: 15px;
  display: flex;
  padding: 0 10px;
  align-items: center;
}
.SpeechAssessmentMain > footer header span::before {
  content: "";
  display: flex;
  margin-right: 10px;
  width: 13px;
  height: 13px;
}
.SpeechAssessmentMain > footer header span:nth-child(1)::before {
  background-color: #06ff8e;
}
.SpeechAssessmentMain > footer header span:nth-child(2)::before {
  background-color: #ffb700;
}
.SpeechAssessmentMain > footer header span:nth-child(3)::before {
  background-color: #ff3075;
  background-color: #ff1f00;
}
.SpeechAssessmentMain > footer header span:nth-child(4)::before {
  background-color: rgba(255, 255, 255, 0.9);
}
.SAText {
  padding: 10px 20px;
  font-size: 17px;
}
.SATime {
  color: #6dc1f5;
}
.SATime span {
  font-size: 19px;
  color: #06ff8e;
  display: inline-flex;
  padding: 0 5px 10px 5px;
}
.SATextDiv {
  color: #06ff8e;
  line-height: 25px;
  margin-bottom: 5px;
  max-height: 150px;
  overflow: auto;
}
.SATextDiv .Text1 {
  color: #ffb700;
}
.SATextDiv .Text2 {
  color: #ff3318;
}
.SATextDiv .Text3 {
  color: rgba(255, 255, 255, 0.9);
}
.scoreDiv {
  width: 45%;
}
.scoreDiv h1 {
  font-size: 20px;
  color: #21f2f7;
  text-align: center;
  margin-bottom: 20px;
}
.scoreDiv > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.scoreDiv > div > span {
  position: absolute;
  font-size: 28px;
  color: #fff;
}
.SpeechAssessmentTLeft {
  width: 55%;
  position: relative;
  padding: 0 80px 0 100px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.SpeechAssessmentTLeft::before {
  position: absolute;
  left: 0;
  bottom: 5%;
  width: 1px;
  height: 90%;
  content: "";
  display: block;
  border-left: 1px dotted #39adff;
  opacity: 0.5;
}
.SpeechAssessmentTLeft h1 span,
.SpeechAssessmentTLeft h2 span,
.SpeechAssessmentTLeft h3 span {
  display: block;
  font-size: 22px;
  text-align: center;
  color: #fff;
  width: 100px;
}
.SpeechAssessmentTLeft h1 {
  width: 100%;
}
.SpeechAssessmentTLeft h1 span {
  width: 100%;
}
.SpeechAssessmentTLeft h1 span:nth-child(1),
.SpeechAssessmentTLeft h2 span:nth-child(1),
.SpeechAssessmentTLeft h3 span:nth-child(1) {
  color: #21f2f7;
  font-size: 15px;
}
.SpeechAssessmentTLeft h2 {
  position: absolute;
  left: 5px;
  bottom: 0;
}
.SpeechAssessmentTLeft h3 {
  position: absolute;
  right: 0;
  bottom: 0;
}

@keyframes oralmyAnimation {
  0% {
    height: 10px;
  }
  100% {
    height: 15px;
  }
  30%,
  70% {
    height: 5px;
  }
  50% {
    height: 15px;
  }
}
@keyframes oralmyAnimationB {
  0% {
    height: 15px;
  }
  100% {
    height: 15px;
  }
  30%,
  70% {
    height: 10px;
  }
  50% {
    height: 5px;
  }
}
@keyframes oralmyAnimationA {
  0% {
    height: 6px;
  }
  100% {
    height: 5px;
  }
  30%,
  70% {
    height: 15px;
  }
  50% {
    height: 10px;
  }
}
.oralContentNav nav > ul li.active a {
  color: #611fd0;
}
.oralContentNr {
  min-height: 79.5vh;
  width: 100%;
  padding-bottom: 20px;
}
.oralContentNr > div.eoralDiv {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0px 5px rgb(0 0 0 / 5%);
  /* border-top-left-radius: 20px;
  border-top-right-radius: 20px; */
  /* min-height: 68.5vh; */
  padding: 20px 5% 5px 5%;
  position: relative;
}
.oralContentNr > div.eoralDiv .eoral_ktsh {
}
div.eoral_lddw > header {
  font-size: 22px;
  padding: 20px 0;
  color: #000;
}
.eoralDivTitle {
  font-size: 24px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  position: relative;
}
.eoralDivTitle .eoral_share_into {
  position: absolute;
  top: -8px;
  right: 0;
  border: 0;
  width: 45px;
  height: 45px;
  border-radius: 8px;
  background: url(../images/shareInto.png) no-repeat center #ebf3fa;
}
.oralContentText {
  padding-bottom: 15px;
}
.oralContentText > div {
  border-radius: 20px;
  border: 2px solid #abe4f9;
  padding: 20px;
  font-size: 26px !important;
  font-family: kaiti;
  line-height: 40px;
  /* text-indent: 3.2rem; */
  color: #000;
  text-align: justify;
}
.eoral_images img {
  width: 100%;
}
.eoral_video {
  width: 100% !important;
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.eoral_video > div {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}
.eoral_video .player-poster[data-poster] {
  background-color: rgba(0, 0, 0, 0.5);
}
.eoral_video .play-wrapper {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.eoral_video .player-poster[data-poster] .play-wrapper[data-poster] svg {
  height: 50%;
  position: absolute;
  top: 25%;
  left: 30%;
}
.Oral_PCUl {
  margin: auto;
}
.Oral_PCUl ul li {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  /* padding-left: 35px; */
  margin: 0 10px;
  padding: 10px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 40px;
}
.Oral_PCUl:last-child ul li:last-child {
  border: 0;
}
.Oral_PCUl ul li h1 {
  font-size: 17px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  position: absolute;
  left: 0;
}
.Oral_PCUl_title {
  position: relative;
  padding-left: 35px;
  display: flex;
  flex-wrap: wrap;
}
.Oral_PCUl_title span {
  line-height: 30px;
  padding: 3px 5px;
  font-size: 18px;
}
.Oral_PCUl_title button.PCHornQ,
.Oral_PCUl_title button.PCHornQ1,
.Oral_PCUl_title button.PCHornQ2 {
  position: absolute;
  left: 0;
}
.HHtopTitle {
  line-height: 25px;
  background-color: #cdebfe;
  font-size: 17px;
  padding: 5px 20px;
  border-radius: 8px;
  border: 2px solid #2b93ea;
  display: inline-block;
  margin-top: 15px;
}
.Oral_PCUl_dt {
  display: flex;
}

button.PCHornAText {
  height: 30px;
  width: 30px;
  background: url(../images/into19.png) no-repeat center;
  font-size: 16px;
  background-size: auto 100%;
  color: transparent;
}
.OralKdh_into {
  width: 100%;
  padding: 10px 0 10px 0;
}
.OralKdh_into button {
  border: 0;
  color: #fff;
  line-height: 45px;
  font-size: 17px;
  border-radius: 10px;
  margin: 5px;
  padding: 0 20px 0 45px;
}
button.textAInto {
  background: url(../images/into20.png) #46bfff no-repeat center left 10px;
  background-size: 30px;
}
button.voiceAInto {
  background: url(../images/into21.png) #717eee no-repeat center left 10px;
  background-size: 30px;
}
.OralKdh_into button.greyColor {
  background-color: rgba(0, 0, 0, 0.25);
}

/* 答题文本 */
.AnswerPopupCon {
  min-height: 280px;
  padding: 15px;
  min-height: 45vh;
}
.AnswerPopupCon > div {
  max-height: 450px;
  max-height: 65vh;
  font-size: 17px;
  line-height: 22px;
  overflow: hidden;
  overflow-y: auto;
}
.AnswerPopupCon > div.eOralACText {
  overflow: auto;
}
.AnswerPopupCon > div.eOralACText .CRFText {
  min-height: 50px;
}
.AnswerPopupCon textarea {
  background-color: #f7f8fc;
  line-height: 30px;
  border-radius: 5px;
  height: 300px;
  border: 1px solid #dddfe9;
  width: 100%;
  font-size: 18px;
}
.TextAnswerPopupBox {
  display: flex;
}
.AnswerPopupInput {
  text-align: center;
  padding-top: 10px;
}

.ModelAnswerBox .popUpMain > div {
  padding: 15px;
  font-size: 19px;
  line-height: 35px;
  max-height: 80vh;
  overflow: auto;
}
.ModelAnswerBox .popUpMain > div > u {
  position: relative;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

.ModelAnswerBox .popUpMain {
  width: 90%;
  max-width: 750px;
  min-height: 400px;
  min-height: 50vh;
  min-width: 60vh;
}
.AudioBox {
  width: 95%;
  margin: auto;
  max-width: 880px;
}
.AudioBox > header {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.AudioBox input {
  color: transparent;
}
.pgs {
  width: 100%;
  background-color: #ffedb9;
  height: 10px;
  border-radius: 5px;
  align-items: center;
  display: flex;
  position: relative;
  margin: 0 20px;
}
.pgs .pgs-play {
  display: flex;
  height: 10px;
  border-radius: 5px;
  background-color: #fe950d;
  position: relative;
  align-items: center;
}
.pgs .pgs-play::before {
  right: -10px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fe950d;
  position: absolute;
}
.tracking_time_css {
  position: absolute;
  right: -25px;
  width: 50px;
  top: -32px;
  text-align: center;
  opacity: 0.8;
  background-color: #b0e6fa;
  font-size: 14px;
  border-radius: 5px;
  line-height: 20px;
  display: flex;
  justify-content: center;
}
.tracking_time_css::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #b0e6fa;
  bottom: -3px;
  border-radius: 2px;
  transform: rotate(45deg);
}
.startTime,
.endTime {
  font-size: 20px;
}
input.AudioVoiceInput {
  background: url(../images/AudioVoiceInto.png) no-repeat center #ffae16;
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 50%;
}

input.pauseCss {
  background: url(../images/AudioVoiceIntos.png) no-repeat center left 3px
    #ffae16;
}
.AudioVoice {
  padding-left: 20px;
}
.AudioDiv {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.AudioDiv input {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-left: 20px;
}
.AudioDiv input.preserveInput,
.AudioDiv input.downloadInput {
}
.oralContentNr .popUpBox.SaySomethingBox {
  background-color: transparent !important;
}
.eOralContent .popUpBox.SaySomethingBox .popUpMain .SaySomethingNr {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
}
input.preserveInput {
  background: url(../images/preserveInto.png) no-repeat center #2aaef3;
}
input.soundSubmitInput {
  background: url(../images/preserveIntoS.png) no-repeat center #2aaef3;
}
input.palyInput {
  background: url(../images/palyInto.png) no-repeat center left 13px #fe7e0d;
}
input.audio_pause_cls {
  background: url(../images/pauseCssInto.png) no-repeat center left 13px #fe7e0d;
}
input.tapeInput {
  background: url(../images/tapeInto.png) no-repeat center #9075fe;
}
input.downloadInput {
  background: url(../images/downloadInto.png) no-repeat center #ae77de;
}
input.recordInput {
  background: url(../images/soundrecordingInto.png) no-repeat center #ae77de;
}
input.muteCss {
  background: url(../images/AudioVoiceInto_no.png) no-repeat center #ffae16;
}
.LDDWRecordDiv {
  display: flex;
}
.LDDWRecordDiv input {
  margin: 0;
}
.LDDWRecordDiv > div {
  background-color: #ae77de;
  min-width: 65px;
  height: 65px;
  border-radius: 36px;
  display: flex;
}
.LDDWRecordDiv > div > span {
  color: #fff;
  font-size: 24px;
  padding-right: 30px;
  align-items: center;
  letter-spacing: 0.05rem;
}

.AudioRTimeSpan {
  width: 0;
  display: none;
}
.LDDWRecordDiv .suspendInput {
  display: none;
}
.expand_div_cls .AudioRTimeSpan {
  display: flex;
  width: auto;
}
.expand_div_cls .suspendInput {
  display: flex;
}
input.soundSubmitInput:disabled,
input.palyInput:disabled {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: no-drop;
}
input.suspendInput {
  background: url(../images/suspendInto.png) no-repeat center #ae77de;
  margin-left: 20px;
}
.AudioBox .greyColor {
  filter: grayscale(100%);
  opacity: 0.5;
}
.eoral_nav ul {
  display: flex;
  padding-top: 10px;
  justify-content: center;
}
.eoral_nav ul li {
  background-color: #769cfc;
  background-color: #17bde5;
  line-height: 52px;
  border-radius: 12px;
  padding: 0 20px 0 10px;
  min-width: 150px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.eoral_nav ul li:nth-child(1) {
  margin-right: 15px;
}
.eoral_nav li.LookPicture span {
  display: flex;
  padding-left: 45px;
  background: url(../images/homeTeacher/into65.png) no-repeat center left;
}
.eoral_nav li.Session span {
  display: flex;
  padding-left: 42px;
  background: url(../images/homeTeacher/into66.png) no-repeat center left;
}
.eoral_nav ul li.active {
  background-color: #ff7193;
  background-color: #ff8585;
}
.eOralAssign {
  text-align: center;
  padding: 20px;
}
button.eOralAssignmentInto {
  margin: 0 auto;
  background-color: #ed406a !important;
  font-size: 20px;
  line-height: 60px;
  height: auto;
  border-radius: 12px;
  border: 0;
  padding: 0 25px;
}
button.eOralAssignmentInto span {
  font-size: 20px;
}
button.eOralReassign {
  margin: 0 auto;
  font-size: 20px;
  line-height: 60px;
  height: auto;
  border-radius: 12px;
  border: 0;
  padding: 0 25px;
}
.eOralCheckbox {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
  max-width: 1060px;
  flex-wrap: wrap;
}
.eOralCheckbox .AssignmentSettingsDiv {
  padding-left: 8px;
}
.eOralModelAnswerTit {
  color: #ff425d;
  font-size: 18px;
  padding-bottom: 5px;
}
.eOralMainRelease_div .MainRelease_r {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  padding-bottom: 5px;
  flex-wrap: wrap;
}
.eOralMainRelease_div .MainRelease_textarea > div {
  display: block;
}
.eOralCheckboxButton {
  display: flex;
}
.eOralCheckboxButton button {
  padding: 0 15px;
  line-height: 35px;
  border-radius: 8px;
  height: auto;
  margin-left: 10px;
  font-size: 16px;
}
.eOralCheckboxButton button.greenButton {
  padding: 0 10px;
  background-color: #03ced0;
  border: 0;
}
.eOralCheckboxButton button.greenButton:hover {
  background-color: #67eff1;
}
.eOralCheckboxButton button.greenGButton {
  padding: 0 10px;
  background-color: #18cf9a;
  border: 0;
}
.eOralCheckboxButton button.greenGButton:hover {
  background-color: #50ecbe;
}
.MainRelease_textarea > div:nth-child(2) .eOralCheckboxButton button {
  background-color: #7c72f2;
  border: 0;
}
.MainRelease_textarea > div:nth-child(2) .eOralCheckboxButton button:hover {
  background-color: #9c93fe;
}
.MainRelease_textarea
  > div:nth-child(2)
  .eOralCheckboxButton
  button.greenButton {
  background-color: #f39161;
  border: 0;
}
.MainRelease_textarea
  > div:nth-child(2)
  .eOralCheckboxButton
  button.greenButton:hover {
  background-color: #feb590;
}
.eOralMore {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 15px;
}
.eOralMore .moreH {
  background: url(../images/homeTeacher/into03s2.png) no-repeat center right 5px;
  background-color: #5887f7;
  color: #fff;
  padding: 0 30px 0 15px;
  background-size: auto 60%;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.eAssignmentMain .eOralNavTwo {
  padding: 5px 15px;
}
.eAssignmentMain .eOralNavTwo > div {
  padding: 0 5px;
}
.eOraleAssTable {
  padding-top: 5px;
}
.eOraleAssTable .eAssTable {
  padding: 10px 0;
  min-height: auto;
}
.eOraleTableDiv {
  padding: 5px 0 0;
}
.studentS .eOraleTableDiv {
  padding-bottom: 10px;
}
.eOraleTableDiv .eAssTable {
  padding: 0;
  overflow: auto;
}
.eOralconterMain .eAssignmentBox {
  padding-bottom: 20px;
}
.eOralTextAnswerPopupBox .popUpMain {
  max-width: 1252px;
  width: 90%;
}
.eOralTextAnswerPopupBox .AnswerPopupCon {
  min-height: 50vh;
}
.eOralTextAnswerPopupBox .eAssTable {
  padding: 5px;
  min-height: auto;
  overflow: auto;
}
.eOralUnsubmitted {
  color: #e0357e;
  text-align: center;
  padding: 8px 5px;
}
.eOralUnsubmitted span {
  display: block;
}
.eOralUnsubmitted span:nth-child(2) {
  font-size: 15px;
  line-height: 15px;
}
.eOralTextAnswerPopupBox .eAssTable .SLSTabD {
  display: flex;
}
.SLSTabD .AssignmentSettingsDiv {
  padding-right: 10px;
}
.SLSTabD .AssignmentSettingsDiv .el-checkbox {
  height: auto;
}
.tabTh_eOral {
  padding: 0 !important;
}
.tableN {
}
.tableN ul {
  display: flex;
  border-bottom: 1px solid #e1ebfa;
}
.tableN ul:last-child {
  border: 0;
}
.tableN ul {
  text-align: center;
}
.tableN ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.tableN ul li::before {
  width: 1px;
  height: 100%;
  content: "";
  display: block;
  background-color: #e1ebfa;
  right: 0;
  top: 0;
  position: absolute;
}
.eOralTh_Answer,
.tableN ul li:nth-child(1) {
  width: 90px;
  min-width: 90px;
  flex-wrap: wrap;
}

.tableN ul li:nth-child(1) > div {
  width: 100%;
}
.eOralTh_date,
.tableN ul li:nth-child(2) {
  width: 110px;
  min-width: 110px;
}
.tabTh_aiEval,
.subCategory_1 .tableN ul li.tabTh_eOral_ai_score {
  width: 80px;
  min-width: 80px;
}
.eOralTh_Comment,
.tableN ul li:nth-child(3) {
  width: 100px;
  min-width: 90px;
}
.eOralStudentAnswerAesultsWin .tableN ul li.tabTh_eOral_ai_score {
  width: 80px;
  min-width: 80px;
}
.eOralStudentAnswerAesultsWin .eOralTh_Comment,
.eOralStudentAnswerAesultsWin .tableN ul li:nth-child(3).eOralTh_Answer,
.eOralStudentAnswerAesultsWin .tableN ul li:nth-child(3).eOralTh_Comment {
  width: 79px;
  min-width: 79px;
}
.eOralTh_Approved,
.subCategory_1 .tableN ul li:nth-child(5) {
  width: 105px;
  min-width: 95px;
}
.eOralTextAnswerPopupBox .tabTh_eOral .tableN ul li:last-child:before {
  display: none;
}
.subCategory_1 .tableN ul li:nth-child(6) {
  width: 50px;
  min-width: 50px;
}
.tabTh_eOral button.adoptInto::before {
  margin-left: 0;
}
.tabTh_eOral button::before {
  display: none;
}
.subCategory_1 .tableN ul li:nth-child(4) {
  padding: 0;
}
.tableN ul li:nth-child(6)::before {
  display: none;
}
.subCategory_1 .tableN ul li:nth-child(4) button {
  margin-left: 0;
  height: 25px;
}
.subCategory_1 .tableN ul li:nth-child(4) button::before {
  margin-left: 0;
}
.subCategory_1 .tableN ul li:nth-child(4) > div {
  text-align: left;
  overflow: hidden;
}
.subCategory_2 .eOralTh_Answer,
.subCategory_2 .tableN ul li:nth-child(1) {
  width: 168px;
  min-width: 168px;
}
.eOralMain .eAssignmentHeader {
  border: 0;
}
.eOralTabTh_episodesTit {
  flex-wrap: wrap;
  padding: 5px;
  height: 75px !important;
}
.eOralTabTh_episodesTit > div {
  width: 100%;
}

.eOralTabTh_episodesTit .status_unread,
.eOralTabTh_episodesTit .status_incomplete {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.QNo {
  padding-right: 5px;
}

.eOralTabTh_episodesTit1 {
  padding: 5px;
  height: 75px !important;
}
.eOralWorkAnswerSubCate1 .HHtopTitle {
  display: none;
}
.eOralWorkAnswerSubCate1 .iInto {
  left: 15px;
  top: auto;
}
.eOralWorkAnswerSubCate1 .studentPf {
  padding-left: 50px;
}
.eOralWorkAnswerSubCate1 .HFDiv > div {
  padding-top: 10px;
}
.deleteAC {
  display: flex;
  align-items: center;
  /* padding-left: 5px; */
}
.HFDivList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.jspfDiv {
  display: flex;
  width: 100%;
}
.seqNoTit {
  font-weight: bold;
  display: flex;
  align-items: center;
  padding-right: 5px;
  position: absolute;
  line-height: 58px;
}
.teacherTX {
  display: flex;
  align-items: center;
  padding: 10px 0 0px 45px;
}
.teacherTX1 {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.HFDivHF {
  overflow: hidden;
  overflow-y: auto;
  max-height: 250px;
  border-top: 1px rgba(0, 0, 0, 0.1) dotted;
  margin-top: 8px;
}
.HFDivHF > div {
  display: flex;
  align-items: center;
  align-items: flex-start;
}
.HFDivHF .score {
  padding-right: 10px;
  padding-top: 23px;
}
.HFDivHF .score span {
  padding: 0 5px;
  color: #ff6e51;
}
.HFDivHF button.deleteInto {
  margin-top: 15px;
}
.teacherRating {
  background-color: #fef5e7;
  display: flex;
  line-height: 25px;
  padding: 5px 10px;
  margin: 15px 10px 0 10px;
  border-radius: 8px;
  font-size: 16px;
  position: relative;
  max-width: 350px;
}
.teacherRating::before {
  content: "";
  display: block;
  position: absolute;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fef5e7;
  border-radius: 2px;
  left: -6px;
  top: 10px;
}
.studentS .teacherRating {
  max-width: 550px;
}
.teacherTXLogo,
.studentTXLogo {
  height: 45px;
  width: 45px;
  background-color: #f4fbff;
  border: 2px solid #cdd5f5;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  margin-right: 10px;
  min-width: 45px;
  background: url(../images/homeTeacher/into04.png) no-repeat;
  background-size: 100%;
}
.CommentRelated {
  margin-left: 45px;
}
.CommentRelated > div {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  /* padding-bottom: 10px; */
}
.CRFAudio {
}

.CommentRelatedFooter {
  display: flex;
  padding-left: 52px;
  padding-bottom: 10px;
}
.CRFText {
  line-height: 20px;
  padding: 5px;
}
.HFDivAudio {
  padding-left: 45px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.answerList {
  padding: 5px 15px 5px 25px;
}
.answerListLi {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  position: relative;
}
.answerListLi:last-child {
  border-bottom: 0;
}
.answerListFooter {
  display: flex;
  align-items: center;
  min-width: 220px;
  justify-content: flex-end;
}
.creationTime {
  padding: 0 10px;
  opacity: 0.8;
}
.selfLearningBox .FSvideoMain_l {
  margin-bottom: 20px;
}
.selfLearningBox .FSvideoMain_l:last-child {
  margin-bottom: 0;
}
.selfLearningBox .KLXvideo_M .HHtopTitle {
  margin-left: 0;
}
.answerListLi .seqNoTit {
  position: relative;
  line-height: 30px;
}
.answerListLi > div {
  display: flex;
}
.studentPf1 {
  display: flex;
  align-items: center;
}
.AnswerText {
  padding: 5px;
  line-height: 25px;
}
.AnswerAudio {
  display: flex;
  align-items: center;
}
.answerRecordInput {
  display: flex;
  padding: 15px 0;
}
.answerRecordInput input.inputText {
  padding: 10px !important;
  border-radius: 8px;
  background: #fafbfc;
  border: 2px solid #e7ebf1;
  width: 100%;
  box-shadow: none;
  resize: none;
}
.answerRecordInput > div {
  display: flex;
  padding: 2px 0;
}
.answerRecordInput > div button {
  padding: 0 15px;
  line-height: 35px;
  border-radius: 8px;
  height: auto;
  font-size: 16px;
  margin-left: 10px;
  color: #fff;
  border: 0;
  margin-left: 10px;
}
.answerRecordInput > div button:nth-child(1) {
  background-color: #409eff !important;
  color: #fff;
}
.answerRecordInput > div button:nth-child(2) {
  background-color: #05c2ac !important;
  color: #fff;
}
.ClassmateEvaluationBox {
  display: flex;
}
.ClassmateEvaluationBox .el-radio {
  --el-radio-input-height: 20px;
  --el-radio-input-width: 20px;
}
.ClassmateEvaluationBox .el-radio__inner:after {
  width: 8px;
  height: 8px;
}
.ClassmateEvaluationBox .el-icon svg,
.ClassmateEvaluationBox .el-icon {
  height: 1.3em;
  width: 1.3em;
}
.ClassmateEvaluationText {
  font-size: 16px;
}
.ClassmateEvaluationBox .el-radio__label {
  display: flex;
  align-items: center;
}
.ClassmateEvaluationBox ul {
  padding: 10px 0;
}
.ClassmateEvaluationBox li {
  padding: 5px;
}
.ClassmateEvaluationBox .closeButton input {
  background-color: #39adfa;
}
.processDiv .deleteInto {
  margin: auto !important;
  display: flex;
}
.processDiv button.adoptInto,
.processDiv button.NotPassedInto {
  position: relative;
  margin-left: 25px;
  background-color: transparent;
}
.processDiv button span {
  min-width: 50px;
}
.processDiv button.adoptInto::after,
.processDiv button.NotPassedInto::after {
  position: absolute;
  left: -25px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #dcdfe6;
  background-color: #fff;
}
.processDiv button.adoptInto.active::after {
  background: url(../images/homeTeacher/into40.png) no-repeat center #03ced0;
  background-size: 110%;
  border: 0;
  border-radius: 50%;
}
.processDiv button.NotPassedInto.active::after {
  background: url(../images/homeTeacher/into40s.png) no-repeat center #ff626f;
  background-size: 110%;
  border: 0;
  border-radius: 50%;
}

.teacherScoreBox {
  display: flex;
}
.teacherScoreBox .popUpMain > b.clockTC {
  display: none;
}
.teacherScoreBox p {
  padding: 10px 15px 0 15px;
}
.teacherScoreBox .wrTableBox thead {
  background-color: #c2ddff;
}
.teacherScoreBox .wrTableBox thead td {
  padding: 5px;
  text-align: center;
  line-height: 35px;
  font-size: 17px;
}
.teacherScoreBox .el-radio__label {
  font-size: 18px;
  display: flex;
  min-height: 60px;
  align-items: center;
}
.teacherScoreBox .wrTableBox table tbody {
  border: 1px solid #e0e5ec;
}
.teacherScoreBox .wrTableBox td {
  width: 50%;
  max-height: 280px;
  padding: 0 5px 0 10px;
}
.teacherScoreBox .wrTableBox tbody td {
  border-bottom: 1px solid #e0e5ec;
  border-right: 1px solid #e0e5ec;
}
.teacherScoreBox .el-radio {
  --el-radio-input-height: 20px;
  --el-radio-input-width: 20px;
  --el-radio-input-border-radius: 5px;
  height: auto;
  position: relative;
}
.teacherScoreBox .el-radio__inner:after {
  width: 12px;
  height: 7px;
  background-color: transparent;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  transform: rotate(-45deg) !important;
  left: 3px;
  top: 4px;
}

.teacherScoreBox .Message_con {
  padding: 10px 15px 15px 15px;
}
.teacherScoreBox .wrTableBox thead td:nth-child(1) {
  border-right: 1px solid #afc7e6;
}
.teacherScoreBox .wrTableBox .textSpan {
  white-space: break-spaces;
  max-width: 335px;
}
.teacherScoreBox .wrTableBox {
  max-width: 820px;
}
.textSpan {
  display: flex;
  padding: 5px;
  line-height: 25px;
}
.scoreSpan {
  display: flex;
  width: 20px;
  margin-right: 12px;
  justify-content: center;
}
.scoreSpan::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  top: 0;
  left: 55px;
  background-color: #e0e5ec;
}

.wrTableeOralS table {
  border: 1px solid #e0e5ec;
  margin-bottom: 10px;
  width: 100%;
}
.wrTableeOralS table td {
  line-height: 35px;
  padding: 5px;
  border-bottom: 1px rgba(0, 0, 0, 0.1) dotted;
  border-right: 1px solid #e0e5ec;
}
.wrTableeOralS table td:nth-child(1) {
  width: 10%;
  min-width: 60px;
  background-color: #f9f9f9;
  text-align: center;
}
.wrTableeOralS table td:nth-child(2) {
  width: 40%;
  min-width: 150px;
}
.wrTableeOralS table td:nth-child(3) {
  width: 10%;
  min-width: 60px;
  background-color: #f9f9f9;
  text-align: center;
}
.wrTableeOralS table td:nth-child(4) {
  width: 40%;
  min-width: 150px;
}
.SeCResultWin .wrTableBox.wrTableeOralT td:nth-child(2).tabTh_width100 {
  width: 60%;
  line-height: 35px;
}

.SaySomethingNr .AudioRButtonFooter {
  display: none;
}
.eOralAnswerCommentBox {
  display: flex;
}
.eOralAnswerCommentBox .popUpMain {
  max-width: 600px;
}
.eOralACNav {
  display: flex;
  align-items: center;
}
.eOralACNav div {
  cursor: pointer;
  background: #ffeae0;
  color: #ff8c52;
  border: #ff8c52 1px solid;
  line-height: 43px;
  padding: 0 10px;
  border-radius: 8px;
}
.eOralACNav div.active {
  background-color: #ff8c52;
  color: #fff;
}
.eOralACNav div:nth-child(1) {
  margin-right: 10px;
}
.eOralACNav .processDiv {
  position: absolute;
  right: 15px;
}
.eOralACNav .processDiv button::before {
  display: none;
}
.eOralAnswerCommentBox .answerRecordInput {
  flex-wrap: wrap;
  padding-top: 5px;
  padding-bottom: 0;
}
.eOralAnswerCommentBox .answerRecordInput input.inputText {
  width: 100%;
}
.eOralAnswerCommentBox .AnswerPopupCon {
  position: relative;
  min-height: 480px;
  min-height: 320px;
  min-height: 50vh;
}

.eOralAnswerCommentBox .SaySomethingBox {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  align-items: flex-start;
  max-height: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.eOralAnswerCommentBox .SaySomethingBox .popUpMain {
  width: 100%;
}
.eOralAnswerCommentBox .SaySomethingBox .popUpMain > header {
  display: none;
}
.eOralAnswerCommentBox .AudioRButton {
  flex-wrap: wrap;
}
.eOralAnswerCommentBox .AudioRButton > div {
  width: 100%;
}
.eOralAnswerCommentBox .AudioRButton input.handleSubmit {
  display: none;
}
.eOralAnswerCommentBox .SaySomethingNr .AudioRButtonFooter {
  display: flex;
  justify-content: center;
}
.AudioRButtonFooter {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}
.AudioRButtonFooter input {
  background-color: #387dfa;
  line-height: 45px;
  color: #fff;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 17px;
  cursor: pointer;
  border: 0;
  width: 100px;
  margin: 10px 6px;
}
.AudioRButtonFooter input:nth-child(2) {
  background-color: #ff8c52;
}
.eOralAnswerCommentBox .AnswerPopupCon textarea {
  height: 120px;
  border-radius: 8px;
  line-height: 25px;
  font-size: 16px;
}
.eOralAnswerCommentBox .answerRecordInput > div button {
  line-height: 40px;
}
.eOralAnswerCommentBox .answerRecordInput > div button:nth-child(1) {
  margin-left: 0;
}
.eOralAnswerCommentBox .answerRecordInput > div {
  margin: auto;
  padding: 15px 0 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  width: 100%;
  justify-content: center;
}
.eOralAnswerCommentBox .answerRecordInput > div:last-child {
  border: 0;
}
.eOralACText > h1 {
  font-size: 17px;
  padding: 10px 5px;
}
.eOralACText {
  position: relative;
}
.eOralACText > div:last-child > button.el-button {
  position: absolute;
  top: 50px;
  right: 0;
  padding: 0 15px;
  background-color: #f75f5c;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  height: auto;
  border: 0;
  border-radius: 8px;
}
.teacherPF > button.el-button > span,
.eOralAnswerCommentBox .answerRecordInput > div button.el-button > span {
  font-size: 17px;
}
.eOralACText .teacherTX {
  padding-left: 0;
}
.eOralACText .HFDivHF > div {
  flex-wrap: wrap;
  position: relative;
}
.eOralACText .HFDivHF > div button.deleteInto {
  position: absolute;
  top: 0;
  right: 0;
}
.eOralACText .HFDivHF > div .teacherRating {
  left: 45px;
  margin-top: 0;
  margin-bottom: 10px;
}
.eOralACText .HFDivHF > div .teacherRating::before {
  transform: rotate(90deg);
  top: -8px;
  left: 10px;
}
.eOralACHeader {
  display: flex;
  align-items: center;
}
.eOralACHeader .teacherTXLogo {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.eOralACFooter {
  padding: 0 0 5px 50px;
}

.eOralACUl {
  overflow: auto;
}
.eOralACUl li:nth-child(1) {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  padding-top: 10px;
}
.eOralACUl .eOralACHeader button.deleteInto {
  position: absolute;
  right: 15px;
}
.AIPFDiv {
  display: flex !important;
  align-items: center;
  /* background-color: #daeefe;
  color: #0056e5; */
  height: 48px;
  width: 160px;
  padding: 0 !important;
  margin: 5px 10px;
  background: url(../images/into24.png) no-repeat center;
  cursor: pointer;
}
.AIPFDiv > span {
  /* background-color: #3baaff;*/
  color: #fff;
  display: flex;
  border-radius: 8px;
  line-height: 32px;
  position: relative;
  padding: 0 2px 0 30px;
  font-size: 16px;
}
.AIPFDiv > span b {
  padding: 0 2px;
}
.AIPFDiv > span::before {
  content: "";
  display: none;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-radius: 3px;
  background-color: #3baaff;
  position: absolute;
  right: -4px;
  top: 50%;
  margin-top: -5px;
}
.AIPFDiv > div {
  padding: 0 10px 0 10px;
  color: #fff;
  line-height: 35px;
}
.AIPFDiv > div span {
  font-size: 24px;
  color: #faec12;
}

.scoreDiv_title span {
  display: block;
}

.SpeechAssessmentTLeft .scoreDiv_title span:nth-child(2) {
  color: #21f2f7;
  font-size: 15px;
}
.tabTh_eOral_ai_score {
  padding: 5px;
}
.tabTh_eOral_ai_score span {
  width: 60px;
  height: 60px;
  background: url(../images/eOralImg/into04s.png) no-repeat center;
  font-size: 16px;
  color: #085ced;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  cursor: pointer;
  margin: auto;
}
.tabTh_eOral_ai_score span b {
  font-weight: normal;
  font-size: 12px;
  display: flex;
  padding-top: 3px;
}
.check_status_rejected {
  color: #f75f5c;
}
.eOralStudentAnswerAesultsWin .popUpMain {
  max-width: 880px;
  /* max-width: 1100px; */
  width: 95%;
}
.eOralStudentAnswerAesultsWin .eOralTh_Answer,
.eOralStudentAnswerAesultsWin .tableN ul li:nth-child(1) {
  width: 168px;
  min-width: 168px;
}
.eOralStudentAnswerAesultsWin .tabTh_title {
  width: 100%;
}
.wrTableRed .tableN ul li::before {
  border-right: 1px solid #fce4da;
}
.wrTableRed .tableN ul li:last-child:before {
  display: none;
}
.TextAnswerPopupBox .tabTh_title {
  width: 100%;
}

.popUpBoxDrag {
  background-color: transparent;
}
.popUpBoxDrag .popUpMain {
  position: absolute;
  background-color: transparent;
  border: 3px solid rgba(0, 0, 0, 0.1);
  min-width: 60vh;
  min-height: 50vh;
}
.TextAnswerPopupBox .popUpMain {
  min-height: 45vh;
}
.TextAnswerPopupBox .popUpMain .AnswerPopupCon {
  min-height: 40vh;
  max-height: 80vh;
  overflow: auto;
}
.popUpBoxDrag .AnswerPopupCon {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.eOralSelfLearningMain {
  min-height: 82.8vh;
}
.AssignmentImg > div {
  position: relative;
}
.AssignmentImg > div span.Number {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 38px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #44addd;
  font-size: 17px;
  border-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0;
  padding-left: 3px;
}
.eOralList.lddw span.Number {
  display: none;
}
.eOralList.ktsh,
.eOralList.kdhsh,
.eOralList.qjhh,
.eOralList.klxsh {
  padding-top: 25px;
}
.eOralList.ktsh li,
.eOralList.kdhsh li,
.eOralList.qjhh li,
.eOralList.klxsh li {
  width: 25%;
  border: 0;
  padding: 0 10px;
}
.eOralList.ktsh .eOralListDiv,
.eOralList.kdhsh .eOralListDiv,
.eOralList.qjhh .eOralListDiv,
.eOralList.klxsh .eOralListDiv {
  padding: 0;
  flex-wrap: wrap;
  border: 0;
  margin-bottom: 25px;
}
.eOralList.ktsh .eOralListImg,
.eOralList.kdhsh .eOralListImg,
.eOralList.qjhh .eOralListImg,
.eOralList.klxsh .eOralListImg {
  background: #dee6f8;
  height: 30px;
  width: 40px;
  min-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 12px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}
.eOralList.ktsh .eOralListImg .ggzyInto,
.eOralList.kdhsh .eOralListImg .ggzyInto,
.eOralList.qjhh .eOralListImg .ggzyInto,
.eOralList.klxsh .eOralListImg .ggzyInto {
  width: 20px;
  height: 20px;
}
.eOralList.ktsh .AssignmentImg,
.eOralList.kdhsh .AssignmentImg,
.eOralList.qjhh .AssignmentImg,
.eOralList.klxsh .AssignmentImg {
  margin-bottom: 5px;
  width: 100%;
  height: 0;
  padding-bottom: 64%;
  overflow: hidden;
  position: relative;
  border: 1px solid #7ec8ea;
  border-radius: 8px;
}
.eOralList.ktsh .AssignmentImg > div,
.eOralList.kdhsh .AssignmentImg > div,
.eOralList.qjhh .AssignmentImg > div,
.eOralList.klxsh .AssignmentImg > div {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f6fafe;
}
.eOralList.ktsh .AssignmentImg img,
.eOralList.kdhsh .AssignmentImg img,
.eOralList.qjhh .AssignmentImg img,
.eOralList.klxsh .AssignmentImg img {
  width: 102%;
  max-width: none;
  margin: -1%;
}
.eOralList.ktsh .eOralListTit footer,
.eOralList.kdhsh .eOralListTit footer,
.eOralList.qjhh .eOralListTit footer,
.eOralList.klxsh .eOralListTit footer {
  top: auto;
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 35px;
  flex-wrap: wrap;
}
.eOralList.klxsh .eOralListTit footer {
  flex-wrap: wrap;
  padding-right: 30px;
}
.lesson_plan_cs {
  padding-top: 5px;
  display: flex;
  padding-left: 30px;
  position: relative;
}
.lesson_plan_cs::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: url(../images/download.png) no-repeat;
  background-size: 100% auto;
}
.lesson_plan_cs span {
  color: #f75f5c !important;
  padding: 0 8px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}
.lesson_plan_cs span:first-child {
  position: relative;
  display: flex;
  align-items: center;
}

.lesson_plan_cs span:nth-child(2) {
  display: none;
}
.lesson_plan_cs span:nth-child(3)::before {
  display: block;
  content: "";
  width: 1px;
  left: 0px;
  top: 2px;
  height: 18px;
  background-color: #f75f5c;
  position: absolute;
}
.lesson_plan_cs span:last-child {
  padding-right: 0;
  padding-left: 8px;
}
.eOralList.ktsh .eOralListTit a,
.eOralList.kdhsh .eOralListTit a,
.eOralList.qjhh .eOralListTit a,
.eOralList.klxsh .eOralListTit a {
  min-height: auto;
  padding-bottom: 5px;
  position: relative;
}
.eOralList.ktsh .eOralListTit,
.eOralList.kdhsh .eOralListTit,
.eOralList.qjhh .eOralListTit,
.eOralList.klxsh .eOralListTit {
  height: auto;
  padding: 12px;
  position: relative;
}
.eOralList.ktsh .eOralListTit::before,
.eOralList.kdhsh .eOralListTit::before,
.eOralList.qjhh .eOralListTit::before,
.eOralList.klxsh .eOralListTit::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #dee6f8;
  border-radius: 8px;
  left: 0;
  top: 0;
}
.eOralList.ktsh .eOralListImg .ggzyInto,
.eOralList.kdhsh .eOralListImg .lszyInto,
.eOralList.qjhh .eOralListImg .lszyInto,
.eOralList.klxsh .eOralListImg .lszyInto {
  width: 25px;
  height: 25px;
}
.eOralList.ktsh .eOralListImg span,
.eOralList.kdhsh .eOralListImg span,
.eOralList.qjhh .eOralListImg span,
.eOralList.klxsh .eOralListImg span {
  width: 100%;
  background-color: transparent;
  top: auto;
  position: relative;
}
.eOralList.ktsh .eOralListImg .lszyInto,
.eOralList.kdhsh .eOralListImg .lszyInto,
.eOralList.qjhh .eOralListImg .lszyInto,
.eOralList.klxsh .eOralListImg .lszyInto {
  width: 14px;
  height: 14px;
  border: 3px solid #795afa;
}
.eOralList.ktsh .eOralListDiv .s_order_css,
.eOralList.kdhsh .eOralListDiv .s_order_css,
.eOralList.qjhh .eOralListDiv .s_order_css,
.eOralList.klxsh .eOralListDiv .s_order_css {
  display: none;
}
.record_wave_view_class {
  height: 55px;
  /* background-color: #eff8ff; */
  max-width: 450px;
  margin: auto;
  margin-top: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #d9e0ea;
  border: 2px solid #e9f0fa;
  border: 2px solid #def0df;
}

/* 口试常用词语 */
.ReferenceWordsDiv {
  padding: 10px 0;
  display: flex;
}
.ReferenceWordNav {
  width: 20%;
  min-width: 290px;
  padding-right: 15px;
  padding-top: 10px;
}
.ReferenceWordNav a {
  font-size: 24px;
  font-family: kaiti;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 55px;
  padding: 5px 15px;
  background-color: #f5f6ff;
  border-radius: 8px;
  color: #000;
  margin-bottom: 10px;
}
.ReferenceWordNav a.active {
  color: #fff;
  background: #675efb;
}
.ReferenceWordList {
  width: 80%;
}
.ReferenceWordList ul {
  display: flex;
  flex-wrap: wrap;
}
.ReferenceWordList ul li {
  width: 25%;
  padding: 10px;
}
.ReferenceWordList a {
  display: block;
  padding: 12px;
  border-radius: 8px;
  border: 2px solid #dee6f8;
}
.ReferenceWordList a span {
  font-size: 17px;
  width: 100%;
  color: #034b9a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ReferenceWordImg {
  margin-bottom: 5px;
  width: 100%;
  height: 0;
  padding-bottom: 99.1%;
  overflow: hidden;
  position: relative;
  border: 1px solid #7ec8ea;
}
.ReferenceWordImg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.ReferenceWordsBox {
  display: flex;
}
.ReferenceWordsBox .popUpMain {
  position: relative;
  padding: 20px;
  border: 8px solid #cef0ff;
}
.ReferenceWordsBox .popUpMain > i {
  position: absolute;
  background-color: #59b6fe;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 50px;
  cursor: pointer;
}
.ReferenceWordsBox .popUpMain > i.greyColor {
  background-color: #aedcff;
}
.ReferenceWordsBox .popUpMain > i::before {
  content: "";
  display: flex;
  width: 40%;
  height: 4px;
  background-color: #fff;
  border-radius: 2px;
  transform: rotate(45deg);
  position: absolute;
  top: 58%;
}
.ReferenceWordsBox .popUpMain > i::after {
  content: "";
  display: flex;
  height: 40%;
  width: 4px;
  background-color: #fff;
  border-radius: 2px;
  transform: rotate(45deg);
  position: absolute;
  top: 18%;
}
i.previousI {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  left: -42px;
  top: 50%;
  margin-top: -21px;
}
i.nextI {
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  right: -42px;
  top: 50%;
  margin-top: -21px;
  transform: rotate(180deg);
}
.OralTermsDiv {
  display: flex;
  position: relative;
  padding-left: 50px;
}
.OralTermsImg {
  width: 250px;
  border: 2px solid #3ac4ff;
  display: flex;
}
.OralTermsText {
  font-family: kaiti;
  padding: 10px;
  min-width: 350px;
}
.OralTermsText header {
  display: flex;
  flex-wrap: wrap;
}
.OralTermsText header div {
  border: 2px solid #acdeff;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  min-width: 80px;
  line-height: 80px;
  font-size: 50px;
  color: #243141;
  margin: 5px;
}
.OralTermsText header div::after {
  position: absolute;
  content: "";
  display: flex;
  width: 90%;
  height: 1px;
  border-bottom: 1px dashed #cbe1eb;
}

.OralTermsText header div::before {
  position: absolute;
  content: "";
  display: flex;
  width: 1px;
  height: 90%;
  border-left: 1px #cbe1eb dashed;
}
.OralTermsText header div span {
  position: relative;
  z-index: 1;
}
.OralTermsText footer {
  padding-top: 10px;
}
.OralTermsText footer > div {
  display: flex;
  padding: 5px 10px;
}
.OralTermsText footer > div h1 {
  font-size: 26px;
  min-width: 60px;
}
.OralTermsText footer > div span {
  color: #0099ff;
  font-size: 24px;
  font-family: "CELingDongHeiS";
  font-family: KaiTi;
  padding-left: 5px;
}
.ReferenceWordsBox .clockSA {
  background-size: 88%;
}

/* 参考词语 */
.klx_ReferenceWordsBox {
  display: flex;
}
.klx_ReferenceWordsDiv {
  padding: 10px;
}
.klx_ReferenceWordsDiv > header {
  max-height: 80vh;
  overflow: auto;
}
.klx_ReferenceWordsDiv .OralTermsImg {
  width: 150px;
  height: 150px;
  min-width: 150px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.klx_ReferenceWordsDiv .OralTermsText {
  padding: 5px 10px 0 20px;
}
.klx_ReferenceWordsDiv .OralTermsText footer {
  display: flex;
  padding-top: 5px;
}
.klx_ReferenceWordsDiv .OralTermsDiv {
  padding: 20px 10px;
  border-bottom: 1px dashed #d7e1f3;
  cursor: pointer;
  padding-left: 50px;
}
.klx_ReferenceWordsDiv .OralTermsDiv:last-child {
  padding-bottom: 10px;
  border-bottom: 0;
}
.klx_ReferenceWordsDiv .OralTermsDiv:first-child {
  padding-top: 10px;
}

.klx_ReferenceWordsDiv .OralTermsTextSound {
  left: 5px;
  background-size: 75%;
  width: 40px;
  height: 40px;
}
.popUpImg {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background-color: rgba(255, 255, 255, 0.3); */
  cursor: pointer;
}

.popUpImg .OralTermsDiv {
  background-color: #fff;
  transform: scale(1.3);
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.OralTermsTextSound {
  width: 45px;
  height: 45px;
  cursor: pointer;
  background: url(../images/into18s3.png) no-repeat center #b3e4ff;
  position: absolute;
  border: 2px solid #92dbfc;
  border-radius: 50%;
  left: -5px;
}
.eOralStudentSCMain {
  text-align: left;
}
.eOralStudentSCpopUpWin .popUpMain {
  min-width: auto;
  max-width: 450px;
  width: 90%;
  min-height: 300px;
}
.eOralStudentSCpopUpWin .Message_con {
  padding: 15px;
}

.eOralStudentSCMain > header {
}
.eOralStudentSCMain > header span {
  color: #085ced;
}
.eOralStudentSCpopUpWin .HHtopTitle {
  margin-top: 0;
  background-color: #e1ebfa;
  width: 100%;
  border: 0;
  border-radius: 0;
  line-height: 40px;
  padding: 0 10px;
}
.eOralStudentSCMain ul {
  margin-top: 10px;
}
.eOralStudentSCMain ul li {
  border-bottom: 1px solid #e1ebfa;
  border-right: 1px solid #e1ebfa;
  border-left: 1px solid #e1ebfa;
  margin-bottom: 10px;
}
.eOralStudentSCMain ul li:last-child {
  margin-bottom: 0;
}
.eOralStudentSCMain ul li > div > div {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.eOralStudentSCMain ul li > div > div:last-child {
  border: 0;
}
.eOralSCAudio {
  display: flex;
}
.eOralSCText {
  line-height: 25px;
}
.eOralSCQDiv {
  display: flex;
  padding: 10px;
  font-size: 17px;
}
.eOralSCQSpan {
  font-weight: bold;
  line-height: 25px;
  padding-right: 5px;
}
.OralKdh_record_audio {
  background-color: #f6fafe;
  width: 100%;
  margin-left: 40px;
  border-radius: 12px;
  border: 1px solid #e9f4fe;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
}
.OralKdh_record_audio .AudioDiv {
  padding: 15px 0 5px 0;
  transform: scale(0.89);
}
.OralKdh_record_audio .tipMsgDiv {
  padding: 0;
}
.OralKdh_record_audio .record_wave_view_class {
  margin-bottom: 10px;
  background: #fff;
}
.eoral_navTs ul {
  display: flex;
}
.eoral_navTs .HHtopTitle {
  min-width: 110px;
  text-align: center;
}
.eoral_navTs .eoral_nav_li_vocabulary {
  line-height: 25px;
  background-color: #ffe6e5;
  font-size: 17px;
  padding: 5px 20px;
  border-radius: 8px;
  border: 2px solid #f7765c;
  display: inline-block;
  margin-top: 15px;
  margin-left: 10px;
  cursor: pointer;
}
.scoreDiv > div.scoreDiv_item_stat {
  flex-wrap: wrap;
  justify-content: flex-start;
  color: #fff;
}
.scoreDiv_item_stat > div {
  position: relative;
  padding-left: 12px;
  padding-top: 5px;
}
.scoreDiv_item_stat > div::before {
  position: absolute;
  width: 5px;
  height: 5px;
  display: block;
  content: "";
  background-color: #01ffa2;
  border-radius: 3px;
  left: 0;
  top: 14px;
}
.scoreDiv_item_stat > div span:nth-child(2) {
  font-size: 18px;
}
.scoreDiv_item_stat > div span:nth-child(1) {
  color: #21f2f7;
}
h1.SpeechAssessmentBoxTitle {
  position: absolute;
  text-align: right;
  color: #fff;
  top: -78px;
  right: 0;
  font-size: 24px;
  background: url(../images/eOralImg/into13.png) no-repeat center;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
h1.SpeechAssessmentBoxTitle span:nth-child(1) {
  padding-right: 10px;
}
.scoreDiv > div h1 {
  width: 100%;
  font-size: 17px;
  position: absolute;
  padding-bottom: 20px;
}
.scoreDiv .scoreCountToGroup {
  position: absolute;
  font-size: 26px;
  color: #fff;
  padding-top: 15px;
}
.scoreCountToGroup span:nth-child(1) {
  color: #ffb700;
  padding-right: 5px;
}
.scoreDiv_item_stat b {
  color: #ffb700;
  font-weight: normal;
}
.SpeechAssessmentTLeft .scoreCountToGroup {
  display: flex;
  justify-content: center;
}
.SpeechAssessmentTLeft .scoreCountToGroup span {
  width: auto;
  font-size: 16px;
}
.SpeechAssessmentTLeft .scoreCountToGroup span:nth-child(1) {
  color: #ffb700;
  padding-right: 5px;
  font-size: 16px;
}

@media (max-width: 1440px) {
  .conterMain .ReferenceWordsDiv {
    padding: 10px 15px;
  }
}
@media (max-width: 1300px) {
  .eOralNavTwo > div {
    padding: 0.5vw;
  }
  .oralContentNr > div.eoralDiv {
    padding: 20px 2% 5px 2%;
  }
  .eOralContent {
    padding-top: 20px;
  }
}
@media (max-width: 1200px) {
  .eOralNavTwo > div a {
    padding: 5px 15px;
  }
  .eOralList.ktsh li,
  .eOralList.kdhsh li,
  .eOralList.qjhh li,
  .eOralList.klxsh li {
    width: 33.333333%;
  }
  .eCompopopUpBox.SeCResultWin.pingfen .popUpMain {
    min-width: auto;
    width: 90%;
    max-width: none;
  }
  .eCompopopUpBox.pingfen {
    z-index: 9999999;
  }
}
@media (max-width: 1024px) {
  .scoreDiv_item_stat > div {
    padding-left: 1vw;
    padding-top: 0.5vw;
  }
  .scoreDiv_item_stat > div::before {
    width: 0.5vw;
    height: 0.5vw;
    left: 0;
    top: 1.3vw;
  }
  .scoreDiv .scoreCountToGroup {
    font-size: 2.6vw;
    padding-top: 2vw;
  }
  .scoreDiv > div.scoreDiv_item_stat {
    font-size: 1.7vw;
  }
  .scoreDiv > div h1 {
    font-size: 1.8vw;
    padding-bottom: 3.5vw;
    margin-bottom: 0;
  }
  .SpeechAssessmentTLeft .scoreCountToGroup span:nth-child(1) {
    padding-right: 1vw;
    font-size: 2.2vw;
  }
  .SpeechAssessmentTLeft .scoreCountToGroup span:nth-child(2) {
    font-size: 2.2vw;
  }
  .oralContentNav {
    padding: 15px 15px 15px 10px;
    border-radius: 12px;
    margin-right: 15px;
  }

  .oralContentNr > div.eoralDiv {
    padding: 15px 2% 5px 2%;
  }
  .eOralContent {
    padding-top: 15px;
  }
  .eoralDivTitle {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 22px;
  }
  .klx_ReferenceWordsDiv .OralTermsImg {
    width: 18vw;
    height: 18vw;
    min-width: 18vw;
  }
  .klx_ReferenceWordsDiv .OralTermsText {
    padding: 1vw 1vw 0 1vw;
  }
  .klx_ReferenceWordsDiv {
    /* padding: 1vw; */
  }
  .klx_ReferenceWordsDiv .OralTermsDiv {
    padding: 1.5vw 0.5vw 1.5vw 5vw;
  }
  .klx_ReferenceWordsDiv .OralTermsTextSound {
    width: 4vw;
    height: 4vw;
  }
  .eoral_nav ul li {
    border-radius: 8px;
  }
  .ReferenceWordsBox .popUpMain > i::before {
    height: 0.4vw;
  }
  .ReferenceWordsBox .popUpMain > i::after {
    width: 0.4vw;
  }
  .ReferenceWordsBox .popUpMain {
    min-height: 5vw;
    padding: 2vw;
    border-width: 0.8vw;
    max-width: 80vw;
  }
  .ReferenceWordsBox .clockSA {
    width: 7vw;
    height: 7vw;
    top: -7vw;
  }
  .OralTermsImg {
    width: 28vw;
    height: 28vw;
    min-width: 28vw;
  }
  .OralTermsTextSound {
    width: 5vw;
    height: 5vw;
    background-size: 70%;
    left: -1vw;
  }
  .OralTermsDiv {
    padding-left: 5vw;
  }
  .ReferenceWordsBox .popUpMain > i {
    width: 4vw;
    height: 4.5vw;
    margin-top: -2.5vw;
  }
  i.previousI {
    left: -4vw;
    border-top-left-radius: 0.8vw;
    border-bottom-left-radius: 0.8vw;
  }
  i.nextI {
    right: -4vw;
    border-radius: 0.8vw;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .OralTermsText {
    min-width: auto;
  }
  .OralTermsText header div {
    width: 7vw;
    height: 7vw;
    min-width: 7vw;
    border-radius: 1vw;
    line-height: 7vw;
    font-size: 5vw;
    margin: 0.5vw;
  }
  .OralTermsText footer > div h1 {
    font-size: 2.5vw;
    min-width: 6vw;
  }
  .OralTermsText footer > div span {
    font-size: 2.2vw;
  }
  .ReferenceWordsDiv {
    flex-wrap: wrap;
  }
  .ReferenceWordNav {
    width: 100%;
    padding-right: 0;
  }
  .ReferenceWordNav header {
    display: flex;
    flex-wrap: wrap;
  }
  .ReferenceWordNav a {
    width: 25%;
    min-height: auto;
    font-size: 20px;
    padding: 5px;
    background-color: transparent;
    margin: 0;
    width: auto;
    min-width: 16.666%;
  }
  .ReferenceWordNav a span {
    min-height: 45px;
    width: 100%;
    border-radius: 8px;
    background-color: #f5f6ff;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    justify-content: center;
  }
  .ReferenceWordNav a.active {
    background-color: transparent;
    border: 0;
  }
  .ReferenceWordNav a.active span {
    color: #fff;
    background: #675efb;
  }
  .ReferenceWordList {
    width: 100%;
  }
  .ReferenceWordList ul {
    margin: 0 -5px;
  }
  .conterMain .ReferenceWordsDiv {
    padding: 0 10px;
  }

  .scoreDiv h1 {
    font-size: 2vw;
  }
  .SpeechAssessmentTLeft h1 span:nth-child(1),
  .SpeechAssessmentTLeft h2 span:nth-child(1),
  .SpeechAssessmentTLeft h3 span:nth-child(1),
  .SpeechAssessmentTLeft .scoreDiv_title span:nth-child(2) {
    font-size: 1.5vw;
  }
  .SpeechAssessmentTop {
    padding-bottom: 1vw;
  }
  .SpeechAssessmentMain > footer header {
    line-height: 4.5vw;
    padding-right: 1vw;
  }
  .SpeechAssessmentMain > footer header span {
    font-size: 1.5vw;
    padding: 0 1vw;
  }
  .SpeechAssessmentMain > footer header span::before {
    width: 1.2vw;
    height: 1.2vw;
    min-width: 1.2vw;
    margin-right: 1vw;
  }
  .ReviewNotes {
    line-height: 2vw;
    padding-top: 1vw;
    font-size: 1.5vw;
    right: 3vw;
    bottom: -3vw;
  }
  .SAText {
    padding: 1vw 1.5vw;
    font-size: 1.8vw;
  }
  .scoreImg {
    width: 20vw;
    height: 20vw;
    background-size: 20vw;
  }
  .SpeechAssessmentBox .popUpMain {
    width: 70vw;
    background-size: 99.6% auto;
    margin-right: 25vw;
  }
  .SpeechAssessmentBox .popUpMain::before {
    background-size: 100.5% auto;
    background-size: 100% auto;
    top: -6vw;
  }
  h1.SpeechAssessmentBoxTitle {
    height: 5vw;
    background-size: auto 100%;
    top: -7.8vw;
    font-size: 2.3vw;
    line-height: 5vw;
  }
  .SpeechAssessmentBox .popUpMain::after {
    background-size: 99.6% auto;
    bottom: -5vw;
  }
  .SpeechAssessmentTLeft {
    padding: 0 5vw 0 8vw;
  }
  .SATime span {
    font-size: 2vw;
    padding: 0.5vw;
  }
  .ModelAnswerBox .popUpMain > div {
    padding: 12px;
    font-size: 16px;
    line-height: 25px;
  }
  .eOralList.ktsh .eOralListDiv,
  .eOralList.kdhsh .eOralListDiv,
  .eOralList.qjhh .eOralListDiv,
  .eOralList.klxsh .eOralListDiv {
    margin-bottom: 15px;
  }
  .eoral_ktshMain {
    padding-top: 10px;
  }
  .eOralContent {
    padding-top: 15px;
  }
  .oralContentNav > header h1 {
    border-radius: 8px;
    font-size: 18px;
    line-height: 45px;
    min-width: 120px;
  }
  .oralContentNav {
    padding: 15px;
    border-radius: 12px;
    margin-right: 15px;
  }
  .oralContentNr > div.eoralDiv {
    padding: 15px 3% 5px 3%;
    border-radius: 8px;
  }
  .OralKdh_into {
    padding: 5px 0 5px 35px;
  }
  .eoralDivTitle {
    font-size: 22px;
    padding-bottom: 15px;
    margin-bottom: 5px;
  }
  .oralContentText {
    padding-bottom: 10px;
  }
  .oralContentText > div {
    border-radius: 12px;
    padding: 15px;
    font-size: 24px !important;
    line-height: 35px;
  }
  .AudioDiv {
    padding: 10px 0;
  }
  .AudioDiv input {
    width: 55px;
    height: 55px;
    background-size: 70% !important;
    margin-left: 12px;
  }
  .oralContentNav nav > ul a {
    line-height: 40px;
  }
  .LDDWRecordDiv input {
    margin: 0;
  }
  .AudioDiv input.palyInput {
    background-position: center left 10px !important;
  }
  input.suspendInput {
    margin-left: 15px;
  }
  .LDDWRecordDiv > div {
    min-width: 55px;
    height: 55px;
  }
  .AudioBox > header {
    padding: 10px 0;
  }
  div.eoral_lddw > header {
    font-size: 20px;
    padding: 10px 0;
  }
  .oralContentNav > header span {
    font-size: 16px;
  }
  .eOralListImg {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }

  .eOralNavTwo > div a {
    line-height: 30px;
  }
  .eOralListDiv {
    padding: 0vw 0 1.5vw 110px;
  }
  .eOralListTit {
    height: 75px;
    padding: 0.5vw 0 0;
  }
  .eOralListTit h2 {
    line-height: 25px;
    height: 25px;
  }
  .eOralListTit h2 p {
    font-size: 15px !important;
  }
  .eOralListTit footer {
    top: 0.3vw;
  }
  .eOralList li {
    width: 50%;
  }
  .eOralMain > header > nav.eOralNavTwo > div a {
    font-size: 18px;
  }
  .eOralMain > header > nav.eOralNavTwo > div.active a {
    font-size: 19px;
  }
  .eOralList li {
    padding: 0 10px 0 20px;
  }
  .eOralList li:nth-child(odd) {
    padding: 0 20px 0 10px;
  }
  .eOralList.ktsh,
  .eOralList.kdhsh,
  .eOralList.qjhh,
  .eOralList.klxsh {
    padding-top: 15px;
  }
  .eOralList.ktsh li,
  .eOralList.kdhsh li,
  .eOralList.qjhh li,
  .eOralList.klxsh li {
    width: 33.333333%;
    padding: 0 10px;
  }
  .eOralMain > header {
    padding-top: 0;
  }
  .eOralMain > header > nav.eOralNavTwo > div {
    padding: 0 10px;
  }
}
@media (max-width: 980px) {
  .eOralListTit footer > div:nth-child(1) {
    background-size: 20px;
    margin-right: 5px;
    padding-left: 20px;
  }
  .oralContentNav {
    display: none;
  }
}
@media (max-width: 920px) {
  .eOralMain > header {
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
  }

  .eOralMain > header p {
    position: absolute;
    bottom: -35px;
    left: 10px;
  }
  .eOralListTit footer > div:nth-child(1) {
    padding-right: 5px;
    margin-right: 5px;
  }
  .eOralList.ktsh li,
  .eOralList.kdhsh li,
  .eOralList.qjhh li,
  .eOralList.klxsh li {
    width: 50%;
    padding: 0 10px !important;
  }
}

@media (max-width: 768px) {
  .eOralTextAnswerPopupBox .eAssTable {
    max-height: 48vh;
  }
  .OralKdh_record_audio {
    margin-left: 35px;
    border-radius: 8px;
  }
  .OralKdh_record_audio .AudioDiv {
    padding-top: 10px;
    transform: scale(1);
  }
  .OralKdh_record_audio .record_wave_view_class {
    margin-bottom: 5px;
  }

  .oralContentText > div {
    font-size: 20px !important;
    line-height: 30px;
  }
  .AnswerPopupCon {
    padding: 10px;
  }
  .klx_ReferenceWordsDiv .OralTermsTextSound {
    width: 5vw;
    height: 5vw;
  }
  .klx_ReferenceWordsDiv .OralTermsDiv {
    padding-left: 6vw;
  }
  .eoral_nav ul li {
    line-height: 40px;
    min-width: 120px;
    font-size: 17px;
  }

  .ReferenceWordNav a {
    min-width: 20%;
  }
  .ReferenceWordList ul li {
    width: 33.333333%;
  }
  .answerListLi {
    flex-wrap: wrap;
  }
  .answerList {
    padding: 5px 10px;
  }
  .KLXvideo_studentLogo {
    height: 40px;
    width: 40px;
  }
  .KLXvideo_studentName {
    padding: 10px;
  }
  .answerListFooter {
    padding: 5px 0;
  }
  .eoralDivDT > header {
    padding: 10px 5px 10px 55px;
    font-size: 17px;
  }
  button.eOralAssignmentInto {
    font-size: 18px;
    line-height: 50px;
    border-radius: 8px;
    padding: 0 15px;
  }
  button.eOralAssignmentInto span {
    font-size: 18px;
  }
  .eOralAssign {
    padding: 15px 15px 0 15px;
  }

  .eoral_ktshMain {
    padding-top: 5px;
  }
  .eoralDivTitle {
    font-size: 20px;
    text-align: left;
    padding-right: 45px;
  }
  .OralKdh_into button {
    border-radius: 8px;
    padding: 0 10px 0 38px;
    line-height: 40px;
    font-size: 16px;
  }
  .Oral_PCUl ul li {
    margin: 0 5px;
  }
  .OralKdh_into {
    padding: 5px 0 5px 30px;
  }
  button.voiceAInto,
  button.textAInto {
    background-position: center left 5px;
  }
  div.eoral_lddw > header {
    font-size: 18px;
  }
  .eoralDivTitle .eoral_share_into {
    width: 40px;
    height: 40px;
    background-size: 88%;
  }
  .s_order_css,
  .eOralMain > header > nav.eOralNavTwo > div a {
    font-size: 17px;
  }
  .eOralList li {
    padding: 0 5px 0 15px;
  }
  .eOralList li:nth-child(odd) {
    padding: 0 15px 0 5px;
  }
  .eOralListDiv {
    margin-bottom: 1vw;
    padding-left: 90px;
  }
  .eOralListTit footer > div:nth-child(1) {
    background-size: 22px;
    padding-right: 6px;
    margin-right: 6px;
  }
  .eOralListImg {
    left: 25px;
    width: 55px;
    height: 55px;
    min-width: 55px;
    background-size: 70% auto;
  }
  .eOralListTit {
    padding: 1vw 0 0;
  }
  .eOralNavTwo {
    flex-wrap: wrap;
  }
  .eOralNavTwo > div {
    padding: 1vw;
  }
  .eAssignmentMain .eOralNavTwo {
    padding: 0px 10px;
    /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
  }
  .eAssignmentMain .eOralNavTwo > div {
    padding: 5px;
  }
  .eOralList.ktsh .eOralListDiv,
  .eOralList.kdhsh .eOralListDiv,
  .eOralList.qjhh .eOralListDiv,
  .eOralList.klxsh .eOralListDiv {
    margin-bottom: 15px;
  }
}
@media (max-width: 680px) {
  .eOralWorkAnswerSubCate1 .iInto {
    left: 10px;
  }
  .eOralWorkAnswerSubCate1 .studentPf {
    padding-left: 45px;
  }
  .HFDiv > div {
    padding: 0 10px;
  }
  .AudioBox > header {
    padding-bottom: 0;
  }
  .tipMsgDiv {
    padding: 5px;
  }
  .LDDWRecordDiv > div {
    min-width: 45px;
    height: 45px;
  }
  .AudioDiv input {
    width: 45px;
    height: 45px;
  }
  .LDDWRecordDiv > div > span {
    font-size: 21px;
    padding-right: 15px;
  }
  input.suspendInput {
    margin-left: 8px;
  }
  .record_wave_view_class {
    max-width: 350px;
    height: 45px;
  }
  .ReferenceWordNav a {
    min-width: 33.333333%;
  }
  .ReferenceWordNav a span {
    justify-content: center;
  }
  .eoral_video .play-wrapper {
    width: 10vw !important;
    height: 10vw !important;
  }
  .eOralList.ktsh li,
  .eOralList.kdhsh li,
  .eOralList.qjhh li,
  .eOralList.klxsh li {
    padding: 0 1vw !important;
  }
  .eOralList li {
    width: 100%;
  }
  .eAssignmentMain .eOralNavTwo > div {
    width: 25%;
  }
  .eOralNavTwo > div a {
    justify-content: center;
    padding: 5px;
  }
  .eOralListImg {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }
  .eOralListDiv {
    padding-left: 105px;
  }
  .eOralList li:nth-child(odd) {
    border-right: 0;
  }
  .eOralList li {
    padding: 0 1vw !important;
  }
  .eOralACText > div:last-child > button.el-button {
    position: relative;
    top: 0;
    line-height: 35px;
    margin-top: 10px;
    border-radius: 5px;
  }
  .teacherScoreBox .el-radio__label {
    font-size: 16px;
    height: 100%;
    position: relative;
    padding-left: 30px;
  }
  .scoreSpan {
    position: absolute;
    left: 5px;
    align-items: center;
    height: 100%;
  }
  .scoreSpan::before {
    left: auto;
    right: 0;
    display: none;
  }
  .teacherScoreBox .wrTableBox thead td {
    line-height: 30px;
    font-size: 16px;
  }
  .teacherScoreBox .wrTableBox .textSpan {
    line-height: 20px;
  }
  .teacherScoreBox .wrTableBox tbody td {
    position: relative;
    padding: 0 5px;
  }
  .teacherScoreBox .wrTableBox tbody td::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    left: 55px;
    top: 0;
  }
}

@media (max-width: 580px) {
  .HFDivAudio audio {
    margin-bottom: 5px;
    max-width: 76vw;
  }
  .AIPFDiv {
    padding-left: 0;
  }
  .popUpImg span {
    width: 95%;
    border-radius: 0;
  }
  .eOralMain > header > nav.eOralNavTwo > div.active a::before {
    display: none;
  }
  .eOralMain > header > nav.eOralNavTwo {
    padding: 2vw 0;
    width: 100%;
  }
  .eOralMain > header > nav.eOralNavTwo > div {
    padding: 1vw;
    min-width: 33.333333%;
    width: auto;
  }
  .eOralMain > header > nav.eOralNavTwo > div a,
  .studentS .eOralMain > header > nav.eOralNavTwo > div a {
    background-color: #ffe6da;
    border: 1px solid #ff8c52;
    border-radius: 8px;
    color: #ff6b33;
    display: flex;
    line-height: 30px;
    padding: 5px 15px;
    font-size: 17px;
  }
  .eOralMain > header > nav.eOralNavTwo > div.active a,
  .studentS .eOralMain > header > nav.eOralNavTwo > div.active a {
    color: #fff;
    background-color: #ff8c52;
    font-size: 18px;
  }
  .eOralList .eOralListTit footer,
  .eOralList.ktsh .eOralListTit footer,
  .eOralList.kdhsh .eOralListTit footer,
  .eOralList.qjhh .eOralListTit footer,
  .eOralList.klxsh .eOralListTit footer {
    padding-left: 20px;
    background: url(../images/eOralImg/into02.png) no-repeat top 3px left;
    background-size: 20px;
  }
  .eOralList .eOralListTit footer {
    background-position: top left;
  }
  .eOralListTit footer > div:nth-child(1) {
    background: transparent;
    padding-left: 0;
  }
  .lesson_plan_cs {
    padding-left: 0;
    padding-top: 3px;
  }
  .lesson_plan_cs::after {
    left: -22px;
    background-size: 90% auto;
  }
  .lesson_plan_cs span {
    font-size: 15px;
  }
  .lesson_plan_cs span:first-child {
    min-width: 78px;
  }
  .lesson_plan_cs span:last-child {
    min-width: 110px;
  }
}
@media (max-width: 500px) {
  .lesson_plan_cs {
    width: 100%;
  }
  .eOralList.ktsh li,
  .eOralList.kdhsh li,
  .eOralList.qjhh li,
  .eOralList.klxsh li {
    width: 100%;
  }
  .wrTableeOralS table td {
    line-height: 30px;
  }
  .wrTableeOralS table td:nth-child(1),
  .wrTableeOralS table td:nth-child(3) {
    min-width: 50px;
  }
  .wrTableeOralS table td:nth-child(2),
  .wrTableeOralS table td:nth-child(4) {
    min-width: 120px;
  }
  .wrTableeOralS {
    overflow: auto;
    margin-bottom: 10px;
  }
  .wrTableeOralS table {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .teacherTXLogo,
  .studentTXLogo {
    height: 40px;
    width: 40px;
    min-width: 40px;
  }
  .HFDivHF .score {
    padding-right: 5px;
    padding-top: 20px;
  }
  .HFDivHF .score span {
    padding-right: 0;
  }
  .eOralACText .HFDivHF > div .teacherRating {
    width: 80%;
    left: 15%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .AnswerPopupCon textarea {
    font-size: 16px;
  }
  .expand_div_cls .AudioRTimeSpan {
    padding-right: 15px;
  }
  .oralContentNr {
    min-height: 76vh;
    padding-bottom: 10px;
  }
  .oralContentText > div {
    border-radius: 8px;
    padding: 10px;
    font-size: 18px !important;
    line-height: 25px;
  }
  .SeCResulteOralWin .wrTableeOralT .wrTableBox table {
    min-width: 350px;
  }
  .popUpImg .OralTermsDiv {
    transform: scale(1);
    border-radius: 0;
  }
  .klx_ReferenceWordsDiv .OralTermsTextSound {
    width: 7vw;
    height: 7vw;
  }
  .klx_ReferenceWordsDiv .OralTermsDiv {
    padding-left: 9vw;
  }
  .OralTermsTextSound {
    width: 8vw;
    height: 8vw;
  }
  button.eOralAssignmentInto {
    line-height: 40px;
    border-radius: 5px;
  }
  button.eOralAssignmentInto span,
  .eoralDivTitle {
    font-size: 18px;
  }
  .Oral_PCUl_title span {
    font-size: 17px;
    line-height: 25px;
  }
  .klx_ReferenceWordsDiv .OralTermsDiv {
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .klx_ReferenceWordsDiv .OralTermsImg {
    width: 25vw;
    min-width: 25vw;
    height: 25vw;
    border-radius: 0;
  }
  .klx_ReferenceWordsDiv .OralTermsText header div {
    width: 10vw;
    height: 10vw;
    min-width: 10vw;
    line-height: 10vw;
    font-size: 7vw;
  }
  .klx_ReferenceWordsDiv .OralTermsText footer {
    flex-wrap: wrap;
  }
  .klx_ReferenceWordsDiv .OralTermsText footer > div {
    padding: 0 5px;
    width: 100%;
  }
  .klx_ReferenceWordsDiv .OralTermsText footer > div h1 {
    font-size: 4vw;
  }
  .klx_ReferenceWordsDiv .OralTermsText footer > div span {
    font-size: 3.8vw;
  }
  .eoral_nav ul li {
    line-height: 35px;
    min-width: 100px;
    font-size: 16px;
    border-radius: 5px;
  }
  .ReferenceWordsBox .clockSA {
    width: 10vw;
    height: 10vw;
    top: -10vw;
  }
  .ReferenceWordsBox .popUpMain > i {
    width: 6vw;
    height: 7vw;
    margin-top: 3.5vw;
  }
  .OralTermsText footer > div h1 {
    font-size: 3.5vw;
  }
  .OralTermsText footer > div span {
    font-size: 3.3vw;
  }
  .OralTermsText footer > div {
    padding: 5px;
  }
  .OralTermsText footer {
    padding-top: 5px;
  }
  .OralTermsImg {
    width: 68vw;
    height: 68vw;
    min-width: 68vw;
  }
  .ReferenceWordsBox .popUpMain {
    min-width: auto;
  }
  i.previousI {
    left: -6vw;
  }
  i.nextI {
    right: -6vw;
  }
  .OralTermsText {
    min-width: auto;
    padding: 3vw 0;
    width: 100%;
  }
  .OralTermsText header div {
    width: 12vw;
    height: 12vw;
    min-width: 12vw;
    line-height: 12vw;
    font-size: 8vw;
  }
  .OralTermsText footer > div h1 {
    font-size: 5vw;
    min-width: 12vw;
  }
  .OralTermsText footer > div span {
    font-size: 4.5vw;
  }
  .ReferenceWordNav a span {
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .OralTermsDiv {
    flex-wrap: wrap;
    padding-left: 8vw;
  }
  .conterMain .ReferenceWordsDiv {
    padding: 0 5px;
  }
  .ReferenceWordNav a {
    min-width: 50%;
    max-width: 50%;
    font-size: 18px;
  }
  .ReferenceWordNav a span {
    padding: 5px 0;
    min-height: 40px;
    border-radius: 5px;
    text-align: center;
  }
  .ReferenceWordNav a:nth-child(9) span {
    padding: 5px 10px;
  }
  .ReferenceWordList ul {
    margin: 0;
  }
  .ReferenceWordList ul li {
    width: 50%;
    padding: 5px;
  }
  .eOralListTit h1 {
    font-size: 16px;
  }
  .eOralMain > header > nav.eOralNavTwo > div a,
  .studentS .eOralMain > header > nav.eOralNavTwo > div a {
    padding: 5px 2vw;
    line-height: 25px;
    font-size: 16px;
    border-radius: 5px;
  }
  .eOralMain > header > nav.eOralNavTwo > div.active a {
    font-size: 17px !important;
  }
  .eAssignmentMain .eOralNavTwo > div {
    width: 33.333333%;
  }
  .eOralNavTwo {
    width: 100%;
  }
  .eOralNavTwo > div {
    padding: 1vw;
    width: 33.333333%;
  }
  .eOralNavTwo > div a {
    padding: 1vw;
    border-radius: 5px;
    justify-content: center;
    font-size: 16px;
  }
  .eOralACNav div {
    line-height: 35px;
    border-radius: 5px;
  }
}
@media (max-width: 420px) {
  .startTime,
  .endTime {
    font-size: 16px;
  }
  .pgs {
    margin: 0 10px;
    height: 6px;
    border-radius: 3px;
  }
  .pgs .pgs-play::before {
    right: -5px;
    width: 10px;
    height: 10px;
  }
  .eOralACText .HFDivHF > div button.deleteInto {
    right: auto;
    top: 40px;
    left: 7px;
  }
  .eOralACText .HFDivHF > div .teacherRating {
    font-size: 15px;
    line-height: 20px;
  }
  .OralKdh_record_audio .tipMsgDiv {
    font-size: 15px;
    line-height: 18px;
  }
  .AudioVoice {
    padding-left: 10px;
  }
  div.eoral_lddw > header {
    font-size: 16px;
  }
  .AudioDiv input.palyInput {
    background-position: center left 8px !important;
    background-size: 62% !important;
  }
  .LDDWRecordDiv > div {
    min-width: 40px;
    height: 40px;
  }
  input.AudioVoiceInput {
    width: 40px;
    height: 40px;
    background-size: 80%;
  }
  .LDDWRecordDiv > div > span {
    font-size: 20px;
  }
  .AudioDiv input {
    width: 40px;
    height: 40px;
    margin-left: 8px;
  }
  .LDDWRecordDiv input {
    margin: 0;
  }
  .eOralListImg {
    width: 65px;
    height: 65px;
    min-width: 65px;
  }
  .eOralListDiv {
    padding-left: 95px;
  }
  .eOralList.ktsh li,
  .eOralList.kdhsh li,
  .eOralList.qjhh li,
  .eOralList.klxsh li {
    width: 100%;
  }
  .AnswerPopupCon > div {
    font-size: 15px;
  }
}
/* 设备竖屏时 */
@media screen and (orientation: portrait) {
  .SpeechAssessmentTLeft .scoreCountToGroup span:nth-child(1),
  .SpeechAssessmentTLeft .scoreCountToGroup span:nth-child(2) {
    margin: 0;
    font-size: 3vw;
  }
  .scoreDiv_item_stat > div span:nth-child(2) {
    font-size: 3.2vw;
  }

  .popUpBoxDrag .popUpMain,
  .ModelAnswerBox .popUpMain {
    min-width: 60%;
  }
  @media (max-width: 768px) {
    .scoreDiv .scoreCountToGroup {
      font-size: 3.2vw;
      padding-top: 3vw;
    }
    .scoreDiv > div h1 {
      font-size: 2.6vw;
      padding-bottom: 6vw;
    }
    .SpeechAssessmentBox .popUpMain {
      position: fixed;
      bottom: 0;
      margin-bottom: 38vh;
      margin-right: 10vw;
      width: 80vw;
      min-height: 75vw;
      background-size: 100% auto;
    }
    .scoreDiv h1 {
      font-size: 3.5vw;
      margin-bottom: 1vw;
      margin-top: 1vw;
    }
    .SATextDiv {
      max-height: 20vw;
      min-height: 5vh;
    }
    .SpeechAssessmentTLeft h1 span {
      margin: auto;
      text-align: center;
    }
    .SpeechAssessmentTLeft h1 span:nth-child(1),
    .SpeechAssessmentTLeft h2 span:nth-child(1),
    .SpeechAssessmentTLeft h3 span:nth-child(1),
    .SpeechAssessmentTLeft .scoreDiv_title span:nth-child(2) {
      font-size: 2.6vw;
    }
    .SpeechAssessmentTLeft h1 span,
    .SpeechAssessmentTLeft h2 span,
    .SpeechAssessmentTLeft h3 span {
      font-size: 4vw;
      width: 16vw;
    }
    .SpeechAssessmentBox .popUpMain::after {
      bottom: -10vw;
      background-size: 100% auto;
    }
    .myRadarChart .highcharts-container {
      width: 50vw !important;
      height: 38vw !important;
      margin-top: -5vw;
      margin-bottom: 2vw;
    }
    .scoreDiv > div > span {
      font-size: 3.5vw;
    }
    .scoreImg {
      width: 25vw;
      height: 25vw;
      background-size: 25vw;
    }
    .SpeechAssessmentMain > footer header span {
      font-size: 2.5vw;
      padding: 0 0 0 1vw;
    }
    .SpeechAssessmentMain > footer header {
      line-height: 6.5vw;
    }
    .SpeechAssessmentMain > footer header span::before {
      width: 2vw;
      height: 2vw;
      min-width: 2vw;
    }
    .SAText {
      font-size: 3.2vw;
    }
    .SATime span {
      font-size: 3.5vw;
    }
    .ReviewNotes {
      line-height: 3vw;
      font-size: 3vw;
      right: 5vw;
      bottom: -10vw;
      line-height: 4vw;
      width: 70vw;
    }
    .SATextDiv {
      line-height: 4vw;
    }
    h1.SpeechAssessmentBoxTitle {
      height: 7vw;
      background-size: auto 100%;
      top: -9vw;
      font-size: 3.6vw;
      line-height: 8vw;
    }
    h1.SpeechAssessmentBoxTitle span:nth-child(1) {
      padding-right: 1vw;
    }
    .SpeechAssessmentBox .popUpMain::before {
      width: 100.4%;
    }
    .scoreDiv > div.scoreDiv_item_stat {
      font-size: 2.6vw;
    }
    .scoreDiv_item_stat > div span:nth-child(1) {
      display: block;
    }
    .scoreDiv_item_stat > div span:nth-child(2) {
      padding-bottom: 1vw;
      display: block;
    }
  }
}