html,
body {
  /* font-family: 'Microsoft YaHei', Arial, Atilla,'Hiragino Sans GB', 'Open Sans', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;  */
  /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
  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-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; */
  margin: 0;
  padding: 0;
  color: #25355e;
  color: #000;
  letter-spacing: 0.015rem;
  font-size: 16px;
}
* {
  user-select: auto;
  -webkit-user-select: auto;
}
a {
  user-select: none;
  -webkit-user-select: none;
}
input,
button {
  -webkit-user-select: text !important;
  user-select: text;
}

body {
  background-color: #fff;
}
p {
  /* font-size: 16px !important; */
  font-size: 16px;
}

input,
button,
select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  outline: none;
  padding: 0;
  letter-spacing: 0.05rem;
}
input[type="text"],
.mui-btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 0;
}
input[type="button"] {
  cursor: pointer;
}
input,
select,
textarea {
  font-size: 17px;
}
table {
  border: 0;
  border-collapse: collapse;
}
i {
  font-style: normal;
}
input.inputText {
  background-color: #f7f8fd;
  height: 45px;
  line-height: 45px;
  border: 0;
  border-radius: 10px;
  font-size: 16px;
}
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  resize: none;
}

textarea:focus {
  outline: 0;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  margin: 0;
  padding: 10px;
}
input[type="search"] {
  background: none;
  text-align: left;
}
input[type="button"]:enabled:active {
}
ol,
ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a {
  color: #2f3c4e;
  display: inline-block;
}
a:hover {
  color: #25355e;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
h1,
h2,
h3,
p {
  margin: 0;
  font-weight: normal;
}
.beforeX {
  position: relative;
}
.beforePR::before {
  position: relative;
  content: "";
  display: flex;
}
.yellColor {
  color: #e8940f;
}
img {
  max-width: 100%;
}
input,
button {
  border: 0;
  background: none;
}
button {
  cursor: pointer;
}
.animat {
  transition: all 0.3s ease 0s;
}
.animat:hover {
  transform: scale(1.05);
}

input:focus {
  outline: 0;
}
input::-webkit-input-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
input::-moz-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
input:-moz-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
input:-ms-input-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
textarea::-webkit-input-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
  font-weight: normal;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clockTC {
  cursor: pointer;
  position: absolute;
  right: 15px;
  bottom: 10px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clockTC::before {
  content: "";
  position: absolute;
  display: block;
  width: 80%;
  height: 9%;
  transform: rotate(45deg);
  background-color: #2f3c4e;
}
.clockTC::after {
  content: "";
  position: absolute;
  display: block;
  width: 80%;
  height: 9%;
  transform: rotate(-45deg);
  background-color: #2f3c4e;
}
.bjColor {
  background-color: #f6fafe;
}
.HomeFooter {
  color: #fff;
  background-color: #663ef5;
}
.HomeFooter .DisplayflexJC {
  align-items: center;
  min-height: 68px;
}
.conterMain {
  min-height: 76.4vh;
  min-height: 74vh;
}
.DisplayflexJC {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.boxShadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 12px;
}

.AssignmentMainDiv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 10px;
}
.AssignmentMainDiv > div {
  width: 25%;
  padding: 10px;
}
.AssignmentMain {
  margin-bottom: 20px;
  width: 100%;
}
.anEnlarge,
.atud {
  transition: all 0.3s ease 0s;
}
.AssignmentMain > header {
  /* border-bottom: 1px solid rgba(0,0,0,0.1); */
  display: flex;
  min-height: 55px;
  padding: 10px 10px 0 10px;
}
.AssignmentMain > header > div {
  padding: 10px;
}
.AssignmentMain > header > div.active a {
  color: #fff;
  background-color: #ff8c52;
  font-size: 18px;
}
.AssignmentMain > header > div a {
  background-color: #ffe6da;
  border: 1px solid #ff8c52;
  border-radius: 8px;
  color: #ff6b33;
  display: flex;
  line-height: 35px;
  padding: 5px 20px;
  font-size: 17px;
}
.AssignmentDiv {
  overflow: hidden;
  position: relative;
  padding: 12px;
  border-radius: 12px;
  /* border: 2px solid #dee6f8; */
}
.anEnlarge {
  transition: all 0.3s ease 0s;
}
.anEnlarge:hover {
  transform: scale(1.05);
}

.ReleaseInput,
input.ReleaseInput {
  width: 45px;
  height: 35px;
  background: url(../images/into02.png) no-repeat center #ffbc01;
  border-bottom-right-radius: 15px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
h1.styelH1 {
  color: #1a3269;
  font-size: 18px;
  line-height: 30px;
}
h2.styelH2 {
  color: #5e5e5e;
  font-size: 15px;
  min-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.twoTop {
  /* background-color: #734ef9; */
  background: #734ef9 linear-gradient(to left, #8176ff, #734ef9) !important;
  overflow: hidden;
}
.contentMax {
  max-width: 1400px;
  max-width: 1270px;
  max-width: 1300px;
  width: 100%;
  margin: auto;
}
.twoTop .contentMax {
  align-items: flex-end;
}
.twoTopLeft {
  padding-left: 90px;
  background: url(../images/compositionlogo.png) no-repeat center left;
  height: 120px;
  display: flex;
  align-items: center;
  color: #fff;
}
.twoTopLeft header h1 {
  font-size: 23px;
}
.twoTopLeft header span {
  font-size: 19px;
}
.twoTopBack a {
  display: flex;
  font-size: 19px;
  line-height: 45px;
  padding: 0 20px 0 45px;
  color: #fff;
  background: url(../images/backInto.png) no-repeat center left 5px #5938d0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.OneNav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.OneNav .contentMax {
  align-items: center;
  /* padding: 0 0 0 10px; */
  font-size: 20px;
  min-height: 80px;
}
.OneNavLeft {
  display: flex;
  align-items: center;
}
.OneNavLeft li {
  line-height: 80px;
  padding: 0 20px;
  cursor: pointer;
}
.OneNavLeft li:hover {
  background-color: #f6f8f9;
}
.OneNavLeft li.active span {
  color: #ff6e51;
  position: relative;
  display: block;
  height: 100%;
  font-size: 19px;
}
.OneNavLeft li.active span::before {
  width: 70%;
  content: "";
  display: flex;
  height: 3px;
  background-color: #ff6e51;
  bottom: 0;
  position: absolute;
  left: 15%;
}
.OneNavRight {
  font-size: 17px;
  display: flex;
  /* border-left: 1px solid rgba(0,0,0,0.1); */
}
.OneNavRight > div {
  position: relative;
}
.OneNavRight > div:hover {
  text-decoration: underline;
}
.OneNavRight > div::before {
  content: "";
  display: block;
  width: 0;
  height: 30%;
  position: absolute;
  top: 35%;
  right: 0;
  border-right: 1px dotted rgba(0, 0, 0, 0.2);
}
.OneNavRight > div:last-child:before {
  display: none;
}
.workeAssignmentInto {
  /* border-right: 1px solid rgba(0,0,0,0.1); */
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  background: url(../images/into01.png) no-repeat center left 10px;
  cursor: pointer;
}
.StudentReportInto {
  /* border-right: 1px solid rgba(0,0,0,0.1); */
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  background: url(../images/into01_1.png) no-repeat center left 10px;
  cursor: pointer;
}
.ReadingStatisticsInto {
  /* border-right: 1px solid rgba(0,0,0,0.1); */
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  background: url(../images/into01_2.png) no-repeat center left 10px;
  cursor: pointer;
}
.LearningRecordsInto {
  /* border-right: 1px solid rgba(0,0,0,0.1); */
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  background: url(../images/into01_3.png) no-repeat center left 10px;
  cursor: pointer;
}
.PreviousAssignmentsInto {
  /* border-right: 1px solid rgba(0,0,0,0.1); */
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  background: url(../images/into01_4.png) no-repeat center left 10px;
  cursor: pointer;
}
.PreviousAssignmentsInto.active {
  background: url(../images/into01_4.png) no-repeat center left 10px #f6f8fe;
  color: #3f3fea;
  margin-left: -1px;
}
.assignedlistInto {
  /* border-right: 1px solid rgba(0,0,0,0.1); */
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  background: url(../images/into01_5.png) no-repeat center left 10px;
  cursor: pointer;
}
.assignedlistInto.active {
  background: url(../images/into01_5.png) no-repeat center left 10px #f6f8fe;
  color: #3f3fea;
}
.OneNavRight > div:hover {
  /* background-color: #f6f8f9; */
}

.compositionDetailsMain,
.minHeightMain {
  min-height: 82.8vh;
}
.bjColorSLS .conterMain {
  min-height: 82.5vh;
}

/* 省略号 */
.Ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 年级 */
.gradeDiv {
  display: flex;
  padding: 15px 0;
}
.OneNav .gradeDiv {
  padding: 10px 0;
}
.gradeDiv li {
  padding: 5px;
}
.gradeDiv li span {
  display: flex;
  line-height: 50px;
  border-radius: 12px;
  background-color: #cfe3ff;
  /* min-width: 130px; */
  min-width: 110px;
  padding: 0 8px;
  justify-content: center;
  color: #6165e8;
  font-size: 18px;
  cursor: pointer;
}
.gradeDiv li span:hover {
  background-color: #3b85ed;
  color: #fff;
}
.gradeDiv li.active span {
  background-color: #ff7193;
  font-size: 18px;
  color: #fff;
}
.gradeDiv li .enGrade {
  min-width: auto;
  padding-right: 0;
  background-color: transparent;
}

.gradeDiv li.greyColer,
.gradeDiv li.greyColor {
  opacity: 0.7;
}
.gradeDiv li.greyColer span,
.gradeDiv li.greyColor span {
  color: #4f518c;
}
.gradeDiv li.greyColer span:hover,
.gradeDiv li.greyColor span:hover {
  background-color: #cfe3ff;
}
.booksMain .gradeDiv li.greyColer span {
  opacity: 0.7;
}
.booksMain .gradeDiv li.greyColer span .gradeDivMin li span {
  min-width: 105px;
}

.grade_OneNav .gradeDiv li.active span {
  position: relative;
}
.grade_OneNav .gradeDiv li.active span::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -6px;
  width: 16px;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  background: #ff7193;
  transform: rotate(-45deg);
  border-radius: 3px;
}
.grade_OneNavRight {
  display: flex;
  align-items: center;
}
.workeAssignment1Into {
  position: relative;
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #ed406a;
  cursor: pointer;
  height: 55px;
  padding: 0 20px 0 15px;
  font-size: 18px;
}
.workeAssignment1Into::before {
  content: "";
  width: 45px;
  border-radius: 50%;
  height: 45px;
  display: block;
  margin-right: 10px;
  background: url(../images/homeTeacher/eclassic_x12.png) no-repeat center #fff;
}
.twoTopNewUl {
  display: flex;
  justify-content: center;
  margin: auto;
  color: #fff;
}
.twoTopNewUl li {
  padding: 0 20px;
}
.twoTopNewUl a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 19px;
  display: flex;
}
.twoTopNewUl li.active a {
  font-size: 22px;
  color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
}
.twoTopNewUl li.active a::before {
  position: absolute;
  content: "";
  bottom: 5px;
  width: 50%;
  height: 4px;
  background-color: #fff;
  border-radius: 2px;
}
.DLLB3DivRight {
  width: 70%;
}

/* 关闭按钮 */
b.closeInto {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
b.closeInto::before {
  content: "";
  display: block;
  width: 65%;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
}
b.closeInto::after {
  position: absolute;
  content: "";
  display: block;
  width: 65%;
  height: 2px;
  background-color: #fff;
  transform: rotate(-45deg);
}

/* 内页头部 */
.twoTopNewR {
  position: absolute;
  right: 0;
  display: flex;
  bottom: 0;
}
input.twoTopBack {
  font-size: 18px;
  line-height: 45px;
  text-align: left;
  min-width: 110px;
  padding: 0 20px 0 45px;
  color: #fff;
  /* background: url(../images/backInto.png) no-repeat center left 5px #ff795b; */
  background: url(../images/backInto.png) no-repeat center left 5px #5e36f0;
  border-radius: 0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-left: 20px;
  cursor: pointer;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif, "微软雅黑", monospace !important;
}
.twoTopNew {
  text-align: center;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.twoTopNew h1 {
  color: #fff;
  font-size: 22px;
  line-height: inherit;
}
.ToolsBj {
  position: relative;
  background: #734ef9 linear-gradient(to left, #645ffd, #6289ff) !important;
}
.ToolsBj::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  background: url(../images/homeTeacher/bjList.png) no-repeat center;
  bottom: -15px;
}
.twoTop.ToolsBj .contentMax {
  padding-bottom: 65px;
}
.ToolsBj input.twoTopBack {
  margin-bottom: 80px;
  border-radius: 8px;
  background-color: #5539e4;
}
h1.com_title {
  text-align: left;
  line-height: 30px;
  padding: 20px 0;
  padding-left: 80px;
  background: url(../images/homeTeacher/HeaderLogo1.png) no-repeat center left;
}
.twoTopNew h1.com_title span {
  display: block;
  line-height: 20px;
  font-size: 18px;
}
h1.MessageLogo {
  background: url(../images/homeTeacher/ICT07s.png) no-repeat center left;
  background-size: 90px;
  padding-left: 100px;
}
h1.WordSearchLogo {
  background: url(../images/homeTeacher/ICT03s1.png) no-repeat center left;
  background-size: 90px;
  padding-left: 92px;
}
h1.EclassicLogo {
  background: url(../images/homeTeacher/eClassicLogo.png) no-repeat center left;
  background-size: 90px;
  padding-left: 92px;
}
h1.MyFavouriteLogo {
  background: url(../images/homeTeacher/MyFavouriteLogo.png) no-repeat center
    left;
  background-size: 80px;
  padding-left: 88px;
}
h1.LearningProgressLogo {
  background: url(../images/homeTeacher/LearningProgressLogo.png) no-repeat
    center left;
  background-size: 80px;
  padding-left: 88px;
}
h1.eAssignmentsLogo {
  background: url(../images/homeTeacher/ICT01s.png) no-repeat center left;
  background-size: 85px;
  padding-left: 92px;
}
h1.DataAnalysisLogo {
  background: url(../images/homeTeacher/DataAnalysisLogo.png) no-repeat center
    left;
  background-size: 70px;
  padding-left: 80px;
}
h1.LessonPlanTopLogo {
  background: url(../images/homeTeacher/LessonPlanTopLogo.png) no-repeat center
    left;
  background-size: 75px;
  padding-left: 85px;
}
h1.ResultReportLogo {
  background: url(../images/homeTeacher/ResultReportLogo.png) no-repeat center
    left;
  background-size: 70px;
  padding-left: 76px;
}
h1.GrowthCenterLogo {
  background: url(../images/homeTeacher/GrowthCenterLogo.png) no-repeat center
    left;
  background-size: 70px;
  padding-left: 76px;
}
h1.eDictionaryLogo {
  background: url(../images/homeTeacher/ICT05s1.png) no-repeat center left;
  background-size: 70px;
  padding-left: 76px;
}
h1.TextToSpeechLogo {
  background: url(../images/homeTeacher/ICT04s.png) no-repeat center left;
  background-size: 70px;
  padding-left: 76px;
}
h1.StudentAccountsLogo {
  background: url(../images/homeTeacher/StudentAccountsLogo.png) no-repeat
    center left;
  background-size: 70px;
  padding-left: 76px;
}
h1.EElisteningLogo {
  background: url(../images/homeTeacher/eListeningInto.png) no-repeat center
    left;
  background-size: 70px;
  padding-left: 76px;
}
h1.eExerciseLogo {
  background: url(../images/homeTeacher/eExerciseInto.png) no-repeat center left;
  background-size: 70px;
  padding-left: 85px;
}
h1.RewardLogo {
  background: url(../images/homeStudent/rewardInto.png) no-repeat center left
    15px;
  background-size: 70px;
  padding-left: 95px;
}
h1.eoralLogo {
  background: url(../images/homeTeacher/eoralInto.png) no-repeat center left;
  background-size: 70px;
  padding-left: 85px;
}
h1.EreadingLogo {
  background: url(../images/homeTeacher/EreadingLogo.png) no-repeat center left;
  background-size: 70px;
  padding-left: 80px;
}
h1.MyBuddyLogo {
  background: url(../images/homeStudent/BuddyInto.png) no-repeat center left;
  background-size: 70px;
  padding-left: 80px;
}
h1.FunlandLogo {
  background: url(../images/homeTeacher/FunlandLogo.png) no-repeat center left;
  background-size: 70px;
  padding-left: 80px;
}
h1.VideoDemoLogo {
  background: url(../images/homeTeacher/VideoDemoLogo.png) no-repeat center left;
  background-size: 70px;
  padding-left: 80px;
}
h1.SchoolUsageStatisticLogo {
  background: url(../images/homeTeacher/SchoolUsageStatisticLogo.png) no-repeat
    center left;
  background-size: 70px;
  padding-left: 80px;
}
h1.SpellingTopLogo {
  background: url(../images/homeTeacher/SpellingTopLogo.png) no-repeat center
    left;
  background-size: 85px;
  padding-left: 85px;
}

h1.AIEvaluationSpeechLogo {
  background: url(../images/homeTeacher/ICT08s.png) no-repeat center left;
  background-size: 80px;
  padding-left: 85px;
}

.twoTopNew .contentMax {
  position: relative;
  line-height: 68px;
  display: flex;
  align-items: center;
  padding: 0;
}

/* select下拉菜单 */
.custom-select {
  position: relative;
  min-width: 145px; /* 或者你需要的宽度 */
}

.custom-select select {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: 0;
  width: 100%;
  font-size: 17px;
  color: #25355e;
  height: 45px;
  padding-right: 30px; /* 留出自定义箭头的空间 */
  appearance: none; /* 隐藏原生下拉三角 */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; /* 更改鼠标悬停时的光标样式 */
  line-height: 45px;
  padding: 0 35px 0 15px;
}

.custom-select .custom-arrow {
  position: absolute;
  right: 15px; /* 请根据select的padding-right调整 */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* 使自定义箭头不接受鼠标事件 */
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.custom-select .custom-arrow::before {
  content: "";
  display: block;
  width: 2px;
  height: 40%;
  background-color: #96a3c3;
  transform: rotate(-45deg);
  position: absolute;
  margin-left: -3px;
}
.custom-select .custom-arrow::after {
  content: "";
  display: block;
  width: 2px;
  height: 40%;
  background-color: #96a3c3;
  transform: rotate(45deg);
  position: absolute;
  margin-left: 3px;
}
.eAssignmentSelect select option {
  line-height: 45px;
}
.pagingBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* min-height: 20px; */
}
.tablePagination {
  background: #fff;
  border-radius: 8px;
  margin: 15px 0 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.tablePagination button.btn-prev {
  background-color: transparent !important;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  color: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 !important;
}
.tablePagination button.btn-prev::before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #96a3c3;
  border-left: 2px solid #96a3c3;
  transform: rotate(-45deg);
  margin-left: 5px;
}
.tablePagination button.btn-next {
  background-color: transparent !important;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  color: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 !important;
}
.tablePagination button.btn-next::before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #96a3c3;
  border-right: 2px solid #96a3c3;
  transform: rotate(45deg);
  margin-right: 5px;
}
.el-pagination.is-background .el-pager li.is-active {
  background-color: #456afe !important;
  border-radius: 6px !important;
  font-weight: normal;
}
.el-pagination.is-background .el-pager li {
  height: 40px;
  width: 40px;
  font-size: 17px;
  background-color: transparent !important;
}

.pagingLeft {
  color: #8e9296;
  padding: 10px;
}
.yellowColor {
  color: #ff5a00;
}
.greenColor {
  color: #00b771;
}

/* css滚动条优化 */
.test-1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.test-1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  margin: 5px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.test-1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.selectDiv .el-icon {
  width: 2em;
  height: 2em;
}
.selectDiv .el-icon svg {
  height: 1.5em;
  width: 1.5em;
  color: #8394bd;
}
.selectDiv .el-select__wrapper {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  min-height: 45px;
  line-height: 35px;
  font-size: 16px;
  color: #25355e;
  padding: 0 10px;
  cursor: pointer;
}
.selectDiv .el-select__selection {
  min-width: 150px;
}
.selectDivN .el-icon {
  width: 2em;
  height: 2em;
}
.selectDivN .el-icon svg {
  height: 1.5em;
  width: 1.5em;
  color: #8394bd;
}
.selectDivN .el-select__wrapper,
.selectDivN .el-input__wrapper,
.AssignmentClassSelectDiv .el-select__wrapper,
.GradeClassDiv .el-select__wrapper {
  box-shadow: 0 0 0 2px #e7ebf1 inset;
  background-color: #fafbfc;
  border-radius: 8px;
  min-height: 45px;
  line-height: 35px;
  font-size: 17px;
  padding: 4px 8px 4px 10px;
  max-width: 190px;
  max-width: 200px;
}
.selectDivN .redWZ {
  max-width: 880px;
}

.selectDivN .el-cascader .el-input .el-input__inner {
  padding: 0;
  background-color: transparent;
  letter-spacing: 0.015rem;
}
.el-cascader-panel .el-cascader-node {
  padding: 0 10px 0 5px;
}
.el-cascader-node__label {
  font-size: 16px;
}
.el-cascader-menu__list .el-icon svg {
  height: 2em;
  width: 2em;
}
.el-cascader-panel .el-cascader-menu__wrap.el-scrollbar__wrap {
  height: auto;
}
.el-cascader-node__label {
  font-weight: normal;
}
.selectDivN .el-select__selection,
.AssignmentClassSelectDiv .el-select__selection {
  min-width: 150px;
}

.el-popper {
  font-size: 16px;
}
.el-select-dropdown__item {
  font-size: 16px !important;
  font-weight: normal !important;
}
.blueColer {
  color: #3b43ec;
  white-space: normal;
}
.redColer {
  color: #fc2e4e;
}
.blue1Coler {
  color: #1890ff;
  white-space: normal;
}
.red1Coler {
  color: #f75f5c;
}
.submitS {
  color: #3b43ec;
  white-space: normal;
  display: flex;
  align-items: center;
}

/*单选*/
.max_box {
  display: flex;
  flex-wrap: wrap;
}
.radio_boxL {
  display: inline-block;
  position: relative;
  font-size: 16px;
}
.radio_boxL input {
  display: none;
}
.radio_boxL label {
  min-height: 25px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-right: 10px;
  cursor: pointer;
  margin: 5px 0;
  flex-wrap: wrap;
}
.radio_boxL label::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  top: 2px;
  left: 3px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
}
.radio_boxL input:checked ~ b {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 9px;
  left: 10px;
  background: #73716e;
  border-radius: 50%;
  z-index: 1;
}

