.topTitle header span,
.cur_list .topTitle {
  font-family: Alibaba Sans, -apple-system, BlinkMacSystemFont, Segoe UI,
    PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica,
    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
}

.exercuseNav_d,
.exercuseR_con {
  font-family: STKAITI;
}
.head_text,
.example,
.KTXJRight,
.eWritingR input,
.KTXJDiv ul,
.DLLBMain ul,
.DLLBMain ul input,
.topTitle > div,
.WritingCheck ul,
.WCWZMain,
.eWritingR .ktxj,
.reading.SeCResultWin .wrTableBox,
.xzck > div:nth-child(2),
.eWritingR > div.HCHJ .words,
.sentence,
.title_desc,
.eWritingR > div > header,
.hchj_word,
.hchj_sentence,
.hchj_passage,
.cgTitle,
.zccj {
  font-family: STKAITI;
  font-size: 26px;
  font-display: swap;
}
.fontSize24 .head_text,
.fontSize24 .example,
.fontSize24 .KTXJRight,
.eWritingR.fontSize24 input,
.fontSize24 .KTXJDiv ul,
.fontSize24 .DLLBMain ul,
.fontSize24 .DLLBMain ul input,
.fontSize24 .topTitle > div,
.fontSize24 .WritingCheck ul,
.fontSize24 .WCWZMain,
.eWritingR.fontSize24 .ktxj,
.reading.SeCResultWin .wrTableBox,
.fontSize24 .xzck > div:nth-child(2),
.eWritingR.fontSize24 > div.HCHJ .words,
.fontSize24 .sentence,
.fontSize24 .KTXJRight li:nth-child(1),
.fontSize24 .KTXJDiv ul .cgTitle,
.eWritingR.fontSize24 .zdxl .DLLBMain > ul,
.fontSize24 .KTXJRight h1,
.fontSize24 .hchj_word,
.fontSize24 .hchj_sentence,
.fontSize24 .hchj_passage,
.fontSize24 .cgTitle {
  font-size: 24px;
}
.fontSize24 .KTXJDiv ul .cgTitle {
  line-height: 35px;
  min-height: 35px;
}
.eWritingR.fontSize24 .ktxj .selection li {
  padding: 2px 5px;
}
.eWritingR.fontSize24 .ktxj {
  line-height: 25px;
}
.fontSize24 .KTXJRight li:nth-child(1) input {
  line-height: 32px;
}
.fontSize24 .KTXJRight li:nth-child(2) {
  font-size: 25px;
}
.fontSize24 .head_text > header {
  font-size: 28px;
}
.fontSize28 .head_text > header {
  font-size: 34px;
}
.fontSize30 .head_text > header {
  font-size: 36px;
}
.fontSize32 .head_text > header {
  font-size: 38px;
}
.fontSize24 .title_desc,
.eWritingR.fontSize24 > div > header,
.fontSize24 .topTitle header span,
.fontSize24 .cgTitle,
.fontSize24 .title_desc {
  font-size: 22px;
}
.fontSize24 .wordTitle header input,
.fontSize24 .zccj {
  font-size: 21px;
}
.fontSize28 .wordTitle header input,
.fontSize28 .zccj {
  font-size: 26px;
}
.fontSize30 .wordTitle header input,
.fontSize30 .zccj {
  font-size: 28px;
}
.fontSize32 .wordTitle header input,
.fontSize32 .zccj {
  font-size: 30px;
}

.fontSize28 .head_text,
.fontSize28 .example,
.fontSize28 .KTXJRight,
.eWritingR.fontSize28 input,
.fontSize28 .KTXJDiv ul,
.fontSize28 .DLLBMain ul,
.fontSize28 .DLLBMain ul input,
.fontSize28 .topTitle > div,
.fontSize28 .WritingCheck ul,
.fontSize28 .WCWZMain,
.eWritingR.fontSize28 .ktxj,
.reading.SeCResultWin .wrTableBox,
.fontSize28 .xzck > div:nth-child(2),
.eWritingR.fontSize28 > div.HCHJ .words,
.fontSize28 .sentence,
.fontSize28 .KTXJRight li:nth-child(1),
.fontSize28 .KTXJDiv ul .cgTitle,
.eWritingR.fontSize28 .zdxl .DLLBMain > ul,
.fontSize28 .KTXJRight h1,
.fontSize28 .hchj_word,
.fontSize28 .hchj_sentence,
.fontSize28 .hchj_passage,
.fontSize28 .cgTitle {
  font-size: 28px;
}
.fontSize28 .KTXJDiv ul .cgTitle {
  line-height: 45px;
  min-height: 45px;
}
.eWritingR.fontSize28 .ktxj .selection li {
  padding: 10px 5px;
}
.eWritingR.fontSize28 .ktxj {
  line-height: 45px;
}
.fontSize28 .KTXJRight li:nth-child(1) input {
  line-height: 42px;
}
.fontSize28 .KTXJRight li:nth-child(2) {
  font-size: 29px;
}

.fontSize30 .head_text,
.fontSize30 .example,
.fontSize30 .KTXJRight,
.eWritingR.fontSize30 input,
.fontSize30 .KTXJDiv ul,
.fontSize30 .DLLBMain ul,
.fontSize30 .DLLBMain ul input,
.fontSize30 .topTitle > div,
.fontSize30 .WritingCheck ul,
.fontSize30 .WCWZMain,
.eWritingR.fontSize30 .ktxj,
.fontSize30 .xzck > div:nth-child(2),
.eWritingR.fontSize30 > div.HCHJ .words,
.fontSize30 .sentence,
.fontSize30 .KTXJRight li:nth-child(1),
.fontSize30 .KTXJDiv ul .cgTitle,
.eWritingR.fontSize30 .zdxl .DLLBMain > ul,
.fontSize30 .KTXJRight h1,
.fontSize30 .hchj_word,
.fontSize30 .hchj_sentence,
.fontSize30 .hchj_passage,
.fontSize30 .cgTitle {
  font-size: 30px;
}
.fontSize30 .KTXJDiv ul .cgTitle {
  line-height: 45px;
  min-height: 45px;
}
.eWritingR.fontSize30 .ktxj .selection li {
  padding: 10px 5px;
}
.eWritingR.fontSize30 .ktxj {
  line-height: 45px;
}
.fontSize30 .KTXJRight li:nth-child(1) input {
  line-height: 42px;
}
.fontSize30 .KTXJRight li:nth-child(2) {
  font-size: 31px;
}

.fontSize32 .head_text,
.fontSize32 .example,
.fontSize32 .KTXJRight,
.eWritingR.fontSize32 input,
.fontSize32 .KTXJDiv ul,
.fontSize32 .DLLBMain ul,
.fontSize32 .DLLBMain ul input,
.fontSize32 .topTitle > div,
.fontSize32 .WritingCheck ul,
.fontSize32 .WCWZMain,
.eWritingR.fontSize32 .ktxj,
.fontSize32 .xzck > div:nth-child(2),
.eWritingR.fontSize32 > div.HCHJ .words,
.fontSize32 .sentence,
.fontSize32 .KTXJRight li:nth-child(1),
.fontSize32 .KTXJDiv ul .cgTitle,
.eWritingR.fontSize32 .zdxl .DLLBMain > ul,
.fontSize32 .KTXJRight h1,
.fontSize32 .hchj_word,
.fontSize32 .hchj_sentence,
.fontSize32 .hchj_passage,
.fontSize32 .cgTitle {
  font-size: 32px;
}
.fontSize32 .KTXJDiv ul .cgTitle {
  line-height: 50px;
  min-height: 50px;
}
.eWritingR.fontSize32 .ktxj .selection li {
  padding: 10px 5px;
}
.eWritingR.fontSize32 .ktxj {
  line-height: 50px;
}
.fontSize32 .KTXJRight li:nth-child(1) input {
  line-height: 47px;
}
.fontSize32 .KTXJRight li:nth-child(2) {
  font-size: 33px;
}

.fontSize28 .title_desc,
.eWritingR.fontSize28 > div > header,
.fontSize28 .topTitle header span,
.fontSize28 .title_desc {
  font-size: 25px;
}
.fontSize30 .title_desc,
.eWritingR.fontSize30 > div > header,
.fontSize30 .topTitle header span,
.fontSize30 .title_desc {
  font-size: 26px;
}
.fontSize32 .title_desc,
.eWritingR.fontSize32 > div > header,
.fontSize32 .topTitle header span,
.fontSize32 .title_desc {
  font-size: 27px;
}

.eWritingCon {
  position: relative;
  padding: 5px 0;
  width: 100%;
  margin-bottom: 15px;
}
.eWritingCon p {
  position: absolute;
  right: 0;
  top: 12px;
}
.eWritingCon .StudentReportInto {
  position: absolute;
  right: 0;
  top: 10px;
  height: 50px;
  font-size: 17px;
}
.eWritingBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  min-height: 62.7vh;
  /* min-height: 72.2vh; */
}
.eWritingNavN {
  width: 24%;
}
.eWritingNav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.eWritingNav nav {
  width: 100%;
  padding: 0;
}
.eWritingNav ul {
  border-radius: 8px;
  margin-top: -5px;
}
.eWritingNavBox {
  padding: 10px 0;
  width: 100%;
}

.eWritingNavLeft,
.eWritingNavLeft header,
.eWritings {
  display: flex;
}
.eWritingNavLeft span {
  padding: 10px 6px;
}
.eWritingNavClass span {
  padding: 10px 6px 5px 6px;
}
.eWritingNavLeft span a {
  background-color: #ffe6da;
  border: 1px solid #ff8c52;
  border-radius: 8px;
  color: #ff6b33;
  display: flex;
  line-height: 35px;
  padding: 5px 20px;
  font-size: 17px;
}
.eWritingNavLeft span.active a {
  color: #fff;
  background-color: #ff8c52;
  font-size: 18px;
}
.eWritingNavLeft .eWritings span a {
  background-color: #b6f9f1;
  border: 1px solid #05c3a6;
  color: #008c77;
}
.eWritingNavLeft .eWritings span.active a {
  background-color: #05c3a6;
  border: 1px solid #05c3a6;
  color: #fff;
}
.eWritingNav p {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
}
.eWritingNavClass {
  display: flex;
}
.eWritingNavClass span a {
  background-color: #caedfb;
  border: 1px solid #44b3e1;
  border-radius: 8px;
  color: #006e9c;
  display: flex;
  line-height: 35px;
  padding: 5px 20px;
  font-size: 17px;
}
.eWritingNavClass span.active a {
  background-color: #109ad3;
  border: 1px solid #109ad3;
  color: #fff;
}
.eWritingBox nav ul li {
  padding: 5px;
}
.eWritingBox nav ul li.active a,
.eWritingBox nav ul li.active a:hover {
  background-color: #5d68fe;
}
.eWritingBox nav ul li a {
  background-color: #f5f6ff;
}
.eWritingBox nav ul li a:hover {
  background-color: #e1e3ff;
}
.eWritingBox nav a {
  border-radius: 8px;
  min-height: 55px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #303030;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  font-family: STKAITI;
}
.eWritingBox nav ul li.active a {
  background-color: #27aef8;
  color: #fff;
}
.eWritingBox nav ul li.active a,
.eWritingBox nav ul li.active a:hover {
  background-color: #5d68fe;
}
.eWritingR {
  width: 100%;
  border: 1px solid #ced8e1;
  min-height: 58vh;
  color: #000;
}
.eWritingR.xzzd_pannel {
  padding: 0;
}
.zwzdMain .AssignmentMainDiv {
  padding: 10px 0 0px;
}
.zwzdMain .AssignmentDiv {
  border-radius: 10px;
}
.zwzdMain .AssignmentDiv::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #dee6f8;
  border-radius: 8px;
  left: 0;
  top: 0;
}
.zwzdMain .AssignmentDiv a {
  position: relative;
}
.hudong {
  display: flex;
}
.hudong span {
  width: 45px;
  height: 45px;
  display: flex;
  cursor: pointer;
  margin-left: 10px;
}
.hudong span:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.previewInto {
  background: url(../images/into03.png) no-repeat center;
}
.collectInto {
  background: url(../images/into04.png) no-repeat center;
}
.collectInto.active {
  background: url(../images/into04s.png) no-repeat center;
}
.likeInto {
  background: url(../images/into05.png) no-repeat center;
}
.likeInto.active {
  background: url(../images/into05s.png) no-repeat center;
}

