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 .3s ease 0s;}
.animat:hover{transform: scale(1.05);}

input:focus{ outline: 0;}
input::-webkit-input-placeholder{color:rgba(167,179,209,.7) !important;}
input::-moz-placeholder{  color:rgba(167,179,209,.7) !important;}
input:-moz-placeholder{ color:rgba(167,179,209,.7) !important;}
input:-ms-input-placeholder{ color:rgba(167,179,209,.7) !important;}
textarea::-webkit-input-placeholder{color:rgba(167,179,209,.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 .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 .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,.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 .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, .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 .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;
}
.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 .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;
}

@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;
    }




}
@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;
        }
    }
}