.eChineseeClass_content ul li a.greyColor {
  opacity: 0.6;
}
.stuBuddyBox {
  background: url(../images/homeStudent/buddyBj.png) no-repeat center top;
}
.stuBuddyBox .buddyFigure header {
  background: url(../images/homeStudent/buddyDZ.png) no-repeat center;
  height: 550px;
}
.stuBuddyBox .buddyMain > header h1 {
  padding-bottom: 5px;
}
.stuBuddyBox .buddyMain > header h1 > header {
  font-size: 20px;
  font-weight: normal;
  padding-top: 5px;
}
.stuHomeTop .homeRight .Avatar {
  background-color: #79b8ff;
}
.stuBuddyBox .buddyMain {
  width: 660px;
  margin-left: 20px;
  padding-top: 30px;
}
.stuBuddyBox .buddyMain > header {
  color: #fff;
  padding-top: 0;
  margin-bottom: 12px;
}
.stuBuddyBox .buddyDiv {
  background: url(../images/homeStudent/buddyKuang.png) no-repeat center;
  width: 660px;
  height: 330px;
  padding: 15px;
}
.StuICTTools {
  /* padding-bottom: 0; */
}
.stuBuddyBox .buddyDiv ul {
  background-color: transparent;
  padding: 5px 30px;
}
.stuBuddyBox .buddyDivTop {
  color: #00fcff;
  font-weight: normal;
}
.stuBuddyBox .newDiv {
  display: none;
}
.stuBuddyBox .buddyDiv ul li {
  padding: 6px 5px;
}
.stuBuddyBox .buddyDiv ul li a::before {
  background-color: #fbf047;
  opacity: 1;
  width: 7px;
  height: 7px;
}
.stuBuddyBox .buddyDiv ul li a {
  padding-left: 20px;
  color: #fff;
}
.stuBuddyBox .buddyDiv ul li a b {
  color: #fbdb47;
}
.studentUnit {
  background-color: #f4f7ff;
  position: relative;
}
.studentUnit::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: -120px;
  background: url(../images/homeTeacher/buddyBj01.png) no-repeat center top;
}
.studentUnit .ICTHeaderTit span:nth-child(2) {
  color: #0082ff;
}
.studentUnit .contentMax {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  min-height: 240px;
  border-radius: 20px;
  position: relative;
  top: -100px;
  padding-top: 25px;
  max-width: 1270px;
  z-index: 1;
}
.curriculumList {
  padding: 10px 15px;
  display: flex;
  flex-wrap: wrap;
}
.curriculumDiv {
  padding: 12px;
  width: 33.333333%;
}
.curriculumListForPreAp .curriculumDiv:nth-child(7),
.curriculumListForPreAp .curriculumDiv:nth-child(8),
.curriculumListForPreAp .curriculumDiv:nth-child(9),
.curriculumListForPreAp .curriculumDiv:nth-child(10) {
  width: 25%;
}
.curriculumDiv a {
  border: 1px solid #d5e4f1;
  border-radius: 15px;
  overflow: hidden;
  display: block;
}
.curriculumDiv a > header {
  display: flex;
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  position: relative;
}
.curriculumDiv a > header img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.titleUnit {
  padding: 10px 8px;
  text-align: center;
}
.titleUnit span {
  display: block;
  font-size: 18px;
}
.titleUnit .learn-title {
  color: #000;
}
.titleUnit span:last-child {
  color: #0082ff;
}
.learn-title b {
  font-weight: normal;
}
.studentReading {
  padding-top: 30px;
  background-color: #fff;
  position: relative;
  margin-top: -60px;
}
.studentReading ul li {
  width: 25%;
}
.studentReading .headerTit,
.StuICTTools .headerTit,
.StuSharingCenter .headerTit,
.MyInsights .headerTit {
  position: relative;
  padding-left: 45px;
  display: inline-block;
  padding-top: 8px;
}
.studentReading .headerTit::after,
.StuICTTools .headerTit::after,
.StuSharingCenter .headerTit::after,
.MyInsights .headerTit::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: -3px;
}

.studentReading .headerTit::after {
  background: url(../images/homeStudent/into01.png) no-repeat center;
}
.StuICTTools .headerTit::after {
  background: url(../images/homeStudent/into02.png) no-repeat center;
}
.MyInsights .headerTit::after {
  background: url(../images/homeStudent/into03.png) no-repeat center;
}
.StuSharingCenter .headerTit::after {
  background: url(../images/homeStudent/into04.png) no-repeat center;
}
.studentReading .headerTit::before,
.StuICTTools .headerTit::before,
.StuSharingCenter .headerTit::before,
.MyInsights .headerTit::before {
  background-color: #e9f7ff;
  height: 5px;
  left: 5px;
}
.studentReading .headerTit span:nth-child(2),
.StuICTTools .headerTit span:nth-child(2),
.StuSharingCenter .headerTit span:nth-child(2),
.MyInsights .headerTit span:nth-child(2) {
  color: #0084ff;
}