/* 作文指导 内容头部导航 */
.compositionDeNav {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
.compositionDeNav header {
  display: flex;
  padding: 10px 0px;
}
.compositionDeNav header span {
  display: flex;
  line-height: 50px;
  border-radius: 10px;
  background-color: #60bbf5;
  padding: 0 18px 0 58px;
  color: #fff;
  font-size: 17px;
  margin: 0 8px;
  cursor: pointer;
  min-width: 130px;
}
.compositionDeNav header span.active {
  font-size: 19px;
  background-color: #fd913a;
  position: relative;
  display: flex;
  justify-content: center;
  transition: none;
}
.compositionDeNav header span.active::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -6px;
  width: 16px;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  background: #fd913a;
  transform: rotate(-45deg);
  border-radius: 3px;
}
.compositionDeNav .titleOne,
.compositionDeNav .nextEx {
  padding-bottom: 0;
  padding-top: 0;
}
.xzInto {
  background: url(../images/into06.png) no-repeat center left 12px;
}
.fwInto {
  background: url(../images/into07.png) no-repeat center left 12px;
}
.playInto {
  background: url(../images/into08.png) no-repeat center top 5px;
}
.playPuse {
  background: url(../images/into08s.png) no-repeat center top 5px;
}
.ceaseInto {
  background: url(../images/into09.png) no-repeat center top 5px;
}
.PDFPrintInto {
  background: url(../images/into10.png) no-repeat center top 5px;
}
.compositionDeNav footer {
  padding-top: 0;
  display: flex;
}
.compositionDeNav footer input {
  padding-top: 40px;
  min-width: 45px;
  font-size: 16px;
  color: #4d7090;
  cursor: pointer;
  margin: 0 15px;
}
.compositionDeNav footer span {
  position: relative;
  display: flex;
  align-items: center;
}
.compositionDeNav footer span::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  left: 0;
  top: 20%;
  background-color: rgba(0, 0, 0, 0.1);
}
.compositionDeNav footer span:first-child::before {
  display: none;
}
.compositionDeNav footer span:hover input {
  color: #25355e;
}
.titleOne {
  line-height: 45px;
  font-size: 22px;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.titleOne::before {
  content: "";
  display: flex;
  width: 5px;
  height: 20px;
  border-radius: 3px;
  background-color: #734ef9;
  margin-right: 15px;
  margin-left: 5px;
}
.compositionType {
  background-color: #e1ecfe;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 5px;
  overflow: hidden;
}
.compositionTypeMain {
  border-radius: 5px;
  background-color: #fff;
  min-height: 70vh;
  padding: 20px;
}

/* 看图作文 */
.sixImg {
  padding: 10px 20px;
  max-width: 1100px;
  margin: auto;
}
.sixImg ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid #7ec8ea;
  border-left: 2px solid #7ec8ea;
  /* margin-top: -15px; */
}
.sixImg li {
  width: 33.333333%;
  padding: 0;
}
.sixImg li span {
  display: flex;
  position: relative;
  border-right: 2px solid #7ec8ea;
  border-bottom: 2px solid #7ec8ea;
  overflow: hidden;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.nidayede.four .sixImg {
  max-width: none;
}
.nidayede.four .sixImg li {
  width: 50%;
}
i.numberIcon {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background-color: #fff;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  font-size: 22px;
}
.sixImg li img {
  max-width: none;
  object-fit: cover;
  width: 100%;
}
.sixImg li.active span img {
  border: 2px solid #f45b70;
}
.cgTitle {
  display: flex;
  align-items: flex-start;
  font-size: 24px;
  line-height: 50px;
  flex-wrap: wrap;
  position: relative;
  /* padding-left: 60px; */
  min-height: 45px;
}
.cgTitle b.hornInto,
.cgTitle b.playInto {
  position: absolute;
  left: 0;
  top: -3px;
}
b.hornInto {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: url(../images/horn.png) no-repeat center;
  cursor: pointer;
  margin: 0 10px;
  display: flex;
}
b.playInto {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: url(../images/play.png) no-repeat center;
  cursor: pointer;
  margin: 0 10px;
  display: flex;
}
.largeImg {
  cursor: pointer;
}
.popUpImg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 9;
}
.popUpImg.active {
  display: flex;
  background-color: rgba(224, 229, 236, 0.3);
}
.popUpImg.active span {
  border: 2px solid rgba(0, 0, 0, 0.8);
  overflow: hidden;
  display: flex;
  background-color: #000;
}
.topTitle {
  display: flex;
  align-items: center;
  margin: 0 20px;
  flex-wrap: wrap;
}
.topTitle header {
  display: flex;
  align-items: center;
}
.topTitle header span {
  background-color: #cdebfe;
  font-size: 22px;
  padding: 5px 20px;
  border-radius: 10px;
  border: 2px solid #2b93ea;
  display: inline-block;
  color: #000;
}
.topTitle > div {
  letter-spacing: 0;
  width: 100%;
  color: #000;
  line-height: 35px;
  padding: 10px;
}
.topTitle > div span {
  position: relative;
  display: inline-block;
  border-bottom: 2px solid #000;
}
.topTitle > div span::before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
}
.EssayInput {
  width: 100%;
  margin-bottom: 15px;
}
.EssayInput textarea {
  width: 100%;
  background: url(../images/into11.png) repeat;
  border: 0;
  line-height: 50px;
  font-size: 22px;
  text-indent: 50px;
}
.EssayInput .ke-container {
  margin-top: 10px;
}
.EssayInput textarea::-webkit-input-placeholder {
  color: #000 !important;
}
.EssayInput .wysiwyg-placeholder {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.12rem;
}
.wordTitle {
  padding: 0 20px;
}
.wordTitle header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.wordTitle header input {
  line-height: 45px;
  background-color: #0099cc;
  border-radius: 8px;
  padding: 0 15px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
.wordStatus input {
  margin-left: 10px;
  line-height: 45px;
  background-color: #0099cc;
  border-radius: 8px;
  padding: 0 15px;
  font-size: 22px !important;
  color: #fff;
  cursor: pointer;
}
.wordTitleLeft input {
  margin-right: 10px;
}
.wordTitleLeft input.active {
  background-color: #f45b70;
}
.WritingCheck ul {
  border-top: 2px solid #0099ff;
  border-left: 2px solid #0099ff;
  letter-spacing: 0;
}
.WritingCheck ul li {
  display: flex;
}
.WritingCheck ul span {
  display: flex;
  border-bottom: 2px solid #0099ff;
  border-right: 2px solid #0099ff;
  padding: 10px;
}
.WritingCheck ul span:nth-child(1) {
  width: 10%;
  justify-content: center;
}
.WritingCheck ul span:nth-child(2) {
  width: 70%;
}
.WritingCheck ul span:nth-child(3) {
  width: 20%;
  position: relative;
}
label.tickLabel b {
  position: relative;
  display: flex;
  justify-content: center;
  margin-right: 5px;
  width: 100%;
}
label.tickLabel b::after {
  display: block;
  content: "";
  width: 50px;
  height: 50px;
}
label.tickLabel {
  display: flex;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
label.tickLabel input {
  display: none;
}
label.tickLabel input:checked + b::after {
  background: url(../images/into12.png) no-repeat center;
  margin-bottom: 0;
  top: -6px;
  background-size: 65%;
}
label.tickLabel input:checked + .tickLabel b::after {
  top: -12px;
}
.WritingCheck .cgTitle {
  padding-bottom: 10px;
  padding-top: 5px;
}
.WritingCheck .cgTitle .hornInto {
  margin-left: 0;
  margin-top: 0;
}
.textFW {
  position: relative;
}
.textFW .hornInto {
  position: absolute;
  margin-left: 0;
}
.textFW p {
  text-indent: 50px;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 10px;
}
.textFW p span.h {
  /* font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif, "微软雅黑", monospace !important; ;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.1rem;
    position: relative;
    top: -2px; */
  padding: 0 2px;
  color: #dc063a;
  font-size: 28px;
}
.compositionFW {
  background-color: #dff2fc;
  min-height: 100%;
  padding: 20px;
  border-radius: 0px;
  /* min-height: 65vh; */
  color: #000;
}

/* 看图写句 */
.compositionKTXJ {
}
.KTXJMain > header {
  display: flex;
  flex-wrap: wrap;
}

.KTXJImg {
  display: flex;
  width: 100%;
  align-items: flex-start;
  max-width: 550px;
}
.KTXJImg img {
  border: 2px solid #00a1e9;
}
.KTXJRight h1 {
  display: flex;
  align-items: center;
  font-size: 26px;
  line-height: 38px;
}
.KTXJRight {
  padding: 10px 0px 5px 0px;
  color: #000;
}
.KTXJRight b.hornInto {
  margin-left: 5px;
}
.KTXJRight li:nth-child(1) {
  font-size: 26px;
  margin-bottom: 10px;
  line-height: 45px;
  display: flex;
  flex-wrap: wrap;
}
.KTXJRight li:nth-child(1) span {
  position: relative;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  padding: 0 3px;
}
.KTXJRight li:nth-child(1) input {
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  padding: 0 10px;
  line-height: 38px;
  text-align: center;
  width: auto;
  max-width: 230px;
}
input.inputWidthMax {
  width: 550px !important;
  max-width: 550px !important;
  text-align: left !important;
}
input.inputWidthMid {
  width: 40% !important;
}
.KTXJRight li:nth-child(2) {
  font-size: 27px;
  text-align: center;
}
.KTXJRight ul {
  padding: 10px 50px 10px 0;
  position: relative;
}
.KTXJRight ul > h1 {
  position: absolute;
  right: 0;
  top: 10px;
}
.wordStatusOne {
  width: 100%;
  justify-content: center;
  display: flex;
}
.wordStatusOne input {
  width: 120px;
  margin: 20px 10px 10px;
}

/* 看图写句 */
.KTXHImg {
  margin: 10px;
  display: flex;
}
.KTXHImg img {
  max-width: 650px;
  border: 2px solid #00a1e9;
}
.KTXJDiv {
  color: #000;
}
.KTXJDiv > header span {
  font-size: 20px;
}
.KTXJDiv ul {
  letter-spacing: 0;
}
.KTXJDiv ul li {
  padding: 5px 0;
}
.KTXJDiv ul .cgTitle {
  font-size: 26px;
  line-height: 40px;
  flex-wrap: nowrap;
}
.KTXJDiv ul li > div:last-child {
  padding: 0 10px 0 65px;
}
.KTXJDiv ul li input {
  border-bottom: 1px solid #000;
  width: 100%;
  padding: 0;
}
.eWritingR .contentMax {
  padding: 0 !important;
}
.cgTitleQ {
  display: flex;
  align-items: center;
}
.cgTitleQ span {
  display: inline-flex;
}
.cgTitleQ span.small_icon {
  padding-left: 10px;
}
.WritingStyle {
  width: 97%;
  margin: 20px auto 10px auto;
  padding: 10px 20px 20px 20px;
  display: flex;
  background-color: #fff;
  border: 10px solid rgba(0, 0, 0, 0.05);
}
.WritingStyle textarea {
  width: 100%;
  border: 0;
  line-height: 50px;
  background: url(../images/into11.png);
  font-size: 34px;
  font-family: STKAITI;
  letter-spacing: 0;
}

/* 段落练笔 */
.topTitle1 header span {
  padding: 5px 10px 5px 5px;
}
.compositionDLLB .KTXJRight > div {
  padding: 10px 0;
  font-size: 32px;
  margin-bottom: 10px;
  width: 100%;
}
.compositionDLLB .KTXJRight > div span {
  position: relative;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  padding: 0 3px;
  margin: 0 3px;
  display: inline-block;
}
.compositionDLLB .KTXJMain > header {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.compositionDLLB .KTXJRight > div input {
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  line-height: 38px;
  font-size: 32px;
  text-align: center;
  width: 180px !important;
  padding: 0 3px;
  margin: 0 3px;
}
.compositionDLLB.DLLB2 .inputDiv input {
  max-width: none;
}
.topTitle1 {
  padding: 10px 0;
}
.DLLBMain {
  padding: 0 10px;
}
.DLLBMain ul {
  letter-spacing: 0;
  padding: 10px 0 20px 0;
}
.DLLBMain ul li {
  display: flex;
  width: 100%;
  padding-top: 10px;
}
.DLLBMain ul.ol {
  padding: 0;
}
.DLLBMain ul.ol li {
  list-style-type: chinese-ordinal;
}

.DLLBMain ul.ol li {
  display: flex;
}
.DLLBMain ul input {
  border: 2px solid rgba(0, 0, 0, 0.6);
  width: 60px;
  letter-spacing: 0;
  padding: 0 10px;
  text-align: center;
}
.DLLB2 > .cgTitle {
  font-size: 24px;
}
.DLLB2 .KTXJImg {
  position: relative;
}
.DLLB2 .KTXJImg .numberIcon {
  top: 10px;
}
.DLLB2 .KTXJRight h1 span {
  border-bottom: 2px solid #000;
}
.DLLB2 .KTXJRight h1 span.bz {
  border-bottom: 0;
  margin-right: 10px;
}
.DLLB2 .KTXJRight h1 > div {
  line-height: 50px;
}
.inputDiv {
  width: 100%;
}
.DLLB2 .KTXJRight .inputDiv input {
  width: 100% !important;
  text-align: left;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  line-height: 45px;
  font-size: 32px;
  font-family: STKAITI;
  letter-spacing: 0;
}
.DLLB2 .KTXJRight {
  position: relative;
  padding-left: 50px;
  width: 100%;
}
.DLLB2 .KTXJRight .number {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 40px;
}
.DLLB2 .KTXJRight h1 {
  flex-wrap: wrap;
}
.DLLB2 .KTXJRight ul {
  padding: 0;
}
.lylTitle {
  display: flex;
  align-items: center;
}
.lylTitle .lylImg {
  display: flex;
  align-items: center;
}
.WCWZMain {
  display: flex;
  background-color: #e6f4f9;
  border-radius: 15px;
  margin: 10px 20px;
  padding: 20px 10px;
  color: #000;
  letter-spacing: 0;
}
.MTZW {
  padding: 0 10px;
}
.MTZWMain {
  margin: 10px 20px;
}
.MTZWDiv {
}
.MTZWMain header {
  display: flex;
  align-items: center;
  line-height: 50px;
}
.MTZWMain header h1 {
  color: #005bac;
  font-size: 36px;
  font-weight: 600;
}
.MTZWDiv {
  position: relative;
  padding-left: 60px;
  padding-top: 10px;
}
.MTZWDiv .hornInto {
  position: absolute;
  left: 0;
}
.MTZWDiv h2 {
  font-size: 24px;
  line-height: 40px;
}
.MTZWDiv ul {
  font-family: STKAITI;
  letter-spacing: 0;
  color: #000;
  font-size: 30px;
  padding: 5px 10px 10px 30px;
}
.MTZWDiv ul li {
  list-style: disc;
  padding: 5px 0;
}
.eWritingR .MTZW .compositionKTZW {
  padding: 10px 20px;
}
.eWritingR .MTZW .compositionKTZW .topTitle {
  padding-top: 10px !important;
}
.MTZW .wordTitle {
  padding: 0 30px;
}
.DLLB3Div {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.DLLB3Main > header {
  text-align: center;
}
.DLLB3Div ul li {
  margin-bottom: 30px;
}
.DLLB3Div ul li:last-child {
  margin-bottom: 0;
}
.DLLB3Div ul li span {
  position: relative;
  display: flex;
  border: 2px solid #00a1e9;
}
.DLLB3DivRight .WritingStyle {
  height: 100%;
  margin: 0 20px;
}
.DLLB3DivRight {
  position: relative;
  padding-top: 75px;
}
.DLLB3DivRight .lylTitle {
  position: absolute;
  height: 45px;
  top: 10px;
}
.lylImg img {
  max-height: 50px;
}
.AssignmentImg {
  margin-bottom: 5px;
  width: 100%;
  height: 0;
  padding-bottom: 64%;
  overflow: hidden;
  position: relative;
  border: 1px solid #7ec8ea;
}
.AssignmentImg > div {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f6fafe;
}
.AssignmentImg img {
  width: 102%;
  max-width: none;
  margin: -1%;
}
.AssignmentImg img.pc01 {
  height: 100%;
  object-fit: contain;
  margin: 0;
  width: 100%;
}
.AssignmentDiv a {
  display: block;
}
.cyFooter {
  padding-top: 8px;
  display: none;
}
.cyFooter span {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 15px;
  line-height: 24px;
  padding: 0 5px;
}
.zwzdUlNav {
  display: flex;
}
.DLLB3DivLeft {
}
.DLLB3DivLeft > ul {
  font-family: STKAITI !important;
  letter-spacing: 0;
  font-size: 28px;
  color: #000;
  line-height: 35px;
  background-color: #fbe8ce;
  display: inline-block;
  border-radius: 15px;
  padding: 10px 20px 10px 50px;
  position: relative;
  margin-left: 260px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.DLLB3DivLeft > ul b {
  position: absolute;
  left: -40px;
  top: 0;
}
.DLLB3DivLeft > ul li {
  list-style: disc;
  padding: 5px 0;
}
.DLLB3DivLeft .DLLB3DivRight {
  margin-top: -60px;
}
.twoTopDetails h1 {
  margin: auto;
}
.twoTopDetails input.twoTopBack {
  border-radius: 12px;
  background: url(../images/backInto.png) no-repeat center left 3px #ff795b;
  padding: 0 10px 0 42px;
}
.twoTopDetails .twoTopNewR {
  bottom: auto;
}
.nidayede,
.nidayede span {
  display: flex;
}
.nidayede > li:nth-child(2) {
  width: 40%;
  min-width: 45%;
  padding: 10px 20px 10px 0;
  height: 100%;
  width: 45%;
  position: absolute;
  right: 0;
  display: flex;
}
.nidayede > li:nth-child(2) span {
  position: relative;
  display: flex;
}
.nidayede.four > li:nth-child(2) {
  width: 49.9%;
  min-width: 49.9%;
}
.compositionContent #childIframe {
  margin-top: -65px;
}
#compositionList h2.styelH2 {
  display: block;
  border: 0;
}
.display_word {
  display: flex;
  padding-top: 10px;
}
.display_word > ul {
  border: 2px solid #0099ff;
  border-radius: 10px;
  width: 100%;
}
.display_word > ul li {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  font-size: 28px;
  color: #000;
}

.display_word > ul li span {
  border: 0;
  width: 25% !important;
  justify-content: flex-start !important;
}
.display_word .cgTitle {
  padding-left: 50px;
}

.zwzdMain .AssignmentDiv a h2.styelH2 {
  display: none !important;
}
.zwzdMain > header {
  align-items: center;
  position: relative;
}
.zwzdMain > header p {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
}
.zwzdMain .AssignmentDiv a h1 {
  position: relative;
}
input.ReleaseInput {
  background: url(../images/eOralImg/into03.png) no-repeat center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: auto;
  top: auto;
}
.zwzdMain .AssignmentDiv > span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: #dee6f8;
  height: 30px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 12px;
}
.hasContent {
  position: relative;
  padding-left: 60px;
  margin-bottom: 15px;
  text-align: left;
}
.hasContent b.hornInto {
  position: absolute;
  left: 0;
}
.ktxjBjText {
  background-color: #eaf6fe;
  border-radius: 15px;
  margin: 0 10px;
  padding: 0 20px;
  font-family: STKAITI;
  font-size: 32px;
  color: #000;
}
.ktxjBjText header {
  border-bottom: 1px #019ee9 dashed;
  display: flex;
  padding: 15px 0;
  justify-content: center;
}
.ktxjBjText header:last-child {
  border-bottom: 0;
}
.ktxjBjText b.hornInto {
  margin-left: -10px;
}
.ktxjBjText ul li:nth-child(1) {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 35px;
}
.ktxjBjText ul li:nth-child(1)::before {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/jtInto.png) no-repeat center;
}
.ktxjBjText ul li:nth-child(2) {
  display: flex;
}
.ktxjBjText ul li > div span {
  border-bottom: 2px solid rgba(0, 0, 0, 1);
  padding: 0 3px;
}
.eCompopopUpBox.SeCResultWin .SeCResultWin .wrTableBox {
  max-height: 80vh;
}
.eCompopopUpBox.SeCResultWin .popUpMain {
  width: 100%;
  max-width: 880px;
}
.eCompopopUpBox.pingfen {
  font-size: 16px;
}
.eCompopopUpBox.SeCResultWin.pingfen .popUpMain {
  min-width: 1050px;
}
.eCompopopUpBox.pingfen .popUpMain > header {
  background-color: #387dfa;
  color: #fff;
}
.eCompopopUpBox.pingfen .popUpHeader b.closeInto::before,
.eCompopopUpBox.pingfen .popUpHeader b.closeInto::after {
  background-color: #fff;
}
.eCompopopUpBox.pingfen .wrTableRed table thead {
  background-color: #c2ddff;
  border-right: 1px solid #c2ddff;
  border-left: 1px solid #c2ddff;
}
.eCompopopUpBox.pingfen .wrTableRed table thead td {
  width: 50% !important;
  border-bottom: 1px solid #c2ddff !important;
  border-top: 1px solid #c2ddff !important;
  border-right: 1px solid #dbeefc !important;
}
.eCompopopUpBox.pingfen label {
  display: flex;
  align-items: center;
  color: #218eff !important;
  min-width: 80px;
}
.eCompopopUpBox.pingfen .wrTableRed table tbody td {
  line-height: 28px;
  font-size: 18px;
}
.eCompopopUpBox.pingfen input {
  display: none;
}
.eCompopopUpBox.pingfen label {
  min-height: 25px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 28px;
  padding-right: 5px;
  cursor: pointer;
  margin: 5px 0;
  flex-wrap: wrap;
}
.eCompopopUpBox.pingfen label::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 5px;
  top: 2px;
  left: 3px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
}
.eCompopopUpBox.pingfen input:checked ~ b {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #409eff;
  border-radius: 5px;
  left: 3px;
  top: 2px;
  z-index: 1;
  position: absolute;
}
.eCompopopUpBox.pingfen input:checked ~ b::before {
  display: block;
  content: "";
  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: 4px;
  top: 5px;
  z-index: 1;
  position: absolute;
}
.eCompopopUpBox.pingfen .btn_submit {
  padding-top: 10px;
}
.eCompopopUpBox.pingfen .btn_submit input {
  display: block;
  margin: auto;
  background-color: #f75f5c !important;
  line-height: 45px;
  padding: 0 20px !important;
  font-size: 17px;
  border-radius: 8px !important;
}
.eCompopopUpBox.pingfen label br {
  display: none;
}
.eCompopopUpBox.pingfen label input {
  margin: 5px;
}
.eCompopopUpBox.pingfen .wrTableRed table td {
  border: 1px solid #dbeefc !important;
}
.eCompopopUpBox.pingfen .wrTableRed table tbody {
  border: 1px solid #dbeefc;
}
.eCompopopUpBox.pingfen .wrTableRed tr.tableTrBj:nth-child(even),
.eCompopopUpBox.pingfen .wrTableRed tr:nth-child(even) {
  background: #f6fafd;
}
.eCompopopUpBox#correction_img .popUpMain,
.eCompopopUpBox#correction .popUpMain {
  max-width: 1100px;
}
.eCompopopUpBox.SeCResultWin .popUpHeader {
  text-align: left;
}

