/* 首页头部 */
.CIndexHeader {
  position: relative;
  width: 100%;
  background: linear-gradient(left, #27a8e9, #59cbff);
  background: -webkit-linear-gradient(left, #27a8e9, #59cbff);
  background: -o-linear-gradient(left, #27a8e9, #59cbff);
  background: -moz-linear-gradient(left, #27a8e9, #59cbff);
  background: -mos-linear-gradient(left, #27a8e9, #59cbff);

  min-height: 155px;
  padding-top: 20px;
}

.CIndexHeader::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  background: url(../images/unitStyle/bj01.png) center bottom no-repeat;
}

.CIndexLogo {
  height: 70px;
  width: 60%;
  background: url(../images/unitStyle/logo01.png) no-repeat;
}

.CIndexLogoStu {
  background: url(../images/unitStyle/logo.jpg) no-repeat;
}

.CIndexHeader a {
  width: 75px;
  height: 75px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin-top: 20px;
  cursor: pointer;
}

.CIndexHeader a::before {
  width: 90%;
  height: 90%;
  content: "";
  display: block;
  background: url(../images/unitStyle/back_into.png) no-repeat center #fff;
  border-radius: 50%;
  background-size: 70%;
}
.apBlockUspa {
  max-width: 1300px;
  padding: 0 10px;
  width: 100%;
  margin: auto;
  overflow: hidden;
}
.CIndexHeader .apBlockUspa {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.CIndexHeader .apBlockUspa a {
  margin-top: 0px;
}

.CIndex_Tleft {
  display: flex;
  align-items: center;
}

.CIndex_titDiv {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.ap_title {
  position: relative;
  color: #374a61;
  font-size: 24px;
  padding: 10px 0;
}
.ap_title span {
  color: #0082ff;
  text-transform: uppercase;
  font-size: 22px;
}

.ap_title::before {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 6px;
  top: 48px;
  border-radius: 3px;
  background-color: #ffbe00;
}

.CIndex_ft {
  margin: 0 0px 0 20px;
  letter-spacing: 0.2rem;
}

.CIndex_ft a {
  background-color: #ff6c00;
  line-height: 42px;
  border-radius: 23px;
  display: block;
  font-size: 20px;
  color: #fff;
  padding: 0 20px;
}

.JobRelease {
  background-color: #ff6c00;
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 10px;
  letter-spacing: 0.1rem;
  height: 60px;
  cursor: pointer;
}

.JobRelease:hover {
  color: #fff;
}

.JobRelease::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/unitStyle/JobRrelease_into.png) no-repeat #fff
    center;
  border-radius: 50%;
  background-size: 75%;
  margin: 0 8px;
}
.apBlockLearner {
  width: 100%;
  background: none;
  background-image: linear-gradient(#f7fafc, rgba(255, 255, 255, 0));
  box-shadow: none;
  padding-top: 0;
}

/* 学生端 */
.CIndexHeaderStu {
  position: relative;
  min-height: 88;
  padding-top: 10px;
  padding-bottom: 10px;
}

.CIndexHeaderStu .apBlockUspa {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  /* z-index: 1; */
}

.student_headerR {
  display: flex;
  align-items: center;
}

.student_headerR ul {
  display: flex;
}

.student_headerR ul li {
  padding: 0 10px 0 30px;
}

.student_headerR ul li a {
  color: #474747;
  font-size: 18px;
  float: left;
  padding-left: 45px;
}

.student_headerR ul li a span {
  font-size: 16px;
  display: block;
}

.student_headerR ul li:nth-child(1) a {
  background: url(../images/unitStyle/1_top_03_1.png) no-repeat left center;
}

.student_headerR ul li:nth-child(2) a {
  background: url(../images/unitStyle/1_top_07s_1.png) no-repeat left center;
}

.student_headerR ul li:nth-child(3) a {
  background: url(../images/unitStyle/1_top_07_1.png) no-repeat left center;
}

.CIndexHeaderStu .CIndexLogo {
  max-width: 400px;
}
.apUnit.themeUnitListForAp {
  padding: 0;
}
.apBlockFile {
  padding-bottom: 20px;
}
.apBlockFile .ap-file-title {
  background-color: #32b8f5;
  height: 55px;
  line-height: 55px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #00324d;
  font-size: 22px;
  padding: 0 18px;
}

.apBlockFile .ap-file-title span {
  color: #fff;
  font-size: 22px;
  padding-left: 10px;
}

.apBlockFile .ap-file-cent {
  border: 1px solid #e2e2e2;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ap-file-cent {
  width: 100%;
  padding: 16px 10px;
}

.ap-file-cent ul {
  padding: 0;
  margin: 0;
}

.ap-file-cent li {
  list-style-type: none;
}

.ap-file-cent span {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 16px;
  line-height: 48px;
  background-color: #f9f9f9;
  box-sizing: border-box;
  cursor: pointer;
}

.ap-file-cent span i {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  margin-right: 16px;
  background: url(../images/unitStyle/ap_data.png) no-repeat;
  background-size: 100% 100%;
}

.ap-file-cent a {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 54px;
  line-height: 44px;
  font-size: 16px;
  color: #e11d1e;
  font-weight: bold;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ap-file-cent a::before {
  content: "·";
  position: absolute;
  left: 40px;
  font-size: 20px;
  color: #2c2c2c;
}
.curriculumList.curriculumListTeacher,
.curriculumListForEssential {
  padding: 0;
  margin: -15px -15px 15px -15px;
}
.CIndexHeaderPreAp,
.content_product_2 .APTwoTop {
  background: linear-gradient(left, #00bbb0, #00dbce);
  background: -webkit-linear-gradient(left, #00bbb0, #00dbce);
  background: -o-linear-gradient(left, #00bbb0, #00dbce);
  background: -moz-linear-gradient(left, #00bbb0, #00dbce);
  background: -mos-linear-gradient(left, #00bbb0, #00dbce);
}
.CIndexHeaderPreAp a::before,
.content_product_2 .APTwoTop .TwoBack a::before {
  background: url(../images/unitStyle/back_into1.png) no-repeat center #fff;
}
.content_product_2 .APTwoTop .TwoBack a::before {
  background-size: 65%;
}
.CIndexHeaderPreAp .CIndexLogo {
  background: url(../images/unitStyle/logo01b.png) no-repeat;
}
.CIndexHeaderEss .CIndexLogo {
  background: url(../images/unitStyle/logo01a.png) no-repeat;
}
.CIndexHeaderEss,
.content_product_3 .APTwoTop {
  background: linear-gradient(left, #ff5129, #ff9d29);
  background: -webkit-linear-gradient(left, #ff5129, #ff9d29);
  background: -o-linear-gradient(left, #ff5129, #ff9d29);
  background: -moz-linear-gradient(left, #ff5129, #ff9d29);
  background: -mos-linear-gradient(left, #ff5129, #ff9d29);
}
.CIndexHeaderEss a::before,
.content_product_3 .APTwoTop .TwoBack a::before {
  background: url(../images/unitStyle/back_into2.png) no-repeat center #fff;
  border-radius: 50%;
  background-size: 70%;
}
.essBlockLearner {
  background: none;
  background-image: linear-gradient(#f7fafc, #f3f8fb);
  box-shadow: none;
}
.essIndex_titDiv {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.essIndex_Tleft ul {
  display: flex;
  align-items: flex-end;
}
.essIndex_Tleft ul li {
  line-height: 50px;
  font-size: 20px;
}
.essIndex_Tleft ul li span {
  padding: 0 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  margin: 0 6px;
  color: #fff;
  cursor: pointer;
}
.essIndex_Tleft ul li:nth-child(1) span,
.essIndex_Tleft ul li:nth-child(2) span {
  background-color: #01b0ff;
}
.essIndex_Tleft ul li:nth-child(3) span,
.essIndex_Tleft ul li:nth-child(4) span {
  background-color: #00ce9b;
}
.essIndex_Tleft ul li:nth-child(5) span,
.essIndex_Tleft ul li:nth-child(6) span {
  background-color: #fd688d;
}
.essIndex_Tleft ul li.active span {
  padding: 5px 30px;
  font-size: 22px;
}
.essIndex_ul > header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 10px;
}
.essIndex_ul > header::before {
  content: "";
  width: 30px;
  height: 20px;
  background: url(../images/unitStyle/into1.png) no-repeat center;
  margin-right: 5px;
}
.essIndex_ul header span {
  font-size: 24px;
  display: block;
  padding: 0 3px;
}
.essIndex_ul header span:nth-child(2) {
  color: #0082ff;
}
.essBlockLearner .JobRelease {
  margin-bottom: 10px;
}

/* 二级页面 */
.XTwoMain {
  background: none;
  box-shadow: none;
  padding-top: 0;
  position: relative;
}
.XTwoMain::before {
  content: "";
  display: block;
  position: absolute;
  height: 50vh;
  width: 100%;
  top: 50px;
  left: 0;
  background-image: linear-gradient(#f7fafc, rgba(255, 255, 255, 0));
}
.preApTwoTop_r {
  display: flex;
  position: absolute;
  z-index: 1;
  right: 15px;
}
.XapHeadAvatar {
  position: relative;
  width: 100%;
  height: auto;
  min-height: auto;
  text-align: center;
  margin-top: -50px;
  margin-top: 0;
}
.TwoBack a {
  width: 60px;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: rgba(255, 255, 255, 0.3); */
  border-radius: 50%;
  cursor: pointer;
}
.TwoBack a::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: url(../images/back_into.png) no-repeat center #fff;
  border-radius: 50%;
  background-size: 65%;
}
/* 繁体提示语 */
.ftTitleBox {
  position: absolute;
  right: 75px;
  width: 192px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 7px;
  border-radius: 5px;
  display: none;
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
}
.ftTitleBox::before {
  content: "";
  position: absolute;
  right: -8px;
  top: 30%;
  display: none;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, 0.35);
  border-bottom: 6px solid transparent;
}
.TwoTab {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  position: relative;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  display: flex;
  margin-right: 5px;
}
.TwoTab a {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 187, 176, 1);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.CTitle {
  font-size: 24px;
  color: white;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  width: 100%;
  padding-left: 30px;
}
.preApTwoTop {
  position: relative;
  width: 100%;
  background: linear-gradient(left, #00bbb0, #00dbce);
  background: -webkit-linear-gradient(left, #00bbb0, #00dbce);
  background: -o-linear-gradient(left, #00bbb0, #00dbce);
  background: -moz-linear-gradient(left, #00bbb0, #00dbce);
  background: -mos-linear-gradient(left, #00bbb0, #00dbce);
  min-height: 155px;
  padding-top: 20px;
}
.preApTwoTop::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  background: url(../images/unitStyle/bj01.png) center bottom no-repeat;
}
.preApTwoTop_r {
  position: absolute;
  z-index: 1;
  right: 15px;
}
.APTwoTop {
  background: linear-gradient(left, #27a8e9, #59cbff);
  background: -webkit-linear-gradient(left, #27a8e9, #59cbff);
  background: -o-linear-gradient(left, #27a8e9, #59cbff);
  background: -moz-linear-gradient(left, #27a8e9, #59cbff);
  background: -mos-linear-gradient(left, #27a8e9, #59cbff);
}
.APTwoTop .TwoTab a {
  background-color: #27a8e9;
}
.APTwoTop .TwoBack a::before {
  background: url(../images/unitStyle/back_into.png) no-repeat center #fff;
  background-size: 65%;
}
.content_product_2 .APTwoTop .TwoTab a {
  background-color: rgba(0, 187, 176, 1);
}
.content_product_3 .TwoTab a {
  background-color: rgb(255, 127, 42, 1);
}
ul.CourseType {
  margin-top: 15px !important;
  display: flex !important;
  align-items: flex-end;
}
.ny_xq {
  position: relative;
  padding-left: 260px;
  padding-right: 240px;
}
.zym_footer {
  line-height: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #919191;
  width: 100%;
}
.zkTitle {
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: red;
  margin: 20px 0;
  text-indent: 0;
}
.ny_xq_main {
  min-height: 680px;
  width: 100%;
  border: 1px solid #e8e9eb;
  box-shadow: 0 0 5px rgb(0 0 0 / 8%);
  padding: 0;
  padding-bottom: 0px;
  background: #fff;
}
.zgyswh_text {
  padding: 0 3.5% 1vw 3.5%;
  font-size: 1.2vw;
  text-indent: 2em;
  line-height: 2vw;
  text-align: justify;
  color: #333;
}
.zgyswh_text p {
  font-size: 1vw;
  line-height: 1.8vw;
}
.zgyswh_text1 {
}

.zgyswh_text1 li {
  float: left;
  width: 33.333333%;
  padding: 3% 2% 6% 2%;
  text-align: center;
}
.zgyswh_size {
  color: #0507cc;
  font-size: 1.25vw;
}
#contentBodyCn > div,
.content_part_1462 p,
.content_part_124 p,
.content_part_1282 p,
.content_part_1342 p,
.content_part_862 p {
  text-indent: 2em;
}

#contentBodyCn .zkTitle,
#contentBodyCn > div h1,
#contentBodyCn > div > ul,
.content_part_125 .dcdh_text div,
.content_part_65 .dcdh_text div,
.content_part_922 .dcdh_text > div p,
.content_part_1342 .dcdh_text > div p,
.content_part_1343 .dcdh_text > div p,
.content_part_923 .dcdh_text > div p,
.content_part_1043 .dcdh_text > div,
.content_part_1463 .dcdh_text > div,
.content_part_1102 .zgyswh_text p,
.content_part_2945 .zgyswh_text p,
.content_part_2946 #contentBodyCn > div,
.content_part_1103 #contentBodyCn > div,
.content_part_1163 #contentBodyCn > div,
.content_part_3006 #contentBodyCn > div {
  text-indent: 0;
}
.content_part_1342 #contentBodyCn > p,
.content_part_1402 #contentBodyCn > p {
  padding-top: 10px;
}
.CourseType {
  width: 100%;
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: flex-end;
}
.CourseType li {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 35px;
  border-bottom: 0;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #309dee;
  margin-right: 5px;
  font-size: 20px;
  letter-spacing: 5px;
  cursor: pointer;
  font-family: "Microsoft YaHei", Arial;
}
.CourseType .active {
  float: left;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 45px;
  border-bottom: 0;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ff5a00;
  margin-top: 0px;
}
.closeP {
  display: none;
}
.ny_xq .closeInto {
  display: none;
}
.cotent_body_email_format > div {
  text-indent: 2em;
}
.zjm_con3 {
  max-width: 1370px;
  margin: auto;
  padding: 0 15px;
}
.xcontent {
  max-width: 1400px;
  padding: 0 10px;
  width: 100%;
  margin: auto;
  position: relative;
}
.ny_xq_left {
  position: absolute;
  width: 260px;
  left: 0;
  top: 20px;
}
.ny_xq_left li {
  height: 50px;
  line-height: 48px;
  text-align: center;
  background-color: #fff;
  margin-bottom: 5px;
  color: #fff;
  font-size: 1vw;
  position: relative;
}

.ny_xq_left li a {
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  position: relative;
  background-color: #fff;
  display: block;
  height: 100%;
}

.ny_xq_left li a span {
  position: relative;
  z-index: 2;
  transition: linear 0.5s;
}

.ny_xq_left li a:hover span {
  color: #fff;
}

.XTwoMain .ny_xq_left li:nth-child(1) a:hover span{
  color: #f2994b;
}
.XTwoMain .ny_xq_left li:nth-child(2) a:hover span{
  color: #4fb786;
}
.XTwoMain .ny_xq_left li:nth-child(3) a:hover span{
  color: #df4145;
}
.XTwoMain .ny_xq_left li:nth-child(4) a:hover span{
  color: #b961db;
}
.XTwoMain .ny_xq_left li:nth-child(5) a:hover span{
  color: #ec458f;
}
.XTwoMain .ny_xq_left li:nth-child(6) a:hover span{
  color: #4f93ce;
}
.XTwoMain .ny_xq_left li:nth-child(7) a:hover span{
  color: #06b0b9;
}
.XTwoMain .ny_xq_left li:nth-child(8) a:hover span{
  color: #f2994b;
}
.XTwoMain .ny_xq_left li:nth-child(9) a:hover span{
  color: #4fb786;
}
.XTwoMain .ny_xq_left li:nth-child(10) a:hover span{
  color: #b961db;
}
.XTwoMain .ny_xq_left li:nth-child(11) a:hover span{
  color: #4f93ce;
}

.ny_xq_left li a:before {
  transition: linear 0.3s;
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 5px;
}
.ny_xq_left li a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}
.ny_xq_left li.active > a {
  cursor: default;
  color: #fff !important;
}
.ny_xq_left li:nth-child(1) {
  background-color: #f2994b;
}

.ny_xq_left li:nth-child(1) a:before {
  background-color: #f2994b;
}

.ny_xq_left li:nth-child(1) a:hover:before {
  background-color: #f2994b;
}

.ny_xq_left li:nth-child(1) a {
  color: #f2994b;
}

.ny_xq_left li:nth-child(1).active > a {
  background-color: #f2994b;
  border-bottom: solid 1px #f2994b;
  border-top: solid 1px #f2994b;
  border-left: solid 1px #f2994b;
}

.ny_xq_left li:nth-child(2) {
  background-color: #4fb786;
}

.ny_xq_left li:nth-child(2) a:before {
  background-color: #4fb786;
}
.ny_xq_left li:nth-child(2) a:hover:before {
  background-color: #4fb786;
}

.ny_xq_left li:nth-child(2) a {
  color: #4fb786;
}

.ny_xq_left li:nth-child(2).active > a {
  background-color: #4fb786;
  border-bottom: solid 1px #4fb786;
  border-top: solid 1px #4fb786;
  border-left: solid 1px #4fb786;
}

.ny_xq_left li:nth-child(3) {
  background-color: #df4145;
}

.ny_xq_left li:nth-child(3) a:before {
  background-color: #df4145;
}

.ny_xq_left li:nth-child(3) a:hover:before {
  background-color: #df4145;
}

.ny_xq_left li:nth-child(3) a {
  color: #df4145;
}
.ny_xq_left li:nth-child(3).active > a {
  background-color: #df4145;
  border-bottom: solid 1px #df4145;
  border-top: solid 1px #df4145;
  border-left: solid 1px #df4145;
}
.ny_xq_left li:nth-child(4),
.ny_xq_left li:nth-child(12) {
  background-color: #b961db;
}

.ny_xq_left li:nth-child(4) a:before,
.ny_xq_left li:nth-child(12) a:before {
  background-color: #b961db;
}

.ny_xq_left li:nth-child(4) a:hover:before,
.ny_xq_left li:nth-child(12) a:hover:before {
  background-color: #b961db;
}
.ny_xq_left li:nth-child(4) a,
.ny_xq_left li:nth-child(12) a {
  color: #b961db;
}
.ny_xq_left li:nth-child(4).active > a,
.ny_xq_left li:nth-child(12).active > a {
  background-color: #b961db;
  border-bottom: solid 1px #b961db;
  border-top: solid 1px #b961db;
  border-left: solid 1px #b961db;
}
.ny_xq_left li:nth-child(5) {
  background-color: #ec458f;
}

.ny_xq_left li:nth-child(5) a:before {
  background-color: #ec458f;
}

.ny_xq_left li:nth-child(5) a:hover:before {
  background-color: #ec458f;
}

.ny_xq_left li:nth-child(5) a {
  color: #ec458f;
}

.ny_xq_left li:nth-child(5).active > a {
  background-color: #ec458f;
  border-bottom: solid 1px #ec458f;
  border-top: solid 1px #ec458f;
  border-left: solid 1px #ec458f;
}
.ny_xq_left li:nth-child(6) {
  background-color: #4f93ce;
}
.ny_xq_left li:nth-child(6) a:before {
  background-color: #4f93ce;
}

.ny_xq_left li:nth-child(6) a:hover:before {
  background-color: #4f93ce;
}

.ny_xq_left li:nth-child(6) a {
  color: #4f93ce;
}

.ny_xq_left li:nth-child(6).active > a {
  border-bottom: solid 1px #4f93ce;
  border-top: solid 1px #4f93ce;
  border-left: solid 1px #4f93ce;
}
.ny_xq_left li:nth-child(7) {
  background-color: #06b0b9;
}
.ny_xq_left li:nth-child(7) a:before {
  background-color: #06b0b9;
}

.ny_xq_left li:nth-child(7) a:hover:before {
  background-color: #06b0b9;
}

.ny_xq_left li:nth-child(7) a {
  color: #06b0b9;
}

.ny_xq_left li:nth-child(7).active > a {
  border-bottom: solid 1px #06b0b9;
  border-top: solid 1px #06b0b9;
  border-left: solid 1px #06b0b9;
}

.ny_xq_left li:nth-child(8) {
  background-color: #2165d1;
}

.ny_xq_left li:nth-child(8) a:before {
  background-color: #2165d1;
}

.ny_xq_left li:nth-child(8) a:hover:before {
  background-color: #2165d1;
}

.ny_xq_left li:nth-child(8) a {
  color: #2165d1;
}
.ny_xq_left li:nth-child(8).active > a {
  border-bottom: solid 1px #2165d1;
  border-top: solid 1px #2165d1;
  border-left: solid 1px #2165d1;
}

.ny_xq_left li:nth-child(9) {
  background-color: #d16721;
}

.ny_xq_left li:nth-child(9) a:before {
  background-color: #d16721;
}

.ny_xq_left li:nth-child(9) a:hover:before {
  background-color: #d16721;
}

.ny_xq_left li:nth-child(9) a {
  color: #d16721;
}

.ny_xq_left li:nth-child(9).active > a {
  border-bottom: solid 1px #d16721;
  border-top: solid 1px #d16721;
  border-left: solid 1px #d16721;
}

.ny_xq_left li:nth-child(10) {
  background-color: #37b8e4;
}

.ny_xq_left li:nth-child(10) a:before {
  background-color: #37b8e4;
}

.ny_xq_left li:nth-child(10) a:hover:before {
  background-color: #37b8e4;
}

.ny_xq_left li:nth-child(10) a {
  color: #37b8e4;
}

.ny_xq_left li:nth-child(10).active > a {
  border-bottom: solid 1px #37b8e4;
  border-top: solid 1px #37b8e4;
  border-left: solid 1px #37b8e4;
}

.ny_xq_left li:nth-child(10) {
  background-color: #37b8e4;
}

.ny_xq_left li:nth-child(10) a:before {
  background-color: #37b8e4;
}

.ny_xq_left li:nth-child(10) a:hover:before {
  background-color: #37b8e4;
}

.ny_xq_left li:nth-child(10) a {
  color: #37b8e4;
}

.ny_xq_left li:nth-child(10).active > a {
  border-bottom: solid 1px #37b8e4;
  border-top: solid 1px #37b8e4;
  border-left: solid 1px #37b8e4;
}

.ny_xq_left li:nth-child(11) {
  background-color: #06b0b9;
}

.ny_xq_left li:nth-child(11) a:before {
  background-color: #06b0b9;
}

.ny_xq_left li:nth-child(11) a:hover:before {
  background-color: #06b0b9;
}

.ny_xq_left li:nth-child(11) a {
  color: #06b0b9;
}

.ny_xq_left li:nth-child(11).active > a {
  border-bottom: solid 1px #06b0b9;
  border-top: solid 1px #06b0b9;
  border-left: solid 1px #06b0b9;
}
.ny_xq_right {
  width: 240px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  padding: 15px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.ny_xq_right ul {
  margin: 0 10px;
  border: 1px solid #f1f1f1;
  background-color: #f9f9f9;
  padding: 15px 10px;
}

.ny_xq_right ul li {
  line-height: 45px;
  margin-bottom: 15px;
  border-radius: 5px;
  text-align: center;
  font-size: 1vw;
}
.ny_xq_right ul li a {
  display: block;
}
.ny_xq_right ul li:last-child {
  margin: 0;
}

.ny_xq_right ul li:nth-child(1) {
  border: 1px dashed #36b3d5;
  background-color: #f2fcff;
}

.ny_xq_right ul li:nth-child(2) {
  border: 1px dashed #ee9824;
  background-color: #fffaf3;
}

.ny_xq_right ul li:nth-child(3) {
  border: 1px dashed #54bd56;
  background-color: #f3fff4;
}

.ny_xq_right ul li:nth-child(4) {
  border: 1px dashed #d22386;
  background-color: #fff3f9;
}

.ny_xq_right ul li:nth-child(5) {
  border: 1px dashed #457dfc;
  background-color: #f3f7ff;
}

.ny_xq_right ul li:nth-child(6) {
  border: 1px dashed #36b3d5;
  background-color: #f2fcff;
}

.ny_xq_right ul li:nth-child(7) {
  border: 1px dashed #ee9824;
  background-color: #fffaf3;
}

.ny_xq_right ul li:nth-child(8) {
  border: 1px dashed #54bd56;
  background-color: #f3fff4;
}

.ny_xq_right ul li:nth-child(9) {
  border: 1px dashed #d22386;
  background-color: #fff3f9;
}

.ny_xq_right ul li:nth-child(10) {
  border: 1px dashed #457dfc;
  background-color: #f3f7ff;
}

.ny_xq_right ul li:nth-child(11) {
  border: 1px dashed #36b3d5;
  background-color: #f2fcff;
}
.ny_xq_right ul li:nth-child(12) {
  border: 1px dashed #ee9824;
  background-color: #fffaf3;
}

.ny_xq_right ul li:nth-child(13) {
  border: 1px dashed #54bd56;
  background-color: #f3fff4;
}

.ny_xq_right ul li:nth-child(1) a {
  color: #37b8e4;
}

.ny_xq_right ul li:nth-child(2) a {
  color: #e48e1d;
}

.ny_xq_right ul li:nth-child(3) a {
  color: #2dac30;
}

.ny_xq_right ul li:nth-child(4) a {
  color: #c31075;
}

.ny_xq_right ul li:nth-child(5) a {
  color: #1d5be4;
}

.ny_xq_right ul li:nth-child(6) a {
  color: #37b8e4;
}

.ny_xq_right ul li:nth-child(7) a {
  color: #e48e1d;
}

.ny_xq_right ul li:nth-child(8) a {
  color: #2dac30;
}

.ny_xq_right ul li:nth-child(9) a {
  color: #c31075;
}

.ny_xq_right ul li:nth-child(10) a {
  color: #1d5be4;
}

.ny_xq_right ul li:nth-child(11) a {
  color: #37b8e4;
}
.ny_xq_right ul li:nth-child(12) a {
  color: #e48e1d;
}

.ny_xq_right ul li:nth-child(13) a {
  color: #2dac30;
}

.ny_xq_right ul li:nth-child(1):hover {
  background-color: #cff3fd;
}

.ny_xq_right ul li:nth-child(2):hover {
  background-color: #fcedd5;
}

.ny_xq_right ul li:nth-child(3):hover {
  background-color: #d1fdd4;
}

.ny_xq_right ul li:nth-child(4):hover {
  background-color: #fad9ea;
}

.ny_xq_right ul li:nth-child(5):hover {
  background-color: #d4e2ff;
}

.ny_xq_right ul li:nth-child(6):hover {
  background-color: #cff3fd;
}

.ny_xq_right ul li:nth-child(7):hover {
  background-color: #fcedd5;
}

.ny_xq_right ul li:nth-child(8):hover {
  background-color: #d1fdd4;
}

.ny_xq_right ul li:nth-child(9):hover {
  background-color: #fad9ea;
}

.ny_xq_right ul li:nth-child(10):hover {
  background-color: #fad9ea;
}
.ny_xq_right ul li:nth-child(11):hover {
  background-color: #d4e2ff;
}
.ny_xq_right ul li:nth-child(12):hover {
  background-color: #fcedd5;
}

.ny_xq_right ul li:nth-child(13):hover {
  background-color: #d1fdd4;
}
.m1 {
  display: none;
}

.m2 {
  display: none;
}
.EnClosex {
  height: 60px;
  text-align: right;
  padding-top: 5px;
  /* position: absolute; */
  right: -10px;
}
div.zkTitleEn {
  letter-spacing: 0.06rem;
  font-size: 34px;
  font-weight: normal;
  margin-bottom: 5px;
  line-height: 35px;
  text-indent: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ff6a00;
  text-align: center;
  font-family: Calibri, "Times New Roman", "Microsoft YaHei", Arial;
}
.FontSizeEn {
  position: relative;
}
.FontSizeEn,
.FontSizeEn2,
.FontSizeEn h1,
.FontSizeEn2 .dcdh_text,
.FontSizeEn2 h1 {
  font-size: 20px;
  line-height: 25px;
  line-height: 1.5;
  font-family: Calibri, "Times New Roman", "Microsoft YaHei", Arial;
}
.FontSizeEn h1 {
  padding-bottom: 5px;
}
.FontSizeEn2 ul {
  display: flex;
}
.FontSizeEn p {
  padding: 3px 0;
  font-size: 20px;
  line-height: 1.2;
}
.demoMain {
  font-size: 1.2vw;
  overflow: hidden;
  width: 96%;
  min-width: 320px;
  height: auto;
  border: 0px solid #ccc;
  border-radius: 5px;
  padding: 0 10px;
  padding-top: 5px;
  text-align: center;
  background-color: #f2f2f2;
  margin: 15px auto 0 auto;
  display: block;
}
.DMclose {
  float: right;
  margin-right: 5px;
  cursor: pointer;
}
.ny_xq_main img {
  max-width: 100%;
}
.DMnelrong {
  text-align: left;
  padding: 5px;
  font-weight: bold;
  width: 100%;
  margin-top: 30px;
  font-family: Calibri, "Times New Roman", "Microsoft YaHei", Arial;
}
.DMnelrong span {
  display: block;
}
.DMnelrong p {
  text-indent: 2em;
  text-align: justify;
  font-size: 1.2vw;
}
.record_grary {
  display: none;
  float: inherit;
  margin-left: 0px;
}
.demoMain .btns img {
  vertical-align: top;
}
.record_start {
  cursor: pointer;
  float: inherit;
  margin-left: 0px;
}
.content_product_2 .ny_xq_right ul {
  padding: 0;
  border: none;
  background-color: transparent;
}
.content_product_2 .ny_xq_right ul li {
  background-color: #ffebd4;
  border: none;
}
.content_product_2 .ny_xq_right ul li a {
  color: #ff7c29;
}
.content_product_2 .ny_xq_right ul li:hover {
  background-color: #ff7c29;
}
.content_product_2 .ny_xq_right ul li:hover a {
  color: #fff !important;
}

.content_product_2 .content_part_65 .ny_xq_right ul li,
.content_product_2 .content_part_803 .ny_xq_right ul li,
.content_product_2 .content_part_863 .ny_xq_right ul li,
.content_product_2 .content_part_923 .ny_xq_right ul li,
.content_product_2 .content_part_983 .ny_xq_right ul li,
.content_product_2 .content_part_1043 .ny_xq_right ul li,
.content_product_2 .content_part_1463 .ny_xq_right ul li,
.content_product_2 .content_part_1103 .ny_xq_right ul li,
.content_product_2 .content_part_1163 .ny_xq_right ul li {
  background-color: #def9f4;
}
.content_product_2 .content_part_65 .ny_xq_right ul li a,
.content_product_2 .content_part_803 .ny_xq_right ul li a,
.content_product_2 .content_part_863 .ny_xq_right ul li a,
.content_product_2 .content_part_923 .ny_xq_right ul li a,
.content_product_2 .content_part_983 .ny_xq_right ul li a,
.content_product_2 .content_part_1043 .ny_xq_right ul li a,
.content_product_2 .content_part_1463 .ny_xq_right ul li a,
.content_product_2 .content_part_1103 .ny_xq_right ul li a,
.content_product_2 .content_part_1163 .ny_xq_right ul li a {
  color: #009e7e;
}
.content_product_2 .content_part_65 .ny_xq_right ul li:hover,
.content_product_2 .content_part_803 .ny_xq_right ul li:hover,
.content_product_2 .content_part_863 .ny_xq_right ul li:hover,
.content_product_2 .content_part_923 .ny_xq_right ul li:hover,
.content_product_2 .content_part_983 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1043 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1463 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1103 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1163 .ny_xq_right ul li:hover {
  background-color: #009e7e;
}

.content_product_2 .content_part_66 .ny_xq_right ul li,
.content_product_2 .content_part_804 .ny_xq_right ul li,
.content_product_2 .content_part_864 .ny_xq_right ul li,
.content_product_2 .content_part_924 .ny_xq_right ul li,
.content_product_2 .content_part_984 .ny_xq_right ul li,
.content_product_2 .content_part_1044 .ny_xq_right ul li,
.content_product_2 .content_part_1104 .ny_xq_right ul li,
.content_product_2 .content_part_1164 .ny_xq_right ul li {
  background-color: #fae3e4;
}
.content_product_2 .content_part_66 .ny_xq_right ul li a,
.content_product_2 .content_part_804 .ny_xq_right ul li a,
.content_product_2 .content_part_864 .ny_xq_right ul li a,
.content_product_2 .content_part_924 .ny_xq_right ul li a,
.content_product_2 .content_part_984 .ny_xq_right ul li a,
.content_product_2 .content_part_1044 .ny_xq_right ul li a,
.content_product_2 .content_part_1104 .ny_xq_right ul li a,
.content_product_2 .content_part_1164 .ny_xq_right ul li a {
  color: #df4145;
}
.content_product_2 .content_part_66 .ny_xq_right ul li:hover,
.content_product_2 .content_part_804 .ny_xq_right ul li:hover,
.content_product_2 .content_part_864 .ny_xq_right ul li:hover,
.content_product_2 .content_part_924 .ny_xq_right ul li:hover,
.content_product_2 .content_part_984 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1044 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1104 .ny_xq_right ul li:hover,
.content_product_2 .content_part_1164 .ny_xq_right ul li:hover {
  background-color: #df4145;
}
/*副课文*/
.dcdh_text {
  text-align: left;
  padding: 0;
  font-size: 1vw;
  line-height: 2vw;
  position: relative;
  z-index: 1;
}
.dcdh_text p,
.dcdh_text h1 {
  font-size: 1vw;
  line-height: 2vw;
}

.dcdh_text ul {
  display: table;
  content: "";
  width: 100%;
}

.dcdh_name {
  display: block;
  float: left;
  width: 12%;
}
.content_part_66 .dcdh_name,
.content_part_126 .dcdh_name {
  width: 18%;
}
.content_part_66 .dcdh_dialogue,
.content_part_126 .dcdh_dialogue {
  width: 82%;
}
.dcdh_dialogue {
  display: block;
  float: left;
  width: 88%;
}
.uo_kong {
  width: 3vw;
  display: inline-block;
}

.dcdh_name .kong {
  color: #fff;
}

.dcdh_img {
  text-align: right;
}

.dcdh_img img {
  width: 75%;
  margin-top: -15%;
}
.kweuRiQi {
  text-align: center;
  margin: 30px auto;
  width: 100%;
}
.kweuRiQi i {
  background-color: #fffce6;
  padding: 20px 60px;
  border-radius: 20px;
  font-style: inherit;
}
.kewu01 {
  margin-bottom: 50px;
  overflow: hidden;
  clear: both;
}
.kewu01 ul li {
  width: 50%;
  float: left;
  margin: 5px auto;
}
.kewu01 ul li div {
  background-color: #fffce6;
  border-radius: 20px;
  margin: 0 auto;
}
.kewu01 ul li:nth-child(odd) div {
  border: 0px solid #f00;
  margin-right: 5px;
}
.kewu01TItle p {
  text-align: center;
  text-indent: 0;
  color: #f39d41;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.kewu01TItle p.kewu01TItleBj {
  background: url(../images/unitStyle/02.png) no-repeat center;
  background-size: 100% 100%;
  height: 60px;
  line-height: 60px;
  width: 80%;
  color: white;
  font-weight: initial;
  margin: 0 auto;
  color: white;
}
.kewu01All {
  padding: 10px;
  min-height: 300px;
}
.kewu01All i {
  display: block;
  text-indent: 0;
  padding-top: 20px;
  font-style: initial;
}
.kewu_lesson2_Content {
  border-radius: 10px;
  border: 1px solid #309dee;
  padding: 10px 20px;
  margin: 20px 0;
  overflow: hidden;
}
.kewu_lesson2_Content p {
  text-indent: 2em;
}
.kewu_lesson2_Content p.retract,
.FontSizeEn .kewu_lesson2_Content p {
  text-indent: 0;
}
.dcdh_ul_en {
  display: flex;
}
.dcdh_ul_en .dcdh_name {
  min-width: 115px;
}
.dcdh_ul_en .dcdh_dialogue {
  float: unset;
  width: 100%;
}
.content_part_982 #contentBodyCn > p,
.content_part_1402 #contentBodyCn > p {
  text-indent: 2em !important;
  padding-top: 15px;
}
.dcdh_text h1.i3zkTitle,
.FontSizeEn h1.i3zkTitle {
  font-size: 1.5em;
  color: #fd6201;
  margin: 0;
  padding-top: 50px;
  padding-bottom: 20px;
}
.i3DivBj {
  border: 0px solid #f6b043;
  padding: 0 30px;
  min-height: 760px;
  margin: 0;
  background-image: url("../images/unitStyle/i3_bj.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.i3DivBjEn {
  background-image: none;
  background-color: #fffdef;
  border: 1px solid #f6b043;
  padding-bottom: 10px;
  min-height: inherit;
}
.i3ImgUl {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 10px;
  clear: both;
}
.i3ImgUl ul {
  overflow: hidden;
}
.i3ImgUl ul li {
  width: 33.3333333333%;
  float: left;
  text-align: center;
  margin: 0 auto;
}
.i3ImgUl ul li img {
  border: 5px solid #ffb555;
  border-radius: 5px;
  width: 96%;
  margin: 0 auto;
  display: block;
}
.i3DivBj.kewu_lesson2_Content p {
  line-height: 1.8vw;
}
.FontSizeEn .i3DivBj.kewu_lesson2_Content p {
  line-height: 1.2vw;
}
.FontSizeEn .shengCiRed {
  margin: 10px 0 20px 0;
}
.content_part_1042 .ny_xq_main,
.content_part_1462 .ny_xq_main {
  background-color: rgb(207, 216, 52);
  display: block;
}
.content_part_1042 .zgyswh_text > div,
.content_part_1462 .zgyswh_text > div {
  text-indent: 0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 5px #ccc;
}
.FontSizeEn h1.zkTitle {
  font-size: 30px;
}
.kewu_lesson1_Content p,
.kewu_lesson3_content p,
.kewu_lesson3_Content {
  text-indent: 2em;
}
.content_part_1164 .ny_xq_main,
.content_part_3007 .ny_xq_main {
  background-color: rgb(226, 245, 252);
  display: block;
}
.APTwoTop .xcontent {
  max-width: 1370px;
}
.zjm_con2T {
  max-width: 1270px;
  position: relative;
}
.zjm_con2T .zjm_main {
  padding-top: 0;
}
/*弹出框*/
.fade.in {
  background-color: rgba(0, 0, 0, 0.2);
}
.zkm_xsgl .fade.in {
  background-color: transparent;
}
.zsw_tx {
  display: block;
}

.zsw_tx_div .modal-dialog {
  max-width: 680px;
  width: 100%;
  padding: 0 10px;
  margin: auto;
  height: 100%;
  position: relative;
  z-index: 9999;
}

.zsw_tx_div .modal-dialog .modal-content {
  top: 50%;
  margin-top: -100px;
  overflow: hidden;
}

.zsw_tx_div .modal-content .modal-header h1 {
  background-color: #00a8e8;
  line-height: 20px;
  min-height: 50px;
  display: flex;
  color: #fff;
  font-size: 20px;
  padding-left: 15px;
  letter-spacing: 0.05rem;
  align-items: center;
  padding-right: 40px;
}

.zsw_tx_div .modal-dialog .modal-content .modal-header {
  padding: 0;
  position: relative;
}

.zsw_tx_div .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  color: #fff;
  opacity: 1;
  font-weight: normal;
  text-shadow: none;
  font-size: 30px;
  height: 100%;
  top: 0;
  right: 10px;
}

.zsw_tx_div .modal-body {
  position: relative;
  padding: 15px;
}

.tx_left {
  position: relative;
  float: left;
  color: #5e5e5e;
  font-size: 18px;
  line-height: 30px;
  padding-top: 6px;
  padding-bottom: 10px;
}

.tx_right {
  float: right;
  width: 190px;
  height: 45px;
  background-color: #ff5e75;
  border-radius: 3px;
  color: #fff;
}

.tx_right h1 {
  font-size: 18px;
  line-height: 45px;
  padding-left: 10px;
  position: relative;
}

.tx_right h1 b {
  position: absolute;
  width: 45px;
  height: 45px;
  background: url(../../images/2018/into_sc.PNG) no-repeat center;
}

.tx_right input {
  display: block;
  opacity: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
  position: absolute;
}

.tx_right:hover {
  background-color: #ed475e;
}

.zsw_tx_div .modal-footer {
  background-color: #ebebeb;
  border: 0;
  text-align: center;
}

.zsw_tx_div .modal-footer button {
  display: inline-block;
  line-height: 45px;
  background-color: #fff;
  border-radius: 3px;
  border: 0;
  font-size: 18px;
  color: #474747;
  width: 120px;
  box-shadow: 1px 1px 3px #919191;
  margin: 0 5px;
}

.zsw_tx_div .modal-footer button.tx_cancel:hover {
  background-color: #f6f6f6;
}

.zsw_tx_div .modal-footer button.tx_upload {
  background-color: #dcdcdc;
}

.zsw_tx_div .modal-footer button.tx_upload:hover {
  background-color: #d4d4d4;
}

.modal-body li {
  width: 100%;
  line-height: 25px;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  position: relative;
}
.modal-body li a{
  padding-left: 20px;
}
.modal-body li b{
  position: absolute;
  width: 25px;
  left: 0;
}
.modal-body li span{
  display: inline-block;
  padding-right: 5px;

}
.modal-body li span:hover,
.modal-body li a:hover {
  color: #ff6a00;
}

.modal-body li img {
  width: 20px;
  height: 20px;
  cursor: pointer;
  min-width: 20px;
  margin-left: 5px;
}
.PopupBox .layui-layer-title {
  font-size: 18px;
  background: none;
  min-height: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: 0;
  height: 0;
}
.layuiTop .layui-layer-title,
.layuiTopOne .layui-layer-title {
  background-color: #5e72e4;
  min-height: 60px;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.layuiTop .layui-layer-setwin,
.layuiTopOne .layui-layer-setwin {
  height: 60px;
  top: 0;
  width: 1200px;
  right: 50%;
  margin-right: -600px;
}
.layuiTop .layui-layer-setwin a,
.layuiTopOne .layui-layer-setwin a {
  position: absolute;
  display: flex;
  background: none;
  right: 10px;
  width: 145px;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: url(../images/unitStyle/nyBack.png) no-repeat center;
  margin-left: 0;
}
.EdtDivText > div {
  width: 90px;
  position: absolute;
  right: 0;
  color: red;
  line-height: 25px;
  cursor: pointer;
}
.EdtDivText > div img {
  float: right;
  height: 23px;
  margin-right: 10px;
}
.EdtDivText > div #minBtn {
  display: none;
}
.XdrawerOverlay {
  position: relative;
}
.essBlockLearner .JobRelease {
  background-color: #0090f8;
}
.essBlockLearner .JobRelease::before {
  background-image: url(../images/unitStyle/JobRrelease_into1.png);
}
button.resource_share_into {
  background: url(../images/shareInto1.png) no-repeat center;
  width: 60px;
  height: 60px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #27a8e9;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: none;
}
.content_product_2 button.resource_share_into {
  background-color: rgba(0, 187, 176, 1);
}
.content_product_3 button.resource_share_into {
  background-color: rgb(255, 127, 42, 1);
}
.contentOral .DMnelrong {
  margin-top: 10px;
}
.record_Dll {
  height: 40px;
  width: inherit;
  background: #999;
  position: relative;
  margin: 0 auto 15px auto;
}
.recpowerx {
  height: 40px;
  background: #0b1;
  position: absolute;
}
.recpowert {
  padding-left: 0px;
  line-height: 40px;
  position: relative;
  color: white;
}
.reclog {
  padding-top: 5px;
}

.yd_article > div {
  width: auto !important;
}
.tab-content {
  display: inline-block;
  width: 100%;
}
.tab-content .ydxl_div {
  margin-top: 0;
}
.zjm_con2 {
  max-width: 1270px;
}
#ListenPart3 .zjm_main {
  padding-top: 0;
}
.tl_section_r_div > h3 {
  margin-top: 0;
}
#btnSendCodex,
#btnSendCodexxx {
  max-width: 100%;
}
.tl_section_r_div {
  height: auto !important;
}
.content_part_1222 .ny_xq_main {
  min-height: 855px;
}
.content_part_66 .FontSizeEn ul,
.content_part_126 .FontSizeEn ul {
  display: flex;
}
.content_part_66 .FontSizeEn ul .dcdh_name_lesson3,
.content_part_126 .FontSizeEn ul .dcdh_name_lesson3 {
  min-width: 150px !important;
}
.content_part_1343 .dcdh_ul_en .dcdh_name,
.content_part_923 .dcdh_ul_en .dcdh_name {
  min-width: 170px;
}

#assignToClass {
  position: fixed;
  line-height: 32px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  z-index: 99;
}
.pHomeBj #assignToClass {
  top: 120px;
}
.essentialC #assignToClass.assignToClassCSS {
  margin-right: -740px;
  top: 120px;
}
.pHomeBj #assignToClass.assignToClassCSS span,
.essentialC #assignToClass.assignToClassCSS span {
  display: none;
}
.pHomeBj #assignToClass.assignToClassCSS:hover span,
.essentialC #assignToClass.assignToClassCSS:hover span {
  display: inline-block;
}
.XapHeadAvatar .CTitle {
  bottom: 80px;
}
#assignToClass.assignToClassCSS span {
  padding-right: 15px;
}
#contentMain.XTwoMain {
  padding-top: 50px;
}
.XdCOral .XapHeadAvatar {
  margin-top: -50px;
}
.XdCOral #contentMain.XTwoMain {
  padding-top: 0;
}
.XdCOral .XapHeadAvatar .CTitle {
  bottom: 30px;
}
.content_part_3167 h2.kwSubTitle{
  font-size: 1.2vw;
  line-height: 2vw;
  margin-top: 0.5vw;
}
.kwSubTitle{
  font-weight: bold;
}
.content_part_3167 .FontSizeEn h2.kwSubTitle,
.content_part_3167 .FontSizeEn h2.kwSubTitleEn,
.content_part_3167 h2.kwSubTitle
h2.kwSubTitleEn{
  font-size: 24px;
  line-height: 30px;
  padding: 5px 0;
}
.FontSizeEn .tableWithHeaderFooter > div:first-child,
.FontSizeEn .dcdh_text{
  font-size: 20px;
}
.FontSizeEn .tableWithHeaderFooter > div:last-child{
  font-size: 18px;
}
.FontSizeEn .dcdh_name{
  width: 15%;
}
.FontSizeEn .dcdh_dialogue{
  width: 85%;
}
.tableWithHeaderFooter{
  text-indent: 0;
}
.tableWithHeaderFooter div{
  text-indent: 0 !important;
}
.tableWithHeaderFooter > div:first-child{
  font-weight: bold;
  font-size: 1.2vw;
  padding-bottom: 10px;
}
.tableWithHeaderFooter > div:last-child{
  font-size: 1vw;
}
.tableWithHeaderFooter{
  text-align: center;
  padding: 20px 0;
}
.tableWithHeaderFooter table{
  border-top: 1px solid #9aa1be;
  border-left: 1px solid #9aa1be;
  width: 70%;
  margin: auto;
  font-weight: normal;
}
.tableWithHeaderFooter table tr:nth-child(1){
  background-color: #c9dfff;
}
.tableWithHeaderFooter table tr{
  border-bottom: 1px solid #9aa1be;
}
.tableWithHeaderFooter table tr td,
.tableWithHeaderFooter table tr th{
  border-right: 1px solid #9aa1be;
  padding: 5px 10px;
  text-align: center;
  font-weight: normal;
  line-height: 35px;
}
.tableWithHeaderFooter table tr th:nth-child(1){
  width: 40%;
}
.FontSizeEn .tableWithHeaderFooter table{
  width: 80%;
}
table.tableChinseMapEnglish{
  border: 1px solid #9aa1be;
}
table.tableChinseMapEnglish th{
  text-align: center;
  background-color: #c9dfff;
}
table.tableChinseMapEnglish th,
table.tableChinseMapEnglish td{
  border-right: 1px solid #9aa1be;
  padding: 5px 10px;
  height: 45px;
}
table.tableChinseMapEnglish td:nth-child(1){
  font-size: 17px;
  width: 35%;
}
table.tableChinseMapEnglish tr{
  border-bottom: 1px solid #9aa1be;
}
.content_part_3167 table.tableChinseMapEnglish tr:nth-child(9) td:nth-child(1),
.content_part_3167 table.tableChinseMapEnglish tr:nth-child(10) td:nth-child(1),
.content_part_3167 table.tableChinseMapEnglish tr:nth-child(11) td:nth-child(1),
.content_part_3167 table.tableChinseMapEnglish tr:nth-child(12) td:nth-child(1),
.content_part_3167 table.tableChinseMapEnglish tr:nth-child(13) td:nth-child(1) {
  font-size: 20px;
}
#myModal_more .modal-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
}
#myModal_more .modal-dialog .modal-content{
  top: auto;
  margin-top: 0;
  min-width: 350px;
  min-height: 250px;
}
.newApBody{
  background-color: #fafbfd;
}
.newApBody .CIndexHeader{
  background: #3476ff;
}
.newApBody .CIndexHeader a::before{
  background-image: url(../images/newApImg/back_into.png);
}
.newApBox{
  max-width: 1300px;
  margin: auto;
  min-height: calc(100vh - 268px);
}
.newApTitle{
  display: flex;
  justify-content:space-between;
  align-items: center;
}
.newApTitle ul{
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
  line-height: 50px;
  border-radius: 25px;
}
.newApTitle ul li{
  position: relative;
  display: flex;
  align-items: center;
}
.newApTitle ul li::before{
  position: absolute;
  left: 0;
  content: '';
  display: block;
  width: 1px;
  height: 40%;
  background-color: rgba(0, 0, 0, 0.1);
}
.newApTitle ul li:nth-child(1):before,
.newApTitle ul li:nth-child(2):before{
  display: none;
}
.newApTitle ul li a{
  display: block;
  padding: 0 15px;
}
.newApTitle ul li.active{
  background-color: #008eff;
  border-radius: 25px;
}
.newApTitle ul li.active a{
  color: #fff;
  padding: 0 28px;
}
.newApTitle header{
  position: relative;
  display: flex;
  align-items: center;
}
.newApTitle header::before{
  content: '';
  display: block;
  width: 8px;
  height: 45px;
  background-color: #5397fc;
  border-radius: 5px;
  margin-right: 10px;
}
.newApTitle header h1{
  font-size: 24px;
  color: #00206b;
}
.newApTitle header span{
  color: #3f75ff;
  font-size: 18px;
}
.newApMainDiv{
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.newApMainDivLeft{
  max-width: 450px;
  width: 100%;
  background-color: #117bf4;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.newApMainDivLeft > header{
  padding: 15px 15px 5px 15px;
  background: url(../images/newApImg/img8s.png) no-repeat right bottom;
}
.newApMainDivLeft > header b{
  background-color: #ff9b19;
  line-height: 25px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  padding: 0 10px;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.newApMainDivLeft > header h1{
  font-size: 24px;
  font-weight: 800;
  color: #0044cf;
  color: #00206b;
  color: #fff;
}
.newApMainDivLeft > header h2{
  font-size: 17px;
  color: #f67a00;
  color: #00206b;
  color: #ffeb11;
  line-height: 25px;
}
.newApMainDivLeft > header h3{
  font-size: 22px;
  color: #0044cf;
  color: #fff;
  padding: 8px 0;
}
.newApMainDivLeft > header span{
  display: block;
  color: #fff;
  margin-bottom: 6px;
}
.newApMainDivLeft > header span.cnSpan{
  font-size: 15px;
}
.newApMainDivLeft > header span.enSpan{
  font-size: 13px;    padding-right: 30%;
  line-height: 15px;
}
.newApMainDivLeft > header span.enSpan br{
  display: none;
}
.newApMainDivLeft ul{
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin-top: -5px;
}
.newApMainDivLeft ul li{
  width: 50%;
  padding: 5px;

}
.newApMainDivLeft ul li a{
  display: flex;
  border: 1px solid #dcebff;
  background-color: #e8f5ff;
  border-radius: 8px;
  min-height: 80px;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 5px 5px 45px;
  height: 100%;
  background: no-repeat center left 2px #f4faff;
  background-size: 45px;
  position: relative;
}
.newApMainDivLeft ul li a span{
  display: block;
  width: 100%;
  color: #000;
}
.newApMainDivLeft ul li a span:nth-child(1){
  font-size: 13px;
  line-height: 16px;
}
.newApMainDivLeft ul li a span:nth-child(2){
  font-size: 15px;
  letter-spacing: 0;
}
.newApMainDivLeft ul li a::before{
  display: block;
  content: '';
  width: 45px;
  height: 45px;
  position: absolute;
  background: no-repeat center top;
  background-size: 100%;
  left: 0;
}
.newApMainDivLeft ul li:nth-child(1) a::before{
  background-image: url(../images/newApImg/into01.png);
}
.newApMainDivLeft ul li:nth-child(2) a::before{
  background-image: url(../images/newApImg/into02.png);
}
.newApMainDivLeft ul li:nth-child(3) a::before{
  background-image: url(../images/newApImg/into03.png);
}
.newApMainDivLeft ul li:nth-child(4) a::before{
  background-image: url(../images/newApImg/into04.png);
}
.newApMainDivLeft footer{
  margin:  5px 15px 15px;
}
.newApMainDivLeft footer a{
  display: flex;
  align-items: center;
  background: url(../images/newApImg/into05.png) no-repeat center left 15px #f4faff;
  background-size: 45px;
  border: 1px solid #dcebff;
  border-radius: 8px;
  min-height: 60px;
  color: #000;
  padding-left: 60px;
}
.newApMainDivTheme{
  width: 100%;
  display: grid;
  margin-left: 15px;
  gap: 15px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.newApThemeDiv{
  background-color: #fff;
  border:1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 5px 10px;
}
.newApThemeDiv header span{
  display: block;
  padding-left: 10px;
}
.newApThemeDiv header span:nth-child(1){
  color: #0034a9;
  font-size: 16px;
  font-weight: bold;
}
.newApThemeDiv header span:nth-child(2){
  line-height: 15px;
  font-size: 16px;
}
.newApThemeDiv header span:nth-child(3){
  font-size: 17px;
}
.newApThemeDiv header{
  aspect-ratio: 1/0.68;
  border-radius: 15px;
  margin-bottom: 5px;
  background: center bottom no-repeat;
  background-size: 100% auto;
}
.newApThemeDiv:nth-child(1) header{
  background-image: url(../images/newApImg/img1.png);
}
.newApThemeDiv:nth-child(2) header{
  background-image: url(../images/newApImg/img2.png);
}
.newApThemeDiv:nth-child(3) header{
  background-image: url(../images/newApImg/img3.png);
}
.newApThemeDiv:nth-child(4) header{
  background-image: url(../images/newApImg/img4.png);
}
.newApThemeDiv:nth-child(5) header{
  background-image: url(../images/newApImg/img5.png);
}
.newApThemeDiv:nth-child(6) header{
  background-image: url(../images/newApImg/img6.png);
}
.newApThemeDiv footer a{
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  padding: 0 10px;
}
.newApThemeDiv footer a.greyColor,
.newApFooter ul li a.greyColor div,
.newApMainDivLeft ul li a.greyColor div{
  opacity: 0.5;
}
.newApFooter ul li a.greyColor::before,
.newApMainDivLeft ul li a.greyColor::before{
  opacity: 0.7;
}
.newApThemeDiv footer a:hover{
  color: #0034a9;
}
.newApThemeDiv footer a::after{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #2e52a3;
  border-top: 2px solid #2e52a3;
  transform: rotate(135deg);
  opacity: 0.8;
}
.newApFooter{
  background-color: #ecf3fc;
  border-radius: 15px;
  margin: 20px 15px;
  display: flex;
  padding: 10px;
  background: url(../images/newApImg/img7.png) no-repeat bottom left 17% #ecf3fc;
  background-size: auto 55%;
}
.newApFooter header{
  width: 100%;
  max-width: 430px;
  padding-left: 10px;
}
.newApFooter header h1{
  font-size: 21px;
  color: #0044cf;
  padding-bottom: 5px;
  padding-top: 12px;
}
.newApFooter header span{
  color: #00206b;
  font-size: 15px;
  line-height: 18px;
  display: block;
}
.newApFooter header div:nth-child(2) span{
  letter-spacing: 0;
  font-size: 16px;
  max-width: 300px;
  line-height: 20px;
}
.newApFooter ul {
  width: 100%;
  display: flex;
  margin-left: 20px;
  flex-wrap: wrap;
}
.newApFooter ul li:nth-child(1){
  width: 50%;
}
.newApFooter ul li{
  width: 25%;
  padding: 6px;
  text-align: left;
}
.newApFooter ul li a::before{
  content: '';
  width: 48px;
  height: 48px;
  display: block;
  background: url(../images/newApImg/into06.png) no-repeat center;
  background-size: 100%;
}
.newApFooter ul li:nth-child(1),
.newApFooter ul li:nth-child(2){
  width: 50%;
  text-align: left;
}
.newApFooter ul li a{
  border:1px solid #d5e3f5;
  background-color: #fff;
  display: flex;
  height: 100%;
  border-radius: 12px;
  align-items: center;
  color: #000;
  padding: 15px 5px;
  width: 100%;
}
.newApFooter ul li a div{
}
.newApFooter ul li a span{
  display: block;
  width: 100%;
  line-height: 20px;
}
.newApFooter ul li a > div span:nth-child(1){
  line-height: 16px;
  margin-bottom: 2px;
  font-size: 15px;
}
.newApFooter ul li:nth-child(1) a::before{
  background-image: url(../images/newApImg/into06.png);
}
.newApFooter ul li:nth-child(2) a::before{
  background-image: url(../images/newApImg/into07.png);
}
.newApFooter ul li:nth-child(3) a::before{
  background-image: url(../images/newApImg/into08.png);
}
.newApFooter ul li:nth-child(4) a::before{
  background-image: url(../images/newApImg/into09.png);
}
.newApFooter ul li:nth-child(5) a::before{
  background-image: url(../images/newApImg/into10.png);
}
.newApFooter ul li:nth-child(6) a::before{
  background-image: url(../images/newApImg/into11.png);
}
.newApFooter ul li:nth-child(1) a,
.newApFooter ul li:nth-child(2) a{
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px;
  justify-content: center;
}
.newApFooter ul li:nth-child(1) a div,
.newApFooter ul li:nth-child(2) a div{
  height: auto;
  width: auto;
}
.newApNyTop{
  background-color: #5363ff;
}
.newApNyTop header{
  max-width: 1300px;
  margin: auto;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
}
.newApNyTop header input{
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: url(../images/newApImg/back_into.png) no-repeat center #fff;
  background-size: 70%;
}
.newApNyTopLogo{
  margin-left: -30px;
  background: url(../images/newApImg/into12.png) no-repeat center left;
  padding-left: 70px;
  min-height: 60px;
  color: #fff;
  display: flex;
  align-items: center;
}
.newApNyTopLogo_CV{
  background-image: url(../images/newApImg/into12_4.png);
  margin-left: -15px;
}
.newApNyTopLogo_IT{
  background-image: url(../images/newApImg/into12_1.png);
  margin-left: -20px;
}
.newApNyTopLogo_PA{
  background-image: url(../images/newApImg/into12_2.png);
  margin-left: -10px;
}
.newApNyTopLogo_OR{
  background-image: url(../images/newApImg/into12_3.png);
  margin-left: -20px;
}
.newApNyTopLogo_AE{
  background-image: url(../images/newApImg/into12_5.png);
  margin-left: -20px;
}
.newApNyTopLogo span{
  display: inline-block;
  padding-left: 10px;
  font-size: 20px;
}
.newApNyMain{
  max-width: 1300px;
  margin: auto;
  min-height: calc(100vh - 140px);
  padding: 20px 10px;
}
.TeachingPPTsTit{ 
  padding-left: 15px;
}
.TeachingPPTsTit h1{
  font-size: 22px;
  position: relative;
}
.TeachingPPTsTit h1::before{
  position: absolute;
  left: -15px;
  top: 5%;
  content: '';
  width: 6px;
  height: 100%;
  border-radius: 5px;
  display: block;
  background-color: #f96340;
}
.TeachingPPTsTit h2{
  font-size: 17px;
  line-height: 25px;
  
}
.TeachingPPTsUl{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 15px 0 25px 0;
}
.TeachingPPTsUl header{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.TeachingPPTsUl header h1{
  font-size: 17px;
  display: flex;
  min-height: 60px;
  align-items: center;
  align-items: self-start;
  padding-top: 6px;
}
.TeachingPPTsUl header > div.pdfDiv{
  padding-left: 60px;
  background: url(../images/newApImg/into13.png) no-repeat center left -10px;
}
.newApInputDownload{
  height: 40px;
  border-radius: 8px;
  color: #fff;
  padding: 0 15px 0 40px;
  background: url(../images/newApImg/into14.png) no-repeat center left 8px #0767f7;
  transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.newApInputDownload:hover{
  transform: translateY(-2px);
}
.TeachingPPTsUl header > div b{
  font-weight: normal;
  padding-right: 5px;
}
.TeachingPPTsUl header > div span{
  display: block;
  font-size: 18px;
  line-height: 25px;
  padding-top: 5px;
}
.TeachingPPTsTit.Tit01 h1::before{
  background-color: #4052f9;
}
.TeachingPPTsTit.Tit01 h2 span{
  display: block;
}
.FourStagesUl{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 15px 0 0;
}
.FourStagesUl li{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.FourStagesUl li a{
  display: flex;
  min-height: 150px;
  align-items: center;
  padding: 10px;
  color: #000;
}
.FourStagesUl li a::before{
  content: '';
  display: block;
  width: 200px;
  min-width: 200px;
  height: 150px;
  margin-right: 15px;
  border-radius: 8px;
}
.FourStagesUl li a header{
  font-size: 17px;
}
.FourStagesUl li a header div:nth-child(2){
  font-size: 18px;
  padding-top: 10px;
}
.FourStagesUl li:nth-child(1) a::before{
  background: url(../images/newApImg/img9.png);
}
.FourStagesUl li:nth-child(2) a::before{
  background: url(../images/newApImg/img10.png);
}
.FourStagesUl li:nth-child(3) a::before{
  background: url(../images/newApImg/img11.png);
}
.FourStagesUl li:nth-child(4) a::before{
  background: url(../images/newApImg/img12.png);
}
.FourStagesUl li:hover{
  border-color: rgb(0 62 237 / 50%);
}
.ContentVocabularyDiv{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  padding: 15px;
}
.ContentVocabularyDivImg{
  border-radius: 12px;
  max-width: 320px;
  width: 100%;
  display: flex;
  overflow: hidden;
  margin-right: 20px;
}
.ContentVocabularyDiv header{
  width: 100%;
  position: relative;
}
.ContentVocabularyDiv header h1{
  font-size: 18px;
}
.ContentVocabularyDiv header h2{
  font-size: 18px;
  line-height: 30px;
}
.CVInput{
  position: absolute;
  right: 10px;
  top: -3px;
  max-width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.CVInputTwo{
  gap: 15px;
}
.CVInputTwo input{
  width: 100%;
  max-width: 260px;
}
.newApBody .website-update-notification-inner{
  padding: 10px 5px;
}
.ContentVocabularyDiv header span{
  color: #2f3c4e;
  /* max-width: 500px; */
  display: flex;
  padding-right: 280px;
}
.ContentVocabularyDiv header input{
  line-height: 40px;
  border: 1px solid #1228ff;
  border-radius: 8px;
  padding: 0 10px;
  color: #3346ff;
}
.ContentVocabularyDiv header input:hover{
  background-color: #6270ff;
  border: 1px solid #6270ff;
  color: #fff;
}
.PracticeAssessmentBanner h2{
  position: relative;
  display: inline-block;
}
.PracticeAssessmentBanner h2 input{
  height: 40px;
  background: #2871f9;
  border-radius: 10px;
  color: #fff;
  padding: 0 10px;
  margin-left: 10px;
}
.ContentVocabularyDiv header > div{
  position: relative;
  margin-bottom: 25px;
}
.InteractiveToolsTop{
  border: 1px solid #c1d2f6;
  padding: 10px;
  border-radius: 12px;
  padding-left: 50px;
  background: url(../images/newApImg/into15.png) no-repeat top 3px left 10px #f2f6fe;
  margin-bottom: 20px;
}
.InteractiveToolsTop span{
  display: block;
}
.InteractiveTools{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 15px 0 20px 0;
  padding: 0 15px;
}
.InteractiveTools:last-child{
  margin-bottom: 0;
}
.InteractiveTools > header{
  border-bottom: 1px #e9e5e5 dashed;
  padding: 15px 0;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.InteractiveTools > header:last-child{
  border: 0;
}
.InteractiveTools > header button{
  font-size: 15px;
  border-radius: 8px;
  padding: 5px 10px 8px 10px;
  margin-left: 5px;
}
.InteractiveTools > header button span{
  display: block;
  line-height: 18px;
}
.InteractiveTools > header button span:last-child{
  font-size: 16px;
}
.UseOnlineButton{
  background-color: #436af6;
  color: #fff;
}
.OriginalPDFButton{
  background-color: #eef5ff;
  color: #105fdb;
  border: 1px solid #3982f5;
}
.ViewModelSampleButton{
  background-color: #fdf5dc;
  color: #d06201;
  border: 1px solid #f2d16c;
}
.PracticeAssessmentBanner{
  background-color: #ecf4fe;
  border: 1px solid #d5e0f6;
  min-height: 300px;
  border-radius: 15px;
  background: url(../images/newApImg/img14.png)  no-repeat bottom left ,url(../images/newApImg/img14s.png)  no-repeat bottom right #ecf4fe;
  padding: 50px 420px 0 350px;

}
.PracticeAssessmentBanner h1{
  font-size: 30px;

}
.PracticeAssessmentBanner h2{
  font-size: 26px;
  color: #0738c2;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.PracticeAssessmentBanner h2::after{
  content: '';
  display: flex;
  width: 40px;
  height: 5px;
  border-radius: 3px;
  background-color: #0738c2;
  margin-top: 10px;
  display: none;
}
.PracticeAssessmentBanner div{
  padding-top: 10px;
}
.PracticeAssessmentBanner div span{
  display: block;
  padding-top: 5px;
  
}
.PracticeAssessmentMain{
  display: flex;
  gap: 20px;
  padding: 20px 0 0;
}
.PracticeAssessmentMain > header{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 15px;
  flex: 1;
}
.PracticeAssessmentMain > header:nth-child(1){
  min-width: 465px;
  padding-bottom: 0;
}
.PracticeAssessmentMain > header:nth-child(1) ul{
  padding: 5px 10px;
}
.PracticeAssessmentMain > header h1{
  font-size: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-left: 60px;
  min-height: 50px;
  margin-bottom: 12px;
}
.PracticeAssessmentMain > header h1::before{
  position: absolute;
  left: 0;
  content: '';
  width: 50px;
  height: 50px;
  min-height: 50px;
  border-radius: 50%;
  display: block;
  background: url(../images/newApImg/into16.png) no-repeat center #236aec;
  margin-right: 15px;
}
.PracticeAssessmentMain > header:nth-child(2) h1::before{
  background-image: url(../images/newApImg/into16_1.png);
}
.PracticeAssessmentMain > header:nth-child(3) h1::before{
  background-image: url(../images/newApImg/into16_2.png);
}
.PracticeAssessmentMain > header:nth-child(1) ul div{
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  display: flex;
  min-height: 60px;
  align-items: center;
  font-size: 18px;
  position: relative;
  padding: 5px 0;
  justify-content: space-between;
}
.PracticeAssessmentMain > header button{
  letter-spacing: 0.02rem;
}

.PracticeAssessmentMain > header:nth-child(1) li:last-child div{
  border: 0;
}
button.QuestionInput{
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  cursor: auto;
}
button.QuestionInput b{
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ecf2fe;
  border: 1px solid #ebeefd;
  margin-left: 8px;
  background: url(../images/newApImg/into17_1.png) no-repeat center;
  cursor: pointer;
}

button.RecordingInput{
  line-height: 40px;
  border-radius: 8px;
  background: url(../images/newApImg/into17s.png) no-repeat center right  #fdf5dc;
  padding: 0 35px 0 10px;
  font-size: 16px;
  color: #df4a00;
  border: 1px solid #fdf5dc;
}
button.RecordingInput:hover{
  border-color:  #fbc7a8;
}
button.AnswerInput{
  line-height: 40px;
  border-radius: 8px;
  background: url(../images/newApImg/into17_3.png) no-repeat center right #fbedfb;
  padding: 0 35px 0 10px;
  font-size: 16px;
  color: #6a12d7;
  border: 1px solid #fdf5dc;
}
button.AnswerInput:hover{
  border-color:  #e5cfff;
}
.PracticeAssessmentMain > header h1 span{
  padding-right: 5px;
}
.PracticeAssessmentMain > header:nth-child(2) div{
  padding: 20px;
  min-height: 80px;
}
.PracticeAssessmentMain > header:nth-child(2) button{
  min-height: 55px;
  border-radius: 12px;
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin: 15px 0;
}

.PracticeAssessmentMain > header:nth-child(2) button span{
  padding: 0 5px;
}
.PracticeAssessmentMain > header:nth-child(3) div{
  padding: 150px 0px 10px 0px;
  background: url(../images/newApImg/into18s.png) no-repeat center top 5px;
} 
.PracticeAssessmentMain > header:nth-child(3) footer{
  background-color: #f9fbff;
  border:1px solid #edf1fb;
  border-radius: 12px;
  color: #00206b;
  padding: 5px 15px 15px;
}
.PracticeAssessmentMain > header:nth-child(3) footer > div span{
  display: block;
}
.PracticeAssessmentMain > header:nth-child(3) footer > div span:nth-child(1){
  font-size: 15px;
  line-height: 18px;
  padding-bottom: 5px;
}
.PracticeAssessmentMain > header:nth-child(3) footer button{
  min-height: 55px;
  background-color: #436af6;
  color: #fff;
  border-radius: 12px;
  width: 100%;
  font-size: 18px;
}
.OfficialResourcesDiv header.one{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
  padding: 10px 20px 10px 255px;
  position: relative;
  min-height: 180px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.OfficialResourcesDiv header.one a{
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: block;
  padding: 15px 0;
  display: flex;
  position: relative;
  width: 100%;
}
.OfficialResourcesDiv header.one a:last-child{
  border: 0;
}
.OfficialResourcesDiv header:nth-child(1)::before{
  position: absolute;
  content: '';
  display: block;
  width: 220px;
  height: 150px;
  border-radius: 12px;
  left: 15px;
  background: url(../images/newApImg/img19.png) no-repeat;
  background-size: 100% auto;
}
.OfficialResourcesDiv  > header h1{
  font-size: 18px;
  color: #00206b;
  margin-bottom: 5px;
}
.OfficialResourcesDiv > header h2{
  font-size: 18px;
  color: #00206b;
  line-height: 22px;
}
.OfficialResourcesDiv header.one span{
  display: block;
  margin-top: 10px;
}
.OfficialResourcesDiv header.one b{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #c8d8f2;
  background-color: #f6f9fe;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  position: absolute;
  right: 5px;
}
.OfficialResourcesDiv header.one b::before{
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #1046d2;
  border-top: 2px solid #1046d2;
  transform: rotate(45deg);
}
.OfficialResourcesDiv header.twoHeader{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
  padding: 15px;
}
.OfficialResourcesDiv header.twoHeader > div{
  min-height: 100px;
  padding-left: 240px;
  position: relative;
  padding-top: 5px;
}
.OfficialResourcesDiv header.twoHeader > div span{
  margin-top: 10px;
  display: block;
}
.OfficialResourcesDiv header.twoHeader > div::before {
  position: absolute;
  content: '';
  display: block;
  width: 220px;
  height: 150px;
  border-radius: 12px;
  left: 0;
  top: 0;
  background: url(../images/newApImg/img19_1.png) no-repeat;
  background-size: 100% auto;
}
.OfficialResourcesDiv header.twoHeader1 > div::before{
  background: url(../images/newApImg/img19_2.png) no-repeat;
  background-size: 100% auto;
}
.OfficialResourcesDiv header.twoHeader ul{
  margin-left: 240px;
  display: flex;
  flex-wrap: wrap;
  background: #f5f9ff;
    padding: 5px 15px;
    border-radius: 12px;
}
.OfficialResourcesDiv header.twoHeader ul li{
  width: 25%;
  padding-right: 15px;
}
.OfficialResourcesDiv header.twoHeader ul li div{
  display:inline-block;

}
.OfficialResourcesDiv header.twoHeader ul li a{
  display: block;
  /* border-bottom: 1px dashed rgba(0, 0, 0, 0.1); */
  padding: 10px 0;
  color: #000;
  background: url(../images/newApImg/into20_1.png) no-repeat top 8px left;
  background-size: 25px;
  padding-left: 30px;
}
.OfficialResourcesDiv header.twoHeader ul li a span:nth-child(1){
  display: none;
}
.OfficialResourcesDiv header.twoHeader1 ul li{
  width: 50%;
}
.OfficialResourcesDiv header.twoHeader1 ul li a span:nth-child(1){
  display: inline-block;
}
.OfficialResourcesDiv header.twoHeader ul li a:hover{
  background-image: url(../images/newApImg/into20.png);
  color: #ff770f;
}
.OfficialResourcesDiv header.twoHeader1 a{
  border: 0 !important;
}
.nolI a{
  border: 0 !important;
}
.AEDiv{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.AEDiv header{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  width: 50%;
  padding: 20px 15px 20px 230px;
  position: relative;
  min-height: 185px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.AEDiv header::before{
  content: '';
  width: 200px;
  height: 150px;
  display: block;
  position: absolute;
  left: 15px;
  background: url(../images/newApImg/newImg03.png) no-repeat center;
  background-size: 100%;
  border-radius: 12px;
}
.AEDiv header:nth-child(2)::before{
  background-image: url(../images/newApImg/newImg03_1.png) ;
}
.AEDiv header h1{
  font-size: 18px;
  line-height: 20px;
  display: flex;
}
.AEDiv header h1 span{
  font-size: 20px;
  margin: 0;
 padding-left: 8px;
}
.AEDiv header h2{
}
.AEDiv header > div{
  padding: 10px 0;
  width: 100%;
}
.AEDiv header > div > span{
  background-color: #e9f1fd;
  font-size: 16px;
  display: inline-block;
  padding: 5px 15px;
  color: #0034a9;
  border-radius: 25px;
}
.AEDiv header input{
  /* border: 1px solid #3969f4; */
  background-color: #3969f4;
  background: url(../images/newApImg/into21s.png) no-repeat center right 5px #3969f4;
  line-height: 40px;
  color: #194cdf;
  color: #fff;
  border-radius: 20px;
  padding: 0 40px 0 20px;
}
.AEDiv header input:hover{
  background-color: #3969f4;
  color: #fff;
}
.AEDiv1 header:last-child{
  margin-bottom: 0;
}
.AEDiv1{
  display: grid;
  margin-top: 20px;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.AEDiv1 header{
  background-color: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 15px 10px 15px 170px;
    position: relative;
    min-height: 180px;
}
.AEDiv1 header::before {
  content: '';
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  left: 15px;
  background: url(../images/newApImg/newImg03_2.png) no-repeat center;
  border-radius: 12px;
  background-size: 100%;
}
.AEDiv1 header:nth-child(2)::before {
  background-image: url(../images/newApImg/newImg03_3.png);
}
.AEDiv1 header:nth-child(3)::before {
  background-image: url(../images/newApImg/newImg03_4.png);
}
.AEDiv1 header:nth-child(4)::before {
  background-image: url(../images/newApImg/newImg03_5.png);
}
.AEDiv1 header h1{
  font-size: 20px;
  color: #0044cf;
  padding: 10px 0;
}
.AEDiv1 header div{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 10px;
}
.AEDiv1 header div:nth-child(2){
  padding: 10px 0;
}
.AEDiv1 header div:nth-child(2) span{
  background-color: #e9f1fd;
  font-size: 16px;
  display: inline-block;
  padding: 5px 15px;
  color: #0034a9;
  border-radius: 25px;
}
.AEDiv1 header:nth-child(3) > div:nth-child(2){
  padding: 0;
}
.AEDiv1 header:nth-child(3) ul{
  padding: 0 5px;
}
.AEDiv1 header:nth-child(3) li{
  padding-top: 10px;
}
.AEDiv1 header:nth-child(3) li{
  border-bottom: 1px rgba(0, 0, 0, 0.08) dashed;
}
.AEDiv1 header:nth-child(3) li:last-child{
  border: 0;
}
.AEDiv1 header:nth-child(3) li:last-child div{
  padding-bottom: 0;
}

.AEDiv1 header a{
  width: 80px;
  height: 40px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AEDiv1 header a:hover{
  border: 1px solid rgba(0,0,0,0.3);
}
.AEDiv1 header:nth-child(2) ul li:nth-child(1){
  border-bottom: 1px #e9e5e5 dashed;
  margin-bottom: 15px;
    padding-bottom: 5px;
}
.AEDiv1 header:nth-child(2) ul li:nth-child(2) div{
  padding-bottom: 0;
}
.newApInputView{
  height: 40px;
    border-radius: 20px;
    color: #fff;
    padding: 0 15px 0 15px;
    background-color:#ff7625;
}
.AEDiv1 header h2{
  font-size: 17px;
  color: #0034a9;
}
.AEDiv1 header:nth-child(2) div{
  padding: 10px 0;
}
.newApMain{
  padding: 0 15px;
}
.getStartedDiv{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding-top: 15px;
  padding-bottom: 25px;
}
.getStartedDiv > header{
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 15px;
  width: 100%;
}
.getStartedDiv > header:nth-child(1){
  padding: 10px 15px;
}
.getStartedTit{
  display: flex;
  align-items: center;
}
.getStartedTit b{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #236aec;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: normal;
}
.TeachingGuideDiv{
  background: url(../images/newApImg/newImg01.png) no-repeat center left 10px;
  background-size: 280px auto;
  height: 130px;
  padding-left: 290px;
  padding-right: 190px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  flex-wrap: wrap;
  position: relative;
}
.TeachingGuideDiv div{
  width: 100%;
}
.TeachingGuideDiv div:nth-child(1) span{
  font-size: 20px;
}
.TeachingGuideDiv div:nth-child(2) span{
  display: block;
  font-size: 16px;
  padding: 0;
}
.TeachingGuideDiv .newApInputDownload{
  position: absolute;
  right: 0px;
}
.TeachingGuideDiv span {
  font-size: 18px;
  line-height: 25px;
  padding-top: 5px;
}
.getStartedDiv ul li.CollegeBoardLi{
  display: block;
  width: 100%;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); 
  padding: 0 0 15px 0;*/
  border-radius: 0;
}
.getStartedDiv ul li.CollegeBoardLi > div:nth-child(1){
  margin-bottom: 10px;
  display: none;
}
.getStartedTit1{
  font-size: 20px;
}
.getStartedTit1 div{
  padding-left: 10px;
}
.getStartedDiv ul{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.getStartedDiv ul li{
  /* background: #f5f9ff; */
  border-radius: 12px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px 10px 5px;
}

.getStartedDiv ul li span{
  display: block;
}
li.liPPT div{
  padding-left: 60px;
  background: url(../images/newApImg/into13s.png) no-repeat center left;
  min-height: 50px;
  background-size: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
li.liPPT div span{
  width: 100%;
}
li.liWY > div{
  justify-content: space-between;
}
li.liWY div{
  padding-left: 70px;
  background: url(../images/newApImg/into13s2.png) no-repeat center left 5px;
  min-height: 50px;
  background-size: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
li.liWY div span{
  display: block;
  width: 100%;
}
.CollegeBoardLi{
  flex-wrap: wrap;

}
.CollegeBoardLi > div{
  color: #00206b;
}
.CollegeBoardLi footer{
  width: 100%;
  display: flex;
  justify-content: space-between;
  width: calc(50% - 10px);
  background: #f5f9ff;
  border-radius: 12px;
  padding: 5px 15px 5px 5px;
  align-items: center;
}
.CollegeBoardLi footer span{
  display: block;
}
.liPDF div{
  padding-left: 70px;
  background: url(../images/newApImg/into13.png) no-repeat center left 5px;
  min-height: 50px;
  background-size: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.liPDF div span{
  width: 100%;
}
.liPPT .newApInputView{
  background-color: #fff;
  border: 1px solid #7da5e6;
  color: #003fc5;
  border-radius: 8px;
}
.liWY .newApInputView{
  background-color: #189356;
}
.getStartedDiv li.liPPT div{
  background: transparent;
  padding-left: 0;
  padding-right: 15px;
}
.getStartedDiv li.liPPT{
  background: url(../images/newApImg/newImg02.png) no-repeat center left 10px #f5f9ff;
  background-size: 80px auto;
  padding-left: 100px;
}
.getStartedDiv li.liPDF .newApInputView{
  color: #ff7625;
  background-color: #fff;
  border: 1px solid #ff7625;
  border-radius: 8px;
}
.getStartedDiv li.liWY .newApInputView{
  color: #ff7625;
  background-color: #fff;
  border: 1px solid #ff7625;
  border-radius: 8px;
}
.getStartedDiv li.liWY .newApInputView{
  background-color: #fff;
  border: 1px solid #7da5e6;
  color: #003fc5;
  border-radius: 8px;
}
.getStartedDiv > header ul{
  display: flex;
  gap: 15px;
  padding-left: 45px;
}
.getStartedDiv > header ul li{
  width: calc(50% - 10px);
  background: #f5f9ff;
  margin-bottom: 0;

}
.getStartedDiv div:nth-child(2) ul{
  padding-left: 45px;
}
.CollegeBoardLi div:nth-child(2){
  display: flex;
  gap: 15px;
}
.RAADiv{
  border: 1px solid #dae4fb;
  background-color: #f5f8fd;
  border-radius: 12px;
  padding: 10px;
}
.RAADiv header{
  color: #0044cf;
  margin-bottom: 8px;
}
.RAADiv header span{
  font-size: 17px;
}
.RAADiv footer{
  display: flex;
  gap: 12px;
}
.RAADiv footer button{
  border-radius: 8px;
  width: 100%;
  letter-spacing: 0;
  padding: 5px 5px 5px 40px;
  background: url(../images/newApImg/into17_1.png) no-repeat center left 3px #fff;
  border: 1px solid #d5e2ff;
}
.RAADiv footer button:nth-child(2){
  background-image: url(../images/newApImg/into17_3.png);
}
.RAADiv footer button span{
  display: block;
  text-align: left;
}
.RAADiv footer button span:nth-child(1){
  font-size: 14px;
}
.PracticeAssessmentMainStudent{
  display: flex;
  gap: 20px;
  padding: 20px 0 0;
}
.PracticeAssessmentMainStudent > header {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 15px;
  flex: 1;
}
.PracticeAssessmentMainStudent > header h1{
  font-size: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-left: 60px;
  min-height: 50px;
  margin-bottom: 8px;
}
.PracticeAssessmentMainStudent > header h1 span{
  padding-right: 5px;
}
.PracticeAssessmentMainStudent > header h1::before{
  position: absolute;
  left: 0;
  content: '';
  width: 50px;
  height: 50px;
  min-height: 50px;
  border-radius: 50%;
  display: block;
  background: url(../images/newApImg/into16.png) no-repeat center #236aec;
  margin-right: 15px;
}
.PracticeAssessmentMainStudent > header:nth-child(2) h1::before{
  background-image: url(../images/newApImg/into16_1.png);
}
.PracticeAssessmentMainStudent > header:nth-child(1) h1::before{
  background-image: url(../images/newApImg/into16_3.png);
}
.PracticeAssessmentMainStudent > header:nth-child(2) h1::before{
  background-image: url(../images/newApImg/into16_4.png);
}
.PracticeAssessmentMainStudent > header:nth-child(1) div {
  padding: 20px;
  min-height: 80px;
}
.PracticeAssessmentMainStudent > header:nth-child(1) div span{
  display: block;
}
.PracticeAssessmentMainStudent > header:nth-child(1) button{
  min-height: 55px;
  border-radius: 12px;
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin: 15px 0;
}
.PracticeAssessmentMainStudent > header:nth-child(2) > div{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  margin: 0 10px;
  background: url(../images/newApImg/into24.png) no-repeat center;
}
.PracticeAssessmentMainStudent > header:nth-child(2) > div input{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: url(../images/newApImg/into23.png) no-repeat center #dde6ff;
}
.PracticeAssessmentMainStudent > header:nth-child(2) p{
  text-align: center;
  line-height: 50px;
  background-color: #ecf2ff;
  border-radius: 12px;
  font-size: 18px;
  color: #0044cf;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PracticeAssessmentMainStudent > header:nth-child(2) p::before{
  display: block;
  content: '';
  width: 40px;
  height: 40px;
  background: url(../images/newApImg/into22.png) no-repeat center;
}
.PracticeAssessmentMainStudent > header:nth-child(3) > div{
  padding-bottom: 8px;
}
.PracticeAssessmentMainStudent > header:nth-child(3) > div span{
  display: block;
}
.PracticeAssessmentMainStudent > header:nth-child(3) > div span:nth-child(1){
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 3px;
}
.PracticeAssessmentMainStudent > header:nth-child(3) h2{
  font-size: 16px;
}
.PracticeAssessmentMainStudent > header:nth-child(3) h2 div{
  margin-bottom: 8px;
}
.PracticeAssessmentMainStudent > header:nth-child(3) ul {
  
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 5px 15px;
}
.PracticeAssessmentMainStudent > header:nth-child(3) ul li:last-child div{
  border: 0;
}
.PracticeAssessmentMainStudent > header:nth-child(3) ul div{
  display: flex;
  min-height: 60px;
  align-items: center;
  font-size: 18px;
  position: relative;
  padding: 5px 0px;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
.PracticeAssessmentMainStudent > header:nth-child(2) > footer{
  margin: 0 10px;
}
.PracticeAssessmentMainStudent > header:nth-child(2) > footer div{
  padding-top: 5px;
  line-height: 20px;
}
.PracticeAssessmentMainStudent > header:nth-child(2) > footer div:nth-child(2){
  font-size: 15px;
  line-height: 18px;
}
.recordToolsDialog{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.45);
}
.recordToolsDialog .demoMain{
  max-width: 400px;
  padding: 25px 10px 15px 10px;
  border-radius: 12px;
  background-color: #fff;
}
.recordToolsDialog #timeBox{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #0081f4;
  font-size: 17px;
  line-height: 25px;
  margin: 10px 0;
}
.recordToolsDialog #timeBox div{
  padding: 0 5px;
  font-size: 19px;
}
.recordToolsDialog .reclog{
  font-size: 16px;
  color: #0b1;
  padding-top: 15px;
}
.recordToolsDialog .recpowert{
  background-color: #999999;
  font-size: 18px;
  margin: 10px auto;
  max-width: 350px;
}
.recordToolsDialog .recPlay{
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}
.CollegeBoardDiv header{
  background-color: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 15px;
    padding: 10px 20px 10px 225px;
    position: relative;
    min-height: 220px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.CollegeBoardDiv header::before{
  position: absolute;
  content: '';
  display: block;
  width: 190px;
  height: 190px;
  border-radius: 12px;
  left: 15px;
  background: url(../images/newApImg/newImg04.png) no-repeat center #f6f9fe;;
}
.CollegeBoardDiv header:nth-child(2)::before{
  background-image: url(../images/newApImg/newImg04_1.png);
}
.CollegeBoardDiv header:nth-child(3)::before{
  background-image: url(../images/newApImg/newImg04_2.png);
}
.CollegeBoardDiv a {
  display: block;
  padding: 15px 0;
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
}
.CollegeBoardDiv a div{
  width: 100%;
}
.CollegeBoardDiv a div:nth-child(2){
  padding-top: 10px;
  line-height: 25px;
    font-size: 16px;
    color: #5e5e5e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-right: 40px;
    max-width: 800px;
}
.CollegeBoardDiv h1 {
  font-size: 18px;
  color: #00206b;
  margin-bottom: 5px;
}
.CollegeBoardDiv h2 {
  font-size: 18px;
  color: #00206b;
}
.CollegeBoardDiv b{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #c8d8f2;
  background-color: #f6f9fe;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  position: absolute;
  right: 5px;
}
.CollegeBoardDiv b::before{
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #1046d2;
  border-top: 2px solid #1046d2;
  transform: rotate(45deg);
}
.newApNyTopLogo span:nth-child(2),
.TeachingPPTsTit h1 span:nth-child(2),
.TeachingGuideDiv div:nth-child(1) span:nth-child(2),
.getStartedTit1 div span:nth-child(2),
.AEDiv header h1 span,
.AEDiv1 header h1 span,
.AEDiv1 header h2 span{
  position: relative;
  padding-left: 20px;
}
.newApNyTopLogo span:nth-child(2)::before,
.TeachingPPTsTit h1 span:nth-child(2)::before,
.TeachingGuideDiv div:nth-child(1) span:nth-child(2)::before,
.getStartedTit1 div span:nth-child(2)::before,
.AEDiv header h1 span::before,
.AEDiv1 header h1 span::before,
.AEDiv1 header h2 span::before{
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 8px;
  content: '';
  display: block;
  width: 2px;
  height:20px;
  background-color: #fff;
  margin-right: 10px;
}
.TeachingPPTsTit h1 span:nth-child(2)::before,
.getStartedTit1 div span:nth-child(2)::before,
.AEDiv header h1 span::before{
  background-color: #000;
  margin-top: -10px;
}
.TeachingGuideDiv div:nth-child(1) span:nth-child(2)::before{
  background-color: #000;
  margin-top: -7px;
}
.AEDiv1 header h1 span::before{
  background-color: #0044cf;
}
.AEDiv1 header h2 span::before{
  background-color: #0044cf;
  width: 1px;
  height: 18px;
  margin-top: -8px;
}
.newApBodyStu .newApFooter{
  margin-bottom: 0;
}
.newApBodyStu .newApBox{
  padding-bottom: 15px;
  position: relative;
}
.newApBodyStu .newApMainDivLeft ul li{
  width: 50%;
}
.newApBodyStu .newApMainDivLeft ul li a{
  padding-top: 78px;
  padding-left: 5px;
  text-align: center;
  justify-content: center;
  align-items: self-start;
}
.newApBodyStu .newApMainDivLeft ul li a::before{
  top: 12px;
  left: auto;
  margin-left: 0;
  width: 60px;
  height: 60px;
  background-color: #ecf3fc;
  background-position: center;
  border-radius: 50%;
  background-size: 50px;
}
.newApBodyStu .newApMainDivLeft ul li:nth-child(2) a span:nth-child(1) {
  font-size: 13px;
  line-height: 16px;
  max-width: 100px;
}
.newApBodyStu .newApMainDivLeft ul li:nth-child(3) a span:nth-child(1){
  max-width: 150px;
}
.newApBodyStu .newApMainDivLeft ul li a span:nth-child(2){
  padding: 3px 0;
  font-size: 16px;
}
.newApBodyStu .newApMainDivLeft ul{
  margin-top: 0px;
}
.newPreApBody .CIndexHeader{
  background: -webkit-linear-gradient(left, #00bbb0, #00dbce);
}
.newPreApBody .CIndexHeader a::before {
  background-image: url(../images/unitStyle/back_into1.png);
}
.newPreApBody .newApTitle header::before{
  background-color: #03b5ab;
}
.newPreApBody .newApTitle header span {
  color: #0ba39a;
}
.newPreApBody .newApTitle header h1 {
  color: #0b2b29;
}
.newPreApBody .newApMainDivLeft{
  background-color: #07bbb1;
}
.newPreApBody .newApMainDivLeft > header{
  background-image: url(../images/newApImg/img8s1.png);
}
.newPreApBody .newApMainDivLeft ul li:nth-child(1) a::before{
  background-image: url(../images/newApImg/into01s1.png);
}
.newPreApBody .newApMainDivLeft ul li:nth-child(2) a::before{
  background-image: url(../images/newApImg/into02s1.png);
}
.newPreApBody .newApMainDivLeft ul li:nth-child(3) a::before{
  background-image: url(../images/newApImg/into03s1.png);
}
.newPreApBody .newApMainDivLeft ul li:nth-child(4) a::before{
  background-image: url(../images/newApImg/into04s1.png);
}
.newPreApBody .newApMainDivLeft footer a {
  background-image: url(../images/newApImg/into05s1.png);
}
.newPreApBody .newApFooter ul li{
  width: 50%;
}
.newPreApBody .newApFooter ul li a{
  justify-content: center;
  padding-left: 10%;
}
.newPreApBody .newApFooter ul li a div{
  width: 100%;
  padding-left: 3%;
}
.newPreApBody .newApFooter ul li a span br{
  display: none !important;
}
.newPreApBody .newApFooter{
  background-image: url(../images/newApImg/img7s.png);
  background-position: bottom left 17.5%;
  background-color: #e3f3f6;
  background-size: auto 63%;
}
.newPreApBody .newApFooter header h1{
  color: #00716f;
}
.newPreApBody .newApFooter header span{
  color:#1b2d35;
}
.newPreApBody .newApFooter header div:nth-child(2) span{
  max-width: 280px;
}
.newPreApBody .newApThemeDiv footer a{
  padding: 0 5px;
}
.newPreApBody .newApThemeDiv header{
  aspect-ratio: 1 / 0.75;
  background: transparent;
}
.newPreApBody .newApThemeDiv header::after{
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 1 / 0.5;
  border-radius: 15px;
  background: center bottom no-repeat;
  background-size: 100% auto;
  margin-top: 2px;
}
.newPreApBody .newApThemeDiv:nth-child(1) header::after{
  background-image: url(../images/newApImg/PreAPImg1s.png);
}
.newPreApBody .newApThemeDiv:nth-child(2) header::after{
  background-image: url(../images/newApImg/PreAPImg2s.png);
}
.newPreApBody .newApThemeDiv:nth-child(3) header::after{
  background-image: url(../images/newApImg/PreAPImg3s.png);
}
.newPreApBody .newApThemeDiv:nth-child(4) header::after{
  background-image: url(../images/newApImg/PreAPImg4.png);
}
.newPreApBody .newApThemeDiv:nth-child(5) header::after{
  background-image: url(../images/newApImg/PreAPImg5.png);
}
.newPreApBody .newApThemeDiv:nth-child(6) header::after{
  background-image: url(../images/newApImg/PreAPImg6.png);
}
.newPreApBody .newApBox {
  min-height: calc(100vh - 215px);
}



@media (min-width: 1921px) {
  .newApMainDivLeft{
    max-width: 550px;
  }
  .newApFooter header{
    max-width: 530px;
  }
  div.preApTwoTop::before,
  div.CIndexHeader::before {
    background-size: 100% 70%;
    top: 1vh;
  }
  .pHomeTop::before {
    background-size: 100% 70%;
  }
  .apBlockUspa,
  .APTwoTop .xcontent,
  .zjm_con3,
  .zjm_con1.zjm_con8,
  .zjm_con2,
  .website-update-notification-inner,
  .newApNyTop header,
  .newApNyMain{
    max-width: 120vh !important;
  }
  .newApBox {
    max-width: 115vh;
    position: relative;
    z-index: 1;
  }
  .newApThemeDiv{
    padding: 5px 15px;
  }
  .newApThemeDiv header{
    aspect-ratio: 1 / 0.7;
    margin-bottom: 10px;
  }
  .apBlockLearner {
    position: relative;
  }
  .newApFooter{
    background-position: bottom left 22%;
    background-size: auto 60%;
  }
  .essentialC #assignToClass.assignToClassCSS,
  #assignToClass.assignToClassCSS {
    margin-right: -65vh;
  }
  .newApMainDivLeft ul li a span:nth-child(1) {
    font-size: 15px;
  }
  .newApMainDivLeft > header h1{
    font-size: 24px;
  }
  .newApMainDivLeft > header b{
    font-size: 16px;
    margin-bottom: 12px;
  }
  .newApMainDivLeft > header h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .newApMainDivLeft > header span.cnSpan {
    font-size: 16px;
    padding-right: 36%;
  }
  .newApMainDivLeft > header span.cnSpan br,
  .newApMainDivLeft > header span.enSpan br{
    display: none;
  }
  .newApMainDivLeft > header span.enSpan {
    font-size: 15px;
    line-height: 18px;
    padding-right: 30%;
    margin-bottom: 10px;
  }
  .newApMainDivLeft > header{
    background-size: auto 80%;
  }
  .newApMainDivLeft ul li a span:nth-child(2) {
    font-size: 17px;
  }
  .newApMainDivLeft ul li a{
    background-size: 55px;
    padding: 5px 5px 5px 60px;
    background: no-repeat center left 5px #f4faff;
  }
  .newApMainDivLeft footer a{
    padding-left: 80px;
    font-size: 17px;
    background-size: 50px;
    background-position: center left 25px;
  }
}
@media (max-width: 1680px) {
  .pHomeBj #assignToClass,
  #assignToClass.assignToClassCSS,
  .essentialC #assignToClass.assignToClassCSS {
    right: 10px;
    margin-right: auto;
  }
  #refresh {
    right: 10px !important;
  }
  .zgyswh_text p {
    font-size: 1.2vw;
    line-height: 2.2vw;
  }
  .dcdh_text p {
    font-size: 1vw;
    line-height: 2vw;
  }
  .demoMain,
  .DMnelrong p {
    font-size: 1.4vw;
  }
}
@media (max-width: 1440px) {
  .newApBodyStu .newApMain {
    padding: 0 5px;
  }
  .newApBodyStu .newApFooter{
    margin: 15px 5px 5px;
  }
  .newApBodyStu .studentUnit .contentMax{
    max-width: 1230px;
  }
  .newApBodyStu .contentMax {
    max-width: 1220px;
  }
  .apBlockUspa {
    padding: 0 15px;
  }
  .pHomeBj #assignToClass {
    right: 10px;
    margin-right: auto;
  }
  .newApNyTopLogo{
    margin-left: -20px;
  }
  .newApNyMain{
    padding: 20px 15px;
  }
  .TeachingPPTsUl header h1,
  input, select, textarea,
  .FourStagesUl li a header {
    font-size: 16px;

  }
  .TeachingPPTsUl header > div.pdfDiv{
    background-size: 50px;
    background-position: center left;
    padding-left: 50px;
  }
  .TeachingPPTsTit h1 {
    font-size: 20px;
  }
  .TeachingPPTsUl header{
    padding: 10px;
  }
  .newApInputDownload{
    background-size: auto 80%;
    height: 35px;
    padding: 0 15px 0 38px;
  }
  .newApInputView{
    height: 35px;
    padding: 0 10px;
  }
  .getStartedTit1 {
    font-size: 18px;
  }
  .getStartedTit b{
    width: 30px;
    height: 30px;
  }
  .TeachingPPTsTit h2 {
    font-size: 16px;
    margin-top: 5px;
  }
  .FourStagesUl li a header div:nth-child(2) {
    font-size: 17px;
  }
  .getStartedTit1 div {
    padding-left: 5px;
  }
  .getStartedDiv > header ul {
    padding-left: 35px;
  }
  .FourStagesUl li a::before{
    width: 30%;
    min-width: 35%;
    height: auto;
    aspect-ratio: 1 / 0.7;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
  }
  .TeachingPPTsUl,
  .FourStagesUl{
    gap: 15px;
  }
  .ContentVocabularyDiv{
    margin-bottom: 15px;
  }
  .newApNyTopLogo_IT,
  .newApNyTopLogo_CV,
  .newApNyTopLogo_PA,
  .newApNyTopLogo_OR{
    margin-left: -5px;
  }
  .PracticeAssessmentBanner{
    padding-left: 30%;
    padding-right: 30%;
    background-size: auto 100%;
  }
  .PracticeAssessmentMain {
    gap: 15px;
    padding: 15px 0 0;
  }
  .PracticeAssessmentMain > header h1{
    font-size: 18px;
  }
  .AEDiv header::before{
    width: 28%;
    height: auto;
    aspect-ratio: 1 / 1;
    background-size: 100%;
  }
  .AEDiv header{
    min-height: auto;
    padding-left: 16.5%;
  }
  .AEDiv header h1 {
    font-size: 17px;
  }
  .AEDiv header h2 {
    font-size: 18px;
  }
  .AEDiv header h3{
    font-size: 22px;
  }
  .AEDiv header span {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .AEDiv1 header::before{
    width: 28%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .AEDiv1 header{
    padding-left: 33.5%;
  }
  .AEDiv1 header div{
    padding-top: 10px;
  }
  .ContentVocabularyDiv,
  .ContentVocabularyDiv header input {
    line-height: 35px;
  }
  .ContentVocabularyDiv header h1{
    font-size: 16px;
  }
  .CVInputTwo input{
    max-width: 248px;
  }
  .PracticeAssessmentMainStudent{
    gap: 15px;
    padding-top: 15px;
  }
  .PracticeAssessmentMainStudent > header h1{
    font-size: 18px;
  }
}
@media (max-width: 1300px) {
  .AEDiv header h1{
    flex-wrap: wrap;
    font-size: 16px;
  }
  .AEDiv header h1 span{
    font-size: 18px;
  }
  .layuiTop .layui-layer-setwin,
  .layuiTopOne .layui-layer-setwin {
    width: 100%;
    right: 0;
    margin-right: 0;
  }
  .UnitZWYY {
    padding-right: 50px;
  }
  .UnitZWYY_APRightNume {
    right: 5px;
    margin-right: 0;
  }
  .UnitZWYY canvas {
    width: 100%;
  }
  .newPreApBody .newApThemeDiv header{
    height: auto;
  }
  .newApFooter ul li:nth-child(3) a::before{
    margin: 0 !important;
  }
  .newPreApBody .newApFooter ul li a{
    display: flex !important;
    text-align: left !important;
  }
  .newPreApBody .newApThemeDiv footer a {
    padding: 0;
  }

}
@media (min-width: 1024px) and (max-width: 1300px) {
  .newApMainDivLeft ul li a::before{
    left: 50%;
    top: 0;
    margin-left: -23px;
  }
  .newApThemeDiv header{
    aspect-ratio: auto;
    height: 13vw;
  }
  .newApThemeDiv header span:nth-child(2) {
    line-height: 1.2vw;
    font-size: 1.2vw;
  }
  .newApThemeDiv header span:nth-child(1),
  .newApThemeDiv header span:nth-child(3) {
    font-size: 1.3vw;
  }
  .newApThemeDiv header span {
    padding-left: 0.5vw;
  }
  .newApThemeDiv footer a{
    padding: 0 0.5vw;
    font-size: 1.25vw;
    line-height: 2vw;
  }
  .newApThemeDiv{
    padding: 0.5vw 1vw;
  }
  .newApMainDivLeft ul li a{
    padding: 3.5vw 0.5vw 0.5vw 0.5vw;
    background-position: center top;
  }
  .newApMainDivLeft ul li a div{
    margin: auto;
    text-align: center;
  }
  .newApMainDivLeft{
    max-width: 33vw;
  }
  .newApMainDivLeft > header{
    padding: 1vw 1vw 0 1vw;
    background-position: right -1vw bottom 0;
    background-size: 45% auto;
  }
  .newApMainDivLeft ul li a span:nth-child(1) {
    font-size: 1.15vw;
    line-height: 1.3vw;
  }
  .newApMainDivLeft ul li a span:nth-child(2){
    font-size: 1.2vw;
  }
  .newApMainDivLeft footer a{
    min-height: 4vw;
    font-size: 1.2vw;
  }
  .newApMainDivLeft > header h1{
    font-size: 1.8vw;
  }
  .newApMainDivLeft > header h2{
    font-size: 1.2vw;
  }
  .newApMainDivLeft > header h3 {
    font-size: 1.5vw;
    padding: 0.5vw 0;
  }
  .newApMainDivLeft > header span.cnSpan {
    font-size: 1.1vw;
  }
  .newApMainDivLeft > header span {
    display: block;
    margin-bottom: 0.5vw;
  }
  .newApFooter header {
    max-width: 33vw;
    padding-left: 0.5vw;
  }
  .newApFooter ul{
    margin-left: 0;
  }
  .newApFooter header h1{
    font-size: 1.6vw;
  }
  .newApFooter ul li:nth-child(3) a,
  .newApFooter ul li:nth-child(4) a,
  .newApFooter ul li:nth-child(5) a,
  .newApFooter ul li:nth-child(6) a{
    display: block;
    text-align: center;
    padding-top: 5px;
  }
  .newApFooter ul li:nth-child(3) a::before,
  .newApFooter ul li:nth-child(4) a::before,
  .newApFooter ul li:nth-child(5) a::before,
  .newApFooter ul li:nth-child(6) a::before{
    margin: auto;
  }
  .newApFooter{
    background-size: auto 50%;
    background-position: bottom left 12%;
  }
  .newApBodyStu .newApMainDivLeft > header span.cnSpan {
    font-size: 1.4vw;
    padding-right: 30%;
  }
  .newApBodyStu .newApMainDivLeft > header span.cnSpan br{
    display: none;
  }
}
@media (max-width: 1280px) {
  .ny_xq_left li,
  .ny_xq_right ul li {
    font-size: 18px;
  }
  .zgyswh_text p {
    font-size: 18px;
    line-height: 30px;
  }
  .ny_xq_left {
    width: 200px;
  }
  .ny_xq_right {
    width: 220px;
  }
  .ny_xq {
    padding-left: 200px;
    padding-right: 220px;
  }
  .zgyswh_text {
    font-size: 18px;
    line-height: 32px;
  }
  .contentOral .demoMain {
    font-size: 20px;
  }
  .contentOral .demoMain .DMnelrong p {
    font-size: 18px;
    line-height: 20px;
  }
  .dcdh_text h1,
  .dcdh_text {
    font-size: 18px;
    line-height: 32px;
  }
  .dcdh_dialogue {
    width: 82%;
  }
  .dcdh_name {
    width: 18%;
  }
  .tableWithHeaderFooter > div:first-child,
  .content_part_3167 h2.kwSubTitle{
    font-size: 18px;
    line-height: 32px;
  }
  .tableWithHeaderFooter > div:last-child {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .AEDiv header h1 span{
    display: block;
    padding-left: 0;
    padding-top: 5px;
    width: 100%;
  }
  .AEDiv header h1 span::before{
    display: none;
  }
  .AEDiv header::before{
    left: 5px;
    top: 0;
  }
  .AEDiv header {
    padding-left: 15%;
  }
  .essIndex_Tleft ul li {
    line-height: 45px;
    font-size: 18px;
  }
  .essIndex_Tleft ul li span {
    padding: 0 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .essIndex_Tleft ul li.active span {
    padding: 3px 15px;
    font-size: 20px;
  }
  .InteractiveTools > header div:nth-child(1) span{
    display: block;
  }
  .PracticeAssessmentBanner{
    padding-right: 0;
    background: url(../images/newApImg/img14.png) no-repeat bottom left #ecf4fe;
    padding-left: 32vw;
    background-size: auto 100%;
    min-height: 28vw;
    padding-top: 4vw;
    padding-right: 1.5vw;
  }
  .PracticeAssessmentBanner h1 {
    font-size: 2.8vw;
  }
  .PracticeAssessmentBanner h2{
    font-size: 2.5vw;
    margin-top: 1vw;
  }
  .PracticeAssessmentBanner h2 input {
    height: 4vw;
    font-size: 1.8vw;
    border-radius: 0.8vw;
    padding: 0 1vw;
    margin-left: 1vw;
  }
  .PracticeAssessmentBanner div span {
    display: block;
    padding-top: 0.5vw;
    font-size: 1.6vw;
  }
  .PracticeAssessmentBanner div span:last-child{
    font-size: 1.8vw;
  }
  .PracticeAssessmentMain > header:nth-child(2) button,
  .PracticeAssessmentMain > header:nth-child(3) footer button,
  .PracticeAssessmentMainStudent > header:nth-child(1) button{
    min-height: 45px;
    font-size: 18px;
    border-radius: 8px;
    padding: 5px 8px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) p{
    border-radius: 8px;
    min-height: 45px;
  }
  .PracticeAssessmentMain > header:nth-child(2) button span:nth-child(1),
  .PracticeAssessmentMain > header:nth-child(3) footer button span:nth-child(1),
  .PracticeAssessmentMainStudent > header:nth-child(1) button span:nth-child(1),
  .PracticeAssessmentMainStudent > header:nth-child(2) p{
    font-size: 17px;
  }
  .PracticeAssessmentMain > header:nth-child(3) div{
    background-size: 80%;
  }
  .PracticeAssessmentMain > header:nth-child(3) div{
    background-size: 15vw auto;
    padding-top: 10vw;
  }
  .newApNyTop header input{
    width: 45px;
    height: 45px;
  }
  .newApNyTopLogo{
    padding-left: 60px;
    min-height: 65px;
    background-size: auto 100%;
  }
  .newApNyTop header{
    min-height: 70px;
  }
  .PracticeAssessmentMain > header h1::before,
  .PracticeAssessmentMainStudent > header h1::before{
    width: 45px;
    height: 45px;
    min-height: 45px;
    background-size: 90%;
  }
  .PracticeAssessmentMain > header h1{
    padding-left: 55px;
    min-height: 40px;
  }
  .PracticeAssessmentMain > header h1 span{
    font-size: 17px;
  }
  .PracticeAssessmentMain > header h1 span:nth-child(1){
    font-size: 16px;
  }
  .PracticeAssessmentMain > header:nth-child(2) div{
    padding: 10px;
  }
  button.RecordingInput,
  button.AnswerInput{
    padding: 0 30px 0 8px;
    line-height: 35px;
    background-size: auto 88%;
  }
  .RAADiv footer {
    gap: 8px;
  }
  button.QuestionInput b{
    width: 35px;
    background-size: auto 88%;
    height: 35px;
  }
  button.QuestionInput{
    font-size: 17px;
  }
  .PracticeAssessmentMain > header:nth-child(1) ul{
    padding: 5px;
  }

  .PracticeAssessmentMain > header:nth-child(1) {
    min-width: 440px;
  }
  .RAADiv footer button:nth-child(2) {
    max-width: 180px;
  }
  .RAADiv footer button{
    padding: 5px 5px 5px 36px;
    background-position: center left 1px;
    background-size: 35px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(3){
    min-width: 350px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > div input{
    width: 100px;
    height: 100px;
    background-size: 80%;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > div{
    background-size: auto 9vw;
  }
  .PracticeAssessmentMainStudent > header h1{
    font-size: 16px;
    padding-left: 50px;
    min-height: 40px;
  }
  .PracticeAssessmentMainStudent > header h1 span:nth-child(2){
    font-size: 17px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > footer{
    margin: 0;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > footer div:nth-child(2) br{
    display: none;
  }
}
@media (max-width: 1024px) {
  .newApMainDivLeft ul li a::before{
    left: 5px;
    width: 50px;
    height: 50px;
  }
  .OfficialResourcesDiv header.one b{
    right: 0;
  }
  .OfficialResourcesDiv header.twoHeader ul{
    flex-wrap: wrap;
  }
  .OfficialResourcesDiv header.one a{
    padding: 10px 35px 10px 0;
  }
  .OfficialResourcesDiv header:nth-child(1)::before,
  .OfficialResourcesDiv header.twoHeader > div::before{
    width: 180px;
    height: 120px;
  }
  .OfficialResourcesDiv header.one{
    padding: 10px 15px 10px 210px;
    min-height: 150px;
  }
  .OfficialResourcesDiv header.twoHeader > div{
    padding-left: 195px;
  }
  .OfficialResourcesDiv header.twoHeader ul{
    margin-left: 195px;
    padding: 5px 10px;
  }
  .OfficialResourcesDiv header.twoHeader1 ul li a span:nth-child(1) {
    display: block;
  }
  .OfficialResourcesDiv header.twoHeader ul li a{
    background-size: 20px;
    background-position: left center;
    padding: 5px 0 5px 22px;
  }
  .OfficialResourcesDiv header.twoHeader ul li {
    padding-right: 10px;
    min-width: 160px;
  }
  .OfficialResourcesDiv > header h1,
  .CollegeBoardDiv h1{
    font-size: 17px;
  }
  .CollegeBoardDiv a div:nth-child(2){
    font-size: 15px;
    line-height: 20px;
    -webkit-line-clamp: 2;
  }
  .CollegeBoardDiv header{
    padding: 10px 15px 10px 180px;
    min-height: 180px;
  }
  .CollegeBoardDiv header::before{
    width: 150px;
    height: 150px;
    background-size: 100%;
  }
  .PracticeAssessmentMain > header:nth-child(2) button span:nth-child(1), 
  .PracticeAssessmentMain > header:nth-child(3) footer button span:nth-child(1),
  .PracticeAssessmentMainStudent > header:nth-child(1) button span:nth-child(1) {
    font-size: 16px;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer button span:nth-child(1) {
    width: 100%;
    line-height: 15px;
  }
  .PracticeAssessmentMain > header{
    padding: 12px;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer > div span:nth-child(1) {
    font-size: 14px;
    line-height: 18px;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer{
    padding: 5px 10px 10px;
  }
  .PracticeAssessmentMain > header:nth-child(1) ul div{
    min-height: 55px;
  }
  .PracticeAssessmentMain > header h1 {
    padding-left: 48px;
  }
  .PracticeAssessmentMain > header h1::before,
  .PracticeAssessmentMainStudent > header h1::before {
    width: 40px;
    height: 40px;
    min-height: 40px;
  }
  .PracticeAssessmentMain{
    flex-wrap: wrap;
  }

  .PracticeAssessmentMain > header:nth-child(2) button, 
  .PracticeAssessmentMain > header:nth-child(3) footer button {
    min-height: 42px;
    font-size: 17px;
    border-radius: 8px;
  }
  .newApNyMain {
    min-height: calc(100vh - 125px);
  }
  .newApNyTop header input{
    width: 45px;
    height: 45px;
  }
  .newApNyTopLogo span {
    font-size: 18px;
  }
  .newApNyTopLogo {
    margin-left: -10px;
    padding-left: 55px;
  }
  .newApNyTop header{
    min-height: 65px;
  }
  #textcn.pHomeconDiv {
    margin-top: 50px !important;
  }
  .zgyswh_text {
    padding-top: 45px;
  }
  .zgyswh_size {
    font-size: 16px;
  }
  .essIndex_ul header span {
    font-size: 22px;
  }
  .essIndex_ul header span:last-child {
    font-size: 20px;
  }
  .apBlockLearner {
    margin-top: -10px;
  }
  .curriculumList.curriculumListTeacher,
  .curriculumListForEssential {
    margin: -10px -10px 15px -10px;
  }
  .CIndex_titDiv {
    position: relative;
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }
  .CIndex_ft {
    position: absolute;
    right: 60px;
    top: -100px;
  }
  .CIndex_ft div {
    position: relative;
    font-size: 22px;
  }
  .CIndex_ft span {
    display: none;
  }
  .CIndex_ft a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(0, 187, 176, 0.6);
    position: relative;
    display: flex;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
  }
  .CIndex_ft a::before {
    position: absolute;
    width: 90%;
    height: 90%;
    content: "";
    display: block;
    border-radius: 50%;
    background-size: 70%;
  }
  .ftTitleBox {
    right: 60px;
  }
  .ap_title {
    padding-left: 15px;
    font-size: 22px;
  }
  .ap_title::before {
    top: 50%;
    height: 40px;
    margin-top: -20px;
    width: 4px;
    left: 0;
  }
  .ap_title span {
    width: 100%;
    display: flex;
    font-size: 18px;
    line-height: 20px;
  }
  .JobRelease {
    font-size: 18px;
    height: 50px;
    padding-left: 5px;
  }
  #assignToClass.assignToClassCSS {
    top: 5px;
    height: 45px !important;
  }
  .CIndexHeader {
    min-height: 120px;
    background-size: 100% 50%;
  }
  .CIndexHeader::before {
    background-size: 100% 50%;
  }
  .CIndexHeader a {
    margin-top: 0;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 1);
  }
  .CIndexHeader a::before {
    background-size: 80%;
  }

  .CIndexLogo {
    height: 60px;
    width: 80%;
    background-size: auto 100% !important;
  }

  .CIndex_ft {
    position: absolute;
    right: 60px;
    top: -90px;
  }
  .CIndex_ft div {
    position: relative;
    font-size: 22px;
  }
  .CIndex_ft span {
    display: none;
  }
  .CIndex_ft a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: rgba(0, 187, 176, 0.6);
    position: relative;
    display: flex;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
  }
  .CIndex_ft a::before {
    position: absolute;
    width: 90%;
    height: 90%;
    content: "";
    display: block;
    /* background: #2cb0f2; */
    border-radius: 50%;
    background-size: 70%;
  }
}
@media (max-width: 1023px) {

  .newApTitle header h1{
    font-size: 20px;
  }
  .newApTitle header span{
    font-size: 16px;
  }
  .newApMainDiv{
    flex-wrap: wrap;
  }
  .newApMainDivLeft ul li a{
    background: no-repeat center left 5px #f4faff;
    padding-left: 55px;
  }
  .newApTitle ul{
    line-height: 45px;
  }
  .newApTitle ul li.active a {
    padding: 0 15px;
  }
  .newApMainDivLeft {
    max-width: none;
    position: relative;
    padding-left: 380px;
    margin-bottom: 15px;
    padding-top: 10px;
  }
  .newApThemeDiv footer{
    padding: 5px 0;
  }
  .newApThemeDiv header{
    aspect-ratio: auto;
    height: 20vw;
  }
  .newApThemeDiv footer a{
    line-height: 25px;
  }
  .newApFooter{
    flex-wrap: wrap;
    background-position: right top;
    background-size: 40% auto;
  }
  .newApFooter header{
    max-width: none;
    padding-right: 30%;
    padding-bottom: 10px;
  }
  .newApFooter header div:nth-child(2) span{
    max-width: none;
  }
  .newApFooter ul{
    margin-left: 0;
  }
  .newApMainDivLeft > header{
    position: absolute;
    left: 0;
    width: 395px;
  }
  .newApMainDivTheme{
    margin-left: 0;
  }
  .newApMainDivLeft ul,
  .newApMainDivLeft footer{
    position: relative;
  }
  .content_part_1222 .ny_xq_main {
    min-height: auto;
  }
  button.resource_share_into {
    width: 50px;
    height: 50px;
    background-size: 80%;
  }
  .XTwoMain::before {
    top: 0;
  }
  .dcdh_text ul {
    display: flex;
  }
  .dcdh_name {
    min-width: 100px;
  }
  .uo_kong {
    width: auto;
    min-width: 30px;
  }
  .ny_xq_left,
  .ny_xq_right {
    display: none !important;
    z-index: 9;
  }
  img.m1,
  img.m2 {
    display: block !important;
    cursor: pointer;
  }
  img.m1.active,
  img.m2.active,
  .ny_xq_left.active,
  .ny_xq_right.active {
    display: block !important;
  }
  .layuiVideo {
    max-width: none;
    max-height: none;
    width: 100% !important;
    height: 100%;
  }
  .demoMain {
    margin-top: 40px !important;
  }
  #zkwen .dcdh_name {
    width: 30%;
    max-width: 110px;
  }

  #zkwen .dcdh_dialogue {
    width: 80%;
    padding-left: 0;
    text-align: justify;
  }
  .szjxBox .zbady li {
    width: 16.666666%;
  }
  .preApTwoTop::before {
    background-size: auto 50%;
  }
  .preApTwoTop {
    min-height: 120px;
    background-size: 100% 50%;
  }
  .TwoBack a,
  .TwoTab {
    width: 50px;
    height: 50px;
  }
  .XapHeadAvatar {
    margin-top: 0px;
  }
  .XTwoMain .ny_xq {
    top: -20px;
    padding-left: 0;
    padding-right: 0;
  }
  .XdrawerOverlay .m1 {
    top: -12px;
    right: 22px;
    left: auto;
    margin: 0;
    position: absolute;
    z-index: 1;
  }
  .XdrawerOverlay .m2 {
    top: -12px;
    right: 72px;
    left: auto;
    margin: 0;
    position: absolute;
    z-index: 1;
  }

  .TwoTab a {
    font-size: 22px;
  }
  .zkTitle {
    padding-top: 10px;
  }
  .preApTwoTop_r {
    right: 20px;
  }
  .TwoTab span {
    display: none;
  }
  .CTitle {
    padding-left: 0px;
    bottom: 60px;
  }
  .tsdxTwoTop {
    min-height: 85px;
  }
  .tsdx_Title {
    top: 5px;
  }
  .tsdxBox .zym_fh {
    top: 85px;
  }
  .tsdxBox .tl_section_l {
    position: relative;
    width: 100%;
  }
  .tsdxBox .zjm_con3 {
    margin-top: 165px;
  }
  .tsdxBox .tl_section {
    padding-left: 0;
  }
  #assignToClass.assignToClassCSS,
  .essentialC #assignToClass.assignToClassCSS {
    bottom: 20px;
    top: auto;
  }
  .ny_xq_main {
    min-height: 88vh;
  }
  #contentMain.XTwoMain {
    padding-top: 20px;
  }
  .XTwoMain .CTitle {
    bottom: 50px;
  }
  .tsdxBox .tl_mune ul li a {
    display: block;
    position: static;
    background: none;
    border-radius: 0px;
  }
  .tsdxBox .tl_mune ul li:not(.active) a {
    color: #333;
  }
  #refresh {
    bottom: 100px !important;
  }
  .zkTitleEn {
    font-size: 30px;
    line-height: 30px;
  }
  .EnClosex {
    position: absolute;
    left: 10px;
    top: 12px;
  }

  .FontSizeEn2 .EnClosex {
    left: 10px;
    top: -35px;
  }
  .EnClosex img {
    width: 45px;
    height: 45px;
  }
  .EnClosexAP {
    left: -20px;
    top: -40px;
    right: auto;
  }

  .XdrawerOverlay .zkTitle {
    margin-top: 0;
  }
  .XTwoMain .ny_xq_right,
  .XTwoMain .ny_xq_left {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0;
  }
  .CRightMenuBox,
  .CLeftMenuBox {
    background: #fff;
    width: 250px;
    height: 100%;
    position: absolute;
    right: 0;
    padding-top: 50px;
  }
  .CRightMenuBox b,
  .CLeftMenuBox b {
    display: block !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
  }
  .CLeftMenuBox b::before,
  .CLeftMenuBox b::after,
  .CRightMenuBox b::before,
  .CRightMenuBox b::after {
    display: none;
  }
  .CRightMenuBox b.closeInto{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    display: flex !important;
    right: auto;
    left: -40px;
  }
  .CLeftMenuBox b.closeInto{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: -40px;
    display: flex !important;
  }

  .CLeftMenuBox {
    right: auto;
    left: 0;
  }
  .CRightMenuDiv,
  .CLeftMenuDiv {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  .CRightMenuBox .closeP {
    position: absolute;
    right: 10px;
    top: 5px;
    background: #df4145;
    z-index: 1;
    height: 35px;
    width: 35px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
  .CLeftMenuBox .closeP {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #df4145;
    z-index: 1;
    height: 35px;
    width: 35px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
  .CLeftMenuBox .closeP::before,
  .CRightMenuBox .closeP::before {
    content: "";
    display: block;
    width: 60%;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
  }
  .CLeftMenuBox .closeP::after,
  .CRightMenuBox .closeP::after {
    position: absolute;
    content: "";
    display: block;
    width: 60%;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
  }

  .XTwoMain .ny_xq_right ul {
    border: 0;
  }
  .XTwoMain .ny_xq_left ul {
    border: 0;
    padding: 10px;
  }
  .XTwoMain .ny_xq_left li a {
    border: 1px solid rgba(0, 0, 0, 0.08);
  }
  .ny_xq_main {
    padding: 0;
  }
  .titleOrage {
    display: none;
  }
  .zkTitleEn_No {
    display: block;
    height: 50px;
  }
  .slidePopup .modal-body {
    max-height: 370px;
  }
  .FontSizeEn .dcdh_dialogue {
    width: 100% !important;
  }
  .XdCOral #contentMain.XTwoMain {
    padding-top: 45px;
  }
  .XdCOral .zgyswh_text {
    padding-top: 0;
  }
  .XdCOral .XapHeadAvatar .CTitle {
    bottom: 50px;
  }
  .EnClosexAP{
    right: auto;
    left: 0;
    top: -35px;
  }
  .XdrawerOverlay .zgyswh_text{
    padding-top: 0;
  }
  .newApBodyStu .newApMainDivLeft > header {
    width: 450px;
    padding-top: 0;
  }
  .newApBodyStu .newApMainDivLeft{
    padding-left: 420px;
  }
  .newPreApBody .newApFooter{
    background-position: right top;
    background-size: auto 50%;
  }
}
@media (max-width: 980px) {
  .PracticeAssessmentMainStudent > header:nth-child(2) > div input {
    width: 12vw;
    height: 12vw;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > div {
    background-size: auto 12vw;
    min-height: 15vw;
  }
  .PracticeAssessmentMainStudent > header h1{
    margin-bottom: 0;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) p::before {
    width: 35px;
    height: 35px;
    background-size: 90%;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) p{
    font-size: 16px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) > div{
    padding-top: 8px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > footer div:nth-child(2),
  .PracticeAssessmentMainStudent > header:nth-child(3) > div span:nth-child(1){
    font-size: 14px;
  }
  .PracticeAssessmentMainStudent{
    flex-wrap: wrap;
  }
  .PracticeAssessmentMainStudent > header{
    flex: none;
    width: calc(50% - 8px);
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) {
    width: 100%;
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) ul li{
    padding: 0 8px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) ul{
    padding: 0 5px;
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) ul li:nth-child(3) div{
    border: 0;
  }
  .PracticeAssessmentMain > header:nth-child(1) {
    min-width: 440px;
  }
  button.RecordingInput,
  button.AnswerInput{
    font-size: 15px;
  }

  .PracticeAssessmentMain > header:nth-child(3){
    width: 100%;
    flex: auto;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer button span:nth-child(1){
    width: auto;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer button{
    align-items: center;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer button span{
    padding: 0 5px;
    font-size: 16px;
  }
  /* .PracticeAssessmentMain > header{
    flex: none;
    width: calc(50% - 12px);
  } */
  .AEDiv header{
    padding-left: 160px;
    display: flex;
    flex-wrap: wrap;
  }
  .AEDiv header h1,
  .AEDiv header h2{
    padding-top: 0;
    margin-bottom: 5px;
    line-height: 25px;
  }
  .AEDiv header h1{
    padding-right: 5px;
  }
  .AEDiv1{
    display: block;
  }
  .AEDiv1 header{
    margin-bottom: 15px;
    padding-left: 180px;
    min-height: 185px;
  }
  .AEDiv1 header::before {
    width: 150px;
  }

  .AEDiv header::before{
    width: 150px;
  }
  .InteractiveTools > header div:nth-child(1) span{
    font-size: 16px;
  }
  .InteractiveTools > header{
    padding: 10px 0;
  }
  .InteractiveTools > header button{
    padding: 2px 8px 5px 8px;
  }
  .InteractiveTools > header button span:nth-child(1){
    font-size: 14px;
  }
  .CVInputTwo {
    gap: 8px;
  }
  .CVInputTwo input.chineseStyleMusicQuizletBtn{
    max-width: 235px;
  }
  .CVInputTwo input.beijingOperaQuizletBtn{
    max-width: 158px;
  }
  .CVInput{
    position: relative;
    max-width: 100%;
    justify-content: flex-start;
    padding: 10px;
  }
  .ContentVocabularyDiv {
    align-items: flex-start;
  }
  .ContentVocabularyDiv header span{
    padding-right: 0;
    line-height: 20px;
    font-size: 15px;
  }
  .ContentVocabularyDiv header > div {
    margin-bottom: 0px;
  }
  .ContentVocabularyDivImg{
    max-width: 30%;
    min-width: 150px;
    margin-right: 12px;
  }
  .TeachingPPTsUl header > div.pdfDiv {
    background-position: center left -5px;
    padding-left: 42px;
  }
  .TeachingPPTsUl header h1, input, select, textarea, .FourStagesUl li a header {
    font-size: 15px;
    line-height: 18px;
  }
  .TeachingPPTsTit h1 {
    font-size: 18px;
  }
  .TeachingPPTsUl header{
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .TeachingPPTsUl header > div{
    width: 100%;
  }
  .TeachingPPTsUl header > input{
    margin-top: -30px;
    position: relative;
  }
  .TeachingPPTsUl header > div span{
    font-size: 16px;
    padding-top: 10px;
  }
  .FourStagesUl li a header div:nth-child(2) {
    font-size: 16px;
    line-height: 20px;
  }
  .newApInputDownload {
    height: 32px;
    padding: 0 12px 0 33px;
  }
  .newApInputView {
    height: 32px;
  }
  img {
    max-width: 100% !important;
  }
  .essIndex_Tleft {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5px;
  }
  .essIndex_Tleft ul {
    flex-wrap: wrap;
  }
  .essIndex_Tleft ul li {
    width: 33.333333%;
    padding: 5px;
  }
  .essIndex_Tleft ul li span {
    border-radius: 8px;
    text-align: center;
    margin: 0;
  }
  .essIndex_Tleft ul li.active span {
    padding: 0 15px;
    text-align: center;
  }
  .newApFooter ul li{
    width: 50%;
  }
  .newApFooter ul li a span br{
    display: none;
  }
  .newApFooter ul li:nth-child(1) a, 
  .newApFooter ul li:nth-child(2) a{
    justify-content: flex-start;
  }
  .newApFooter ul li a{
    padding: 10px;
  }
  .newApFooter{
    background-position: right top 15px;
  }
  .newApTitle{
    flex-wrap: wrap;
    gap: 10px;
  }
  li.liPPT div,
  .liPDF div{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .liPDF div span,
  li.liPPT div span{
    display: block;
    font-size: 15px;
  }
  .getStartedDiv > header{
    padding: 10px;
  }
  .TeachingGuideDiv{
    background-size: 150px auto;
    padding-left: 170px;
  }
  .getStartedTit1,
  .TeachingGuideDiv span {
    font-size: 17px;
  }
  .liPPT .newApInputView,
  .newApInputView{
    margin-left: 45px;
  }
  li.liWY div{
    font-size: 14px;
  }
  .TeachingGuideDiv div:nth-child(1) span {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .newPreApBody .newApThemeDiv header::after{
    aspect-ratio: 1 / 0.65;
  }
  .newPreApBody .newApThemeDiv:nth-child(1) header::after {
    background-image: url(../images/newApImg/PreAPImg1.png);
  }
  .newPreApBody .newApThemeDiv:nth-child(2) header::after {
    background-image: url(../images/newApImg/PreAPImg2.png);
  }
  .newPreApBody .newApThemeDiv:nth-child(3) header::after {
    background-image: url(../images/newApImg/PreAPImg3.png);
  }
  .newApBodyStu .newApMainDivLeft{
    padding-left: 0;
  }
  .newApBodyStu .newApMainDivLeft > header {
    width: auto;
  }
  .newApMainDivLeft > header span.enSpan{
    padding-right: 0;
  }
  .OfficialResourcesDiv > header h1, .CollegeBoardDiv h1 {
    font-size: 15px;
    line-height: 20px;
  }
  .OfficialResourcesDiv header.twoHeader > div span {
    margin-top: 5px;
    margin-bottom: 8px;
  }
  .CollegeBoardDiv header::before {
    width: 120px;
    height: 120px;
  }
  .CollegeBoardDiv header {
    padding: 10px 15px 10px 150px;
    min-height: 150px;
  }
  .RAADiv footer button{
    max-width: 200px;
  }
  .PracticeAssessmentBanner{
    padding-left: 30vw;
    min-height: 26vw;
    padding-top: 2vw;
  }
  .PracticeAssessmentBanner div span {
    padding-top: 0;
    line-height: 2.5vw;
    font-size: 2vw;
  }
  .PracticeAssessmentBanner div span:last-child {
    font-size: 2vw;
    padding-top: 0.8vw;
  }
  .PracticeAssessmentBanner h1 {
    font-size: 3vw;
  }
  .PracticeAssessmentBanner h2 {
    font-size: 2.6vw;
  }
  .PracticeAssessmentBanner h2 input {
    height: 5vw;
    font-size: 2vw;
  }
  .PracticeAssessmentMain > header:nth-child(1){
    min-width: 100%;
  }
  .TeachingGuideDiv .newApInputDownload{
    top: 0;
    padding: 0 8px 0 30px;
    background-position: center left 5px;
  }
  .PracticeAssessmentMain > header button.RecordingInput{
    position: absolute;
    right: 112px;
  }
  .PracticeAssessmentMain > header:nth-child(2),
  .PracticeAssessmentMain > header:nth-child(3){
    width: calc(50% - 8px);
    flex: none;
  }
  .TeachingGuideDiv{
    padding-right: 0;
    height: auto;
    min-height: 100px;
  }
  .TeachingGuideDiv div:nth-child(2) span{
    font-size: 15px;
    line-height: 20px;
  }
  .TeachingGuideDiv div:nth-child(1) span {
    font-size: 17px;
  } 
  .AEDiv header h1, .AEDiv header h2{
    font-size: 16px;
    line-height: 20px;padding-right: 0;
  }
  .AEDiv header h3 {
    font-size: 18px;
    margin-top: 8px;
  }
  .AEDiv header h1 span{
    font-size: 17px;
  }
  .AEDiv header span {
    font-size: 15px;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .AEDiv header::before{
    width: 120px;
  }
  .AEDiv1 header::before {
    width: 120px;
    left: 10px;
  }
  .AEDiv header{
    padding: 12px 10px 12px 130px;
  }
  .AEDiv header > div,
  .AEDiv1 header div:nth-child(2){
    padding-top: 0;
    padding-bottom: 5px;
  }
  .AEDiv1 header:nth-child(3) div:nth-child(2){
    padding: 10px 0;
  }
  .AEDiv1 header:nth-child(3) h1{
    padding-bottom: 0;
  }
  .AEDiv1 header:nth-child(3) ul li:first-child{
    padding-top: 2px;
  }
  .TeachingPPTsTit h1 span:nth-child(2){
    font-size: 17px;
  }
  .AEDiv1 header {
    padding: 12px 10px 12px 140px;
    min-height: 140px;
  }
  .AEDiv1 header h1{
    font-size: 18px;
  }
  .AEDiv1 header h2 {
    font-size: 16px;
  }
  .InteractiveTools > header button:last-child{
    margin-right: 0;
  }
  .InteractiveTools > header{
    flex-wrap: wrap;
  }
  .InteractiveTools > header div{
    width: 100%;
  }
  .InteractiveTools > header div:nth-child(2){
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .InteractiveTools > header div:nth-child(1) span {
    display: inline-block;
  }
  .InteractiveTools > header button{
    margin-left: 0;
    margin-right: 5px;
  }
  .getStartedDiv > header ul li{
    width: 100%;
  }
  .ContentVocabularyDivImg{
    min-width: 190px;
  }
  .TeachingPPTsUl{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .TeachingPPTsUl header{
    flex-wrap: nowrap;
  }
  .TeachingPPTsUl header > input{
    margin: auto;
  }
  .TeachingPPTsUl header > div span {
    padding-top: 5px;
  }
  .FourStagesUl li a::before{
    width: 120px;
    min-width: 120px;
  }
  .FourStagesUl li a{
    min-height: 100px;
  }
  .TeachingPPTsUl header h1{
    min-height: auto;
  }
  .FourStagesUl {
    gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .newApMainDivLeft > header{
    position: relative;
    width: 100%;
    padding-top: 0;
    padding-right: 150px;
  }
  .newApMainDivTheme{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .newApMainDivLeft > header span br{
    display: none;
  }
  .newApThemeDiv header {
    height: 28vw;
  }
  .newApMainDivLeft ul li a span:nth-child(2) {
    font-size: 16px;
  }
  .newApFooter header {
    padding-right: 0;
  }
  .newApFooter{
    background-image:none;

  }
  .newApFooter header{
    background: url(../images/newApImg/img7.png) no-repeat bottom right #ecf3fc;
    background-size: 55% auto;
    padding-bottom: 2vw;
  }
  .newApFooter header div:nth-child(2) span {
    padding-right: 50%;
  }
  .newApMainDivLeft{
    padding-left: 0;
  }
  .newApFooter ul {
    margin-top: -6px;
  }
  .newApFooter header span{
    padding-right: 20%;
  }
  div.XTwoMain .zym_footer {
    padding-top: 0;
    margin-top: 10px;
  }
  .XTwoMain .CTitle,
  .XdCOral .XapHeadAvatar .CTitle {
    bottom: 20px;
  }
  div.XTwoMain .ny_xq {
    top: 0;
  }
  .EnClosexAP {
    left: -10px;
    padding-top: 0;
  }
  .dati_sp {
    font-size: 18px;
    width: 280px;
    margin-top: 10px;
  }
  .CTitle {
    padding-right: 100px;
  }
  .preApTwoTop_r {
    right: 12px;
  }
  .zgyswh_text {
    padding-top: 50px;
  }
  .content_part_1 .zgyswh_text,
  .content_part_252 .zgyswh_text,
  .content_part_294 .zgyswh_text,
  .content_part_420 .zgyswh_text,
  .content_part_462 .zgyswh_text,
  .content_part_504 .zgyswh_text,
  .content_part_546 .zgyswh_text,
  .content_part_590 .zgyswh_text,
  .content_part_632 .zgyswh_text,
  .content_part_676 .zgyswh_text,
  .content_part_718 .zgyswh_text,
  .content_part_760 .zgyswh_text {
    padding-top: 0px !important;
  }
  .JobRelease {
    top: 5px;
  }
  .CIndex_titDiv {
    /* padding-top: 60px; */
  }
  .CIndexHeader::before {
    background-size: auto 50%;
  }
  .apBlockLearner {
    margin-top: -25px;
  }
  .CIndex_ft {
    top: -75px;
  }
  .JobRelease {
    font-size: 16px;
    border-radius: 8px;
    padding-left: 0;
    padding-right: 6px;
  }
  .JobRelease::before {
    min-width: 40px;
  }
  .ap_title::before {
    height: 38px;
    margin-top: -17px;
  }
  .ap_title {
    font-size: 20px;
  }
  .ap_title span {
    font-size: 16px;
    line-height: 15px;
  }
  .zym_footer {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -20px;
  }
  .szjxBox .zbady li {
    width: 20%;
  }
  .CTitle {
    text-align: left;
    padding-left: 15px;
    padding-right: 110px;
    height: 60px;
    bottom: 45px;
    display: flex;
    align-items: center;
  }
  .tsdx_Title {
    text-align: left;
    left: 15px;
  }
  .tsdxBox .zym_fh a {
    padding: 0 8px;
  }
  .word_headerTit a {
    background-color: #fff;
    padding: 0;
    /* top: 10px; */
  }
  .word_headerTit a span {
    width: 40px;
    height: 40px;
    display: block;
    color: rgb(0 0 0 / 0);
    background: url(../images/back_into2.png) no-repeat center;
    border-radius: 50%;
  }
  .word_headerTit a i {
    display: none;
  }
  .word_headerTit .xcontent {
    justify-content: flex-start;
  }
  /* .word_headerTit header{
        width: 100%;
        text-align: center;
        line-height: 60px;
    }
    .word_headerTit header span{
        width: 100%;
        margin: 0;
        background-color: #fff;
        border-bottom: 1px solid rgb(0 0 0 / 8%);
        box-shadow: 0 0 2px rgb(0 0 0 / 8%);
        color: #5e72e4;
    } */
  .xzksWTop ul li a {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    min-height: 55px;
    font-size: 17px;
    padding: 7px 0;
  }
  .xzksWTop ul li span {
    display: flex;
    align-items: center;
  }
  .layuiTop .layui-layer-setwin a,
  .layuiTopOne .layui-layer-setwin a {
    width: 40px;
    height: 40px;
    display: block;
    color: rgb(0 0 0 / 0);
    background: url(../images/back_into2.png) no-repeat center #fff;
    border-radius: 50%;
    top: 10px;
  }
  .layuiTop .layui-layer-title,
  .layuiTopOne .layui-layer-title {
    justify-content: flex-start;
    padding-left: 10px;
  }
  .UnitZWYY {
    padding-right: 45px;
  }
  .UnitZWYY_APRightNume img {
    width: 40px !important;
  }
  .XdCOral #contentMain.XTwoMain {
    padding-top: 25px;
  }
  .InteractiveToolsTop span {
    font-size: 15px;
    line-height: 18px;
  }
  .InteractiveToolsTop span:nth-child(1){
    margin-bottom: 5px;
  }

}
@media (max-width: 680px) {
  .AEDiv{
    flex-wrap: wrap;
    gap: 12px;
  }
  .AEDiv header h1 span{
    padding-top: 0;
  }
  .AEDiv header > div{
    padding-bottom: 0;
  }
  .AEDiv header input {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
  .AEDiv header{
    width: 100%;
    position: relative;
  }
  .AEDiv header input{
    padding: 0 40px 0 15px;
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
  .PracticeAssessmentBanner{
    background-position: center left -5vw;
    padding-left: 33vw;
    padding-bottom: 2vw;
  }
  .PracticeAssessmentBanner h1 {
    font-size: 3.2vw;
    font-weight: 600;
  }
  .PracticeAssessmentBanner h2 {
    font-size: 3vw;
    line-height: 5vw;
  }
  .PracticeAssessmentBanner h2 input {
    height: 5.5vw;
    font-size: 2.4vw;
    line-height: 5vw;
  }
  .PracticeAssessmentBanner div span {
    padding-top: 0;
    line-height: 3vw;
    font-size: 2.6vw;
  }
  .PracticeAssessmentBanner div span:last-child {
    font-size: 2.6vw;
    line-height: 3.5vw;
  }
  .newApNyTopLogo span:nth-child(2)::before, 
  .TeachingPPTsTit h1 span:nth-child(2)::before, 
  .TeachingGuideDiv div:nth-child(1) span:nth-child(2)::before, 
  .getStartedTit1 div span:nth-child(2)::before, 
  .AEDiv header h1 span::before, 
  .AEDiv1 header h1 span::before, 
  .AEDiv1 header h2 span::before{
    left: 4px;
  }
  .newApNyTopLogo span:nth-child(2), 
  .TeachingPPTsTit h1 span:nth-child(2), 
  .TeachingGuideDiv div:nth-child(1) span:nth-child(2), 
  .getStartedTit1 div span:nth-child(2), 
  .AEDiv1 header h1 span, 
  .AEDiv1 header h2 span {
    padding-left: 12px;
  }
  .AEDiv header h1, .AEDiv header h2{
    font-size: 15px;
  }
  .essBlockLearner .apBlockUspa {
    padding: 0 8px;
  }
  .essIndex_Tleft ul li.active span {
    font-size: 18px;
  }
  .essIndex_Tleft ul li {
    font-size: 17px;
  }
  .essBlockLearner .JobRelease {
    position: absolute;
    top: 0;
    width: 98%;
    margin: 0 1%;
  }
  .essIndex_Tleft ul {
    width: 100%;
  }
  .essBlockLearner {
    margin-top: -10px;
  }
  .essIndex_titDiv {
    flex-wrap: wrap;
    padding-top: 55px;
    position: relative;
  }
  .essIndex_Tleft {
    width: 100%;
  }
  .xzksBox .zjm_xl .nav-tabs > li {
    width: auto;
  }
  .xzksBox .zjm_xl .nav-tabs {
    display: flex;
    align-items: flex-end;
  }
  .UnitZWYY {
    padding-right: 25px;
  }
  .UnitZWYY_APRightNume {
    width: 30px;
    right: 2px;
  }
  .UnitZWYY_APRightNume img {
    width: 30px !important;
  }
  .UnitZWYY_APRightNume img {
    margin-top: 5px !important;
  }
  .tableWithHeaderFooter table{
    width: 100%;
  }
}
@media (max-width: 650px) {
  .PracticeAssessmentMainStudent > header:nth-child(3) ul{
    grid-template-columns: repeat(1, 1fr);
  }
  .PracticeAssessmentMainStudent > header:nth-child(3) ul div{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  }
  .ap_title span {
    font-size: 15px;
  }
  .yd_article {
    padding: 0;
  }
  .TeachingGuideDiv {
    background-size: 200px auto;
    padding-left: 0;
    padding-top: 110px;
    background-position: left top;
  }
  .getStartedTit{
    align-items: flex-start;
  }
  .TeachingGuideDiv .newApInputDownload{
    top: 100px;
  }
  .getStartedDiv li.liPPT div{
    padding-right: 0;
  }
  .liPPT .newApInputView, .newApInputView {
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .PracticeAssessmentMainStudent > header:nth-child(2) > div input {
    width: 20vw;
    height: 20vw;
  }
  .PracticeAssessmentMainStudent > header:nth-child(2) > div {
    background-size: auto 22vw;
    min-height: 25vw;
  }
  .PracticeAssessmentMainStudent > header{
    width: 100%;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer > div span {
    font-size: 15px;
  }
  .PracticeAssessmentMain > header:nth-child(3) footer > div span:nth-child(1) {
    font-size: 13px;
    line-height: 15px;
  }
  .PracticeAssessmentMain > header:nth-child(3) div {
    background-size: 35vw;
    padding-top: 24vw;
  }
  .PracticeAssessmentMain > header:nth-child(2), .PracticeAssessmentMain > header:nth-child(3) {
    width: 100%;
  }
  .PracticeAssessmentMain > header:nth-child(2) div {
    min-height: auto;
    font-size: 15px;
  }
  #btnSendCodex,
  #btnSendCodexxx {
    font-size: 18px !important;
  }
  .CIndex_titDiv {
    flex-wrap: wrap;
    padding-top: 50px;
  }
  .JobRelease {
    width: 100%;
    position: absolute;
    top: 0;
  }
  .CourseType .active {
    padding: 0 15px;
    font-size: 18px;
  }
  .ftTitleBox {
    width: 132px;
    padding-right: 0;
  }
  .ftTitleBox::before {
    top: 40%;
  }
  .scxk_nav {
    border-bottom: 0;
    margin: 5px 0;
  }
  .scxk_nav .tab {
    width: 100%;
    margin: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  .scxk_nav .tab.active {
    border: 0;
  }
  .xzksBox .zjm_con6,
  .xzksBox .zjm_con7 {
    padding-top: 30px;
  }
  .word_headerTit header span:nth-child(3) {
    display: none;
  }
  .zjm_main {
    text-align: left;
    font-size: 24px;
    color: #1f7fd2;
  }
  .zjm_main .zkm_xsgl p,
  .zjm_main .zkm_xsgl b {
    font-size: 16px !important;
  }
  .szjxBox .zjm_main {
    font-size: 15px;
  }
  .szjxBox .zbady li {
    width: 25%;
  }
  .szjxBox .zbady {
    padding: 20px 3%;
  }
  .szjxBox .ny_xq {
    padding: 0;
  }
  .xzksWTop ul.ULthree li {
    padding: 0 6px;
  }
  .xzksWTop ul.ULthree li a {
    font-size: 16px !important;
  }
  .xzksBox .zjm_con6 .zjm_xl {
    padding-top: 10px;
  }
  .ReleaseExamTable li {
    padding-left: 0;
    display: block;
  }
  .ReleaseExamTable span {
    position: relative;
  }
  .ReleaseExamTable .selectS_div {
    min-height: 50px;
    width: 100%;
  }
  .ReleaseExamTable .selectS_div label {
    margin-left: 0;
  }
  .newApTitle ul li a span{
    display: block;
    line-height: 20px;
    text-align: center;
  }
  .newApTitle ul li a span:nth-child(2){
    font-size: 15px;
  }
  .newApTitle ul {
    width: 100%;
  }
  .newApTitle ul li.active a {
    padding: 5px 15px;
  }
  .newApTitle ul li {
    width: 25%;
    justify-content: center;
  }
}
@media (max-width: 500px) {

  .newApMainDivLeft ul li a::before {
    top: 0;
    left: 50%;
    margin-left: -23px;
  }
  .newApNyTopLogo_OR span{
    padding-left: 5px !important;
  }
  .InteractiveToolsTop{
    margin-bottom: 12px;
  }
  .InteractiveToolsTop span:nth-child(1){
    margin-bottom: 0;
  }
  .OfficialResourcesDiv header.twoHeader > div::before,
  .OfficialResourcesDiv header:nth-child(1)::before{
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.65;
    left: auto;
  }
  .OfficialResourcesDiv header.twoHeader > div{
    padding-left: 0;
    padding: 0;
  }
  .OfficialResourcesDiv header.one{
    padding: 12px 12px 0px 12px;
  }
  .OfficialResourcesDiv header.twoHeader{
    padding: 12px;
  }
  .OfficialResourcesDiv header.twoHeader ul{
    margin-left: 0;
  }
  .CollegeBoardDiv header::before {
    width: 90px;
    height: 90px;
    left: 10px;
  }
  
  .CollegeBoardDiv header{
    margin-bottom: 12px;
  }
  .CollegeBoardDiv h1 {
    font-size: 15px;
    padding-right: 35px;
  }
  .CollegeBoardDiv b,
  .OfficialResourcesDiv header.one b{
    width: 30px;
    height: 30px;
  }
  .CollegeBoardDiv b::before,
  .OfficialResourcesDiv header.one b::before{
    width: 10px;
    height: 10px;
  }
  .OfficialResourcesDiv header.twoHeader ul li{
    width: 50%;
  }
  .OfficialResourcesDiv > header.twoHeader h1{
    padding-top: 5px;
  }
  .CollegeBoardDiv a{
    padding: 0;
  }
  .CollegeBoardDiv a div:nth-child(2) {
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    display: none;
  }
  .CollegeBoardDiv h2{
    font-size: 17px;
  }
  .CollegeBoardDiv header {
    padding: 10px 10px 10px 110px;
    min-height: 110px;
  }
  .PracticeAssessmentMain > header h1::before,
  .PracticeAssessmentMainStudent > header h1::before {
    width: 35px;
    height: 35px;
    min-height: 35px;
  }
  .PracticeAssessmentMain > header h1 {
    padding-left: 45px;
    margin-bottom: 5px;
  }
  .RAADiv footer button span:nth-child(1) {
    font-size: 13px;
    line-height: 15px;
  }
  button.QuestionInput {
    font-size: 16px;
  }
  button.RecordingInput, button.AnswerInput {
    font-size: 14px;
  }
  .PracticeAssessmentMain > header button.RecordingInput {
    right: 108px;
  }
  .RAADiv header,
  .PracticeAssessmentMain > header h1 span:nth-child(1) {
    font-size: 15px;
  }
  .RAADiv header span {
    font-size: 16px;
  }
  .AEDiv header input {
    padding: 0 30px 0 12px;
    background-size: auto 65%;
    line-height: 35px;
    font-size: 15px;
    right: 10px;
  }
  .AEDiv header::before, .AEDiv1 header::before {
    width: 25vw;
    top: 0;
  }
  .AEDiv header h1, .AEDiv header h2 {
    margin-bottom: 0;
    padding-right: 5px;
  }
  .AEDiv1 header a{
    width: 85px;
    height: 35px;
    font-size: 16px;
  }
  .AEDiv1 header h1{
    font-size: 17px;
  }
  .AEDiv header{
    padding-left: 28vw;
  }
  .AEDiv1 header {
    padding-left: 29vw;
  }
  .AEDiv header > div > span{
    font-size: 15px;
    padding: 5px 10px;
    margin-bottom: 5px;
  }
  .TeachingPPTsTit h1 span{
    display: inline-block;
  }
  .TeachingPPTsTit h1 span:nth-child(1){
    margin-bottom: 3px;
  }
  .TeachingPPTsTit h1::before{
    height: 90%;
  }
  .TeachingPPTsTit h1 {
    font-size: 17px;
  }
  .TeachingPPTsTit h2{
    font-size: 15px;
    line-height: 18px;
  }
  .TeachingPPTsTit h2 span{
    margin-bottom: 5px;
  }
  .newApNyTop header input {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
  }
  .newApNyTopLogo span:nth-child(1) {
    font-size: 15px;
    line-height: 20px;
  }
  .newApNyTopLogo{
    background-size: 55px;
    padding-left: 50px;
    min-height: 45px;
    flex-wrap: wrap;
    margin-left: -5px;
  }
  .newApNyTop header {
    min-height: 60px;
  }
  .newApTitle header h1 {
    font-size: 18px;
  }
  .newApTitle header span {
    font-size: 14px;
  }
  .newApTitle header::before{
    width: 5px;
    height: 35px;
  }
  .newApTitle ul li a span:nth-child(2) {
    font-size: 14px;
  }
  .newApTitle ul li a {
    padding: 0 5px;
  }
  .newApTitle ul li:last-child{
    min-width: 90px;
  }
  .ContentVocabularyDiv {
    flex-wrap: wrap;
  }
  .ContentVocabularyDivImg {
    max-width: max-content;
    margin-right: 0;
    margin-bottom: 10px;
  }


  .ContentOverlay .XTwoMain .CTitle {
    bottom: 5px;
  }
  .zkTitle {
    font-size: 22px;
    padding-top: 15px;
    margin-bottom: 10px;
  }
  .CourseType .active {
    font-size: 17px;
    line-height: 40px;
  }
  .CourseType li {
    font-size: 17px;
    padding: 0 15px;
  }
  .zgyswh_text {
    padding-top: 40px;
  }
  .CIndexHeader {
    min-height: 100px;
    padding-top: 10px;
  }
  .CIndexLogo {
    height: 50px;
  }
  .CIndexHeader a {
    width: 40px;
    height: 40px;
    margin-top: 8px;
  }
  .CIndex_ft {
    right: 45px;
    top: -60px;
  }
  .CIndex_ft a {
    width: 40px;
    height: 40px;
  }
  .CIndex_ft div {
    font-size: 20px;
  }
  .CIndexHeader::before {
    background-size: auto 60%;
  }
  .apBlockUspa {
    align-items: center;
  }
  .ftTitleBox {
    right: 50px;
    top: 5px;
    width: 100px;
  }
  .ftTitleBox::before {
    top: 10px;
    right: -6px;
    border-top: 4px solid transparent;
    border-left: 6px solid rgba(0, 0, 0, 0.35);
    border-bottom: 4px solid transparent;
  }
  .TwoBack a,
  .TwoTab,
  button.resource_share_into {
    width: 40px;
    height: 40px;
  }
  .preApTwoTop {
    padding-top: 15px;
    min-height: 90px;
  }
  .zjm_con3 {
    padding: 0 12px;
  }
  .TwoTab a {
    font-size: 18px;
  }
  .XTwoMain .CTitle {
    font-size: 18px;
    bottom: 25px;
  }

  .tsdx_Title {
    font-size: 20px;
    bottom: -15px;
  }
  .tsdxTwoTop {
    min-height: 75px;
  }
  .tsdxBox .zym_fh a {
    padding: 0;
  }
  .tsdxBox .tl_mune a i {
    width: 40px;
  }
  .tsdxBox .zym_fh {
    top: 75px;
  }
  .tsdxBox .zjm_con3 {
    margin-top: 150px;
  }
  .tsdxBox .tl_section_l ul {
    padding: 5px 15px;
  }
  div.zkTitleEn {
    font-size: 26px;
    line-height: 25px;
    padding: 15px 25px;
  }
  .zkTitleEn span {
    padding: 0;
  }

  .zkTitle {
    font-size: 24px;
  }
  .XdrawerOverlay .m1 {
    height: 42px;
    width: 42px;
    right: 18px;
  }
  .XdrawerOverlay .m2 {
    height: 42px;
    width: 42px;
    right: 62px;
  }
  .EnClosex img {
    width: 38px;
    height: 38px;
  }

  .EnClosexAP {
    left: -5px;
    top: -30px;
  }
  .dcdh_text h1,
  .dcdh_text,
  .kewu_lesson2_Content p,
  .zgyswh_text,
  .zgyswh_text p {
    font-size: 17px;
    line-height: 28px;
  }
  .Xword_Box {
    height: 400px !important;
  }
  .cotent_body_email_format > div img {
    height: auto !important;
    width: 25vw;
  }
  .XdCOral #contentMain.XTwoMain {
    padding-top: 0;
  }
  .XdCOral .XapHeadAvatar {
    margin-top: 0px;
  }
  .XdCOral .zgyswh_text {
    padding-top: 0;
  }
  .XdCOral div.XTwoMain .ny_xq {
    top: -20px;
  }
  .dcdh_text h1, .dcdh_text, .kewu_lesson2_Content p, .zgyswh_text {
    font-size: 16px;
    line-height: 22px;
  }
  .newApMainDivLeft > header b{
    line-height: 5vw;
    font-size: 3vw;
    padding: 0 1.2vw;
    margin-bottom: 1.5vw;
  }
  .newApMainDivLeft > header h1{
    font-size: 4.8vw;
  }
  .newApMainDivLeft > header h2{
    font-size: 3.5vw;
    line-height: 4.5vw;
  }
  .newApMainDivLeft > header h3 {
    font-size: 4vw;
    padding: 1vw 0 1.5vw 0;
  }
  .newApMainDivLeft > header span.cnSpan {
    font-size: 3.2vw;
    margin-bottom: 1vw;
    line-height: 4vw;
  }
  .newApMainDivLeft > header{
    background-size: 40vw;
    padding-right: 32vw;
  }
  .newApMainDivLeft ul li a{
    padding: 45px 1.5vw 5px;
    background-position: center top;
  }
  .newApMainDivLeft ul li a div{
    text-align: center;
    margin: auto;
    padding-top: 5px;
  }
  .newApMainDivLeft ul li a span:nth-child(2) {
    font-size: 3.5vw;
  }
  .newApThemeDiv footer a{
    padding: 0 2px;
  }
  .newApThemeDiv header {
    height: 32vw;
  }
  .newApThemeDiv header span:nth-child(2) {
    line-height: 3.5vw;
    font-size: 3.2vw;
  }
  .newApFooter {
    margin-top: 15px;
  }
  .newApFooter header h1{
    font-size: 4vw;
    padding-top: 5px;
    font-weight: 800;
  }
  .newApFooter header span {
    padding-right: 0;
  }
  .newApFooter ul li a{
    flex-wrap: wrap !important;
    padding: 5px 5px 10px 5px !important;
  }
  .newApFooter ul li a span{
    text-align: center;
  }
  .newApFooter ul li a > div span:nth-child(1){
    font-size: 3.5vw;
  }
  .newApFooter ul li a::before{
    margin: auto;
  }
  .newApFooter ul li a div {
    margin: auto;
    width: 100%;
  }
  .newApFooter{
    padding: 10px 5px 5px;
  }
  .newApFooter ul li a span br{
    display: block;
  }
  .newApFooter header span,
  .newApFooter header div:nth-child(2) span{
    font-size: 3vw;
    line-height: 4vw;
  }
  .newApFooter header div:nth-child(2) span {
    padding-right: 45%;
  }
  .newApFooter header{
    background-size: 50% auto;
  }
  .newApMainDivLeft > header span.enSpan {
    font-size: 3.2vw;
    line-height: 3.5vw;
  }

  .getStartedTit b {
    width: 25px;
    height: 25px;
    font-size: 16px;
    margin-top: 10px;
  }
  .TeachingGuideDiv {
    flex-wrap: wrap;
  }
  .TeachingGuideDiv .newApInputDownload {
    top: auto;
    position: relative;
    margin-top: 5px;
  }
  .getStartedTit1, 
  .TeachingGuideDiv span {
    font-size: 16px;
  }

  li.liPPT div,
  .liPDF div,
  li.liWY div{
    background-size: 45px;
    padding-left: 45px;
    min-height: 40px;
    margin-bottom: 0;
    background-position: center left 0;
  }
  .liPPT .newApInputView, .newApInputView {
    margin-left: 0;
    margin-top: 5px;
  }
  .getStartedDiv ul li{
    padding-right: 10px;
  }
  .getStartedDiv > header ul li {
  }
  .getStartedDiv li.liPPT{
    padding-left: 70px;
    background-position: left 5px top 10px;
    background-size: 60px auto;
  }
  .getStartedTit1 div span:nth-child(1){
    font-size: 15px;
  }
  .getStartedTit1 div span:nth-child(2),
  .TeachingPPTsTit h1 span:nth-child(2){
    padding-left: 0;
    font-size: 16px;
  }
  .getStartedTit1 div span:nth-child(2)::before,
  .TeachingPPTsTit h1 span:nth-child(2)::before,
  .newApNyTopLogo span:nth-child(2)::before{
    display: none;
  }
  .getStartedTit1 div span{
    display: block;
  }
  .getStartedDiv li.liPDF .newApInputView,
  .getStartedDiv li.liWY .newApInputView{
    margin-left: 10px;
  }
  .newApNyTopLogo span{
    width: 100%;
  }
  .getStartedDiv{
    padding-top: 10px;
    gap: 12px;
  }
  .newApNyMain {
    padding: 15px 12px;
  }
  .ContentVocabularyDiv header h1 {
    font-size: 15px;
  }
  .ContentVocabularyDiv header h2 {
    font-size: 17px;
    line-height: 25px;
  }
  .newApNyTopLogo_IT{
    margin-left: -12px;
  }
  .newApNyTopLogo_IT span:nth-child(2),
  .newApNyTopLogo_IT span{
    padding-left: 8px;
  }
}
@media (max-width: 420px) {
  .AEDiv1 header a {
    width: 45%;
  }
  .RAADiv header{
    font-size: 14px;
  }
  .PracticeAssessmentMain > header button.RecordingInput span{
    display: none;
  }
  .PracticeAssessmentMain > header button.RecordingInput {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-position: center;
    right: auto;
    padding: 0;
    left: 130px;
  }
  .FourStagesUl li a::before {
    width: 100px;
    min-width: 100px;
  }
  .InteractiveTools > header button{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 35px;
  }
  .InteractiveTools > header div:nth-child(2){
    display: flex;
    flex-wrap: wrap;
  }
  .InteractiveTools > header button:nth-child(2){
    margin: 0 0 0 5px;
  }
  .InteractiveTools > header button span:last-child {
    margin-left: 5px;
  }
  .InteractiveTools > header button.ViewModelSampleButton{
    min-width: 315px;
    margin-top: 10px;
  }
  .newApNyTopLogo {
    background-size: 55px;
    padding-left: 45px;
    flex-wrap: wrap;
    padding-top: 6px;
    padding-bottom: 5px;
  }
  .newApNyTopLogo span:nth-child(1){
    font-size: 15px;
    line-height: 18px;
    width: 100%;
  }
  .ContentVocabularyDiv{
    flex-wrap: wrap;
  }
  .ContentVocabularyDivImg {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .ContentVocabularyDivImg img{
    width: 100%;
  }
  .newApNyTop header input {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .newApThemeDiv footer {
    padding: 5px;
  }
  .newApMainDivTheme {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
  }
  .newApMainDivLeft ul{
    padding: 0 5px;
  }
  .newApThemeDiv header {
    height: 55vw;
  }
  .newApThemeDiv header span:nth-child(2) {
    line-height: 20px;
    font-size: 16px;
  }
  .newApMainDivLeft footer {
    margin: 5px 10px 10px;
    font-size: 4vw;
  }
  .newApTitle ul li a span:nth-child(2) {
    font-size: 13px;
    line-height: 15px;
  }
  .newApMainDivLeft footer a{
    min-height: 50px;
  }
  .CIndexLogo {
    height: 45px;
  }
  .ftTitleBox {
    right: 35px;
    width: 190px;
    top: 35px;
    border-top-right-radius: 0;
  }
  .ftTitleBox::before {
    right: 0px;
    top: -8px;
    border: 0;
    border-bottom: 8px solid rgba(0, 0, 0, 0.35);
    border-left: 8px solid transparent;
  }
  .getStartedDiv > header ul {
    padding-left: 0;
  }
  
}