.StuSharingCenter .SharingCenterTit a {
  background-color: #ffeeeb;
  color: #fe4013;
  border-radius: 25px;
  font-size: 19px;
  line-height: 45px;
}
.StuSharingCenter .SharingCenterTit a span:nth-child(2) {
  font-size: 18px;
  padding-top: 4px;
  line-height: 40px;
}
.SharingCenterTit a::after {
  background-color: #fe4013;
  margin-left: 8px;
}
.MyInsights {
  padding-top: 10px;
  display: none;
}
.MyInsights ul {
  display: flex;
  margin: 0 -5px;
}
.MyInsights ul li {
  width: 50%;
  padding: 10px;
}
.MyInsights ul li > div {
  border: 2px solid #fce9db;
  background-color: #fff7f1;
  border-radius: 15px;
}
.MyInsights ul li > div.MyInsights_mdxx {
  border: 2px solid #dbe7ff;
  background-color: #edf3ff;
}
.MyInsights ul li header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  position: relative;
  line-height: 35px;
  margin-top: 10px;
  color: #b83618;
}
.MyInsights ul li header h1 {
  font-size: 20px;
}
.MyInsights ul li header h1 span {
  font-size: 18px;
  padding-left: 5px;
}
.MyInsights ul li header::before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #ff774d;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  left: 0px;
}
.MyInsights ul li header > a {
  color: #ff774d;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 15px;
  text-transform: uppercase;
  font-size: 17px;
}
.MyInsights ul li header > a:hover {
  text-decoration: underline;
}
.MyInsights ul li header > a::before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #ff774d;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  right: 0;
  margin-top: -6px;
}
.MyInsights ul li header > a::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #ff774d;
  border-radius: 2px;
  position: absolute;
  transform: rotate(-45deg);
  right: 0;
  margin-top: 6px;
}
.MyInsights ul li > div.MyInsights_mdxx header > a {
  color: #5361ea;
}
.MyInsights ul li > div.MyInsights_mdxx header > a::after,
.MyInsights ul li > div.MyInsights_mdxx header > a::before {
  background-color: #5361ea;
}
.MyInsights ul li div.MyInsights_mdxx header {
  color: #3645d2;
}
.MyInsights ul li div.MyInsights_mdxx header::before {
  background-color: #5361ea;
}
.MyInsights ul li footer {
  background-color: #fff;
  border-radius: 12px;
  margin: 10px;
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.MyInsights ul li footer > div {
  width: 33.333333%;
  min-height: 80px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px dotted rgba(0, 0, 0, 0.1);
}
.MyInsights ul li footer > div:last-child {
  border-right: 0;
}
.MyInsights ul li footer > div span {
  display: block;
}
.MyInsights ul li footer > div span:nth-child(2) {
  font-size: 24px;
}
.MyInsights ul li footer b {
  width: 45px;
  height: 45px;
  display: block;
  margin-right: 10px;
}
.MyInsights_zsxb footer > div:nth-child(1) b {
  background: url(../images/homeStudent/into05.png) no-repeat center;
}
.MyInsights_zsxb footer > div:nth-child(2) b {
  background: url(../images/homeStudent/into05_1.png) no-repeat center;
}
.MyInsights_zsxb footer > div:nth-child(3) b {
  background: url(../images/homeStudent/into05_2.png) no-repeat center;
}
.MyInsights_mdxx footer > div:nth-child(1) b {
  background: url(../images/homeStudent/into06.png) no-repeat center;
}
.MyInsights_mdxx footer > div:nth-child(2) b {
  background: url(../images/homeStudent/into06_1.png) no-repeat center;
}
.MyInsights_mdxx footer > div:nth-child(3) b {
  background: url(../images/homeStudent/into06_2.png) no-repeat center;
}

/* AP单元课程 */
.apUnit {
  padding: 15px 20px 5px 20px;
}

.apUnit .apUnitMain {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.apUnit .apUnit_div div.apUnitN {
  border: 1px solid #eaeeef;
}

.apUnit .apUnit_div ul {
  display: flex;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
  margin: 0 -5px;
}

.apUnit .apUnit_div li {
  width: 100%;
  padding: 10px 5px;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
}

.apUnit .apUnit_div li:hover {
  -webkit-transform: scale(1.03, 1.03);
  -moz-transform: scale(1.03, 1.03);
  -o-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}

.apUnit .apUnit_div {
  padding: 0 6px;
  margin-bottom: 15px;
}
.apUnit .apUnit_div li.greyColer {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.apUnit .apUnit_div li.greyColer .apUnit_tit .apUnit_tit h1,
.apUnit .apUnit_div li.greyColer .apUnit_tit span {
  color: rgba(0, 0, 0, 0.7);
}
.apUnit .apUnit_div li.greyColer .apUnit_tit span:nth-child(2) {
  color: rgba(0, 0, 0, 0.5);
}

.apUnit .apUnit_div li.greyColer .apUnit_img {
  opacity: 0.6;
}
.apUnit_div ul a {
  display: block;
}

.apUnit .apUnit_div .apUnit_img {
  width: 100%;
  height: 150px;
  background-size: auto 100% !important;
  border-radius: 10px;
  overflow: hidden;
}
.apUnit .apUnit_div .apUnit_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.apUnit .apUnit_div:nth-child(1) .apUnit_img,
.apUnit .apUnit_div:nth-child(7) .apUnit_img,
.apUnit .apUnit_div:nth-child(8) .apUnit_img,
.apUnit .apUnit_div:nth-child(9) .apUnit_img {
  background-size: 100% auto !important;
}

.apUnit .apUnit_div:nth-child(1) {
  width: 24%;
}

.apUnit .apUnit_div:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img1.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(2) {
  width: 38%;
}

.apUnit .apUnit_div:nth-child(2) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img2.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(2) li:nth-child(2) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img3.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(3) {
  width: 38%;
}

.apUnit .apUnit_div:nth-child(3) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img4.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(3) li:nth-child(2) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img5.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(4) {
  width: 38%;
}

.apUnit .apUnit_div:nth-child(4) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img6.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(4) li:nth-child(2) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img7.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(5) {
  width: 62%;
}

.apUnit .apUnit_div:nth-child(5) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img8.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(5) li:nth-child(2) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img9.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(5) li:nth-child(3) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img10.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(6) {
  width: 38%;
}

.apUnit .apUnit_div:nth-child(6) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img11.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(6) li:nth-child(2) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img12.png) no-repeat center;
}

.apUnit .apUnit_div:nth-child(7) {
  width: 17%;
}

.apUnit .apUnit_div:nth-child(7) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img13.png) no-repeat center;
  background-size: auto 100% !important;
  background-position: center right;
}
.apUnit .apUnit_div:nth-child(7) header h2,
.apUnit .apUnit_div:nth-child(8) header h2 {
  padding-top: 0;
}
.apUnit .apUnit_div:nth-child(8) {
  width: 17%;
}