.eCompopopUpBox.SeCResultWin .popUpHeader > span {
  display: flex;
  padding: 0 5px;
}
.eCompopopUpBox.SeCResultWin .ke-statusbar {
  display: none;
}
.eCompopopUpBox.SeCResultWin .ke-toolbar {
  border: 0px solid #e8effb;
  background-color: #f6f7fa;
  padding: 0;
  margin-bottom: 5px;
}
.eCompopopUpBox.SeCResultWin .ke-container {
  border: 0px solid #e8effb;
  padding: 12px;
  width: auto !important;
  position: relative;
}
.eCompopopUpBox.SeCResultWin .ke-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #f6f7fa;
  left: 0;
  top: 0;
  border-radius: 0px;
}
.eCompopopUpBox.SeCResultWin .ke-toolbar .ke-outline {
  background-color: #fff;
  min-width: 25px;
  min-height: 25px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 5px;
}
.eCompopopUpBox.SeCResultWin .ke-container > div {
  position: relative;
  z-index: 1;
}
.eCompopopUpBox.SeCResultWin .ke-edit {
  height: 60vh !important;
}
.eCompopopUpBox.SeCResultWin iframe {
  background-color: #fff;
  border: 1px solid #e8effb;
  height: 100% !important;
}
.eCompopopUpBox.SeCResultWin .ke-toolbar .ke-separator {
  height: 22px;
  margin: 4px 3px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid #ffffff;
}
.eCompopopUpBox.SeCResultWin .SeCResultDiv > ul {
  display: flex;
}
.releaseMain .zwzdMain.boxShadow {
  box-shadow: none;
}
.eCompoe_AssTable .tabTh_report .cenD {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tips div.close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: transparent;
  z-index: 1;
}
.tips div.close::before {
  content: "";
  display: block;
  width: 75%;
  height: 3px;
  background-color: #677186;
  transform: rotate(45deg);
  position: absolute;
}
.tips div.close::after {
  position: absolute;
  content: "";
  display: block;
  width: 75%;
  height: 3px;
  background-color: #677186;
  transform: rotate(-45deg);
}
.tips .popUpMain {
  position: relative;
}
.tips .popUpMain > header {
  background-color: transparent;
}
.tips .popUpMain > header::before {
  margin-top: 20px;
  content: "";
  display: block;
  height: 120px;
  background: url(../images/into25.png) no-repeat center;
}
.tips .popUpMain > header div:nth-child(1) {
  color: #25355e;
  font-size: 22px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 35px;
  padding-top: 10px;
}
.tips .popUpMain > header div:nth-child(1) span {
  font-size: 18px;
  display: block;
  width: 100%;
  line-height: 20px;
}
.tips .popUpMain > header div:nth-child(2) {
  text-align: center;
  padding: 30px 0;
}
.tips .popUpMain > header div:nth-child(2) button {
  line-height: 48px;
  background-color: #627bfb;
  font-size: 18px;
  padding: 0 10px;
  color: #fff;
  border-radius: 8px;
  margin: 5px;
  min-width: 140px;
}
.tips .popUpMain > header div:nth-child(2) button:hover {
  transform: scale(1.05);
}
.tips .popUpMain > header div:nth-child(2) button:nth-child(2) {
  border: 1px solid #627bfb;
  color: #2849ef;
  line-height: 46px;
  background-color: transparent;
}
.UL_CSS {
  padding-left: 30px;
}
.UL_CSS li {
  list-style-type: disc;
}
.UL_CSS li::marker {
  font-size: 24px;
}
.eWritingR .ktxj {
  line-height: 35px;
}
.eWritingR > div > header {
  min-height: 55px;
  padding: 5px 0;
  display: flex;
  align-items: center;
  font-size: 24px;
  /* font-family: auto; */
}
.eWritingR .ktxj .selection {
  background-color: #eaf6fe;
  border-radius: 8px;
  padding: 10px 15px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
.eWritingR .ktxj .selection li {
  display: flex;
  padding: 10px 5px;
  width: 50%;
}
.eWritingR .ktxj .selection li span {
  padding-right: 5px;
}
.eWritingR b.hornInto {
  position: relative;
  margin-top: -5px;
}
.eWritingR .topTitle header > b.hornInto {
  margin-top: 0;
}

.eWritingR .ktxj .answer_picture {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
}
.eWritingR .ktxj .answer_picture li {
  width: 48%;
  border-top: 0;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
}

.eWritingR .ktxj .answer_picture li span:nth-child(1) {
  padding: 5px;
  position: absolute;
  left: 0;
}
.eWritingR .ktxj .answer_picture li span:nth-child(2) {
  width: 100%;
  display: flex;
  border: 2px solid #0099ff;
  padding-bottom: 60%;
  height: 0;
  position: relative;
}
.eWritingR .ktxj .answer_picture li span:nth-child(2) img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.eWritingR .ktxj.ktxj_1 .answer_picture li span:nth-child(2) {
  padding-bottom: 0;
  height: auto;
}

.eWritingR .ktxj.ktxj_1 .answer_picture li span:nth-child(2) img {
  position: relative;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.eWritingR .ktxj .answer_picture li span:nth-child(3) {
  display: flex;
  align-items: center;
}
.eWritingR .ktxj .answer_picture li span input {
  width: 150px;
  text-align: center;
}
.eWritingR .ktxj .answer_picture li span:last-child {
  border-right: 0;
}
.eWritingR .ktxj_1 .selection {
  margin-bottom: 0;
}
.eWritingR .ktxj_1 .answer_picture li {
  width: 100%;
  border: 0;
  justify-content: flex-start;
  padding: 20px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
}
.eWritingR .ktxj_1 .answer_picture li:last-child {
  border-bottom: none;
  padding-bottom: 10px;
}
.eWritingR .ktxj_1 .answer_picture li span:nth-child(1) {
}
.eWritingR .ktxj_1 .answer_picture li span:nth-child(2) {
  width: 35%;
  border: 0;
}
.eWritingR .ktxj_1 .ktxj .answer_picture {
  padding-top: 0;
}
.eWritingR .ktxj_1 .answer_picture li span:last-child {
  padding-left: 15px;
  width: 65%;
}
.nextEx {
  background-color: #f6fafd;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nextEx span {
  line-height: 50px;
  padding: 0 20px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.05rem;
  background-color: #009bfa;
  cursor: pointer;
  margin-right: 20px;
  border-radius: 8px;
}
.nextEx div.fontSize {
  display: flex;
  align-items: center;
}
.nextEx div.fontSize .selectDivN {
  margin-left: 15px;
}
.nextEx div.fontSize .selectDivN select {
  min-height: 45px;
  line-height: 35px;
  font-size: 17px;
  padding: 4px 30px 4px 10px;
  box-shadow: 0 0 0 2px #e7ebf1 inset;
  background-color: #fafbfc;
  border-radius: 8px !important;
  border: 0;
  background: url(../images/into16.png) no-repeat center right #fff;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 80px;
  cursor: pointer;
}
.nextEx div.fontSize .selectDivN select option {
  cursor: pointer;
}
.nextEx div.fontSize h1 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  color: #25355e;
}
.nextEx div.fontSize > h1 {
  min-width: 90px;
}
.nextEx .exTime {
  display: flex;
  align-items: center;
  color: #f75f5c;
  font-size: 18px;
  padding-left: 5px;
}
.nextEx .exTime > h1 {
  color: transparent !important;
  width: 40px;
  height: 40px;
  background: url(../images/timeInto.png) no-repeat center;
}
.eWritingR .ktxj_1 .answer_picture.max li span:nth-child(2) {
  width: 100%;
  max-width: 850px;
}
.eWritingR .ktxj_1 .answer_picture.max li span:nth-child(3) {
  padding-left: 50px;
}
.eWritingR .zjcd .DLLBMain > header:nth-child(1) {
  text-align: center;
  border: 2px solid #00a1e9;
  max-width: 700px;
  margin: 0;
}
.eWritingR .zjcd .DLLBMain {
  padding: 0;
}
.eWritingR .zjcd .DLLBMain > header {
  /* max-width: 950px; */
  width: 100%;
  margin: auto;
  display: flex;
}
.eWritingR .zjcd .DLLBMain > header img {
  width: 100%;
}
.eWritingR .zjcd .DLLBMain .cgTitle {
  padding-left: 0;
  justify-content: flex-start;
  padding-top: 20px;
  font-family: STKAITI;
}
.title_desc {
  /* background-color: #dcedff;
    color: #006cff; */
  min-height: 55px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  font-size: 24px;
}
.ktxh .compositionType {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.ktxh .compositionKTXJ {
  /* border-bottom: 2px solid #00a1e9; */
}
.htxh_jzlx {
  display: flex;
  /* border: 2px solid #00a1e9; */
  border-bottom: 0;
  flex-wrap: wrap;
  /* border-bottom: 1px dotted rgba(0, 0, 0, 0.15); */
  margin-bottom: 20px;
}
.htxh_jzlx:last-child {
  margin-bottom: 0;
}
.htxh_jzlx .KTXJImg {
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
}
.htxh_jzlx .KTXJImg img {
  max-width: 550px;
  width: 100%;
  border: 2px solid #00a1e9;
}
.htxh_jzlx .KTXJRight li:nth-child(2) {
}
.eWritingR .compositionDetailsMain {
  min-height: auto;
}

.eWritingR .sxxl > .compositionDLLB {
  padding: 0;
}
.eWritingR .compositionKTXH > header,
.eWritingR .jsxl > header,
.eWritingR .sxxl > header,
.eWritingR .compositionDLLB > header,
.eWritingR .zdxl {
  background-color: transparent;
  padding: 0;
  color: #000;
  /* font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif,"微软雅黑",monospace !important; */
}
.eWritingR .ktxj,
.eWritingR .zjcd,
.eWritingR .compositionTypeMain,
.eWritingR .compositionKTXH,
.eWritingR .jsxl,
.eWritingR .sxxl,
.eWritingR .zdxl,
.eWritingR .compositionDLLB {
  min-height: auto;
  padding: 10px 30px;
}
.eWritingR .compositionKTXH {
}
.eWritingR .KTXHImg {
  margin: 0;
}
.compositionKTXH .cgTitle {
  padding-left: 0;
}
.KTXJDiv b.hornInto {
  margin-top: 0;
}
.KTXJDiv {
  padding-top: 20px;
}
.wordStatus input {
  font-size: 20px !important;
  line-height: 50px;
  border-radius: 8px;
  padding: 0 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  width: auto;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif, "微软雅黑", monospace !important;
}
.main_content {
  min-height: 76vh;
}

.zdxl .contentMax {
  padding: 0;
}
.zdxl .DLLBMain {
  padding: 0;
}
.zdxl .DLLBMain > ul {
  background-color: #eaf6fe;
  border-radius: 8px;
  padding: 10px 15px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  font-size: 26px;
}
.zdxl .DLLBMain > ul b {
  margin-top: 0;
}
.zdxl .DLLBMain ul li {
  padding: 8px 0;
}
.zdxl .DLLBMain ul input {
  background-color: #fff;
}
.zdxl .WritingStyle {
  padding: 0;
  width: 100%;
  border: 0;
}
.jsxl .nidayede {
  border: 2px solid #00a1e9;
  display: block;
  column-count: 3;
  column-gap: 0;
  break-inside: avoid;
  margin-bottom: 10px;
  max-width: 800px;
}
.jsxl .nidayede li {
  min-width: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.jsxl .nidayede.same {
  column-count: 4;
  border-right: 0;
  max-width: none;
}
.jsxl .nidayede.same span {
  display: flex;
  border: 0;
}
.jsxl .nidayede.same li {
  border-right: 2px solid #00a1e9 !important;
}
.jsxl .nidayede.same li:nth-child(2) {
  border-bottom: 0;
  border-right: 2px solid #00a1e9;
}
.jsxl .nidayede.same li:nth-child(4) {
  border-left: 0;
}
.jsxl .nidayede li.active {
}
.jsxl .nidayede li.active span::before {
  border: 2px solid #ee2e5a;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.jsxl .nidayede li img {
  width: 100%;
  /* cursor: pointer; */
}
.jsxl .nidayede li:nth-child(1) {
  border-right: 2px solid #00a1e9;
}
.jsxl .nidayede li:nth-child(2) {
  border-bottom: 2px solid #00a1e9;
  width: 100%;
}
.jsxl .nidayede li:nth-child(4) {
  border-left: 2px solid #00a1e9;
}
.jsxl .topTitle {
  margin: 0;
}
.jsxl .topTitle > #test_model {
  display: flex;
  padding: 0 15px;
  background-color: #dcedff;
  color: #006cff;
  line-height: 60px;
  border-radius: 12px;
}

.jsxl .KTXJDiv ul .cgTitle {
  padding-left: 0px;
}
.jsxl .selections {
  display: flex;
}
.jsxl .KTXJDiv {
  padding: 10px;
}
.jsxl .KTXJDiv ul li {
  padding-top: 10px;
}
.jsxl .KTXJDiv ul.selections li {
  padding: 0;
}
.jsxl .KTXJDiv ul li > div:last-child {
  padding: 0 0 0 50px;
}
.ke-statusbar {
  display: none;
}
.sxxl .img_list {
  display: flex;
}
.sxxl .img_list li {
  border: 2px solid #00a1e9;
  border-right: 0;
}
.sxxl .img_list li:last-child {
  border-right: 2px solid #00a1e9;
}
.sxxl .img_list li span {
  position: relative;
  display: flex;
}
.DLLB3Main > header {
  display: flex;
  max-width: 900px;
  margin: auto;
}
.eWritingR .WritingStyle {
  border: 0;
  margin: 0;
  padding: 15px 0 0;
  width: 100%;
}
.eWritingR .ke-container {
  width: 100% !important;
}
.compositionDLLB.DLLB2 > header {
  padding-top: 15px;
  padding-bottom: 5px;
}
.compositionDLLB.DLLB2 > header b.hornInto {
  margin-top: -30px;
}
.compositionDLLB.DLLB2 .img_list {
  display: flex;
  /* margin: auto; */
  max-width: 800px;
}
.compositionDLLB.DLLB2 .img_list li {
  border: 2px solid #00a1e9;
}
.compositionDLLB.DLLB2 .img_list span {
  display: flex;
}
.compositionDLLB.DLLB2 .img_list li:last-child {
  border-left: 0;
}
.img_list span {
  position: relative;
}
.compositionDLLB.DLLB2 .topTitle {
  margin: 0;
  padding-top: 15px;
}
.nextEx .more {
  width: 45px;
  height: 45px;
  background-color: transparent;
  color: transparent;
  padding: 0;
  position: relative;
  background: url(../images/buddy_nav04.png) no-repeat center #fff;
  border: 2px solid #d6e8f6;
  background-size: 100% auto;
  margin-right: 0;
}
.reading.SeCResultWin,
.result.SeCResultWin {
  z-index: 9;
}
.eCompopopUpBox.model_up_down .popUpHeader span#title {
  /* display: none; */
}

.reading.SeCResultWin .popUpMain {
  max-width: 1070px;
  min-height: auto;
}
.reading.SeCResultWin .popUpMain > header {
  background-color: #387dfa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  line-height: 50px;
  padding: 0 15px;
  font-size: 18px;
  position: relative;
  width: 100%;
  text-align: left;
}
.reading.SeCResultWin .popUpHeader b.closeInto::before,
.reading.SeCResultWin .popUpHeader b.closeInto::after {
  background-color: #fff;
}
.reading.SeCResultWin .SeCResultDiv {
  max-width: 520px;
  min-height: 35vh;
}
.reading.SeCResultWin .wrTableBox {
  line-height: 35px;
  color: #000;
}
.eWritingR .compositionKTZW {
  padding: 10px;
}
.eWritingR .compositionKTZW b.hornInto {
  margin-top: 0;
}
.eWritingR > div.compositionKTZW > header {
  padding: 10px 0px 0 20px;
  min-height: 35px;
}
.compositionKTZW .nidayede {
  position: relative;
}
.compositionKTZW .nidayede > li:nth-child(1) {
  width: 55%;
}
.compositionKTZW .nidayede > li:nth-child(2) span {
  width: 100%;
  height: 100%;
  width: auto;
}
.compositionKTZW .nidayede.four > li:nth-child(1) {
  width: 50%;
}
.compositionKTZW .nidayede > li:nth-child(2) span img {
  border: 2px solid #00a1e9;
}
.compositionKTZW .topTitle {
  padding-bottom: 0 !important;
  margin: 0;
}
.compositionKTZW .topTitle > div span {
  border-bottom: 0;
}
.result.SeCResultWin .tabTh_width100 {
  width: 50%;
}
.result.SeCResultWin .popUpMain {
  min-height: auto;
}
.result.SeCResultWin .SeCResultDiv {
  min-height: 35vh;
}
.ThirdLevelMenu {
  margin-right: 10px;
}
.ThirdLevelMenu a {
  font-size: 24px;
  font-family: kaiti;
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ThirdLevelMenu header > h1,
.navOne {
  background-color: #5d68fe;
  border-radius: 8px;
  margin-bottom: 10px;
}
.ThirdLevelMenu header > h1 a,
.navOne a {
  color: #fff;
  min-height: 55px;
  padding: 5px 15px;
}
.navOne.active {
  background-color: #f76464;
}
.ThirdLevelMenu b {
  width: 12px;
  height: 12px;
  display: flex;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  margin-top: -5px;
}
.ThirdLevelMenu header > h2 {
  display: none;
}
.ThirdLevelMenu header > h2 span.active {
}
.ThirdLevelMenu header > h2 > span {
  background-color: #e2e9ff;
  border-radius: 8px;
  display: block;
  margin-bottom: 10px;
}
.ThirdLevelMenu header > h2 span.active > a,
.ThirdLevelMenu header h2 span.active h3 {
  color: #fff;
  background: #675efb;
  border: 2px solid #675efb;
}
.ThirdLevelMenu header > h2 span.active ul a.active {
  color: #675efb;
}
.ThirdLevelMenu header > h2 span.active ul a {
  color: #000;
  position: relative;
  justify-content: flex-start;
  position: relative;
  align-items: center;
}
h2.fourH2 .fourNav.active footer a::before,
h2.fourH2 .fourNav.active footer a:last-child:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #54648b;
  content: "";
  display: block;
  margin-right: 8px;
}
h2.fourH2 .fourNav.active footer a.active::before {
  background-color: #ed406a;
}

.ThirdLevelMenu header > h2 .fourNav > a {
  color: #000 !important;
  position: relative;
  display: flex;
  min-height: 45px;
}
.ThirdLevelMenu header > h2 .fourNav > a:hover {
  color: #1f2cda !important;
}
.ThirdLevelMenu header > h2 .fourNav > a::before {
  content: "";
  display: block;
  width: 13px;
  height: 3px;
  border-radius: 2px;
  background-color: #54648b;
  margin-right: 10px;
  margin-left: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ThirdLevelMenu header > h2 .fourNav > a.next_id {
  padding-left: 43px;
}
.ThirdLevelMenu header > h2 .fourNav > a.next_id:hover {
  color: #000 !important;
}
.ThirdLevelMenu header > h2 .fourNav > a.next_id.active:hover {
  color: #1f2cda !important;
}
.ThirdLevelMenu header > h2 .fourNav > a.next_id::before {
  content: "";
  display: block;
  width: 13px;
  height: 3px;
  border-radius: 2px;
  background-color: #54648b;
  margin-right: 5px;
  position: absolute;
  left: 13px;
}
.ThirdLevelMenu header > h2 .fourNav > a.next_id::after {
  content: "";
  display: block;
  width: 3px;
  height: 13px;
  border-radius: 2px;
  background-color: #54648b;
  margin-right: 5px;
  position: absolute;
  left: 26px;
}
.ThirdLevelMenu header > h2 .fourNav.active > a.next_id.active::after,
.ThirdLevelMenu header > h2 span.active ul a:last-child::before {
  display: none;
}
.ThirdLevelMenu header > h2 span.active ul li:first-child {
  padding-top: 10px;
}
.ThirdLevelMenu header > h2 span.active ul li:last-child {
  padding-bottom: 10px;
}
.ThirdLevelMenu header h2 span.active h3 b {
  transform: rotate(135deg);
  margin-top: 0;
  border-color: #fff;
}
.ThirdLevelMenu header.active h1 a > b,
h2.fourH2 .fourNav.active > a b {
  transform: rotate(135deg);
  margin-top: 0;
}
.ThirdLevelMenu header > h2 span a {
  min-height: 55px;
  padding: 5px 15px;
}
.ThirdLevelMenu header > h2 span.active ul {
  display: block;
  background-color: #f5f6ff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ThirdLevelMenu header h3 {
  background-color: #e2e9ff;
  /* background-color: #d2ddfc; */
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  padding: 5px 15px;
  font-family: kaiti;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}
.ThirdLevelMenu header h3 b {
  border-color: #5d5d5d;
}
.ThirdLevelMenu header.active h2 {
  display: block;
}
.ThirdLevelMenu ul {
  display: none;
}
.ThirdLevelMenu h3 {
  cursor: pointer;
}
.fourNav footer {
  display: none;
}

.ThirdLevelMenu header > h2.fourH2 > span {
  background-color: transparent;
}
h2.fourH2 .fourNav {
  /* margin-top: 10px; */
  border-radius: 10px;
  background-color: #f5f6ff;
}
h2.fourH2 .fourNav > a {
  background-color: #f5f6ff;
  color: #1f2cda;
  /* background-color: #ffead5; */
  border-radius: 10px;
}

h2.fourH2 .fourNav.active > a {
  color: #1f2cda !important;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  /* background-color: #ffc589; */
}
.ThirdLevelMenu header > h2 .fourNav.active > a::before {
  background-color: #434ee7;
}
h2.fourH2 .fourNav.active footer {
  display: block;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-left: 16px;
}
h2.fourH2 .fourNav.active footer a {
  padding-left: 32px;
  min-height: 45px;
}
h2.fourH2 .fourNav.active footer a:hover {
  color: #1f2cda !important;
}
h2.fourH2 .fourNav.active footer a.active {
  color: #ed406a !important;
}
h2.fourH2 .fourNav > a b {
  border-color: #5d5d5d;
}
h2.fourH2 .fourNav.active > a b {
  border-color: #4f5bfc;
  border-color: #5d5d5d;
}
h2.fourH2 li > a {
  background-color: #f5f6ff;
  border-radius: 8px;
  margin-top: 10px;
}
h2.fourH2 li > a::before {
  display: none !important;
}
.ThirdLevelMenu header > h2 > span > a {
  background-color: #f5f6ff;
  border-radius: 8px;
  color: #000;
}
.xzzd_pannel {
  flex-wrap: wrap;
  display: flex;
  border: 0;
  padding: 5px;
}
.xzzd_pannel > div {
  width: 25%;
  padding: 10px;
}
.xzzd_pannel > div .AssignmentDiv {
  background-color: #fff;
}
.xzzd_pannel .AssignmentDiv:hover::before {
  border-color: #ff7193;
}
.second_back {
  background-color: #f6fafd;
  padding: 10px 15px;
  position: relative;
}
.second_back span {
  line-height: 50px;
  padding: 0 20px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.05rem;
  background-color: #009bfa;
  cursor: pointer;
  display: inline-block;
  border-radius: 8px;
}
.second_back .btn_share {
  position: absolute;
  right: 10px;
  border: 0;
  width: 45px;
  height: 45px;
  border-radius: 8px;
  color: transparent;
  background: url(../images/shareInto.png) no-repeat center #ebf3fa;
}
.cate_35 {
  display: contents;
}
.eWritingR > iframe {
  padding: 15px;
}
.xzck {
  padding: 5px 15px;
}
.xzck .topTitle {
  margin: 10px 0;
}
.xzck .wordTitle {
  padding: 0;
}
.xzck span.x {
  position: relative;
  display: inline-block;
}
.xzck span.x::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 1px;
  background-color: #000;
}
.eWritingR > div.HCHJ b.hornInto {
}
.eWritingR > div.HCHJ > header b.hornInto,
.eWritingR > div.HCHJ .words b.hornInto {
  margin-top: 0;
}
.eWritingR > div.HCHJ .words {
  display: flex;
  flex-wrap: wrap;
  background-color: #eaf6fe;
  border-radius: 12px;
  padding: 10px;
  margin: 0 20px 20px 20px;
}
.eWritingR > div.HCHJ .words li {
  padding: 5px 20px;
  display: flex;
  align-items: center;
}
.eWritingR > div.HCHJ .words b.hornInto {
  background: url(../images/into27.png) no-repeat center;
  background-size: 88%;
  margin-right: 2px;
}
.eWritingR > div.HCHJ .topTitle header span {
  width: 120px;
  text-align: center;
}
.eWritingR > div.HCHJ .topTitle header {
  padding: 15px 0 !important;
}
.sentence {
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
}
.sentence li {
  display: flex;
  padding: 15px 0px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px dotted rgba(0, 0, 0, 0.15);
}
.sentence li:first-child {
  padding-top: 5px;
  border-top: 0;
}
.sentence li > span {
  display: block;
  border: 2px solid #00a1e9;
  display: flex;
  width: 350px;
  min-width: 350px;
  max-height: 250px;
  justify-content: center;
  overflow: hidden;
  margin-left: 55px;
}
.sentence li > span img {
  width: 100%;
  object-fit: contain;
}
.sentence li > span.null,
.sentence li > span.valign,
.HCHJ .sentence li > span {
  margin-bottom: 20px;
}
.sentence li > div {
  display: flex;
}
.sentence b.hornInto {
}
.hchj_word,
.hchj_sentence,
.hchj_passage {
  display: flex;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-left: 60px;
  position: relative;
  line-height: 60px;
  align-items: center;
  overflow: hidden;
  font-weight: 600;
}
.hchj_word::after,
.hchj_sentence::after,
.hchj_passage::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: 130px;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 3px dotted #bfe8ff;
  display: none;
}
.hchj_word {
  background: url(../images/into29.png) no-repeat center left;
  color: #fc7c00;
}
.hchj_sentence {
  background: url(../images/into29_1.png) no-repeat center left;
  color: #0bbec9;
}
.hchj_passage {
  background: url(../images/into29_2.png) no-repeat center left;
  color: #1655e5;
}
.foot_img {
  padding: 5px 20px 20px;
}
.eWritingR.tklx > div.HCHJ {
  padding: 20px 15px;
  position: relative;
}