/*复选*/
.check_boxL {
  display: inline-block;
  position: relative;
}
.check_boxL input,
.radio_box input {
  display: none;
}
.check_boxL label {
  height: 25px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-right: 10px;
  background: #fff;
  cursor: pointer;
  margin: 5px 0;
}
.check_boxL label::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 3px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
}
.check_boxL label b {
  content: "";
  width: 10px;
  height: 5px;
  left: 8px;
  top: 9px;
  position: absolute;
  border: 2px solid #73716e;
  border-top: none;
  border-right: none;
  opacity: 0;
  transform: rotate(-45deg); /*-webkit-transform:rotate(-45deg);*/
}
.check_boxL label:hover::before {
  border: 1px solid #c6c6c6;
}
.check_boxL input:checked ~ b {
  opacity: 1;
  border: 2px solid #73716e;
  border-top: none;
  border-right: none;
}
.check_boxL input:disabled {
  cursor: no-drop;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
.check_boxL input:disabled ~ b {
  width: 20px;
  height: 20px;
  background-color: #e9ecef;
  border: 0;
  transform: rotate(0);
  opacity: 1;
  left: 3px;
  top: 2px;
  cursor: no-drop;
  border-radius: 3px;
}

/* 暂无缺省页 */
.notMessage {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  left: 0;
}
.notMessage span {
  position: relative;
  color: #7f8599;
  font-size: 17px;
  display: inline-block;
}
.notData {
  min-height: 50vh;
}
.notData p {
  color: #7f8599 !important;
  font-size: 17px !important;
  opacity: 0.6;
}
.notMessage span::before {
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  background: url(../images/noImg/notImg.png) no-repeat;
  margin-bottom: 10px;
}

.ConUlNav {
  justify-content: flex-start;
  padding: 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ConUlNav a,
.ConUlNav li.active a {
  color: #000;
  line-height: 60px;
}
.ConUlNav li.active a {
  font-size: 21px;
}
.ConUlNav li.active a::before {
  background-color: #9d6afd;
  bottom: 0;
  width: 80%;
}
.ConUlNav li a:hover {
  color: #5e36f0;
}
.ConUlNav li.active a:hover {
  color: #000;
}
.lszyInto {
  width: 14px;
  height: 14px;
  display: inline-block;
  padding: 0;
  margin: 0 5px;
  border: 3px solid #795afa;
  border-radius: 50%;
}
.ggzyInto {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0 5px;
  background: url(../images/ggzyInto.png) no-repeat center;
}
.width1300 .contentMax {
  max-width: 1300px;
}
.el-input-number {
  position: relative;
  display: inline-block;
  width: 150px;
  line-height: 38px;
}
.el-input-number .el-input-number__decrease,
.el-input-number .el-input-number__increase {
  width: 40px;
  height: 40px;
  font-size: 15px;
}
.el-input-number .el-input {
  height: 42px;
  font-size: 17px;
}
.MainRelease_Level .el-button {
  height: 42px;
  font-size: 17px;
  border-radius: 8px;
  min-width: 100px;
}
.gou {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.gou::before {
  position: absolute;
  content: "";
  height: 4px;
  width: 13px;
  border-radius: 2px;
  display: block;
  top: 8px;
  left: 5px;
  background-color: #f9557d;
  transform: rotate(135deg);
}
.gou::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 10px;
  border-radius: 2px;
  display: block;
  top: 9px;
  left: 1px;
  background-color: #f9557d;
  transform: rotate(45deg);
}

/* 404错误界面 */
.nofound {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dcf2fe;
}
.nofound > div {
  position: relative;
  text-align: center;
}
.nofound > div::before {
  content: "";
  display: block;
  width: 50vw;
  height: 42vw;
  background-size: auto 100% !important;
  max-height: 420px;
  background: url(../images/NotAvailable/nofound.png) center no-repeat;
}
.nofound > div h1 {
  font-weight: bold;
  padding: 10px 10px 5px 10px;
}
.nofound > div p {
  color: #2f3462;
  font-size: 18px;
  padding: 10px 5px;
}
.nofound > div span {
  background-color: #fe5e5c;
  line-height: 50px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  padding: 0 30px;
  border-radius: 25px;
  margin-top: 10px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.nofound > div span:hover {
  transform: scale(1.05);
}
i.duiIcon {
  width: 13px;
  height: 13px;
  border-radius: 3px;
  background-color: #00da8f;
  margin: 0 8px;
  display: inline-block;
}
i.cuoIcon {
  width: 13px;
  height: 13px;
  border-radius: 3px;
  background-color: #ff9800;
  margin: 0 8px;
  display: inline-block;
}
button.PCHornQ,
button.PCHornQ1,
button.PCHornQ2 {
  height: 30px;
  width: 30px;
  font-size: 16px;
  background-size: auto 100%;
  color: transparent !important;
  background-color: transparent !important;
  border: 0;
}
button.PCHornQ span,
button.PCHornQ1 span,
button.PCHornQ2 span,
button.PCHornA span,
button.PCHornA1 span,
button.PCHornA2 span {
  color: transparent !important;
}
button.PCHornQ {
  background: url(../images/into17.png) no-repeat center;
}
button.PCHornQ1 {
  animation: PCHornQAnimation 1s linear infinite;
}

@keyframes PCHornQAnimation {
  0% {
    background: url(../images/into17s1.png) no-repeat center;
  }
  30%,
  50% {
    background: url(../images/into17s2.png) no-repeat center;
  }
  70%,
  100% {
    background: url(../images/into17s3.png) no-repeat center;
  }
}
button.PCHornQ2 {
  background: url(../images/into17s5.png) no-repeat center;
}

button.PCHornA,
button.PCHornA1,
button.PCHornA2 {
  height: 30px;
  width: 35px;
  font-size: 16px;
  background-size: auto 100%;
  color: transparent !important;
  background-color: transparent !important;
  border: 0;
}
button.PCHornA {
  background: url(../images/into18.png) no-repeat center;
}
button.PCHornA1 {
  animation: PCHornAAnimation 1s linear infinite;
}
@keyframes PCHornAAnimation {
  0% {
    background: url(../images/into18s1.png) no-repeat center;
  }
  30%,
  50% {
    background: url(../images/into18s2.png) no-repeat center;
  }
  70%,
  100% {
    background: url(../images/into18s3.png) no-repeat center;
  }
}
button.PCHornA2 {
  background: url(../images/into18s4.png) no-repeat center;
}
.correctOk {
  background: url(../images/into12.png) no-repeat center;
  width: 40px;
  height: 40px;
  position: absolute;
  background-size: 70%;
  left: -5px;
  top: -5px;
  z-index: 1;
}
.correctError {
  background: url(../images/into12cuo.png) no-repeat center;
  width: 40px;
  height: 40px;
  position: absolute;
  background-size: 70%;
  left: -5px;
  top: -5px;
  z-index: 1;
}

/* 置顶 */
.el-backtop.TopUp {
}
.el-backtop.TopUp .el-icon {
  background: url(../static/images/nav2_07.png) no-repeat
    rgba(235, 39, 86, 0.85);
  background-position: center;
  display: block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 50%;
}
.el-backtop.TopUp .el-icon svg {
  display: none;
}
.el-checkbox__inner,
.el-checkbox .el-checkbox__inner {
  height: 20px;
  width: 20px;
  border-radius: 3px;
}
.el-checkbox__inner:after,
.el-checkbox .el-checkbox__inner:after {
  border: 2px solid transparent;
  height: 9px;
  left: 6px;
  width: 4px;
  top: 2px;
}
.el-popper .el-select-dropdown {
  border-radius: 5px;
}
.el-popper .el-select-dropdown__empty,
.el-popper .el-select-dropdown__loading {
  font-size: 16px;
}
.el-checkbox__label {
  font-size: 16px;
}
.el-button > span {
  font-size: 16px;
  /* color: #000; */
}
.el-button.el-button--primary > span {
  color: #fff;
}
.lessonPlanSuspendTools > span {
  color: transparent;
}
.layui-layer-dialog .layui-layer-content {
  font-size: 16px;
  word-break: auto-phrase;
}
.msgClass {
  max-width: 90%;
}
.msgClass .layui-layer-content {
  padding-right: 15px;
}
/* 用户未订阅弹出提示 */
.Unsubscribed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  outline: 0;
  transition: opacity 0.15s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.Unsubscribed_D {
  background-color: #fff;
  max-width: 360px;
  border-radius: 8px;
  width: 90%;
  position: relative;
  padding: 10px 15px;
  text-align: center;
}
.Unsubscribed_D::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  background: url(../images/a10.png) no-repeat center;
  margin: auto;
}
.Unsubscribed_D span {
  font-size: 17px;
  line-height: 25px;
  display: block;
}
.Unsubscribed_D h1 {
  font-size: 20px;
  color: #ef5b87;
  text-decoration: underline;
  padding: 8px 0 15px 0;
  cursor: pointer;
}
.Unsubscribed_D b {
  display: block;
  font-size: 20px;
  color: #2893f5;
  text-decoration: underline;
  line-height: 30px;
  padding: 5px 0;
  cursor: pointer;
}
.Unsubscribed_D b {
  font-weight: normal;
}
.QBankNr ul li a.greyColor {
  opacity: 0.6;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.QBankNr ul li:last-child a.greyColor {
  border: 2px solid #b2d2ff;
  background-color: #d8f3ff;
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05) !important;
}
button.assignmentInto.greyColor,
a.assignmentInto.greyColor,
.workeAssignment1Into.greyColor {
  opacity: 0.6;
  background-color: #f6b7c9;
}
button.assignmentInto.greyColer::before,
a.assignmentInto.greyColer::before,
.eReadingListDiv.greyColer .eBookDiv,
.OneNavRight > div.greyColor,
.xzzd_pannel > div.greyColor,
.compositionList4_6 ul li.greyColor,
.StudentReportInto.greyColor,
.eOralList li.greyColor,
.eoralDivTitle .eoral_share_into.greyColor {
  opacity: 0.6;
}
.exercuseRTop input.ExerciseInput.greyColor,
.eListening_R .ExerciseInput.greyColor,
.nextEx span.greyColor {
  opacity: 0.4;
  background-color: #39adfa;
}
.exercuseRTop input.ExerciseInput.greyColor:hover,
.eListening_R .ExerciseInput.greyColor:hover {
  transform: scale(1);
  background-color: #39adfa;
}
input.eOralRInput.greyColor,
input#myclass.greyColor,
.teacherICT ul li.greyColor {
  opacity: 0.5;
}
.eReadingListDiv.greyColer footer.teacherFBFooter .work_pub_times_total,
.eReadingList .greyColer .ReleaseInput,
.eReadingList .greyColer input.ReleaseInput,
.greyColor footer.teacherFBFooter .work_pub_times_total,
.greyColor footer.teacherFBFooter .work_pub_times_my,
.greyColor input.eOralRInput,
.greyColor .eOralListTit footer > div:nth-child(1) {
  opacity: 0.4;
  filter: grayscale(100%);
}
.greyColor .eOralListTit h1 {
  filter: grayscale(100%);
}
.greyColor .eOralListTit footer > div,
.oralContentNav nav > ul li.greyColor,
.eOralList li.greyColor .s_order_css,
.eReadingList .ReleaseInput.greyColor,
.eReadingList input.ReleaseInput.greyColor,
.OneNavNume > div.greyColor,
.OneNavNume > div.greyColor > span {
  opacity: 0.5;
}

/* 登录过期弹窗 */
.exitTips_Box,
.popup_message_box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_message_box img {
  height: 80px;
  width: auto !important;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 20px;
}

.exitTips {
  max-width: 485px;
  width: 85%;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
  position: relative;
}
#login_message_box_incorrect .exitTips {
  max-width: 405px;
}
.popup_message_box > div {
  padding-top: 110px;
  max-width: 380px;
  text-align: left !important;
  width: 85%;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
  position: relative;
}
.popup_message_box > div br {
  display: block;
  content: "";
  height: 5px;
}
.exitTips > div:nth-child(1) {
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: absolute;
  right: 10px;
  top: 0;
}
.exitTips p {
  margin-bottom: 8px;
}
.exitTips div:last-child a {
  background-color: #f86765;
  color: #fff;
  /* color: #c42400; */
  line-height: 40px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: bold;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  min-width: 100px;
  margin: auto;
}
.popup_message_box > div a {
  background-color: #f86765;
  line-height: 40px;
  width: 100px;
  border-radius: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
}
/* 订阅过期 */
.mboxxxBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
#login_message_box_expired p span {
  display: block;
}
.mboxxxDiv,
.popup_message_box > div {
  max-width: 485px;
  width: 85%;
  background-color: #fff;
  border-radius: 8px;
  padding-bottom: 15px;
}
.popup_message_box > div {
  padding-top: 115px;
  max-width: 400px;
}
.popup_message_box_content {
  display: block;
  text-align: center;
  min-height: 70px;
  padding-top: 10px;
}
.mboxxxImg {
  text-align: center;
  padding-top: 20px;
}
.mboxxxImg img {
  width: 90px;
}
.mboxxxBox b {
  font-weight: normal;
  text-decoration: underline;
}
.mboxxxBox #mboxxx span {
  display: block;
  line-height: 22px;
  padding-bottom: 8px;
  font-size: 16px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", sans-serif, "微软雅黑", monospace !important;
}
.mboxxxButton {
  padding: 15px 15px 5px 15px;
}
.mboxxxButton input {
  line-height: 50px;
  width: 100%;
  letter-spacing: 0.05rem;
  font-weight: normal;
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
}
.mboxxxButton input:nth-child(1) {
  background: #fe7b45;
}
.mboxxxButton input:nth-child(2) {
  background: #30a5ff;
  margin-top: 10px;
}