.apUnit .apUnit_div:nth-child(8) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img14.png) no-repeat center;
  background-size: auto 100% !important;
}

.apUnit .apUnit_div:nth-child(9) {
  width: 28%;
}

.apUnit .apUnit_div:nth-child(9) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img15.png) no-repeat center;
  background-size: auto 100% !important;
}

.apUnit .apUnit_div:nth-child(9) li:nth-child(2) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img16.png) no-repeat center;
  background-size: auto 100% !important;
}
.apUnit_tit {
  padding: 8px 5px 0 5px;
  min-height: 70px;
}
.apUnit_tit b {
  font-weight: normal;
}
.apUnit_tit_KS {
  padding-top: 15px;
}
.apUnit_tit span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 17px;
  color: #000;
}

.apUnit_tit span:nth-child(2) {
  color: #ff7d56;
  line-height: 18px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  letter-spacing: 0;
}

.apUnit_tit h1 {
  height: 25px;
  display: flex;
  align-items: center;
  color: #1382fd;
  font-size: 18px;
  justify-content: center;
}

.apUnit .apUnit_div header {
  background-color: #dbf3ff;
  text-align: center;
  color: #34358e;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 12px 10px 8px 10px;
}

.apUnit .apUnit_div header h1 {
  font-size: 20px;
  padding-bottom: 3px;
  line-height: 1.1;
}

.apUnit .apUnit_div header h2 {
  font-size: 18px;
  padding-top: 3px;
  line-height: 1.1;
}