.eWritingR > div.HCHJ > header {
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 20px;
  color: #0166b3;
}
.eWritingR > div.head_end_list > header {
  position: absolute;
  left: 50%;
  top: 70px;
}
.head_end {
  padding-bottom: 20px;
}
.head_end > header {
  display: flex;
  margin: auto;
  align-items: flex-end;
  justify-content: center;
}
.head_end .header_img {
  max-width: 200px;
}
.head_end > div.cur_list {
  margin: 0px 15px 0 15px;
  border-radius: 12px;
}
.head_end > div.cur_list > .topTitle {
  /* flex-wrap: nowrap; */
  align-items: flex-start;
  padding: 15px 0;
  line-height: 30px;
  margin: 0 15px 0 5px;
}
.head_end > div.cur_list > .topTitle > header {
  padding: 0 !important;
}
.head_end > div.cur_list > .topTitle > header span {
  padding: 0;
  min-width: 210px;
  font-weight: 600;
  color: #005da9;
  font-size: 23px;
  text-align: left;
}
.head_end > div.cur_list:nth-child(3) > .topTitle > header span {
  min-width: 180px;
  color: #fc4700;
}
.head_end > div.cur_list:nth-child(4) > .topTitle > header span {
  min-width: 186px;
  color: #e6007e;
}
.head_end > div.cur_list:nth-child(5) > .topTitle > header span {
  min-width: 135px;
  color: #009641;
}
.head_end > div.cur_list > .topTitle ul {
  font-size: 22px;
  padding-left: 60px;
  width: 100%;
  margin-top: -5px;
}
.head_end > div.cur_list > ul b.hornInto {
  margin-left: 0;
}
.head_end > div.cur_list .example {
  padding: 5px 15px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.head_end > div.cur_list .example ul {
  padding-left: 0;
}
.head_end > div.cur_list .example ul li {
  padding: 10px 0 !important;
  position: relative;
  text-indent: 3.2rem;
}
.head_end > div.cur_list .example ul li b.hornInto {
  position: absolute;
  left: -10px;
}
.head_end > div.cur_list .example ul li:last-child {
  border-bottom: 0 !important;
}
.head_end .nextEx {
  background-color: transparent;
}

.cur_list > .topTitle span {
  border: 0;
  background-color: transparent;
  color: #005da9;
}
.head_end > div.cur_list:nth-child(2) .example ul li {
  border-bottom: 2px dashed #c1e4f9;
}
.head_end > div.cur_list:nth-child(3) .example ul li {
  border-bottom: 2px dashed #fbe0af;
}
.head_end > div.cur_list:nth-child(4) .example ul li {
  border-bottom: 2px dashed #f6b8d5;
}
.head_end > div.cur_list:nth-child(5) .example ul li {
  border-bottom: 2px dashed #c7e2c7;
}
.head_end > div.cur_list:nth-child(2) .example {
  background-color: #eff8fe;
}
.head_end > div.cur_list:nth-child(3) .example {
  background-color: #fefdec;
}
.head_end > div.cur_list:nth-child(4) .example {
  background-color: #fdf1f8;
}
.head_end > div.cur_list:nth-child(5) .example {
  background-color: #f1f7f1;
}
.head_end > div.cur_list:nth-child(2) {
  background-color: #e0f2fd;
}
.head_end > div.cur_list:nth-child(3) {
  background-color: #fefada;
}
.head_end > div.cur_list:nth-child(4) {
  background-color: #fce5f1;
}
.head_end > div.cur_list:nth-child(5) {
  background-color: #e2efe2;
}
.head_text {
  padding: 20px 35px 15px 10px;
}
.head_text > header {
  display: flex;
  font-size: 32px;
  justify-content: center;
}
.head_text > header .hornInto {
  margin-top: 0;
}
.cur_list .topTitle span {
  width: auto !important;
  padding-right: 5px;
}
.cur_list ul li {
  display: flex;
}
.twoTopNewUl li a.yhw_ziyuan {
  display: flex;
  align-items: center;
  color: #0068b0 !important;
}
.twoTopNewUl li.active a.yhw_ziyuan::after {
  position: absolute;
  content: "";
  bottom: 5px;
  width: 60%;
  height: 4px;
  background-color: #fff;
  border-radius: 2px;
  background-color: #2a81cc;
  bottom: 0;
  left: 55px;
}
.twoTopNewUl li a.yhw_ziyuan::before {
  position: relative;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 3px;
  background: url(../images/homeTeacher/into38.png) no-repeat center;
  background: url(../images/homeTeacher/into38s4.png) no-repeat center;
  background-size: 100%;
}
.eChinese_Resources .ThirdLevelMenu header > h2 span.active > a,
.eChinese_Resources .ThirdLevelMenu header h2 span.active h3 {
  background: #0ebad3;
  border: 2px solid #0ebad3;
}
.eChinese_Resources .ThirdLevelMenu header > h2 > span > a {
  background-color: #e9f8fa;
}
.HCHJ .nextEx {
  background-color: transparent;
}
.HCHJ .nextEx span {
  margin: 0;
  font-weight: normal;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif, "微软雅黑", monospace !important;
}
.HCHJ .sentence .valign {
  margin-top: -10px;
}
.test_model {
  border: 2px solid #0099ff;
  border-radius: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.test_model .ckcy {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.test_model .ckcy li {
  width: 25%;
  line-height: 45px;
  padding: 0px 20px;
}
.select_btn {
  height: 42px;
  font-size: 16px;
  border-radius: 8px;
  min-width: 100px;
  background-color: #409eff;
  color: #fff;
}
.select_btn:hover {
  opacity: 0.8;
}
.SeCResultOver .wrTableRed .answer_picture img,
.SeCResultOver .wrTableRed .DLLBMain img {
  max-width: 450px;
}
.SeCResultOver .wrTableRed .subject {
  padding: 10px;
  font-size: 17px;
}
.SeCResultOver .wrTableRed .subject .answer_picture {
  display: flex;
}
.SeCResultOver .wrTableRed .subject .selection li {
  line-height: 25px;
  margin-bottom: 10px;
}
.SeCResultOver .wrTableRed .subject .answer_picture li span {
  display: flex;
  align-items: center;
}
.SeCResultOver .wrTableRed .subject .answer_picture li span input {
  max-width: 130px;
  padding: 0 10px;
  text-align: center;
}
.SeCResultOver .wrTableRed .subject .DLLBMain ul input {
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.SeCResultOver .wrTableRed .subject .answer_picture li span:nth-child(2) {
  justify-content: center;
  padding-top: 5px;
}
.tcdPageCode {
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
}
.tcdPageCode a,
.tcdPageCode span {
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  height: 40px;
  width: 40px;
  font-size: 17px;
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tcdPageCode .current {
  background-color: #456afe;
  color: #fff;
  border: 0;
}
.SeCResultOver .wrTableRed .subject .DLLBMain,
.SeCResultOver .wrTableRed .subject .KTXJRight ul,
.SeCResultOver .wrTableRed .subject .contentMax {
  padding: 0px;
}
.SeCResultOver .wrTableRed .subject .KTXJRight li:nth-child(1),
.SeCResultOver .wrTableRed .subject .KTXJRight,
.SeCResultOver .wrTableRed .subject .DLLB2 .KTXJRight .number,
.SeCResultOver .wrTableRed .subject .xzck > div:nth-child(2) {
  font-size: 17px;
  font-family: Alibaba Sans, -apple-system, BlinkMacSystemFont, Segoe UI,
    PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica,
    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
  line-height: 30px;
  min-height: auto;
}
.SeCResultOver .wrTableRed .subject .KTXJRight {
  padding-top: 5px;
}
.SeCResultOver .wrTableRed .subject .DLLB2 .KTXJRight h1 span {
  border-bottom: 1px solid #000;
}
.wordTitleNr .WritingCheck b.hornInto {
  top: 3px;
}
.SeCResultOver .wrTableRed .subject .KTXJRight li:nth-child(2),
.SeCResultOver .wrTableRed .subject .head_text,
.SeCResultOver .wrTableRed .subject .example,
.SeCResultOver .wrTableRed .subject .eWritingR input,
.SeCResultOver .wrTableRed .subject .KTXJDiv ul,
.SeCResultOver .wrTableRed .subject .DLLBMain ul,
.SeCResultOver .wrTableRed .subject .DLLBMain ul input,
.SeCResultOver .wrTableRed .subject .topTitle > div,
.SeCResultOver .wrTableRed .subject .WritingCheck ul,
.SeCResultOver .wrTableRed .subject .WCWZMain,
.SeCResultOver .wrTableRed .subject .eWritingR .ktxj,
.SeCResultOver .wrTableRed .subject .reading.SeCResultWin .wrTableBox,
.SeCResultOver .wrTableRed .subject .eWritingR > div.HCHJ .words,
.SeCResultOver .wrTableRed .subject .sentence,
.SeCResultOver .wrTableRed .subject .title_desc,
.SeCResultOver .wrTableRed .subject .eWritingR > div > header,
.SeCResultOver .wrTableRed .subject .hchj_word,
.SeCResultOver .wrTableRed .subject .hchj_sentence,
.SeCResultOver .wrTableRed .subject .hchj_passage,
.SeCResultOver .wrTableRed .subject .cgTitle,
.SeCResultOver .wrTableRed .subject .KTXJRight h1 {
  font-size: 17px;
  font-family: Alibaba Sans, -apple-system, BlinkMacSystemFont, Segoe UI,
    PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica,
    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
  padding: 0;
  line-height: 30px;
  min-height: auto;
}
.SeCResultOver .wrTableRed .subject .KTXHImg {
  margin: 0 0 5px 0;
}
.SeCResultOver .wrTableRed .subject .htxh_jzlx .KTXJImg {
  padding-bottom: 5px;
}
.SeCResultOver .wrTableRed .subject .zdxl .DLLBMain > ul {
  margin-bottom: 0;
}
.SeCResultOver .wrTableRed .subject .KTXJRight li:nth-child(1) input {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}
.SeCResultOver .wrTableRed .subject .KTXJRight li:nth-child(1) {
  line-height: 35px;
}
.SeCResultOver .wrTableRed .subject .DLLBMain ul li {
  padding: 5px 0;
}
.SeCResultOver .wrTableRed .subject .KTXJRight li:nth-child(1) {
  margin-bottom: 0;
}
.SeCResultOver .wrTableRed .subject .compositionDetailsMain,
.SeCResultOver .wrTableRed .subject .compositionTypeMain {
  min-height: auto;
  padding: 0;
}
.SeCResultOver .wrTableRed .subject .cgTitle {
  line-height: 25px;
}
.SeCResultOver .wrTableRed .subject .KTXJDiv ul li {
  padding-bottom: 0;
}
.SeCResultOver .wrTableRed .subject .compositionKTXJ {
  max-width: 600px;
}
.SeCResultOver .wrTableRed .subject .KTXJRight li:nth-child(1) input {
  max-width: 150px;
}
.SeCResultOver .wrTableRed .subject b.hornInto {
  width: 35px;
  height: 35px;
  min-width: 35px;
  background-size: 100%;
}
.SeCResultOver .wrTableRed .subject .compositionDLLB.DLLB2 .img_list {
  max-width: 550px;
  padding-bottom: 10px;
}
.SeCResultOver .wrTableRed .subject .topTitle header span {
  font-size: 18px;
  padding: 5px 10px;
}
.SeCResultOver .wrTableRed .subject .sixImg {
  padding: 0 0 5px 0;
}
.SeCResultOver .wrTableRed .subject .xzck {
  padding: 5px 0;
}
.SeCResultOver .wrTableRed .subject .test_model {
  max-width: 600px;
}
.SeCResultOver
  .wrTableRed
  .subject
  .compositionKTZW
  .nidayede
  > li:nth-child(1) {
  width: 450px;
}
.SeCResultOver .wrTableRed .subject .test_model .ckcy {
  padding: 5px 15px;
}
.SeCResultOver .wrTableRed .subject .zdxl .DLLBMain > ul {
  background-color: transparent;
}
.SeCResultOver .wrTableRed .subject .test_model .ckcy li {
  line-height: 35px;
  padding: 0px;
}
.SeCResultOver .wrTableRed .subject .topTitle,
.SeCResultOver .wrTableRed .subject .compositionKTZW .topTitle {
  margin: 0;
  padding-top: 0 !important;
}
.SeCResultOver .wrTableRed .subject .KTXJImg img,
.SeCResultOver .wrTableRed .subject .KTXJImg {
  max-width: 400px;
}
.SeCResultOver .wrTableRed .subject .UL_CSS li::marker {
  font-size: 17px;
}
.SeCResultOver .wrTableRed .subject .KTXJDiv {
  padding-top: 0px;
}
.SeCResultTbale .SeCResultOver .wrTableBox.select_subject {
  max-width: 650px;
  max-height: 75vh;
}
.SeCResultOver .wrTableRed .subject .KTXHImg img {
  max-width: 450px;
}
.reading.SeCResultWin .model .SeCResultDiv {
  max-width: 100%;
}
.reading.SeCResultWin .model .SeCResultDiv .fwOrRead {
  max-height: 80vh;
  min-height: 55vh;
}
.reading.SeCResultWin .model .fwOrRead > div {
  position: relative;
  padding: 5px;
  font-size: 26px;
  text-align: justify;
}
.reading.SeCResultWin .model .fwOrRead > div span.h {
  display: inline-block;
  text-indent: 0;
  color: #f03750;
}
.reading.SeCResultWin .model .fwOrRead > div b.hornInto {
  position: absolute;
  margin: 0 3px;
  top: 0px;
}
.model_up_down .SeCResultDiv .wrTableBox .tabTh_width100 {
  padding: 5px 10px;
  height: 45px;
}
.model_up_down .my_answer {
  text-align: left;
}
.model_up_down .my_answer span {
  font-family: Alibaba Sans, -apple-system, BlinkMacSystemFont, Segoe UI,
    PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica,
    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
  font-size: 18px !important;
}
.model_up_down .SeCResultDiv {
  padding: 10px 15px;
}
.model_up_down .wrTableRed {
  /* border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    padding-bottom: 10px; */
}
.model_up_down .wrTableRed:last-child {
  border: 0;
}
.model_up_down .my_answer span.h {
  display: inline-block !important;
  text-indent: 0 !important;
}
.model_up_down .my_answer > span:nth-child(1) {
  font-size: 18px !important;
  color: #000;
  padding: 10px 0;
  display: flex;
  text-indent: 0 !important;
}
.model_up_down .my_answer span {
  text-indent: 2.1em !important;
  display: inline-block;
  padding-bottom: 5px;
}
.model_up_down .my_answer br {
  display: none;
}
.tklx .AnswerRecordNo {
  margin-top: 15vh;
}
.eCompopopUpBox .my_answer > ul {
  display: flex;
}
.eCompopopUpBox .my_answer > ul li {
  line-height: 45px;
  padding: 0 20px;
  background-color: #ddeafd;
  font-size: 18px;
  color: #1b87f4;
  cursor: pointer;
}
.eCompopopUpBox .my_answer > ul li.active {
  background-color: #1b87f4;
  color: #fff;
}
.eCompopopUpBox .my_answers,
.eCompopopUpBox .ckfw {
  border: 8px solid #f6f7fa;
  min-height: 55vh;
  padding: 15px;
  max-height: 63vh;
  overflow: auto;
  margin-top: 15px;
}
.model_up_down .wrTableRed > span:nth-child(1) {
  font-size: 18px !important;
  color: #000;
  padding-top: 15px;
  display: flex;
}
.model_up_down .wrTableRed {
  padding-top: 0 !important;
  color: #000;
}
.model_up_down .wrTableRed .ckfw {
  background-color: #fff;
  border-radius: 0;
  padding: 12px;
  border: 5px solid #eff7fe;
  max-height: 45vh;
  overflow: auto;
  margin-top: 10px;
}
.model_up_down .wrTableRed .ckfw p {
  position: relative;
  padding-bottom: 10px;
  text-indent: 2.1em !important;
  line-height: 30px;
  font-size: 26px !important;
  font-family: STKAITI;
  text-align: justify;
}
.model_up_down .wrTableRed p b.hornInto {
  position: absolute;
  margin: 0;
  top: -5px;
  background-size: 85%;
}
.correction .wrTableBox {
  max-height: none;
}
.correction .wrTableBox#demox {
  height: 60vh;
  overflow: hidden;
  border: 5px solid #f6f7fa;
}
.headDiv {
  top: 0;
  position: fixed;
  display: flex;
  justify-content: space-between;
  width: 100vw;
  background: #f6f7fa;
  border: 0;
  z-index: 1;
}
.canvasDiv {
  margin-top: 10vh;
  height: 90vh;
  background: #f6f7fa;
  overflow: auto;
}

.canvas-container {
  width: 100% !important;
}
.canvas-container canvas {
  width: 100% !important;
  height: auto !important;
}
.tools {
  display: flex;
  height: auto;
  padding: 0 5px;
}
.tools li {
  border-radius: 5px;
  width: 35px;
  height: 35px;
  font-size: 20px;
  margin: 8px 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
}
.headDiv #submitBtn {
  font-size: 18px;
}
.icon-tools {
  width: 28px;
  height: 28px;
  margin: 0;
  transform: scale(0.7);
}
.eCompopopUpBox.correction .SeCResultDiv > ul {
  padding-bottom: 10px;
}
.eCompopopUpBox.correction .SeCResultDiv > ul li {
  line-height: 45px;
  padding: 0 20px;
  background-color: #ddeafd;
  font-size: 18px;
  color: #1b87f4;
  cursor: pointer;
}
.eCompopopUpBox.correction .SeCResultDiv > ul li.active {
  background-color: #1b87f4;
  color: #fff;
}
.xzzd_pannel > div.compositionList4_6 {
  width: 100% !important;
  padding: 0;
}
.compositionList4_6 ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.compositionList4_6 ul li {
  width: 33.333333%;
  padding: 10px;
}
.compositionList4_6 ul li > div {
  border-radius: 10px;
  position: relative;
  padding: 12px;
}
.compositionList4_6 ul li > div::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #dee6f8;
  border-radius: 8px;
  left: 0;
  top: 0;
}
.compositionList4_6 ul li > div a {
  display: block;
  margin-bottom: 10px;
}
.compositionList4_6 footer.teacherFBFooter {
  position: relative;
  bottom: auto;
  left: auto;
}
.KTXJRight._voice ul {
  padding: 10px 10px 10px 50px;
}
.KTXJRight._voice ul > h1 {
  right: auto;
  left: 0;
}
.KTXJRight._voice ul b.hornInto {
  margin-top: 0;
}
.compositionType .eWritingR {
  border: 0;
}
.compositionType .eWritingR .MTZW {
  padding: 0;
}
#textContent .MainRelease_textarea {
  width: 100%;
}
#test_content {
  border: 2px solid #e7ebf1;
  flex-wrap: wrap;
  max-width: none;
  padding: 5px;
}