/* 用户订阅弹窗 */
.HomeSubscribeHB {
  cursor: pointer;
}
.PopupHomeSubscribe {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  transition: opacity 0.15s linear;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.PopupHomeSubscribe.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.PopupHomeSubscribe .PopupDiv {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  background-color: #faf4ef;
}
.PopupHomeSubscribe .PopupDiv {
  background-color: #fff;
  max-width: 485px;
  border-radius: 8px;
  width: 90%;
  position: relative;
  padding: 10px 15px;
  z-index: 1;
}
.PopupHomeSubscribe .PopupDiv > img {
  margin: 10px 0;
  width: 90px;
}
.PopupHomeSubscribe header {
  line-height: 20px;
  margin-bottom: 5px;
}
.PopupHomeSubscribe header span {
  display: block;
  line-height: 22px;
  padding-bottom: 8px;
  font-size: 16px;
}
.PopupHomeSubscribe header span b {
  font-weight: normal;
  text-decoration: underline;
}
.PopupHomeSubscribe footer {
  color: #ff4100;
  line-height: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  background-color: transparent;
}
.PopupHomeSubscribe footer input {
  line-height: 50px;
  width: 100%;
  letter-spacing: 0.05rem;
  font-weight: normal;
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
}
.PopupHomeSubscribe footer input:nth-child(1) {
  background: #fe7b45;
}
.PopupHomeSubscribe footer input:nth-child(2) {
  background: #30a5ff;
  margin-top: 10px;
}

.el-picker-panel__content {
  margin: 11px;
}
.el-date-picker .el-picker-panel__content,
.el-date-picker.has-time .el-picker-panel__content {
  width: 300px;
}

.el-input--small .el-input__inner {
  font-size: 16px;
  padding: 2px;
}
.selectDiv .el-select__placeholder {
  z-index: 1;
}
.el-date-table th {
  padding: 5px 3px !important;
}

@media (max-width: 1440px) {
  .contentMax {
    padding: 0 15px;
  }
  .contentMax > .contentMax {
    padding: 0 !important;
  }
  .twoTopNewR {
    right: 15px;
  }
  .OneNavRight {
    /* margin-right: 15px; */
  }
  .conterMain .contentMax {
    padding: 0 15px;
    max-width: 1300px;
  }
  .twoTopNew .contentMax,
  .studentS .OneNav .contentMax {
    max-width: 1300px;
  }
  .conterMain .IndexReward ul {
    padding: 10px;
  }
}
@media (max-width: 1300px) {
  .contentMax {
    padding: 0 1vw;
  }
  h1.styelH1 {
    font-size: 17px;
  }
  h1.RewardLogo {
    background-position: center left 5px;
    padding-left: 85px;
  }
  .twoTopNew h1.com_title span {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .conterMain .contentMax {
    padding: 0 1.5vw;
  }
  .twoTopNewR {
    right: 10px;
  }
  .conterMain {
    min-height: 75vh;
  }
  .gradeDiv li span {
    border-radius: 8px;
  }
  button.assignmentInto,
  a.assignmentInto {
    margin: 5px 0 5px 5px;
  }
  .grade_OneNav .gradeDiv li.active span::after {
    display: none;
  }
  .gradeDiv {
    padding: 0;
  }

  .grade_OneNav .contentMax {
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .grade_OneNavRight {
    min-width: 280px;
    justify-content: flex-end;
  }
  .StudentReportInto,
  .assignedlistInto {
    padding: 0 8px 0 40px;
    background-position: center left 0px;
  }
  .AssignmentMainDiv > div {
    width: 33.333333%;
    padding: 1vw;
  }
  .grade_OneNav a.assignmentInto,
  .grade_OneNavRight .workeAssignment1Into {
    margin-bottom: 15px;
    min-width: 275px;
    font-size: 17px;
  }
  .grade_OneNav .gradeDiv {
    flex-wrap: wrap;
  }
  .grade_OneNav .gradeDiv li {
    width: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .OneNav.eReadingOneNavStu {
    padding: 0;
  }
  .twoTopNewUl li {
    padding: 0 10px;
  }
  .twoTopNewUl a {
    font-size: 18px;
  }
  .ConUlNav li.active a {
    font-size: 19px;
  }
  .grade_OneNav a.assignmentInto,
  .grade_OneNavRight .workeAssignment1Into {
    min-width: 265px;
  }
  h1.eExerciseLogo {
    background-size: 60px;
    padding-left: 70px;
  }
  h1.com_title {
    padding: 15px 0 15px 65px;
    background-size: 60px;
  }

  .gradeDiv li span {
    line-height: 45px;
    min-width: 90px;
  }
  .AssignmentMain > header {
    padding: 0;
  }
  .workeAssignment1Into {
    padding: 0 12px 0 10px;
    height: 50px;
    font-size: 17px;
  }
  .workeAssignment1Into::before {
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
  .selectDivN .el-select__wrapper,
  .selectDivN .el-input__wrapper,
  .AssignmentClassSelectDiv .el-select__wrapper,
  .GradeClassDiv .el-select__wrapper {
    min-height: 40px;
    line-height: 30px;
    font-size: 16px;
    max-width: none;
  }
}
@media screen and (max-width: 980px) {
  .OneNav .contentMax {
    padding: 0;
  }

  .gradeDiv {
    flex-wrap: wrap;
  }
  .gradeDiv li {
    width: 33.333333%;
  }
  .ToolsBj::before {
    background-size: 130% auto;
    bottom: -35px;
  }
  .twoTop.ToolsBj .contentMax {
    padding-bottom: 35px;
  }
  .ToolsBj input.twoTopBack {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 900px) {
  .contentMax {
    position: relative;
  }
  .grade_OneNav a.assignmentInto,
  .grade_OneNavRight .workeAssignment1Into {
    margin-bottom: 1.5vw;
  }
  .grade_OneNav .gradeDiv li.active span::after {
    display: none;
  }
  .grade_OneNav .contentMax {
    flex-wrap: nowrap;
    position: relative;
  }
  .grade_OneNav a.assignmentInto {
    min-width: 265px;
    position: absolute;
    right: 2vw;
    bottom: 0;
    top: auto;
  }
  .grade_OneNavRight {
    position: absolute;
    right: 1vw;
  }
  .grade_OneNav .gradeDiv {
    width: 100%;
    flex-wrap: wrap;
  }
  .grade_OneNav .gradeDiv li {
    padding: 5px;
    width: 33.333333%;
  }
  .grade_OneNav .gradeDiv li:nth-child(7),
  .grade_OneNav .gradeDiv li:nth-child(8) {
    width: 50%;
  }
  .HomeFooter .DisplayflexJC > span {
    display: block;
    width: 100%;
    padding-bottom: 1vw;
  }
  .HomeFooter .DisplayflexJC {
    justify-content: end;
    padding: 1vw;
  }
  .workeAssignment1Into {
    min-width: 265px;
    position: absolute;
    right: 1vw;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .conterMain .contentMax {
    padding: 0 15px;
  }
  .Unsubscribed_D::before {
    width: 80px;
    height: 80px;
    background-size: 88%;
  }
  .Unsubscribed_D span {
    font-size: 16px;
    line-height: 20px;
  }
  .Unsubscribed_D h1 {
    font-size: 18px;
    padding: 0px 0 10px 0;
  }
  .Unsubscribed_D b {
    font-size: 18px;
    font-weight: bold;
  }
  .PopupHomeSubscribe .PopupDiv > img {
    width: 80px;
  }
  .PopupHomeSubscribe footer input {
    line-height: 45px;
    font-size: 17px;
  }
  .PopupHomeSubscribe header span {
    line-height: 20px;
    padding-bottom: 5px;
  }
  .AudioBox > header {
    padding: 5px 0;
  }
  .twoTopNewUl a {
    font-size: 17px;
  }
  .AssignmentMainDiv > div {
    width: 50%;
  }
  h1.eExerciseLogo {
    background-size: 50px;
  }

  h1.com_title {
    padding: 10px 0 10px 55px;
    background-size: 50px;
  }
  h1.RewardLogo {
    padding: 10px 0 10px 60px;
    background-size: 45px;
  }
  .twoTopNew h1 {
    font-size: 20px;
  }
  .twoTopNew h1.com_title span {
    font-size: 15px;
  }
  input.twoTopBack {
    font-size: 17px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 40px;
    padding: 0 10px 0 40px;
    background-position: center left 0;
  }
}
@media screen and (max-width: 680px) {
  .grade_OneNavRight {
    bottom: auto;
    top: 3vw;
    width: 95%;
    margin: 0 1.5%;
  }
  .grade_OneNav .contentMax {
    /* padding-top: 60px; */
    padding-right: 2vw;
    padding-left: 2vw;
  }
  .grade_OneNav a.assignmentInto {
    bottom: auto;
    top: 15px;
    width: 100%;
  }
  .grade_OneNav .gradeDiv li {
    padding: 0.8vw;
  }
  .grade_OneNav a.assignmentInto {
    bottom: auto;
    top: 3vw;
    left: 0.5vw;
    width: 93%;
    margin: 0 3vw;
  }
  .grade_OneNav a.assignmentInto.anEnlarge:hover {
    transform: scale(1);
  }
  .grade_OneNav .gradeDiv {
    /* padding: 5px 0; */
  }
  .AssignmentMain > header {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 520px) {
  .twoTopNew h1.com_title span {
    font-size: 14px;
    line-height: 15px;
  }
  .tablePagination button.btn-next,
  .tablePagination button.btn-prev {
    width: 40px;
    height: 40px;
  }

  .el-pagination.is-background .el-pager li {
    font-size: 16px;
    height: 30px;
    width: 30px;
    min-width: auto;
    padding: 0;
    margin: 0 3px;
  }
  .el-pagination.is-background .el-pager li.is-active {
    border-radius: 5px !important;
    width: 30px;
  }
  .tablePagination button.btn-next,
  .el-pagination.is-background .btn-prev {
    height: 30px;
    width: 30px;
  }
}
@media screen and (max-width: 480px) {
  .radio_boxL {
    display: block;
  }
  /* css滚动条优化 */
  .test-1::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
  }
  .test-1::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
  }
  .exercuseR_time .selectDivN .el-select__selection {
    min-width: 65px;
  }
  .selectDivN .el-icon,
  .selectDiv .el-icon {
    width: 1.5em;
    height: 1.5em;
  }
  .selectDivN .el-icon svg,
  .selectDiv .el-icon svg {
    height: 1.2em;
    width: 1.2em;
  }
  .conterMain .contentMax {
    padding: 0 10px;
  }
  .SpellingPReports .AssignmentClassSelectDiv {
    flex-wrap: wrap;
    padding: 0 5px;
  }
  .SpellingPReports .AssignmentClassSelectDiv h1 {
    padding-left: 0;
    text-align: left;
    min-width: 180px;
  }
  .SpellingPReports .AssignmentClassSelectDiv .el-select {
    max-width: 200px;
  }
  h1.styelH1 {
    font-size: 16px;
  }
  .wordSearch_nav {
    padding: 0;
  }
  .wordSearchMain .contentMax {
    padding: 0 1vw;
  }
  .wordSearchInput {
    padding: 1vw;
  }
  .wordSearch_nr {
    padding: 0;
  }
  .ToolsBj {
    padding-top: 3px;
  }
  .ToolsBj::before {
    background-size: 150% auto;
  }
  .ToolsBj input.twoTopBack {
    margin-bottom: 35px;
    line-height: 38px;
  }
  .twoTop.ToolsBj .contentMax {
    padding-bottom: 30px;
  }
  .selectDivN .el-select__wrapper,
  .selectDivN .el-input__wrapper,
  .AssignmentClassSelectDiv .el-select__wrapper,
  .GradeClassDiv .el-select__wrapper {
    font-size: 16px;
  }
  input,
  select,
  textarea {
    font-size: 16px;
  }
  .gradeDiv li span {
    font-size: 17px;
    line-height: 40px;
  }
  input.twoTopBack {
    background: #5e36f0;
    padding: 0 10px;
    font-size: 16px;
    min-width: auto;
  }
  .twoTopNew h1 {
    font-size: 17px;
    line-height: 25px;
  }
  .twoTopNew h1.com_title span {
    font-size: 13px;
    line-height: 15px;
  }
  .twoTopNew .contentMax {
    line-height: normal;
  }
  .twoTopNew {
    min-height: auto;
  }
  .QBankNr ul li {
    width: 33.333333%;
  }
}
@media screen and (max-width: 420px) {
  input.inputText {
    height: 40px;
    line-height: 40px;
  }

  .MainRelease_textarea textarea,
  .MainRelease_inputText input.inputText,
  .selectDivN .el-select__wrapper,
  .selectDivN .el-input__wrapper,
  .AssignmentClassSelectDiv .el-select__wrapper,
  .GradeClassDiv .el-select__wrapper,
  input.inputText {
    border-radius: 5px;
  }
  .PopupHomeSubscribe .PopupDiv > img {
    width: 70px;
  }
  .startTime,
  .endTime {
    font-size: 17px;
  }

  .ToolsBj::before {
    background-size: 160% auto;
    bottom: -40px;
  }
  h1.com_title {
    padding-top: 10px;
  }
  .twoTop.ToolsBj .contentMax {
    padding-bottom: 25px;
  }
  .ToolsBj input.twoTopBack {
    margin-bottom: 30px;
    line-height: 38px;
    margin-right: 3px;
  }
  input.twoTopBack {
    font-size: 15px;
    line-height: 35px;
  }
}
@media screen and (orientation: portrait) {
  /* 竖屏 */

  @media screen and (max-width: 480px) {
    .selectDivN .el-select__wrapper,
    .AssignmentClassSelectDiv .el-select__wrapper,
    .GradeClassDiv .el-select__wrapper {
      min-height: 40px;
    }
  }
}