.apUnit .apUnit_div header span {
  font-size: 16px;
}
.stuBuddyBox .buddyDiv .red {
  color: #fff100;
}
.products_nav {
  position: relative;
  height: 80px;
  display: flex;
  max-width: 1270px;
  margin: auto;
  z-index: 9;
}
.products_nav ul {
  display: flex;
  position: absolute;
  top: -95px;
  max-width: 1270px;
}
.products_nav ul a {
  background-color: #ff8c39;
  color: #fff;
  padding: 8px 15px;
  border-radius: 10px;
  text-align: center;
}
.products_nav ul li {
  padding: 0 8px;
}
.products_nav ul li.active a {
  background-color: #fe368c;
  position: relative;
}
.products_nav ul li.active a::before {
  width: 12px;
  height: 12px;
  background-color: #fe368c;
  content: "";
  display: flex;
  position: absolute;
  transform: rotate(45deg);
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
}
.products_nav ul a h1 {
  font-size: 18px;
}
.studentUnitNew .essIndex_Tleft {
  padding: 8px 15px 0 15px;
}
.studentUnitNew .essIndex_Tleft ul {
  display: flex;
  align-items: flex-end;
  border-top: 1px rgba(0, 0, 0, 0.1) dashed;
  padding-top: 20px;
  margin-top: 10px;
}
.studentUnitNew .essIndex_Tleft ul li {
  line-height: 50px;
  font-size: 20px;
}
.studentUnitNew .essIndex_Tleft ul li span {
  padding: 0 25px;
  border-radius: 10px;
  display: block;
  margin: 0 6px;
  color: #fff;
  cursor: pointer;
  background-color: #01b0ff;
}
/* .studentUnitNew .essIndex_Tleft ul li:nth-child(1) span,
.studentUnitNew .essIndex_Tleft ul li:nth-child(2) span {
  background-color: #01b0ff;
}
.studentUnitNew .essIndex_Tleft ul li:nth-child(3) span,
.studentUnitNew .essIndex_Tleft ul li:nth-child(4) span {
  background-color: #00ce9b;
}
.studentUnitNew .essIndex_Tleft ul li:nth-child(5) span,
.studentUnitNew .essIndex_Tleft ul li:nth-child(6) span {
  background-color: #fd688d;
} */
.studentUnitNew .essIndex_Tleft ul li.active span {
  background-color: #fd688d;
}
/* .studentUnitNew .ICTHeaderTit {
  justify-content: flex-start;
}
.studentUnitNew .ICTHeaderTit::after {
  display: none;
} */
.studentUnitNew .essIndex_Tleft .greyColor,
.products_nav .greyColor {
  display: none;
}
.themeUnitListForAp_new1 .apUnit_div:nth-child(1) {
  width: 38%;
}
.themeUnitListForAp_new1 .apUnit_div:nth-child(2) {
  width: 62%;
}
.themeUnitListForAp_new1 .apUnit_div:nth-child(3),
.themeUnitListForAp_new1 .apUnit_div:nth-child(4),
.themeUnitListForAp_new1 .apUnit_div:nth-child(5),
.themeUnitListForAp_new1 .apUnit_div:nth-child(6),
.themeUnitListForAp_new1 .apUnit_div:nth-child(9) {
  width: 33.333%;
}
.themeUnitListForAp_new1 .apUnit_div:nth-child(7),
.themeUnitListForAp_new1 .apUnit_div:nth-child(8){
  width: 16.6%;
}
.themeUnitListForAp_new1 .apUnit_div:nth-child(1) li:nth-child(1) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img1_new.png) no-repeat center;
}
.themeUnitListForAp_new1 .apUnit_div:nth-child(2) li:nth-child(3) .apUnit_img {
  background: url(../images/homeTeacher/APImg/img8.png) no-repeat center;
}
.newApBody.newApBodyStu,
.newApBodyStu .studentUnit{
  background-color: transparent;
}
.newApBodyStu .studentUnit::before{
  background-image: url(../images/homeTeacher/buddyBj01s1.png);
}
.newApBodyStu .studentUnit .contentMax{
  box-shadow: none;
  position: relative;
}
.newApBodyStu .studentUnit .contentMax::before{
  content: '';
  display: block;
  height: 180px;
  width: 100%;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  left: 0;
}
.newApBodyStu .curriculumList{
  padding: 10px 5px;
}
.newApBodyStu .studentReading{
  padding-top: 0;
  margin-top: -100px;
}
.newApBodyStu .studentReading .contentMax{
  padding: 0 5px;
}
.newApBodyStu .studentReading .headerTit{
  margin-left: 10px;
}
.newApBodyStu .StuICTTools{
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1921px) {
  .stuBuddyBox {
    background-color: #3478ff;
    /* top: -160px; */
    background-size: 100% auto;
    background-position: center top;
  }
  .studentUnit::before {
    background-size: 100% auto;
  }
  .studentUnit .contentMax {
    max-width: 120vh;
  }
  .stuBuddyBox .buddyMain {
    width: 40vw;
  }
  .stuBuddyBox .buddyDiv {
    background: url(../images/homeStudent/buddyKuang1.png) no-repeat center;
    width: 92%;
    background-size: 100% 100%;
  }
}
@media (max-width: 1440px) {
  .newApBodyStu .StuICTTools{
    padding-left: 0;
    padding-right: 0;
  }
  .newApBodyStu .curriculumList {
    padding: 0;
    margin: 0 -10px;
  }
  .curriculumList {
    padding: 10px 0;
  }
  .studentUnit {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .studentUnit .contentMax {
    margin: 0 20px;
    top: -7.8vw;
    padding-top: 15px;
  }
  .apUnit {
    padding: 10px 10px 5px 10px;
  }
  .studentReading {
    padding-top: 20px;
    margin-top: -70px;
  }
  .apUnit .apUnit_div header {
    padding: 8px 5px 5px;
  }
  .studentUnitNew {
    flex-wrap: wrap;
  }
  .products_nav {
    width: 100%;
    margin-top: -75px;
    height: 70px;
  }
  .products_nav ul{
    left: 20px;
    top: 0;
    position: relative;
  }
  .productSubscribedMulti .studentUnit .contentMax{
    top: auto;
  }
  .productSubscribedMulti .studentUnitNew {
    padding-bottom: 100px;
  }
}
@media (max-width: 1300px){
  .newApBodyStu .contentMax{
    max-width: none;
  }
  .newApBodyStu .studentReading .contentMax{
    padding: 0 25px;
    max-width: none;
  }
  .newApBodyStu .StuICTTools{
    padding: 0 25px 25px;
}
}
@media (max-width: 1200px) {
  .apUnit .apUnit_div:nth-child(1),
  .apUnit .apUnit_div:nth-child(7),
  .apUnit .apUnit_div:nth-child(8) {
    width: 34%;
  }
  .apUnit .apUnit_div:nth-child(2),
  .apUnit .apUnit_div:nth-child(6),
  .apUnit .apUnit_div:nth-child(9) {
    width: 66%;
  }
  .apUnit .apUnit_div:nth-child(3),
  .apUnit .apUnit_div:nth-child(4){
    width: 50%;
  }
  .apUnit .apUnit_div:nth-child(5),
  .themeUnitListForAp_new1 .apUnit_div:nth-child(1),
  .themeUnitListForAp_new1 .apUnit_div:nth-child(2) {
    width: 100%;
  }
  .themeUnitListForAp_new1 .apUnit_div:nth-child(1) .apUnit_img {
    padding-bottom: 61% !important;
  }
  .apUnit .apUnit_div .apUnit_img {
    height: 0;
    padding-bottom: 61%;
  }
  .apUnit .apUnit_div:nth-child(1) .apUnit_img,
  .apUnit .apUnit_div:nth-child(7) .apUnit_img,
  .apUnit .apUnit_div:nth-child(8) .apUnit_img {
    padding-bottom: 59.5%;
  }
  .apUnit_tit_KS {
    padding-top: 8px;
  }
  .apUnit_tit {
    min-height: auto;
  }
  .apUnit .apUnit_div:nth-child(1) .apUnit_tit {
    min-height: 67px;
  }
  .apUnit_tit h1 {
    font-size: 17px;
    height: 21px;
  }
  .studentUnit::before {
    background-size: 155vw auto;
    top: -12.5vw;
  }
  .studentUnit .contentMax {
    top: -11vw;
  }
  .stuBuddyBox .buddyMain {
    width: 60vw;
    margin-left: -5vw;
    padding-top: 2vw;
  }
  .stuBuddyBox .buddyMain > header h2,
  .stuBuddyBox .buddyMain > header h1 > header {
    font-size: 1.8vw;
  }
  .stuBuddyBox .buddyMain > header h1 > header {
    padding-top: 0.2vw;
  }
  .stuBuddyBox .buddyMain > header h1 {
    padding-bottom: 0.5vw;
  }
  .stuBuddyBox .buddyDivTop {
    padding: 0.5vw 1.5vw;
    line-height: 3vw;
    font-size: 1.6vw;
  }
  .stuBuddyBox .buddyDiv ul li {
    padding: 0.2vw;
  }

  .stuBuddyBox .buddyDiv {
    width: 58vw;
    height: 29vw;
    background-size: 100% auto;
    padding: 1.2vw;
  }
  .stuBuddyBox .buddyDiv ul {
    padding: 1vw 3vw;
  }
  .stuBuddyBox .buddyFigure header {
    height: 49vw;
  }
  .stuBuddyBox.buddyBox {
    height: 52vw;
  }
  .stuBuddyBox .buddyMain > header {
    padding-top: 2.5vw;
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .products_nav {
    margin-top: -110px;
  }
  .productSubscribedMulti .studentUnit .contentMax {
    max-width: 1230px;
    margin-top: -35px;
  }
  .curriculumList {
    padding: 5px;
    margin-bottom: 5px;
  }
  .curriculumDiv {
    padding: 8px;
  }
  .curriculumDiv a {
    border-radius: 12px;
  }
  .titleUnit {
    padding: 10px 3px;
  }
  .titleUnit span {
    font-size: 17px;
  }
  .titleUnit span.learn-title {
    font-size: 18px;
  }
  .curriculumDiv a {
    height: 100%;
  }

  .MyInsights ul li header {
    line-height: 25px;
  }
  .MyInsights ul li footer {
    padding: 10px 0;
  }
  .MyInsights ul li footer b {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background-size: 90% !important;
    margin-right: 2px;
  }
  .MyInsights ul li footer > div span:nth-child(2) {
    font-size: 22px;
  }
  .MyInsights ul li header h1 {
    font-size: 18px;
  }
  .apUnit .apUnit_div header h1 {
    font-size: 19px;
  }
  .MyInsights ul li > div {
    border-radius: 12px;
  }
  .MyInsights ul {
    margin: 0;
  }
  .MyInsights ul li {
    padding: 5px;
  }
  .apUnit .apUnit_div:nth-child(1) .apUnit_tit,
  .apUnit .apUnit_div:nth-child(3) .apUnit_tit {
    min-height: 65px;
  }
  .studentUnit::before {
    background-size: 155vw auto;
    top: -14vw;
  }
  .studentUnit .contentMax {
    top: -12.5vw;
  }
  .stuBuddyBox.buddyBox {
    height: 54vw;
    background-size: 210% auto;
    background-position: top left -32vw;
  }
  .stuBuddyBox .buddyDiv {
    width: 60vw;
    height: 30vw;
  }
  .stuBuddyBox .buddyMain {
    margin-left: -7vw;
  }
  .stuBuddyBox .buddyMain > header {
    margin-bottom: 0.5vw;
    padding-top: 0;
  }
  .curriculumListForPreAp .curriculumDiv:nth-child(7),
  .curriculumListForPreAp .curriculumDiv:nth-child(8),
  .curriculumListForPreAp .curriculumDiv:nth-child(9),
  .curriculumListForPreAp .curriculumDiv:nth-child(10) {
    width: 50%;
  }
}
@media (max-width: 880px) {
  .products_nav ul a h1 {
    font-size: 16px;
  }
  .products_nav ul a span{
    font-size: 15px;
    position: relative;
  }
  .curriculumDiv a {
    border-radius: 8px;
  }
  .titleUnit span:nth-child(2) {
    font-size: 15px;
    line-height: 15px;
    padding-top: 3px;
  }
  .titleUnit span.learn-title {
    font-size: 17px;
  }
  .curriculumDiv {
    width: 50%;
  }
  .studentReading ul li:nth-child(4) {
    min-width: 220px;
  }
  .apUnit {
    padding: 5px;
  }
  .apUnit .apUnit_div header span {
    font-size: 15px;
    letter-spacing: 0;
  }

  .studentUnit .contentMax {
    padding-top: 10px;
    border-radius: 10px;
    margin: 0 15px;
    min-height: auto;
  }
  .apUnit .apUnit_div header h1 {
    padding-bottom: 0;
  }
  .studentReading .headerTit span:nth-child(2),
  .StuICTTools .headerTit span:nth-child(2),
  .StuSharingCenter .headerTit span:nth-child(2),
  .MyInsights .headerTit span:nth-child(2) {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .products_nav ul a span {
    font-size: 13px;
    line-height: 16px;
  }
  .products_nav ul a{
    padding: 5px 8px 4px 8px;
    border-radius: 8px;
    display: grid;
  }
  .products_nav ul li.active a::before{
    bottom: -4px;
  }
  .products_nav {
    margin-top: -90px;
  }
  .stuBuddyBox .buddyMain {
    width: 70vw;
  }
  .studentReading {
    padding-left: 5px;
    padding-right: 5px;
  }
  .apUnit .apUnit_div {
    margin-bottom: 10px;
  }
  .MyInsights ul {
    flex-wrap: wrap;
    padding: 0;
  }
  .MyInsights ul li {
    width: 100%;
    padding: 5px 0;
  }
  .studentReading .headerTit::after,
  .StuICTTools .headerTit::after,
  .StuSharingCenter .headerTit::after,
  .MyInsights .headerTit::after {
    bottom: 5px;
  }
  .studentReading .headerTit span:nth-child(2),
  .StuICTTools .headerTit span:nth-child(2),
  .StuSharingCenter .headerTit span:nth-child(2),
  .MyInsights .headerTit span:nth-child(2) {
    display: block;
    font-size: 18px;
  }
  .StuSharingCenter .SharingCenterTit a {
    font-size: 16px;
    line-height: 40px;
    padding-right: 5px;
  }
  .StuSharingCenter .SharingCenterTit a span:nth-child(2) {
    font-size: 15px;
    line-height: 30px;
  }
  .studentReading .headerTit,
  .StuICTTools .headerTit,
  .StuSharingCenter .headerTit,
  .MyInsights .headerTit {
    flex-wrap: wrap;
    padding-left: 40px;
  }
  .studentReading ul {
    flex-wrap: wrap;
  }
  .studentReading .headerTit::before,
  .StuICTTools .headerTit::before,
  .StuSharingCenter .headerTit::before,
  .MyInsights .headerTit::before {
    display: none;
  }
  .SharingCenterTit a::after {
    margin-left: 5px;
  }
  .studentReading ul li {
    width: 50%;
    padding-bottom: 10px;
  }
  .StuICTTools {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .MyInsights {
    padding-left: 10px;
    padding-right: 10px;
  }
  .apUnit_tit span {
    font-size: 16px;
  }
  .apUnit .apUnit_div:nth-child(6),
  .apUnit .apUnit_div:nth-child(9) {
    width: 100%;
  }
  .apUnit .apUnit_div:nth-child(7),
  .apUnit .apUnit_div:nth-child(8) {
    width: 50%;
  }
  /* .studentUnit .ICTHeaderTit span:nth-child(1)::after,
  .studentUnit .ICTHeaderTit span:nth-child(1)::before{
    display: none;
  }
  .studentUnit .ICTHeaderTit::after, 
  .studentUnit .ICTHeaderTit::before{
    display: flex;
    position: relative;
  } */
  .studentUnit .ICTHeaderTit span:nth-child(2) {
    width: auto;
    font-size: 18px;
    width: 100%;
    padding-bottom: 5px;
  }
  .stuBuddyBox .buddyDiv ul li a::before {
    width: 0.8vw;
    min-width: 0.8vw;
    height: 0.8vw;
  }
  .stuBuddyBox .buddyDiv ul li a {
    padding-left: 2vw;
    line-height: 3.7vw;
  }
  .stuBuddyBox.buddyBox {
    height: 54vw;
  }
  .studentUnit::before {
    background-size: 140vw auto;
    top: -13.5vw;
  }
  .studentUnit .contentMax {
    top: -12vw;
  }
  .stuBuddyBox .buddyFigure header {
    padding-top: 0;
  }
}
@media (max-width: 680px) {
  .productSubscribedMulti .studentUnit .contentMax {
    margin-top: 0;
  }
  .newApBodyStu .studentReading {
    position: relative;
    z-index: 1;
  }
  
  .newApBodyStu .studentReading .contentMax {
    padding: 0 15px;
  }
  .newApBodyStu .StuICTTools {
    padding: 0 15px 15px;
  }
  .products_nav {
    margin-top: calc(-60px);
    height: 50px;
  }
  .products_nav ul{
    left: 10px;
  }
  .productSubscribedMulti .studentUnitNew{
    padding-bottom: 12vw;
    padding-bottom: calc(50px + 8vw);
  }
  .apUnit .apUnit_div:nth-child(1) .apUnit_tit,
  .apUnit .apUnit_div:nth-child(3) .apUnit_tit {
    min-height: auto;
  }
  .studentReading {
    margin-top: -9vw;
    padding-top: 10px;
  }
  .studentReading ul li:nth-child(4) {
    min-width: auto;
  }
  .apUnit .apUnit_div:nth-child(1),
  .apUnit .apUnit_div:nth-child(2),
  .apUnit .apUnit_div:nth-child(3),
  .apUnit .apUnit_div:nth-child(4) {
    width: 100%;
  }
  .apUnit .apUnit_div:nth-child(1) .apUnit_img {
    padding-bottom: 40%;
  }
  .apUnit .apUnit_div:nth-child(5) li:nth-child(3) .apUnit_img {
    padding-bottom: 40%;
    background-size: 100% auto !important;
  }
  .apUnit .apUnit_div:nth-child(5) ul,
  .themeUnitListForAp_new1 .apUnit_div:nth-child(2) ul {
    flex-wrap: wrap;
  }
  .apUnit .apUnit_div:nth-child(5) li,
  .themeUnitListForAp_new1 .apUnit_div:nth-child(2) li:nth-child(1),
  .themeUnitListForAp_new1 .apUnit_div:nth-child(2) li:nth-child(2) {
    width: 50%;
  }
  .apUnit .apUnit_div:nth-child(5) li:nth-child(3),
  .themeUnitListForAp_new1 .apUnit_div:nth-child(2) li:nth-child(3)  {
    width: 100%;
  }
  
  .themeUnitListForAp_new1 .apUnit_div:nth-child(2) li:nth-child(3) .apUnit_img {
    padding-bottom: 40%;
    background-size: 100% auto !important;
  }
}
@media (max-width: 620px) {
  .MyInsights ul li header h1 span {
    font-size: 15px;
  }
  .StuSharingCenter .SharingCenterTit a {
    width: 170px;
    padding-left: 15px;
    padding-top: 5px;
    line-height: 20px;
  }
  .StuSharingCenter .SharingCenterTit a span:nth-child(2) {
    line-height: 20px;
    padding-top: 0;
  }
  .studentReading .headerTit span:nth-child(2),
  .StuICTTools .headerTit span:nth-child(2),
  .StuSharingCenter .headerTit span:nth-child(2),
  .MyInsights .headerTit span:nth-child(2) {
    font-size: 15px;
  }
  .MyInsights ul li footer b {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .MyInsights ul li footer > div {
    padding: 0 3px;
    min-height: 60px;
  }
  .MyInsights ul li footer > div span:nth-child(1) {
    font-size: 15px;
  }
  .MyInsights ul li footer > div span:nth-child(2) {
    font-size: 20px;
  }
  .MyInsights ul li footer {
    border-radius: 8px;
  }
  .MyInsights ul li header h1 {
    font-size: 17px;
  }
  .MyInsights ul li header > a {
    font-size: 16px;
  }
}
@media (max-width: 500px){
  .newApBodyStu .studentReading .contentMax {
    padding: 0 10px;
  }
}
@media (max-width: 480px) {
  .titleUnit span.learn-title {
    font-size: 17px;
  }
  .curriculumDiv {
    padding: 5px;
  }
  .MyInsights ul li header {
    padding-right: 8px;
    margin-top: 8px;
  }
  .MyInsights ul li footer {
    margin: 5px;
  }
  .studentReading .headerTit::after,
  .StuICTTools .headerTit::after,
  .StuSharingCenter .headerTit::after {
    width: 35px;
    height: 35px;
    bottom: 2px;
  }
  .MyInsights .headerTit::after {
    width: 35px;
    height: 35px;
    bottom: 2px;
  }
  .studentReading .headerTit,
  .StuICTTools .headerTit,
  .StuSharingCenter .headerTit {
    padding-left: 38px;
  }
  .MyInsights .headerTit {
    padding-left: 38px;
    flex-wrap: nowrap;
    display: flex;
    padding-top: 0;
    margin-top: 5px;
  }
  .MyInsights .headerTit span:nth-child(1) {
    width: auto;
  }
  .MyInsights .headerTit span:nth-child(2) {
    font-size: 16px;
    padding-top: 2px;
  }
  .SharingCenterTit a::after {
    right: 10px;
    top: 5px;
  }
  .StuSharingCenter .SharingCenterTit a {
    width: 115px;
    border-radius: 5px;
    padding-left: 8px;
  }
  .StuSharingCenter .SharingCenterTit a span:nth-child(2) {
    font-size: 12px;
    line-height: 15px;
  }
  .studentUnit .ICTHeaderTit span:nth-child(2) {
    font-size: 15px;
    line-height: 15px;
  }
  .studentUnit .contentMax {
    padding-top: 8px;
    border-radius: 8px;
    margin: 0 10px;
  }
  .apUnit .apUnit_div header h1,
  .apUnit .apUnit_div header h2 {
    font-size: 17px;
  }
  .apUnit .apUnit_div:nth-child(6) .apUnit_tit b {
    display: block;
  }
  .apUnit .apUnit_div header span {
    font-size: 14px;
  }
}
@media (max-width: 420px) {
  .MyInsights ul li footer > div span:nth-child(1) {
    font-size: 14px;
  }
  .studentReading .headerTit span:nth-child(2),
  .StuICTTools .headerTit span:nth-child(2),
  .StuSharingCenter .headerTit span:nth-child(2) {
    font-size: 12px;
    letter-spacing: 0;
  }
  .StuSharingCenter .SharingCenterTit a {
    width: 112px;
    padding-left: 5px;
  }
  .StuSharingCenter .SharingCenterTit a span:nth-child(2) {
    font-size: 11px;
  }
  .apUnit_tit {
    padding-left: 0;
    padding-right: 0;
  }
  .apUnit_tit span:nth-child(2) {
    line-height: 15px;
    font-size: 15px;
    padding: 3px;
  }
  .titleUnit span.learn-title {
    font-size: 16px;
  }
  .titleUnit span:nth-child(2) {
    font-size: 14px;
  }
}
/* 设备横屏时 */
@media screen and (orientation: landscape) {
  @media (max-width: 768px) {
  }
}

/* 设备竖屏时 */
@media screen and (orientation: portrait) {
  @media (max-width: 768px) {
  }
}

/* 打印样式 */
@media print {
}