#test_content .img_box {
  padding: 0px 10px 10px;
  width: 50%;
}
#test_content .img_box > img {
  max-width: 480px;
  width: 100%;
  margin-bottom: 5px;
  border: 2px solid #2b93ea;
}
.txt_shuoming {
  padding: 5px;
  background: #fafbfc;
  border: 1px solid #e7ebf1;
}
.txt_word {
  width: 100%;
  padding: 5px;
  margin: 0 10px 10px;
  background: #fafbfc;
  border: 1px solid #e7ebf1;
}
#test_content .txt_shuoming textarea,
#test_content .txt_word textarea {
  border-radius: 0;
  border-width: 0;
  padding: 5px !important;
  min-height: 50px;
  line-height: 25px;
}
.txt_fanwen {
  width: 100%;
  padding: 5px;
  margin: 0 10px 10px;
  background: #fafbfc;
  border: 1px solid #e7ebf1;
}
#test_content .txt_fanwen textarea {
  border-radius: 0;
  border-width: 0;
  padding: 5px !important;
  min-height: 230px;
  line-height: 25px;
}

#test_content .topTitle {
  padding: 10px;
  width: 100%;
  margin: 0;
}
#test_content .topTitle header span {
  font-size: 20px;
  border-radius: 8px;
}
#test_content .topTitle > div {
  padding-bottom: 0;
}
#test_content .topTitle > div span {
  font-size: 20px;
  font-family: Alibaba Sans, -apple-system, BlinkMacSystemFont, Segoe UI,
    PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica,
    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  border: 0;
}
.homework {
  display: flex;
  flex-wrap: wrap;
}
.homework ul.nidayede {
  width: 50%;
}
.homework ul.nidayede > li {
  width: 100% !important;
}
.homework .align_right {
  width: 50%;
  padding-right: 20px;
}
.align_right .xzck {
  padding: 0;
}
.align_right .xzck:nth-child(1) {
  min-height: 150px;
}
.align_right .test_model .ckcy li {
  padding: 0 10px;
  width: 33.333333%;
}
.homework .xzck11 {
  width: 100%;
  padding: 10px 20px;
}
.input_select ul {
  display: flex;
}
.input_select ul li {
  line-height: 45px;
  font-size: 19px;
  border-radius: 8px;
  background: #dce6fb;
  padding: 0 20px;
  min-width: 142px;
  text-align: center;
  cursor: pointer;
}
.input_select ul li.active {
  background: #5b5ffb;
  color: #fff;
}
.input_select ul li:nth-child(1) {
  margin-right: 15px;
}
.upload_images {
  border: 1px solid #eaedf1;
  display: flex;
  padding: 15px;
  align-items: flex-start;
}
.drop_area {
  width: 50%;
  border: 2px #e1eef9 dashed;
  background-color: #f7fafd;
  position: relative;
  margin: 0 auto;
  text-align: center;
  min-height: 467px;
}

.img_upload {
  background-color: #f7fafd;
  border-top: 1px solid #e2effc;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img_upload button {
  font-size: 17px;
  border: 1px solid #b2cbe6;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.img_upload button:hover {
  border-color: #5e94cd;
}
.drop_area ul {
  text-align: left;
  color: #96a0b9;
  padding: 20px;
  margin: 20px 20px 5px 20px;
  min-height: 240px;
}
.drop_area ul li {
  list-style-type: disc;
  line-height: 22px;
  position: relative;
}
.only_one ul li {
  min-height: 310px;
}
b.UIDeleteInput {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 20%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
b.UIDeleteInput::before {
  position: absolute;
  content: "";
  display: block;
  width: 65%;
  transform: rotate(45deg);
  height: 1px;
  background-color: #fff;
}
b.UIDeleteInput::after {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  transform: rotate(-45deg);
  background-color: #fff;
}
.only_one b.UIDeleteInput {
  width: 30px;
  height: 30px;
}
.drop_area::before,
.drop_area::after,
.drop_area > ul::before,
.drop_area > ul::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
.drop_area::before {
  left: -10px;
  top: -10px;
  border-top: 3px solid #0086ff;
  border-left: 3px solid #0086ff;
}
.drop_area::after {
  right: -10px;
  top: -10px;
  border-top: 3px solid #0086ff;
  border-right: 3px solid #0086ff;
}
.drop_area > ul::before {
  left: -10px;
  bottom: -10px;
  border-bottom: 3px solid #0086ff;
  border-left: 3px solid #0086ff;
}
.drop_area > ul::after {
  right: -10px;
  bottom: -10px;
  border-bottom: 3px solid #0086ff;
  border-right: 3px solid #0086ff;
}
.img2text {
  padding-left: 20px;
  width: 50%;
  margin-bottom: 50px;
  position: relative;
}
.img2text_result {
  border: 1px solid #e2effc;
}
.img2text_result .text_content {
  height: 415px;
  font-size: 17px;
  padding: 10px;
  line-height: 25px;
  margin: 5px;
  overflow: auto;
}
.text_identify {
  line-height: 45px;
  font-size: 17px;
  padding: 0 20px;
  border-radius: 8px;
  background-color: #8be2f6;
  color: #272525;
  margin-top: 10px;
  position: absolute;
  right: 0;
}
.text_clear {
  position: absolute;
  right: 120px;
  bottom: -52px;
}
.text_clear button {
  line-height: 40px;
  font-size: 17px;
  color: #1f73f5;
  padding: 0 10px;
}
.text_clear button:hover {
  text-decoration: underline;
}
.text_result {
  background: #e2effc;
  line-height: 40px;
  padding-left: 15px;
  font-size: 17px;
}
.EssayInput > .wysiwyg-container {
  margin-top: 15px;
}

.only_one ul {
  padding: 0;
}
.only_one ul li {
  list-style-type: none;
  text-align: center;
  background: #fff;
  display: flex;
  padding: 10px;
  margin-bottom: 10px;
}
.only_one ul li img {
  max-height: 500px;
  margin: auto;
}

.multi_pics ul {
  display: flex;
  flex-wrap: wrap;
  min-height: 340px;
  margin: 0;
  align-items: center;
}
.multi_pics ul li {
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin: 1%;
  padding: 10px;
  list-style-type: none;
}
.multi_pics_2 ul li {
  width: 48%;
}
.multi_pics_3 ul li,
.multi_pics_4 ul li,
.multi_pics_5 ul li,
.multi_pics_6 ul li {
  width: 31.333%;
}
.multi_pics_7 ul,
.multi_pics_8 ul,
.multi_pics_9 ul,
.multi_pics_10 ul {
  display: block;
}
.multi_pics_7 ul li,
.multi_pics_8 ul li {
  width: 23%;
  display: inline-block;
}
.multi_pics_9 ul li,
.multi_pics_10 ul li {
  width: 18%;
  display: inline-block;
}
.multi_pics b.UIDeleteInput {
  width: 30px;
  height: 30px;
}


.zccj {
  min-height: auto;
  padding: 10px 30px;
}
.zccj .read_content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.zccj .DLLBMain {
  padding: 0;
}
.text_left,
.text_right {
  /* background-color: #f6fbff; */
  border: 2px solid #0099ff;
  position: relative;
  padding: 10px;
}
.text_left::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  border-top: 31px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 18px solid #d7eeff;
  border-left: 18px solid #0099ff;
  border-radius: 3px;
  top: 13px;
  right: -18px;
}
.text_left::after {
  border-top: 26px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 15px solid #f6fbff;
  border-left: 16px solid #fff;
  border-radius: 3px;
  top: 16px;
  right: -15px;
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
}
.text_left {
  margin-top: 20px;
}
.text_right {
  margin-top: 60px;
}
.text_right::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  border-top: 30px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 18px solid #d7eeff;
  border-right: 18px solid #0099ff;
  border-radius: 3px;
  top: 13px;
  left: -18px;
}
.text_right::after {
  border-top: 25px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 15px solid #f6fbff;
  border-right: 16px solid #fff;
  border-radius: 3px;
  top: 16px;
  left: -15px;
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
}
.read_content > header {
  padding: 0 20px;
}
.exercise_title {
  background-color: #eaf6fe;
  border-radius: 8px;
  padding: 10px 15px;
}
.reading_title {
  padding: 10px 0;
  /* color: #fc7c00; */
  line-height: 40px;
}
.exercise_write {
  /* color: #0bbec9; */
  padding: 10px 0 0;
  line-height: 30px;
}
.zccj ul {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
}
.zccj ul li {
  margin-left: 25px;
  margin-bottom: 5px;
  display: list-item;
  list-style-type: auto;
}
.zccj ul li:nth-child(1) {
  position: relative;
}
.zccj ul li span {
  padding: 0 10px;
}
.zccj ul li input {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin: 0 10px;
  width: 100px;
}
.exercise_fill {
  padding-left: 10px;
}
.keyword {
  color: #006cff;
}
.SeCResultTbale .zccj {
  padding: 10px;
}
.SeCResultTbale .zccj,
.SeCResultTbale .DLLBMain ul {
  font-size: 18px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif, "微软雅黑", monospace !important;
}
.SeCResultTbale .zccj img {
  width: 100%;
  max-width: 400px !important;
}
.SeCResultTbale .text_left,
.SeCResultTbale .text_right {
  font-size: 16px;
  padding: 5px;
}
.SeCResultTbale .zccj ul {
  padding: 0;
  padding-left: 25px;
  border: 0;
}
.SeCResultTbale .zccj ul li {
  margin-left: 0;
  padding-top: 5px;
}
.SeCResultTbale .zccj ul li span {
  letter-spacing: 0.1rem;
}
.SeCResultTbale .reading_title {
  line-height: 30px;
  padding-bottom: 0;
}
.SeCResultTbale .zccj .exercise_fill input {
  width: 150px !important;
}

.pingfen .SeCResultDiv {
  position: relative;
}
.eCompopopUpBox.pingfen .btn_submit input.add_self_score {
  position: absolute;
  right: 15px;
  top: 18px;
  background: url(../images/homeTeacher/into63.png) no-repeat center left 10px
    #ffe9e5 !important ;
  color: #f93c38;
  padding: 0 10px 0 35px !important;
  line-height: 40px;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore {
  z-index: 10;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .popUpMain {
  min-width: auto;
  max-width: 680px;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .wrTableBox > div > span {
  display: block;
  line-height: 20px;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore textarea {
  line-height: 30px;
  border-radius: 5px;
  background: #fafbfc;
  border: 1px solid #e7ebf1 !important;
  width: 100%;
  font-size: 16px;
  margin-top: 8px;
  height: 160px !important;
  padding: 5px;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .points input {
  box-shadow: 0 0 0 1px #e7ebf1 inset;
  background-color: #fafbfc;
  display: block;
  border: 0 !important;
  margin: 8px 0;
  width: 100%;
  border-radius: 5px;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore #slfe_type {
  margin-top: 8px;
  border-radius: 5px;
  min-height: 45px;
  line-height: 35px;
  font-size: 16px;
  padding: 4px 8px 4px 10px;
  border: 0;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/into16.png) no-repeat center right #fff;
  box-shadow: 0 0 0 2px #e7ebf1 inset;
  background-color: #fafbfc;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .selfScore_type {
  padding-bottom: 15px;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .submit_self_score {
  /* border-top: 1px dotted rgba(0, 0, 0, 0.1); */
  padding-top: 5px;
  display: flex;
  justify-content: center;
  /* margin-top: 10px; */
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .submit_self_score input {
  display: block;
  background-color: #387dfa;
  line-height: 45px;
  color: #fff;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 17px;
  cursor: pointer;
  border: 0;
  min-width: 100px;
  margin: 10px 6px 0 6px;
  height: auto;
}
.eCompopopUpBox.SeCResultWin.pingfen#addSelfScore
  .submit_self_score
  input:nth-child(2) {
  background-color: #e2ecff;
  color: #387dfa;
}
.selfPingfen .self_tab table tbody:nth-child(2) {
  margin-bottom: 10px;
}
.eCompoe_AssTable .tabTh_report {
  min-width: 90px;
}
.selfPingfen {
}
.selfPingfen .self_tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pingfen_selection {
  width: 50%;
  border: 1px solid #dbeefc;
}
.pingfen_selection:nth-child(2) {
  border-left: 0;
}
.pingfen_title {
  background-color: #c2ddff;
  line-height: 40px;
  text-align: center;
}
.pingfen_selection ul li {
  display: flex;
  border-bottom: 1px solid #dbeefc;
}
.pingfen_selection ul li:last-child {
  border: 0;
}
.pingfen_selection ul li span {
  border-left: 1px solid #dbeefc;
  display: block;
  padding: 5px;
  line-height: 28px;
  font-size: 18px;
  color: #25355e;
}
#addSelfScore .SeCResultDiv {
  padding: 10px;
}
#addSelfScore .wrTableRed {
  display: flex;
  flex-wrap: wrap;
}
#addSelfScore .content_pingfen {
  width: 50%;
  padding: 5px;
}
#addSelfScore .content_pingfen:nth-child(2) {
  /* border-left: 1px solid #dbeefc; */
}
#addSelfScore .submit_self_score {
  width: 100%;
}
#addSelfScore .desc,
#addSelfScore .points {
  padding: 10px;
  border-left: 1px solid #dbeefc;
  border-right: 1px solid #dbeefc;
}
#addSelfScore .points {
  border-bottom: 1px solid #dbeefc;
}
#addSelfScore .desc {
  padding-bottom: 0;
}
.compositionDLLB.DLLB4 ul.img_list {
  border: 2px solid #00a1e9;
  display: block;
  column-gap: 0;
  break-inside: avoid;
  margin-bottom: 10px;
  column-count: 4;
  border-right: 0;
  max-width: none;
  margin-top: 10px;
}
.compositionDLLB.DLLB4 ul.img_list > li {
  border-right: 2px solid #00a1e9 !important;
}
.compositionDLLB.DLLB4 ul.img_list > li:nth-child(2) {
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}
.compositionDLLB.DLLB4 ul.img_list > li span {
  display: flex;
  border: 0;
  position: relative;
}
.compositionDLLB.DLLB4 ul.img_list > li:nth-child(4) {
  border-left: 0;
}
.compositionDLLB.DLLB4 .xzck,
.compositionDLLB.DLLB4 .wordTitle,
.compositionDLLB.DLLB4 .wordTitle header {
  padding: 0;
}
.main_content {
  min-height: 82.8vh;
}
.jsxl .nidayede.same3 {
  border-right: 0;
}
.jsxl .nidayede.same3 li:nth-child(2) {
  border-bottom: 0;
  border-right: 2px solid #00a1e9;
}
.jsxl .nidayede.same3 li:nth-child(3) {
  border-right: 2px solid #00a1e9;
}

@media (max-width: 1440px) {
  .TopRight.outside_pigai {
    margin-right: -660px;
  }
}

@media (max-width: 1280px) {
  .nextEx span,
  .second_back span {
    line-height: 45px;
    font-size: 18px;
  }
  .compositionTypeMain .MTZW .wordTitle {
    padding: 0;
  }
  .compositionTypeMain .eWritingR .MTZW .compositionKTZW {
    padding: 10px 0px;
  }
}
@media (max-width: 1200px) {
  .zccj .read_content {
    font-size: 2.2vw;
  }
  .text_left {
    margin-top: 1vw;
    padding: 0.5vw 0.8vw;
  }
  .text_left::before {
    top: 2vw;
    right: -1.5vw;
    border-top: 2.5vw solid transparent;
    border-left: 1.5vw solid rgb(0, 153, 255);
  }
  .text_left::after {
    top: 2.1vw;
    border-left: 1.4vw solid #fff;
    border-top: 2.2vw solid transparent;
    right: -1.3vw;
  }
  .text_right {
    margin-top: 3vw;
    padding: 0.5vw 0.8vw;
  }

  .text_right::before {
    top: 2vw;
    left: -1.5vw;
    border-top: 2.5vw solid transparent;
    border-right: 1.5vw solid rgb(0, 153, 255);
  }
  .text_right::after {
    top: 2.1vw;
    border-right: 1.4vw solid #fff;
    border-top: 2.2vw solid transparent;
    left: -1.2vw;
  }
  .align_right .xzck:nth-child(1) {
    min-height: auto;
  }

  .compositionList4_6 ul li {
    width: 50%;
  }
  .eWritingNavN {
    width: 30%;
  }
  .xzzd_pannel > div {
    width: 33.333333%;
  }
  .eCompopopUpBox.SeCResultWin.pingfen {
    z-index: 9999999;
  }
  .eCompopopUpBox.SeCResultWin.pingfen .popUpMain {
    min-width: auto;
    width: 95%;
    max-width: none;
  }
}
@media (max-width: 1123px) {
  .compositionContent #childIframe {
    margin-top: -10px;
  }
}

@media (max-width: 1024px) {
  .drop_area {
  }
  .eWritingR .MTZW .compositionKTZW {
    padding: 5px;
  }
  .eWritingR .MTZW > .topTitle {
    margin: 0 5px;
  }
  .head_text {
    padding: 10px;
  }
  .eWritingR > div.compositionKTZW > header {
    padding-left: 10px;
  }
  .sixImg {
    padding: 10px;
  }
  .xzck {
    padding: 5px 10px;
  }
  .test_model .ckcy li {
    line-height: 45px;
    padding: 0px 10px;
  }
  .HCHJ .sentence .valign {
    margin-top: 0;
    width: auto;
    margin-left: 10px;
  }
  .sentence b.hornInto {
    margin-left: 0;
  }
  .sentence {
    padding: 0 10px;
  }
  .hchj_word,
  .hchj_sentence,
  .hchj_passage {
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .eWritingR > div.HCHJ .words {
    padding: 5px;
    border-radius: 8px;
    margin: 0 10px 10px;
  }
  .eWritingR > div.HCHJ .words li {
    padding: 5px;
  }
  .eWritingR .ktxj,
  .eWritingR .zjcd,
  .eWritingR .compositionTypeMain,
  .eWritingR .compositionKTXH,
  .eWritingR .jsxl,
  .eWritingR .sxxl,
  .eWritingR .zdxl,
  .eWritingR .compositionDLLB,
  .zccj {
    min-height: auto;
    padding: 5px 15px;
  }
  .eWritingR.tklx > div.HCHJ {
    padding: 15px 5px;
  }
  .eWritingR .ktxj,
  .eWritingR .zjcd,
  .eWritingR .compositionTypeMain,
  .eWritingR .compositionKTXH,
  .eWritingR .jsxl,
  .eWritingR .sxxl,
  .eWritingR .zdxl,
  .eWritingR .compositionDLLB {
    padding: 5px 15px;
  }
  .nextEx div.fontSize h1 {
    font-size: 17px;
  }

  .twoTopDetails h1 {
    margin: 0 10px;
    text-align: left;
  }
  .twoTopDetails input.twoTopBack {
    border-radius: 8px;
    margin-left: 10px;
  }
  .hudong span {
    margin-left: 5px;
  }
  .nextEx,
  .second_back {
    padding: 8px 10px;
  }
}
@media (max-width: 980px) {
  .homework ul.nidayede,
  .homework .align_right {
    width: 100%;
    padding-right: 0;
  }
  .homework .xzck11 {
    padding: 0;
  }
  .compositionList4_6 ul li {
    padding-top: 0;
    padding-bottom: 15px;
  }
  .ThirdLevelMenu a {
    font-size: 22px;
  }
  .eWritingBox {
    flex-wrap: wrap;
  }
  .ThirdLevelMenu {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .eWritingNavN {
    width: 100%;
  }
  .ThirdLevelMenu header.active h2 {
    display: flex;
    flex-wrap: wrap;
  }
  .ThirdLevelMenu header > h2 > span {
    width: auto;
    min-width: 120px;
    margin: 5px 1%;
    background-color: transparent;
  }
  .ThirdLevelMenu header h3 {
    min-height: 45px;
  }
  .ThirdLevelMenu header > h2 span a {
    min-height: 45px;
    border-radius: 8px;
    justify-content: center;
  }
  .eWritingCon {
    margin-bottom: 5px;
  }
  .ThirdLevelMenu header > h2 span.active {
    position: relative;
  }
  .ThirdLevelMenu header > h2 span.active ul {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: none;
  }
  .ThirdLevelMenu header h2 span.active.mobile_style h3 b {
    transform: rotate(135deg);
    margin-top: 5px;
  }
  .ThirdLevelMenu header > h2 span.active.mobile_style ul {
    display: block;
  }
  .ThirdLevelMenu header > h2 .fourNav > a.next_id::before {
    left: 5px;
  }
  .ThirdLevelMenu header > h2 .fourNav > a.next_id {
    padding-left: 30px;
  }
  h2.fourH2 .fourNav.active footer {
    padding-left: 0;
  }
  .ThirdLevelMenu header > h2 span.active ul a {
    padding-right: 5px;
  }
  .ThirdLevelMenu header > h2 .fourNav > a.next_id::after {
    left: 18px;
  }
  .ThirdLevelMenu b {
    width: 10px;
    height: 10px;
    margin-left: 8px;
    margin-right: 5px;
  }
  .ThirdLevelMenu header h2 span.active h3 b {
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    margin-top: -5px;
  }
  .ThirdLevelMenu header > h2 span.active ul a,
  h2.fourH2 .fourNav.active footer a {
    min-height: 35px;
  }
}
@media (max-width: 920px) {
  .compositionList4_6 ul li {
    padding: 0 10px 20px 10px;
  }
  .xzzd_pannel > div {
    width: 50%;
  }
  .upload_images {
    flex-wrap: wrap;
  }
  .multi_pics ul {
    min-height: auto;
  }
  .drop_area {
    width: 100%;
    margin-bottom: 20px;
    min-height: auto;
  }
  .img2text {
    padding-left: 0;
    width: 100%;
  }
  .multi_pics ul {
    min-height: 50vw;
  }
  .only_one ul li {
    min-height: auto;
  }
  .multi_pics b.UIDeleteInput,
  .only_one b.UIDeleteInput {
    width: 6vw;
    height: 6vw;
  }
}
@media (max-width: 768px) {
  .eCompopopUpBox.pingfen .wrTableBox {
    overflow: hidden;
    max-height: max-content;
  }
  .systemPingfen .self_tab,
  .selfPingfen .self_tab {
    max-height: 70vh;
    overflow: auto;
  }
  .read_content > header {
    padding: 0 1vw;
    max-width: 55%;
  }
  .text_left,
  .text_right {
    min-width: 12vw;
  }
  .text_left::before {
    top: 1vw;
    right: -2vw;
    border-top: 3vw solid transparent;
    border-left: 2vw solid rgb(0, 153, 255);
  }
  .text_left::after {
    top: 1.1vw;
    border-left: 1.8vw solid #fff;
    border-top: 2.7vw solid transparent;
    right: -1.5vw;
    border-radius: 0;
  }
  .text_right::before {
    top: 1vw;
    left: -2vw;
    border-top: 3vw solid transparent;
    border-right: 2vw solid rgb(0, 153, 255);
  }
  .text_right::after {
    top: 1.1vw;
    border-right: 1.8vw solid #fff;
    border-top: 2.7vw solid transparent;
    left: -1.5vw;
    border-radius: 0;
  }
  .zccj .read_content {
    font-size: 3vw;
  }

  .head_text {
    padding: 5px;
  }
  .head_end > div.cur_list {
    margin: 0 10px;
  }
  .compositionKTZW .xzck .topTitle {
    padding: 0;
  }
  .compositionKTZW .nidayede {
    padding: 0;
  }
  .eWritingR > div.compositionKTZW > header {
    padding: 5px;
  }
  .xzck {
    padding: 5px;
  }
  .nidayede .sixImg li {
    padding: 0;
  }
  .nidayede > li:nth-child(2) {
    padding: 0 0 0 15px;
  }
  .DLLB2 .KTXJRight {
    padding-left: 35px;
  }
  .jsxl .topTitle > #test_model {
    padding: 0;
  }
  .eWritingR .ktxj_1 .answer_picture li {
    padding: 10px 0;
  }
  .compositionList4_6 ul li > div {
    margin-bottom: 15px;
  }
  .eWritingR .ktxj .selection li {
    padding: 5px;
  }
  .eWritingR .ktxj .selection {
    margin-bottom: 5px;
  }
  .ThirdLevelMenu header > h2 > span {
    width: auto;
  }
  .ThirdLevelMenu header h3 {
    justify-content: center;
  }

  .ThirdLevelMenu header > h2.fourH2 > span {
    width: 23%;
  }
  .eWritingCon .StudentReportInto {
    display: none;
  }
  .compositionDeNav footer input {
    margin: 0 8px;
    font-size: 15px;
  }
  .compositionDeNav header span {
    font-size: 17px;
    line-height: 45px;
    padding: 0 12px 0 50px;
    border-radius: 8px;
  }
  .compositionDeNav header span.active {
    font-size: 18px;
  }
  .xzInto,
  .fwInto {
    background-position: center left 6px;
  }
  .nidayede {
    flex-wrap: wrap;
  }
  .nidayede > li:nth-child(1) .sixImg,
  .wordTitle {
    padding: 0;
  }
  .nidayede.four > li:nth-child(2),
  .nidayede > li:nth-child(2) {
    width: 100%;
    padding: 0;
    position: relative;
    margin-top: 15px;
  }
  .compositionKTZW .nidayede.four > li:nth-child(1),
  .compositionKTZW .nidayede > li:nth-child(1) {
    width: 100%;
  }
  .topTitle {
    padding: 1vw;
  }
  .jsxl .nidayede.same li:nth-child(2),
  .jsxl .nidayede.same3 li:nth-child(2) {
    margin-top: 0;
  }

  i.numberIcon {
    width: 22px;
    height: 22px;
    font-size: 20px;
  }
  .sixImg li {
    padding: 1vw;
  }
  .topTitle header span {
    font-size: 22px;
    border-radius: 8px;
  }
  .wordTitle header input {
    font-size: 20px;
    border-radius: 8px;
    line-height: 40px;
  }
  .compositionDLLB .KTXJRight > div {
    font-size: 24px;
  }
  .EssayInput {
    margin-bottom: 1vw;
  }
  .wordStatus input {
    margin-left: 1vw;
  }
  .wordTitleLeft input {
    margin-right: 1vw;
  }
  .compositionTypeMain {
    padding: 1vw;
  }
  .KTXJRight {
    padding: 0;
  }
  .KTXJRight h1 {
    font-size: 26px;
  }
  .KTXJRight li:nth-child(1) {
    font-size: 24px;
    margin-bottom: 1vw;
  }
  .KTXJRight li:nth-child(2) {
    font-size: 24px;
  }
  .KTXJMain {
    padding: 0 1vw;
  }
  .KTXJRight ul {
    padding: 1vw 0;
  }
  .KTXJRight._voice ul {
    padding-top: 1vw;
    padding-right: 0;
  }
  .wordStatusOne input {
    font-size: 20px !important;
    border-radius: 8px;
    line-height: 40px;
    margin: 1vw 1vw 2.5vw 1vw;
  }
  .KTXJRight li:nth-child(1) input {
    font-size: 24px;
    line-height: 30px;
  }
  .tools {
    padding: 0;
  }
  .tools li {
    margin: 5px 3px;
  }
  .headDiv #submitBtn {
    padding: 0 5px;
  }
}
@media (max-width: 680px) {
  #addSelfScore .content_pingfen {
    width: 100%;
    padding: 0;
  }
  #addSelfScore .SeCResultDiv {
    padding: 12px;
  }
  #addSelfScore .wrTableRed {
    overflow: auto;
    max-height: 80vh;
  }
  #addSelfScore .points {
    padding-bottom: 5px;
  }
  #addSelfScore .pingfen_title {
    line-height: 35px;
  }
  #addSelfScore .desc,
  #addSelfScore .points {
    display: flex;
  }
  #addSelfScore .desc span,
  #addSelfScore .points span {
    min-width: 60px;
    padding-top: 8px;
  }
  #addSelfScore .desc textarea,
  #addSelfScore .points textarea,
  #addSelfScore .desc input,
  #addSelfScore .points input {
    margin-top: 0 !important;
  }
  .eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .submit_self_score input {
    line-height: 40px;
    margin-top: 5px;
  }
  .eCompopopUpBox.SeCResultWin.pingfen#addSelfScore textarea {
    height: 120px !important;
  }
  .eCompopopUpBox.SeCResultWin.pingfen#addSelfScore .popUpMain {
    max-width: 480px;
  }
  .eCompopopUpBox.pingfen .wrTableRed table tbody td {
    font-size: 16px;
    line-height: 20px;
  }
  .eCompopopUpBox.pingfen label {
    padding-left: 25px;
    padding-right: 0;
    min-width: 68px;
  }
  .text_left,
  .text_right {
    min-width: 13vw;
  }
  .zccj .read_content {
    font-size: 3.4vw;
  }
  .tools li {
    width: 30px;
    height: 30px;
    border: 0;
    background-color: transparent;
    line-height: 40px;
    margin: 0 2px;
  }
  .headDiv #submitBtn {
    font-size: 16px;
    line-height: 33px;
  }
  .wysiwyg-toolbar-icon {
    padding: 8px !important;
    font-size: 18px !important;
  }
  .reading.SeCResultWin .popUpMain > header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    line-height: 45px;
  }

  .reading.SeCResultWin .model .fwOrRead > div {
    font-size: 22px;
  }
  .reading.SeCResultWin .wrTableBox {
    line-height: 28px;
  }
  .test_model .ckcy li {
    width: 33.333333%;
  }
  .jsxl .KTXJDiv ul .cgTitle > span {
    min-width: 60px;
  }
  .jsxl .nidayede.same {
    display: flex;
    flex-wrap: wrap;
  }
  .jsxl .nidayede.same li {
    width: 50%;
  }
  .jsxl .nidayede.same li:nth-child(1),
  .jsxl .nidayede.same li:nth-child(2) {
    border-bottom: 2px solid #00a1e9;
  }
  .sxxl .img_list {
    flex-wrap: wrap;
    border: 2px solid #00a1e9;
    border-right: 0;
    border-bottom: 0;
  }
  .sxxl .img_list li {
    width: 50%;
    border: 0;
    border-bottom: 2px solid #00a1e9;
    border-right: 2px solid #00a1e9;
  }
  .eWritingR .ktxj_1 .answer_picture li span:last-child {
    padding-left: 0;
    width: 100%;
  }
  .eWritingR .ktxj_1 .answer_picture li span:nth-child(2) {
    width: 100%;
    border: 0;
    max-width: 420px;
  }
  .compositionList4_6 ul li {
    padding: 0 1vw !important;
  }
  .xzzd_pannel > div {
    padding: 0 1vw;
  }
  .zwzdMain .AssignmentDiv {
    margin-bottom: 15px;
  }
  .ThirdLevelMenu header > h2 span a {
    padding: 5px;
  }
  .eWritingR .ktxj .selection {
    flex-wrap: wrap;
  }
  .eWritingR .ktxj .selection li,
  .eWritingR.fontSize28 .ktxj .selection li {
    width: 100%;
    padding: 5px 0;
  }
  .eWritingR .ktxj .answer_picture li {
    width: 49%;
  }
  .eWritingR .ktxj_1 .answer_picture li {
    width: 100%;
  }
  .eWritingR .ktxj .answer_picture li span input {
    width: 100px;
  }
  .grade_OneNav .workeAssignment1Into {
    bottom: auto;
    top: 0;
    left: 0;
    width: 97%;
    margin: 0 1.5%;
  }
  .grade_OneNav .workeAssignment1Into:hover {
    transform: scale(1);
  }
  .zwzdMain > header p {
    position: relative;
    right: 0;
    padding: 0 0 0.5vw 2vw;
  }
}
@media (max-width: 580px) {
  .tools li {
    padding: 1px;
  }
  .twoTopNewUl li.active a.yhw_ziyuan::after {
    display: none;
  }
  .topTitle header span {
    margin-right: 5px;
  }
  .compositionList4_6 ul li,
  .xzzd_pannel > div {
    width: 100%;
  }
  .hchj_word,
  .hchj_sentence,
  .hchj_passage {
    line-height: 50px;
    margin-bottom: 0;
  }
  .HCHJ .sentence .valign {
    margin-top: 0;
  }
  .eWritingR > div.HCHJ .words {
    margin: 10px 15px;
  }
  .sentence li > span {
    margin-left: 0;
    min-width: auto;
  }
  .compositionList4_6 footer.teacherFBFooter {
    flex-wrap: wrap;
    padding-left: 20px;
    background: url(../images/eOralImg/into02.png) no-repeat top 3px left;
    background-size: 20px;
    width: 100%;
    align-items: center;
  }
  .twoTopNewUl li a.yhw_ziyuan {
    padding-left: 1vw;
  }
  .twoTopNewUl li a.yhw_ziyuan::before {
    background: url(../images/homeTeacher/into38s1.png) no-repeat center;
    margin-right: 0;
    background: url(../images/homeTeacher/into38s4.png) no-repeat center;
    background-size: 95%;
    width: 35px;
    height: 35px;
  }
  .ConUlNav li a:hover {
    color: #ff6e51;
  }
  .KTXJRight b.hornInto {
    margin-left: 0;
  }
  .KTXJRight._voice ul {
    padding-left: 40px;
  }
  .ConUlNav {
    flex-wrap: wrap;
    padding: 5px 0;
  }
  .ConUlNav li {
    padding: 1vw;
    min-width: 33.333333%;
    width: auto;
  }
  .ConUlNav li.active a::before {
    display: none;
  }
  .ConUlNav li a {
    background-color: #ffe6da;
    border: 1px solid #ff8c52;
    border-radius: 8px;
    color: #ff6b33;
    display: flex;
    line-height: 35px;
    padding: 5px 15px;
    font-size: 17px;
    justify-content: center;
  }
  .ConUlNav li.active a:hover {
    color: #fff;
  }
  .ConUlNav li.active a {
    color: #fff;
    background-color: #ff8c52;
    font-size: 18px;
    line-height: 35px;
  }
  .cgTitle {
    font-size: 18px;
    line-height: 25px;
  }
  .wordTitle header input {
    font-size: 18px;
  }
  .compositionTypeMain {
    padding: 0vw 1vw 1vw;
  }
  .eWritingR .ktxj,
  .eWritingR .zjcd,
  .eWritingR .compositionTypeMain,
  .eWritingR .compositionKTXH,
  .eWritingR .jsxl,
  .eWritingR .sxxl,
  .eWritingR .zdxl,
  .eWritingR .compositionDLLB {
    padding: 0vw 3vw 2vw;
  }
  .compositionType {
    padding: 0.8vw;
    margin: 0 0 15px 0;
  }
  .topTitle header span {
    font-size: 20px;
  }
  .topTitle > div {
    font-size: 24px;
    line-height: 28px;
  }
  .compositionDeNav,
  .wordTitle header {
    flex-wrap: wrap;
  }
  .compositionDeNav header span.active::after {
    display: none;
  }
  .compositionDeNav footer {
    justify-content: flex-end;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #e1ecfe;
    padding-bottom: 5px;
    margin: 0 1.5vw;
  }
  .compositionDeNav header span {
    margin: 0 1vw;
  }
  .compositionDeNav header {
    padding: 1.5vw 0;
    margin: 1vw 1.5vw;
  }
  .wordTitle header {
    padding: 1vw 0;
  }
  .wordTitle header input {
    margin: 1.5vw;
    padding: 0 10px;
  }
  .wordTitleLeft,
  .wordStatus {
    display: flex;
  }
  .wordTitle header .wordStatus input {
    margin: 1.5vw 1vw;
  }
  .compositionFW {
    background-color: #fff;
    padding: 1vw;
  }
  .textFW p {
    font-size: 24px !important;
    line-height: 30px;
    text-indent: 40px;
  }
  b.hornInto {
    width: 35px;
    height: 35px;
    min-width: 35px;
    background-size: 100%;
    margin: 0 2vw 0 0;
  }
  .textFW .hornInto {
    margin-right: 2vw;
    top: -5px;
  }

  .KTXJMain {
    padding: 0 0 2vw 0;
  }
  .KTXJMain > header {
    flex-wrap: wrap;
    margin: 0 1vw;
  }
  .KTXJImg {
    width: 100%;
    border-right: 0;
    /* border-bottom: 2px solid #00a1e9; */
  }

  .KTXJRight li:nth-child(1) input {
    font-size: 22px;
    line-height: 28px;
    max-width: 120px;
  }
}
@media (max-width: 480px) {
  .eCompopopUpBox.pingfen .btn_submit input {
    line-height: 40px;
    border-radius: 5px !important;
  }
  .selfPingfen table {
    min-width: auto;
  }
  .selfPingfen .tabTh_width100 {
    border: 0 !important;
  }
  .selfPingfen table tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .eCompopopUpBox.pingfen .selfPingfen table tr td {
    border: 0 !important;
    border-bottom: 1px solid #dbeefc !important;
  }
  .eCompopopUpBox.pingfen .selfPingfen table tbody {
    border-bottom: 0;
  }
  .selfPingfen .self_tab table {
    min-width: auto;
  }
  .selfPingfen table tr td:nth-child(odd) {
    width: 25%;
    display: flex;
    align-items: center;
  }
  .eCompopopUpBox.pingfen .selfPingfen table tr td:nth-child(even) {
    width: 75% !important;
    border-left: 1px solid #dbeefc !important;
  }
  .selfPingfen table table thead {
    position: relative;
  }
  .eCompopopUpBox.pingfen {
    line-height: normal;
  }
  .eCompopopUpBox.pingfen .wrTableBox {
    overflow: hidden;
  }
  .systemPingfen .self_tab {
    max-height: 70vh;
    overflow: auto;
  }
  .text_left {
    min-width: 15vw;
    margin-top: 5vw;
  }
  .text_right {
    min-width: 15vw;
    margin-top: 8vw;
  }
  .zccj .read_content {
    font-size: 3.8vw;
    line-height: 5vw;
  }
  .zccj ul li input {
    margin: 0 5px;
    width: 60px;
  }
  .zccj ul {
    padding: 10px 0;
    margin-bottom: 10px;
  }

  .eCompopopUpBox .my_answers,
  .eCompopopUpBox .ckfw {
    border: 5px solid #f6f7fa;
    padding: 10px;
    margin-top: 10px;
    line-height: 25px;
  }
  .eCompopopUpBox .ckfw > div {
    padding-bottom: 10px !important;
  }
  .eCompopopUpBox .my_answer > ul li {
    line-height: 40px;
    padding: 0 10px;
    font-size: 17px;
  }
  .eCompopopUpBox.SeCResultWin .wrTableBox {
    max-height: none;
  }

  .compositionTypeMain .MTZW .wordTitle {
    padding: 5px;
  }
  .input_select ul li {
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    min-width: 120px;
  }
  .text_identify {
    line-height: 40px;
    border-radius: 5px;
  }
  .img2text_result .text_content {
    height: 350px;
  }
  .upload_images,
  .EssayInput > .wysiwyg-container {
    margin-top: 10px;
  }
  .input_select ul li:nth-child(1) {
    margin-right: 10px;
  }
  .drop_area::before,
  .drop_area::after,
  .drop_area > ul::before,
  .drop_area > ul::after {
    width: 15px;
    height: 15px;
  }
  .drop_area ul {
    font-size: 15px;
    padding: 0 0 10px 10px;
  }

  .eCompopopUpBox.correction .SeCResultDiv > ul li {
    line-height: 40px;
    font-size: 17px;
  }
  .test_model {
    margin-bottom: 5px;
  }
  .align_right .test_model .ckcy li {
    width: 50%;
  }
  .wysiwyg-toolbar-icon {
    padding: 10px 5px !important;
  }
  .tools li {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0;
  }
  .headDiv {
    flex-wrap: wrap;
  }
  .icon-tools {
    margin-left: -2px;
  }
  .compositionDetailsMain .nextEx {
    width: 100%;
  }
  .compositionDetailsMain .nextEx div.fontSize {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .compositionDetailsMain .nextEx .exTime {
    position: relative;
  }
  .topTitle > div {
    padding: 10px 0;
  }
  .cgTitle {
    min-height: auto;
  }
  .second_back span {
    line-height: 45px;
    font-size: 18px;
  }
  .DLLBMain ul input {
    width: 50px;
  }
  .DLLBMain ul li {
    padding-top: 5px;
  }
  .eWritingR .ktxj_1 .answer_picture li span:nth-child(2) {
    width: 100%;
    padding: 5px 0;
  }
  .eWritingR .ktxj_1 .answer_picture li span:last-child {
    padding-left: 0;
    width: 100%;
  }
  .hchj_word,
  .hchj_sentence,
  .hchj_passage {
    min-height: 50px;
    background-size: auto 100%;
    padding-left: 55px;
  }
  .ThirdLevelMenu header > h2 > span {
    width: 48%;
  }
  .ThirdLevelMenu header > h2.fourH2 > span {
    width: 31.333333%;
    min-width: auto;
  }
  .ThirdLevelMenu header h3 {
    min-height: 45px;
    padding: 0 5px;
    justify-content: center;
    font-size: 20px;
  }
  .ThirdLevelMenu header h3 {
    min-height: 45px;
  }
  .ConUlNav li a,
  .ConUlNav li.active a {
    line-height: 30px;
    min-height: 45px;
  }
  .cgTitle {
    font-size: 21px;
  }
  .fontSize24 .cgTitle {
    font-size: 19px;
  }
  .fontSize28 .cgTitle {
    font-size: 19px;
  }
  .head_text,
  .example,
  .KTXJRight,
  .eWritingR input,
  .KTXJDiv ul,
  .DLLBMain ul,
  .DLLBMain ul input,
  .topTitle > div,
  .WritingCheck ul,
  .WCWZMain,
  .eWritingR .ktxj,
  .reading.SeCResultWin .wrTableBox,
  .xzck > div:nth-child(2),
  .eWritingR > div.HCHJ .words,
  .sentence,
  .title_desc,
  .eWritingR > div > header,
  .hchj_word,
  .hchj_sentence,
  .hchj_passage,
  .KTXJDiv ul .cgTitle,
  .zdxl .DLLBMain > ul,
  .zccj {
    font-size: 22px;
    line-height: 30px !important;
  }
  .wordTitle header input {
    border-radius: 8px;
  }
  .fontSize24 .head_text > header {
    font-size: 22px;
  }
  .fontSize26 .head_text > header {
    font-size: 24px;
  }
  .fontSize28 .head_text > header {
    font-size: 26px;
  }
  .fontSize30 .head_text > header {
    font-size: 28px;
  }
  .fontSize32 .head_text > header {
    font-size: 30px;
  }
  .fontSize24 .wordTitle header input,
  .fontSize28 .zccj {
    font-size: 20px;
    line-height: 40px !important;
  }
  .fontSize26 .wordTitle header input {
    font-size: 22px;
    line-height: 45px !important;
  }
  .fontSize28 .wordTitle header input,
  .fontSize28 .zccj {
    font-size: 24px;
    line-height: 45px !important;
  }
  .fontSize28 .zccj,
  .fontSize30 .wordTitle header input {
    font-size: 26px;
    line-height: 45px !important;
  }
  .fontSize28 .zccj,
  .fontSize32 .wordTitle header input {
    font-size: 28px;
    line-height: 45px !important;
  }
  .eWritingR > div > header {
    font-size: 20px;
  }
  .fontSize24 .head_text,
  .fontSize24 .example,
  .fontSize24 .KTXJRight,
  .eWritingR.fontSize24 input,
  .fontSize24 .KTXJDiv ul,
  .fontSize24 .DLLBMain ul,
  .fontSize24 .DLLBMain ul input,
  .fontSize24 .topTitle > div,
  .fontSize24 .WritingCheck ul,
  .fontSize24 .WCWZMain,
  .eWritingR.fontSize24 .ktxj,
  .reading.SeCResultWin .wrTableBox,
  .fontSize24 .xzck > div:nth-child(2),
  .eWritingR.fontSize24 > div.HCHJ .words,
  .fontSize24 .sentence,
  .fontSize24 .KTXJRight li:nth-child(1),
  .fontSize24 .KTXJDiv ul .cgTitle,
  .eWritingR.fontSize24 .zdxl .DLLBMain > ul,
  .fontSize24 .KTXJRight h1,
  .fontSize24 .hchj_word,
  .fontSize24 .hchj_sentence,
  .fontSize24 .hchj_passage,
  .fontSize24 .cgTitle,
  .fontSize24 .KTXJDiv ul .cgTitle,
  .fontSize24 .zdxl .DLLBMain > ul {
    font-size: 20px;
    line-height: 25px !important;
  }
  .fontSize24 .title_desc,
  .eWritingR.fontSize24 > div > header,
  .fontSize24 .topTitle header span,
  .fontSize24 .cgTitle,
  .fontSize24 .title_desc {
    font-size: 18px;
  }
  .fontSize28 .head_text,
  .fontSize28 .example,
  .fontSize28 .KTXJRight,
  .eWritingR.fontSize28 input,
  .fontSize28 .KTXJDiv ul,
  .fontSize28 .DLLBMain ul,
  .fontSize28 .DLLBMain ul input,
  .fontSize28 .topTitle > div,
  .fontSize28 .WritingCheck ul,
  .fontSize28 .WCWZMain,
  .eWritingR.fontSize28 .ktxj,
  .reading.SeCResultWin .wrTableBox,
  .fontSize28 .xzck > div:nth-child(2),
  .eWritingR.fontSize28 > div.HCHJ .words,
  .fontSize28 .sentence,
  .fontSize28 .KTXJRight li:nth-child(1),
  .fontSize28 .KTXJDiv ul .cgTitle,
  .eWritingR.fontSize28 .zdxl .DLLBMain > ul,
  .fontSize28 .KTXJRight h1,
  .fontSize28 .hchj_word,
  .fontSize28 .hchj_sentence,
  .fontSize28 .hchj_passage,
  .fontSize28 .cgTitle,
  .fontSize28 .KTXJDiv ul .cgTitle,
  .fontSize28 .zdxl .DLLBMain > ul {
    font-size: 24px !important;
  }
  .fontSize28 .title_desc,
  .eWritingR.fontSize28 > div > header,
  .fontSize28 .topTitle header span,
  .fontSize28 .title_desc {
    font-size: 22px;
    line-height: 30px !important;
  }
  .fontSize30 .head_text,
  .fontSize30 .example,
  .fontSize30 .KTXJRight,
  .eWritingR.fontSize30 input,
  .fontSize30 .KTXJDiv ul,
  .fontSize30 .DLLBMain ul,
  .fontSize30 .DLLBMain ul input,
  .fontSize30 .topTitle > div,
  .fontSize30 .WritingCheck ul,
  .fontSize30 .WCWZMain,
  .eWritingR.fontSize30 .ktxj,
  .fontSize30 .xzck > div:nth-child(2),
  .eWritingR.fontSize30 > div.HCHJ .words,
  .fontSize30 .sentence,
  .fontSize30 .KTXJRight li:nth-child(1),
  .fontSize30 .KTXJDiv ul .cgTitle,
  .eWritingR.fontSize30 .zdxl .DLLBMain > ul,
  .fontSize30 .KTXJRight h1,
  .fontSize30 .hchj_word,
  .fontSize30 .hchj_sentence,
  .fontSize30 .hchj_passage,
  .fontSize30 .cgTitle,
  .fontSize30 .KTXJDiv ul .cgTitle,
  .fontSize30 .zdxl .DLLBMain > ul {
    font-size: 26px;
    line-height: 30px !important;
  }
  .fontSize30 .title_desc,
  .eWritingR.fontSize30 > div > header,
  .fontSize30 .topTitle header span,
  .fontSize30 .title_desc {
    font-size: 24px;
    line-height: 30px !important;
  }
  .eWritingR.fontSize30 .ktxj .selection li,
  .eWritingR.fontSize32 .ktxj .selection li {
    padding: 5px 0;
  }
  .fontSize32 .head_text,
  .fontSize32 .example,
  .fontSize32 .KTXJRight,
  .eWritingR.fontSize32 input,
  .fontSize32 .KTXJDiv ul,
  .fontSize32 .DLLBMain ul,
  .fontSize32 .DLLBMain ul input,
  .fontSize32 .topTitle > div,
  .fontSize32 .WritingCheck ul,
  .fontSize32 .WCWZMain,
  .eWritingR.fontSize32 .ktxj,
  .fontSize32 .xzck > div:nth-child(2),
  .eWritingR.fontSize32 > div.HCHJ .words,
  .fontSize32 .sentence,
  .fontSize32 .KTXJRight li:nth-child(1),
  .fontSize32 .KTXJDiv ul .cgTitle,
  .eWritingR.fontSize32 .zdxl .DLLBMain > ul,
  .fontSize32 .KTXJRight h1,
  .fontSize32 .hchj_word,
  .fontSize32 .hchj_sentence,
  .fontSize32 .hchj_passage,
  .fontSize32 .cgTitle,
  .fontSize32 .KTXJDiv ul .cgTitle,
  .fontSize32 .zdxl .DLLBMain > ul {
    font-size: 28px;
    line-height: 35px !important;
  }
  .KTXJRight li:nth-child(1),
  .KTXJRight li:nth-child(1) input {
    line-height: 35px !important;
  }
  .fontSize24 .KTXJRight li:nth-child(1),
  .fontSize24 .KTXJRight li:nth-child(1) input {
    line-height: 30px !important;
  }
  .fontSize26 .KTXJRight li:nth-child(1),
  .fontSize26 .KTXJRight li:nth-child(1) input {
    line-height: 35px !important;
  }
  .fontSize28 .KTXJRight li:nth-child(1),
  .fontSize28 .KTXJRight li:nth-child(1) input {
    line-height: 40px !important;
  }
  .fontSize30 .KTXJRight li:nth-child(1),
  .fontSize30 .KTXJRight li:nth-child(1) input {
    line-height: 45px !important;
  }
  .fontSize32 .KTXJRight li:nth-child(1),
  .fontSize32 .KTXJRight li:nth-child(1) input {
    line-height: 50px !important;
  }
  .head_end > div.cur_list > .topTitle ul {
    padding-left: 45px;
    margin-top: 0;
  }
  .head_end > div.cur_list > .topTitle > header span,
  .head_end > div.cur_list > .topTitle ul {
    font-size: 21px;
  }
  .fontSize24 .head_end > div.cur_list > .topTitle > header span,
  .fontSize24 .head_end > div.cur_list > .topTitle ul {
    font-size: 19px;
    line-height: 25px;
  }
  .fontSize28 .head_end > div.cur_list > .topTitle > header span,
  .fontSize28 .head_end > div.cur_list > .topTitle ul {
    font-size: 23px;
  }
  .fontSize30 .head_end > div.cur_list > .topTitle > header span,
  .fontSize30 .head_end > div.cur_list > .topTitle ul {
    font-size: 25px;
    line-height: 35px;
  }
  .fontSize32 .head_end > div.cur_list > .topTitle > header span,
  .fontSize32 .head_end > div.cur_list > .topTitle ul {
    font-size: 27px;
    line-height: 35px;
  }
  .test_model .ckcy li {
    line-height: 35px;
  }
  .fontSize24 .test_model .ckcy li {
    line-height: 30px;
  }
  .fontSize28 .test_model .ckcy li {
    line-height: 40px;
  }
  .fontSize30 .test_model .ckcy li {
    line-height: 45px;
  }
  .fontSize32 .test_model .ckcy li {
    line-height: 50px;
  }
  .fontSize28 .test_model .ckcy li,
  .fontSize30 .test_model .ckcy li,
  .fontSize32 .test_model .ckcy li {
    width: 50%;
  }
  .KTXJRight._voice ul {
    padding-top: 3vw;
  }
  .KTXJRight h1,
  .KTXJRight li:nth-child(1),
  .KTXJRight li:nth-child(2) {
    font-size: 22px;
  }
  .fontSize32 .title_desc,
  .eWritingR.fontSize32 > div > header,
  .fontSize32 .topTitle header span,
  .fontSize32 .title_desc {
    font-size: 26px;
    line-height: 35px !important;
  }
  .eWritingR.fontSize28 .ktxj {
    line-height: 25px;
  }

  .nextEx {
    align-items: flex-start;
  }
  .nextEx div.fontSize {
    position: relative;
    padding-top: 45px;
    padding-bottom: 5px;
  }
  .nextEx div.fontSize .selectDivN {
    margin-left: 5px;
  }
  .nextEx .exTime > h1 {
    background-size: 90% auto;
  }
  .nextEx .exTime {
    font-size: 17px;
    padding: 5px 0 !important;
    position: absolute;
    top: 0;
    right: 0;
  }
  .ThirdLevelMenu header > h2 span a {
    line-height: 45px;
    padding: 0;
    font-size: 20px;
    min-height: auto;
  }
  .ThirdLevelMenu header > h2 span.active > a,
  .ThirdLevelMenu header h2 span.active h3 {
    min-height: 45px;
    line-height: 18px;
  }
  .ConUlNav li a {
    padding: 0 2vw;
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .ConUlNav li.active a {
    font-size: 17px;
  }

  .twoTopDetails h1 {
    margin: 10px;
    line-height: 35px;
  }
  .twoTopDetails input.twoTopBack {
    background: #ff795b;
    padding: 0 10px;
    font-size: 16px;
    min-width: auto;
    line-height: 40px;
    height: 40px;
  }
  .twoTopDetails .twoTopNewR {
    align-items: center;
  }
  .hudong span {
    width: 40px;
    height: 40px;
    background-size: 85%;
    margin-left: 0px;
  }
  .wordStatus input {
    font-size: 17px !important;
    line-height: 40px !important;
  }
  .wordTitle header .wordStatus input {
    border-radius: 5px;
    font-size: 16px;
    line-height: 35px;
  }
  .titleOne {
    font-size: 20px;
    padding: 0;
  }
  .nidayede.four > li:nth-child(2) {
    margin-top: 10px;
  }
  .wordStatus.wordStatusOne input {
    font-size: 17px !important;
    line-height: 45px !important;
    border-radius: 5px;
  }
  .head_end .header_img {
    display: none;
  }
}
@media (max-width: 420px) {
  .eCompopopUpBox.pingfen .btn_submit input.add_self_score {
    right: 10px;
    top: 10px;
    background: url(../images/homeTeacher/into63.png) no-repeat center left 5px
      #ffe9e5 !important;
    color: #f93c38;
    padding: 0 5px 0 30px !important;
    line-height: 35px;
    font-size: 15px;
    letter-spacing: 0;
    border-radius: 5px !important;
  }
  .eCompopopUpBox.correction .SeCResultDiv > ul li {
    line-height: 35px;
    font-size: 16px;
    padding: 0 15px;
  }
  .wordStatus.wordStatusOne input {
    line-height: 40px !important;
  }
  .nextEx .exTime > h1 {
    width: 35px;
    height: 35px;
  }
  .eWritingR > iframe {
    padding: 10px;
  }
  .second_back span,
  .nextEx span {
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
  }
  .compositionList4_6 ul li {
    width: 100%;
  }
  .ThirdLevelMenu header h3,
  .ThirdLevelMenu header > h2 span.active ul a {
    font-size: 18px;
  }

  .ConUlNav li {
    min-width: 105px;
  }
  .ConUlNav li a,
  .ConUlNav li.active a,
  .ThirdLevelMenu header > h2 span a {
    min-height: 35px;
    border-radius: 5px;
    line-height: 35px;
  }
  .ThirdLevelMenu header h3 {
    min-height: 35px;
    border-radius: 5px;
  }
  .ThirdLevelMenu header > h2 span.active > a,
  .ThirdLevelMenu header h2 span.active h3 {
    min-height: 35px;
    line-height: 18px;
  }
  .ThirdLevelMenu header > h2 span.active ul a {
    line-height: 20px;
  }
}