.IndexFooter {
  background-color: #37405f;
  color: #fff;
  padding: 15px;
  letter-spacing: 0.05rem;
  clear: both;
  font-size: 15px;
}
.IndexFooter .contentMax {
  align-items: center;
}
.IndexFooter span {
  color: #121b37;
  color: rgba(255, 255, 255, 0.8);
}
.foot_left {
  opacity: 0.8;
  color: #fff;
  margin: 0;
  line-height: normal;
}
.foot_left a {
  color: #fff;
}
.IndexTop {
  border-bottom: 3px solid #416ff6;
  padding: 10px;
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.IndexTop .contentMax {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.IndexTopLogin {
  display: flex;
  align-items: center;
}
.IndexTopLogin > img {
  max-height: 65px;
  margin-right: 15px;
}
.IndexTopLogin > header {
  padding-top: 10px;
}
.IndexTopLogin > header div {
  display: flex;
}
.IndexTopLogin > header span {
  display: flex;
  background-color: #f45e35;
  color: #fff;
  line-height: 25px;
  padding: 0 7px;
  border-radius: 5px;
  font-size: 15px;
}
.IndexTopLogin > header p {
  font-size: 15px !important;
  letter-spacing: 0.02rem;
  padding: 0;
}
.logonN {
  padding-left: 20px;
  display: flex;
  cursor: pointer;
}
.logonN img {
  margin: 0 1px;
  max-height: 60px;
}
.IndexTopLogin a {
  width: 90px;
  height: 60px;
  background: url(../images/2025NewBest.png) no-repeat center;
  background-size: 93%;
  margin-left: 5px;
}
.banben {
  align-items: center;
  padding-right: 12px;
}
.banben a {
  color: #0050ff;
  /* text-decoration: underline; */
  margin: 0 3px;
  font-size: 15px;
  color: #fff;
  border-radius: 5px;
  min-width: 70px;
  text-align: center;
  padding: 3px 5px;
}
.banben a:nth-child(1) {
  /* color: #e50065; */
  background-color: #fe848c;
}
.banben a:nth-child(2) {
  background-color: #8684ff;
}
.banben a b {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
}
.banben > b {
  width: 1px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}
.IndexNav {
  position: absolute;
  right: 0;
  /* top: 45px; */
  top: 65px;
  margin-top: 15px;
  border: 1px solid #ebeef5;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  min-width: 245px;
}
.IndexNav.active {
  display: block;
}
.IndexNav ul {
  padding: 0 10px;
}
.IndexNav li {
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.IndexNav li > div {
  padding: 5px 25px 0px 10px;
  padding: 0px 25px 0px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.IndexNav li a {
  color: #000;
}
.IndexNav li > div:hover,
.IndexNav li > div:hover a {
  color: #1d8af9;
  color: #f6295c;
}
.IndexNav li > div.ICTNavTit:hover b::after,
.IndexNav li > div.ICTNavTit:hover b::before {
  background-color: #53a5f9;
  background-color: #475987;
}
/* .IndexNav li:hover > footer, */
.IndexNav li > footer.active {
  display: block;
}
.IndexNav li > footer {
  background-color: #f7f9fa;
  display: none;
}
.IndexNav li > footer div {
  padding: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.IndexNav li > footer div a {
  padding: 5px 10px;
  line-height: 35px;
  display: block;
}
.IndexNav li > footer div a:hover {
  background-color: #e6eaec;
}
.IndexNav li > footer div:last-child {
  border: 0;
}
.IndexNav h1 {
  font-size: 18px;
}
.ICTNavTit {
  position: relative;
}
.ICTNavTit b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 10px;
}
.IndexNav li:last-child {
  border: 0;
}
.ICTNavTit b::before {
  content: "";
  display: block;
  width: 55%;
  height: 10%;
  background-color: #97aeb9;
  transform: rotate(45deg);
  position: absolute;
  left: -3px;
  border-radius: 2px;
}
.ICTNavTit b::before {
  position: absolute;
  content: "";
  display: block;
  width: 55%;
  height: 10%;
  background-color: #97aeb9;
  transform: rotate(45deg);
  right: -3px;
  border-radius: 2px;
}
.ICTNavTit b::after {
  content: "";
  display: block;
  width: 60%;
  height: 10%;
  background-color: #97aeb9;
  transform: rotate(-45deg);
}
.IndexTopRight {
  display: flex;
  align-items: center;
  position: relative;
}
.IndexTopRight > header {
  display: flex;
}
.IndexTopRight > header a {
  padding: 0 3px;
}
.IndexNavInto {
  /* background-color: #1da8f9; */
  background-color: #ff617b;
  border-radius: 10px;
  width: 43px;
  height: 43px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 10px 0 10px 35px;
  position: relative;
  cursor: pointer;
}
.IndexNavBox {
  transition: 0.3s;
}
.IndexNavBox:hover .IndexNav {
  display: block;
  opacity: 1;
  top: 45px;
  visibility: visible;
}
.IndexNavInto::before {
  content: "";
  display: block;
  border-left: 1px dotted rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -20px;
  width: 1px;
  height: 100%;
}
.IndexNavInto span {
  display: block;
  width: 53%;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
}
.IndexNavInto span::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 8px;
}
.IndexNavInto span::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  display: block;
  position: absolute;
  bottom: 8px;
}
.IndexNavLi {
  position: relative;
}
.IndexNav li > footer {
  display: block;
  opacity: 0;
  position: absolute;
  left: -200px;
  top: 0px;
  border: 1px solid #ebeef5;
  background-color: #fff;
  border-radius: 8px;
  padding: 0 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}
.IndexNavLi:hover footer {
  opacity: 1;
  top: 0px;
  left: -245px;
  margin-right: 30px;
}

.imgPC {
  width: 100%;
  height: 548px;
}
.imgPC img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.IndBanner {
  position: relative;
  background-color: #f8fbff;
  min-height: 10vw;
}
.IndBanner .swiper-container {
  max-width: 1920px;
}
.IndBanner::before {
  position: absolute;
  z-index: 2;
  bottom: -15px;
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: url(../images/IndImg/bannerBj.png) center;
  display: none;
}
.IndBanner a {
  display: block;
  width: 100%;
  text-align: center;
}
.IndSwiper {
  position: absolute;
  bottom: 55px;
  width: 100%;
  height: 22px;
  display: flex;
  justify-content: center;
}
.IndSwiper .swiper-pagination {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0 10px;
  height: 22px;
  border-radius: 11px;
  opacity: 0.6;
  display: flex;
  align-items: center;
}
.IndSwiper .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  opacity: 1;
  background: none;
  border: 1px solid #fff;
  margin: 0 3px;
}
.IndSwiper .swiper-pagination-bullet-active {
  background-color: #fff;
}

/* 登录框 */
.HBlogin {
  margin: auto;
  margin-top: -55px;
  width: 1390px;
  position: relative;
  z-index: 2;
}
#login.HBloginMain {
  width: 100%;
  left: auto;
  top: auto;
  min-height: auto;
  position: relative;
  box-shadow: none;
  background: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";

  box-shadow: 0 0 5px rgb(0 0 0 / 15%);
  background: #fff;
  border-radius: 10px;
  padding: 3px;
}

#login.HBloginMain > div.bjC2 {
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  border-radius: 7px;
  background: url(../images/IndImg/bannerBj1.png) repeat-x;
}

#login.HBloginMain > div.HBloginRed {
  background-color: rgba(254, 235, 240, 1);
}
div.bjC2 .HBloginL > div span:nth-child(1) input,
div.bjC2 .HBloginL > div span:nth-child(2) input {
  border: 2px solid #75acff;
}
.HBloginL {
  padding: 10px 15px;
  height: 115px;
  width: 78%;
}
.HBloginL h1 {
  font-size: 24px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-weight: bold;
  color: #1a57c5;
  margin: 0;
}
.HBloginL h1 span {
  font-size: 22px;
  font-weight: normal;
  padding-left: 5px;
}
.HBloginL > div {
  display: flex;
}
.HBloginL > div span {
  display: block;
  margin: 0 8px;
}
.HBloginL > div span input {
  width: 100%;
  line-height: 46px;
  height: auto;
  border: 0;
  border-radius: 13px;
  padding: 0 10px 0 48px;
  font-size: 16px;
  height: auto;
}
.HBloginL input::-webkit-input-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
.HBloginL input::-moz-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
.HBloginL input:-moz-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}
.HBloginL input:-ms-input-placeholder {
  color: rgba(167, 179, 209, 0.7) !important;
}

.HBloginL > div span:nth-child(1) input,
.tangWinLogin #dialog_loginid {
  background: url(../images/IndImg/HB_into5.png) no-repeat left 10px center #fff;
  border: 1px solid #dde9ec;
}
.HBloginL > div span:nth-child(2) input,
.tangWinLogin #dialog_password {
  background: url(../images/IndImg/HB_into6.png) no-repeat left 10px center #fff;
  border: 1px solid #dde9ec;
}
.HBloginL > div span:nth-child(1) {
  width: 50%;
}
.HBloginL > div span:nth-child(2) {
  width: 35%;
}
.HBloginL > div span:nth-child(3) {
  width: 15%;
}
.HBloginR {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  width: 40%;
}
.HBloginR ul {
  display: flex !important;
  width: 100%;
}
.HBloginR button {
  border: 0;
  position: relative;
  background: none;
  color: #25355e;
  font-size: 14px;
  letter-spacing: 0;
}
.HBloginR button:hover {
  color: #105ed4;
}
.HBloginR button::before {
  content: "";
  width: 50px;
  height: 50px;
  display: flex;
  background-size: 100%;
  justify-content: center;
  margin: auto;
}
.HBloginR button span {
  display: block;
  font-size: 15px;
  letter-spacing: 0.02rem;
}
button.GetPasswordHB {
  min-width: 120px;
}
button.LoginHelpHB {
  min-width: 100px;
}
button.FreeTrialHB {
  min-width: 105px;
}
button.HomeSubscribeHB {
  min-width: 130px;
}
button.GetPasswordHB::before {
  background: url(../images/IndImg/HB_into1.png) no-repeat center;
}
button.LoginHelpHB::before {
  background: url(../images/IndImg/HB_into2.png) no-repeat center;
}
button.FreeTrialHB::before {
  background: url(../images/IndImg/HB_into3.png) no-repeat center;
}
button.HomeSubscribeHB::before {
  background: url(../images/IndImg/HB_into4.png) no-repeat center;
}
button.txt_login {
  background-color: #2670fa;
  color: #fff;
  padding: 0 15px;
  line-height: 50px;
  font-size: 18px;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 13px;
  letter-spacing: 0.05rem;
  min-width: 110px;
  padding: 0 10px;
  font-size: 17px;
}
.HBloginR ul li button i {
  font-style: normal;
}
.HBloginL input:focus {
  border-color: #66afe9;
  outline: 0;
}

.ICTMain .titleH1 h1 {
  padding-top: 25px;
}
.titleH1 {
  text-align: center;
  padding: 10px 10px 20px 10px;
}
.titleH1 h1 {
  color: #0f3065;
  color: #113d83;
  color: #ee526c;
  padding-top: 50px;
  padding-bottom: 8px;
  font-size: 30px;
}

.titleH1 > h1 span {
  padding-top: 0;
  font-weight: 900;
  color: #0f3065;
  color: rgba(0, 0, 0, 0.88);
  opacity: 0.88;
}
.titleH1 span {
  color: rgba(0, 0, 0, 0.88);
  line-height: 20px;
  font-size: 17px;
  /* padding-top: 10px; */
  display: block;
  /* max-width: 1100px; */
  margin: auto;
}
.titleH1 span > div {
  padding-top: 2px;
}

.titleH2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 20px 10px 20px;
}
.titleH2 h2 {
  color: #105ed4;
  font-size: 24px;
  padding-right: 10px;
}
.titleH2 span {
  color: #0f3065;
  font-size: 21px;
  text-transform: uppercase;
}
.IndexICT {
  display: flex;
  flex-wrap: wrap;
}
.IndexICT > div {
  width: 25%;
  padding: 10px;
}
.IndexICT > div a {
  display: block;
}
.ICTTitle {
  text-align: center;
  padding: 10px 0;
}
.ICTTitle h1 {
  font-size: 20px;
}
.ICTTitle span {
  opacity: 0.8;
}

.IndexDsj {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
.IndexDsj > div {
  width: 25%;
  padding: 10px;
}
.IndexDsj > div a {
  background-color: #eff8ff;
  border-radius: 10px;
  display: block;
  text-align: center;
  padding: 20px 10px 30px 10px;
}
.IndexDsj h1 {
  font-size: 20px;
}
.MagazineMain {
  background-color: #ecf6fd;
  background-color: #f2f8fc;
  padding: 30px 0 0;
}
.MagazineMain .contentMax {
  display: flex;
}
.MagazineMain .contentMax > header {
  width: 35%;
  padding: 50px 0px 0 30px;
  text-align: center;
}
.MagazineMain .contentMax > header h2 {
  line-height: 42px;
  display: inline-block;
  background-color: #82e4fe;
  background-image: linear-gradient(to right, #1cd4ff, #01f3f5);
  border-radius: 22px;
  padding: 0 25px;
  font-size: 28px;
  color: #143064;
  font-weight: 600;
  position: relative;
}
b.newB {
  position: absolute;
  right: -90px;
  background: url(../images/newInto1.png) no-repeat center;
  width: 85px;
  height: 0;
  padding-bottom: 35%;
  display: none;
}
.MagazineMain .contentMax > header img {
}
.MagazineMain .contentMax > header div {
  max-width: 350px;
  margin: auto;
  text-align: left;
  padding-bottom: 20px;
}
.MagazineMain .contentMax > header h1 {
  font-size: 37px;
  color: #206ed6;
  font-weight: 600;
  letter-spacing: 0.05rem;
  padding: 10px 0;
}
.MagazineMain .contentMax > header p {
  font-size: 21px !important;
  color: #0f3065;
  letter-spacing: 0.05rem;
}
.MagazineMain .contentMax > header button {
  background-color: #f65858;
  border-radius: 15px;
  padding: 10px 5px;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 24px;
  margin: 30px 0 20px 0;
}
.MagazineMain .contentMax > header button span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.28rem;
}
.MagazineMain .contentMax > header button span:last-child {
  font-size: 17px;
  letter-spacing: 0.05rem;
}
.MagazineMain ul {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
}
.MagazineMain ul li {
  width: 33.333333%;
  padding: 12px 25px;
}
.MagazineMain ul li div {
  position: relative;
}
.MagazineMain ul li div::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #d2e2ee;
  transform: skewX(45deg);
  top: -5px;
  left: -3px;
}
.MagazineMain ul li div::after {
  content: "";
  display: block;
  position: absolute;
  height: 99%;
  width: 5px;
  background-color: #b8c9d6;
  transform: skewY(45deg);
  left: -5px;
  top: -3px;
}
.MagazineMain ul li img {
  width: 100%;
}

/* 科技与创新 */
.kjycxMain {
  background-color: #f4f7ff;
  background-color: #fff;
}
.kjycxMain .titleH1 {
  height: 270px;
  background: url(../images/IndImg/bannerBj2.png) no-repeat center top #2066d5;
}
.kjycxMain .titleH1 h1 {
  padding-top: 25px;
}
.kjycxMain .titleH1 h1,
.kjycxMain .titleH1 h1 > span {
  color: #fff;
}
.kjycxMain .titleH1 > span {
  color: #31fafe;
}
.kjycxSpan {
  max-width: 980px;
  margin: auto;
}
.kjycxSpan div {
  line-height: 20px;
}
.kjycxUl {
  display: flex;
  background-color: #f4f7ff;
  margin-top: -50px;
  border-radius: 15px;
  text-align: center;
  padding: 50px 10px;
}
.kjycxUl li {
  padding: 20px;
  width: 20%;
}
.kjycxUl li > div {
  border: 2px dotted #b7c6f4;
  padding: 20px 10px;
  position: relative;
}
.kjycxUl li > div::before,
.kjycxUl li > div::after,
.kjycxUl li > div header::before,
.kjycxUl li > div header::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4c74f1;
  left: -6px;
  top: -6px;
}
.kjycxUl li > div::after {
  top: auto;
  bottom: -6px;
}
.kjycxUl li > div header::before {
  top: auto;
  left: auto;
  right: -6px;
  bottom: -6px;
}
.kjycxUl li > div header::after {
  left: auto;
  right: -6px;
}
.kjycxUl li header {
  font-size: 20px;
  color: #000;
}

.hdyjlDiv {
  display: flex;
}
.hdyjlDiv > div {
  width: 49%;
  margin: 0 0.5%;
  border-radius: 15px;
}
.hdyjlTitle {
  min-height: 60px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 10px;
}
.hdyjlTitle h1 {
  font-size: 22px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.hdyjlTitle h1::before {
  content: "";
  display: flex;
  width: 45px;
  height: 45px;
  margin-right: 5px;
  position: absolute;
  left: -30px;
  top: -12px;
  display: none;
}
.IndexReward .hdyjlTitle h1::before {
  background: url(../images/IndImg/into01.png) no-repeat center;
}
.BuddyRanking .hdyjlTitle h1::before {
  background: url(../images/IndImg/into02.png) no-repeat center;
}
.hdyjlTitle h1 span {
  font-size: 17px;
  display: block;
  width: 100%;
}
.hdyjlTitle a {
  display: inline-block;
  font-size: 17px;
  text-transform: uppercase;
  padding: 0 10px;
}

.IndexReward .hdyjlTitle a {
  color: #b20031;
}
.BuddyRanking .hdyjlTitle a {
  color: #1e52a2;
}
.IndexReward .hdyjlTitle {
  color: #b20031;
}
.BuddyRanking .hdyjlTitle {
  color: #1e52a2;
}
.hdyjlDivN .hdyjlTitle {
  justify-content: space-between;
  min-height: 40px;
  margin-bottom: 5px;
  padding-left: 5px;
}
.hdyjlDivN .hdyjlTitle h1 {
  display: flex;
  align-items: center;
  padding-left: 45px;
  line-height: 40px;
}
.hdyjlDivN .hdyjlTitle h1 span {
  width: auto;
  padding-left: 5px;
}
.hdyjlDivN .IndexReward .hdyjlTitle h1 {
  background: url(../images/IndImg/into07.png) no-repeat center left;
}
.hdyjlDivN .BuddyRanking .hdyjlTitle h1 {
  background: url(../images/IndImg/into08.png) no-repeat center left;
}
.hdyjlDivN .VideoSharing .hdyjlTitle h1 {
  background: url(../images/IndImg/into09.png) no-repeat center left;
  color: #1196a0;
}

.hdyjlDivN .IndexReward ul,
.hdyjlDivN .BuddyRankingUl {
  padding: 0;
}
.VideoSharingDiv {
  background-color: #f5f7fa;
  padding: 10px;
  border-radius: 12px;
  min-width: 455px;
  margin-top: 10px;
}
.VideoSharingDiv > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.VideoSharingDiv > footer a {
  display: flex;
  color: #e11649;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 30px;
  padding: 8px 8px 0 8px;
}
.VideoSharingDiv > footer a:hover {
  text-decoration: underline;
}
.VideoSharingDiv > div {
  background-color: #000;
  height: 0;
  width: 100%;
  padding-bottom: 56.3%;
  display: flex;
  align-items: center;
  position: relative;
}
.VideoSharingDiv > div > div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.VideoSharingDiv > div iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
}
.VideoSharingDiv video {
  width: 100%;
}
.VideoSharingDiv ul {
  display: flex;
  margin: 0 -5px;
  justify-content: center;
}
.VideoSharingDiv ul li {
  padding: 10px 5px 0 5px;
  /* width: 33.333%; */
  text-align: center;
}
.VideoSharingDiv ul li.active span {
  background-color: #5990ff;
  color: #fff;
}
.VideoSharingDiv ul span {
  display: block;
  font-size: 18px;
  line-height: 30px;
  padding: 5px 10px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 75px;
}
.VideoSharingDiv ul span:hover {
  color: #2d73ff;
}
.VideoSharingDiv ul span:hover::before {
  background: url(../images/IndImg/into10s1.png) no-repeat center;
}
.VideoSharingDiv ul span::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background: url(../images/IndImg/into10s.png) no-repeat center;
}
.VideoSharingDiv ul li.active span::before {
  background: url(../images/IndImg/into10.png) no-repeat center;
}
.hdyjlDivN .IndexReward ul li {
  width: 50%;
}
.hdyjlDivN .IndexReward ul li:nth-child(5),
.hdyjlDivN .IndexReward ul li:nth-child(6) {
  display: none;
}
.hdyjlDivN .IndexReward ul header img {
  height: 150px;
}
.IndexReward ul {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.IndexReward ul li {
  padding: 5px;
  width: 33.333333%;
}
.IndexReward ul header {
  background-color: #fff;
  border: 1px solid #fbc28a;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.IndexReward ul header:hover {
  border-color: #f58c46;
  border: 0;
}
.IndexReward ul header img {
  height: 145px;
  margin: auto;
}
.IndexRewardImg span {
  display: block;
  background-color: #ffeedd;
  color: #ed2907;
  font-size: 18px;
  text-align: center;
  line-height: 45px;
  text-align: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: none;
}
.IndexRewardImg {
  cursor: pointer;
  position: relative;
  text-align: center;
  display: flex;
}
.IndexReward footer {
  display: none;
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  padding: 5px;
}
.IndexReward footer button {
  width: 85px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 0;
  border-radius: 30px;
  margin-top: 15px;
  background: rgba(255, 255, 255, 0.68);
  color: #ed2907;
  font-size: 16px;
}
.IndexReward li header .box:hover footer {
  display: block;
  position: absolute;
  border-radius: 15px;
}
.box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  cursor: pointer;
}
.box:before,
.box:after,
.box-content:before,
.box-content:after {
  content: "";
  background: #f37c2c;
  opacity: 0.88;
  height: 100%;
  width: 25%;
  transform: translateY(-101%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.3s;
}

.box:after {
  left: 25%;
}
.box .box-content:before {
  left: 50%;
}
.box .box-content:after {
  left: 75%;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after {
  transform: translateY(0);
}
.box:hover:before {
  transition-delay: 0.225s;
}
.box:hover .box-content:before {
  transition-delay: 0.15s;
}
.box:hover .box-content:after {
  transition-delay: 0s;
}
.box:hover:after {
  transition-delay: 0.075s;
}
.box-content {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.2s;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  overflow: hidden;
}
.BuddyRankingUl {
  padding: 10px;
  margin: 0;
  border-radius: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.BuddyRankingUl li {
  padding: 5px;
}
.BuddyRankingUl li > div {
  background-color: #f8f8fa;
  line-height: 55px;
  border-radius: 10px;
  display: flex;
  font-size: 18px;
  color: #000;
  cursor: pointer;
}
.BuddyRankingUl div > span {
  display: flex;
}
.BuddyRankingUl div > span:nth-child(1) {
  width: 10%;
  min-width: 40px;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: #9ba5b3;
  margin: 0 5px;
}
.BuddyRankingUl li:nth-child(1) div > span:nth-child(1) {
  background: url(../images/IndImg/into03.png) no-repeat center top 9px;
  background-size: 38px auto;
  color: #9e5103;
}
.BuddyRankingUl li:nth-child(2) div > span:nth-child(1) {
  background: url(../images/IndImg/into03_1.png) no-repeat center top 9px;
  background-size: 38px auto;
  color: #1d315d;
}
.BuddyRankingUl li:nth-child(3) div > span:nth-child(1) {
  background: url(../images/IndImg/into03_2.png) no-repeat center top 9px;
  background-size: 38px auto;
  color: #692c28;
}
.BuddyRankingUl div > span:nth-child(2) {
  width: 40%;
  margin-right: 20px;
  max-width: 105px;
  /* overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; */
}
.BuddyRankingUl div > span:nth-child(3) {
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 150px;
}
.BuddyRankingUl div > span:nth-child(4) {
  min-width: 90px;
  color: #ed2907;
  justify-content: flex-end;
  padding-right: 2.5%;
}

/* 其他服务 */
.OtherServices {
  background: url(../images/IndImg/bannerBj3.png) center bottom -60px #fff no-repeat;
  background: url(../images/IndImg/bannerBj3.png) center bottom 0px #f8fbff
    no-repeat;
  background: url(../images/IndImg/bannerBj3.png) center bottom 0px #f4f8ff
    no-repeat;
  position: relative;
  min-height: 450px;
  padding-bottom: 40px;
  padding-top: 5px;
}
.OtherServices::before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background: url(../images/IndImg/bannerBj3_1.png) center top repeat-x;
  opacity: 0;
  /* display: none; */
}
.OtherServices .contentMax {
  position: relative;
}
.OtherServices ul {
  background-color: #fff;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.OtherServices ul li {
  width: 20%;
  padding: 10px;
}
.OtherServices ul li:nth-child(6),
.OtherServices ul li:nth-child(7),
.OtherServices ul li:nth-child(8),
.OtherServices ul li:nth-child(9) {
  width: 25%;
}
.OtherServices ul li a {
  display: block;
  background-color: #f7faff;
  border-radius: 10px;
  text-align: center;
  padding: 20px 10px 30px 10px;
}
.OtherServices ul h1 {
  font-size: 20px;
}
.OtherServices ul span {
  opacity: 0.8;
}
.OtherServices ul li a img {
  width: 140px;
}
.OtherServices .titleH1 h1 {
  padding-top: 0px;
}

/* 首页客服 */
.serviceUp {
  position: fixed;
  right: 50%;
  margin-right: -750px;
  z-index: 3;
  top: 450px;
}
.serviceUp header {
  padding-bottom: 15px;
}
.serviceUp header a {
  display: block;
  background: url(../images/kfInto.png) no-repeat center top;
  padding-top: 70px;
}
.serviceUp header a span {
  display: flex;
  line-height: 20px;
  border-radius: 5px;
  background-color: #267ef0;
  background-color: #f86765;
  color: #fff;
  justify-content: center;
  font-size: 16px;
  padding: 5px;
  flex-wrap: wrap;
  max-width: 105px;
  line-height: 30px;
}
.serviceUp header a span b {
  display: block;
  font-weight: normal;
  font-size: 13px;
  color: #fbe600;
  line-height: 12px;
  margin-bottom: 3px;
  display: none;
}
.serviceUp ul {
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 0 10px;
}
.serviceUp ul li {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
}

.serviceUp ul li:last-child {
  border-bottom: 0;
}
.serviceUp ul li.emailLi,
.serviceUp ul li.kfLi {
  position: relative;
}
.serviceUp ul li.emailLi a,
.serviceUp ul li.kfLi a {
  display: none;
  color: #1a57c5;
  color: rgba(255, 255, 255, 0.88);
}
.serviceUp ul li.emailLi a::before,
.serviceUp ul li.kfLi a:before {
  content: "";
  display: block;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, 0.8);
  width: 0;
  height: 0;
  right: -8px;
  top: 13px;
  position: absolute;
}
.serviceUp ul li.emailLi a:hover {
  text-decoration: underline;
}
.serviceUp ul li.kfLi a {
  cursor: auto;
}
.serviceUp ul li.emailLi:hover a,
.serviceUp ul li.kfLi:hover a {
  display: block;
  position: absolute;
  left: -192px;
  width: 200px;
  background: rgba(0, 0, 0, 0.8);
  line-height: 40px;
  padding: 0 8px;
  border-radius: 5px;
  /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); */
}
.serviceUp ul li.kfLi:hover a {
  left: -130px;
  width: 135px;
  top: 10px;
}
.emailImg {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/home05.png) no-repeat center;
  cursor: pointer;
}
.serviceUpTop {
  width: 80px;
  height: 80px;
  background: url(../images/kfInto.png) no-repeat center;
  position: relative;
  cursor: pointer;
  margin: auto;
  margin-top: 50px;
}
.serviceUpTop.ecomkefu-min {
  position: relative;
  bottom: auto;
  right: auto;
}
.phoneInto {
  position: relative;
  padding-top: 45px;
  background: url(../images/home06.png) no-repeat center top;
  color: #1b3b8c;
  font-size: 17px;
}
.serviceUpNew ul li:last-child {
  min-height: 65px;
  height: auto;
  padding-bottom: 10px;
}
.serviceUpNew header a {
  background: transparent;
  padding-top: 0 !important;
}
.serviceUpDiv {
  display: none;
  /* z-index: 1;
  margin-top: -10px; */
}
.serviceUpNew {
  top: auto;
  bottom: 90px;
  right: 20px;
  margin-right: 0;
  bottom: 25vh;
}
.serviceUpNew header {
  padding-bottom: 10px;
}
.serviceUpNew header a span {
  font-size: 14px !important;
  /* border-bottom-left-radius: 0;
  border-bottom-right-radius: 0 */
}
.serviceUpNew ul {
  font-size: 16px;
}
.serviceUpNew:hover .serviceUpDiv {
  display: block;
  position: absolute;
  top: -220px;
  right: -3px;
  margin-bottom: 0;
}
.kfLiANew > div {
  background: url(../images/whatapp.png) no-repeat center #fff;
  width: 100%;
  background-size: 95%;
  border-radius: 5px;
  margin-bottom: 10px;
  aspect-ratio: 1/1;
}

.kfImg {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/home02s.png) no-repeat center;
  cursor: pointer;
}
.ToppingInto {
  width: 40px;
  height: 40px;
  background: url(../images/IndImg/into04.png) no-repeat center;
}
.ICTImg {
  overflow: hidden;
}
.ICTImg video {
  width: 100%;
}
.ICTImg video::-webkit-media-controls {
  display: none !important;
}
.ICTcanvas {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 69%;
  overflow: hidden;
  background-color: #eff8ff;
}
.ICTcanvas canvas {
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.IndexICT > div:nth-child(1) .ICTcanvas {
  background: url(../images/SWFtoVideo/c1.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(2) .ICTcanvas {
  background: url(../images/SWFtoVideo/c2.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(3) .ICTcanvas {
  background: url(../images/SWFtoVideo/c3.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(4) .ICTcanvas {
  background: url(../images/SWFtoVideo/c4.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(5) .ICTcanvas {
  background: url(../images/SWFtoVideo/c5.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(6) .ICTcanvas {
  background: url(../images/SWFtoVideo/c6.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(7) .ICTcanvas {
  background: url(../images/SWFtoVideo/c7.png) no-repeat center;
  background-size: 100%;
}
.IndexICT > div:nth-child(8) .ICTcanvas {
  background: url(../images/SWFtoVideo/c8.png) no-repeat center;
  background-size: 100%;
}

.nyTopRight {
  display: flex;
  align-items: center;
}
.nyTopRight header {
  padding-right: 15px;
  position: relative;
  display: flex;
  align-items: center;
}
.nyTopRight header .wxInto {
  min-width: 40px;
  margin-left: 8px;
}
.nyTopRight header::before {
  position: absolute;
  right: 0;
  top: 10%;
  content: "";
  display: block;
  width: 1px;
  height: 80%;
  border-right: 1px rgba(0, 0, 0, 0.1) dotted;
}
a.backHome {
  display: block;
  width: 55px;
  height: 55px;
  background: url(../images/IndImg/nyHome.png) no-repeat center #e5f0ff;
  border-radius: 50%;
  margin-left: 15px;
}
/* 忘记密码 */
.GetPasswordBanner {
  background-color: #2ea1fa;
  display: flex;
  justify-content: center;
}
.GetPasswordBanner > header {
  background: url(../images/IndImg/into_pwd.png) no-repeat center left;
  background-size: auto 80%;
  color: #fff;
  min-height: 75px;
  padding-left: 80px;
  display: flex;
  align-items: center;
}
.GetPasswordBanner > header span {
  display: block;
}
.GetPasswordBanner > header span:nth-child(1) {
  /* padding-top: 12px; */
  font-size: 20px;
  padding-right: 10px;
}
.GetPasswordBanner > header span:nth-child(2) {
  font-size: 22px;
}
.GetPasswordDiv {
  background-color: #f0f7fd;
  padding: 0 10px;
}
.GetPasswordDiv .contentMax,
.LoginHelpDiv .contentMax {
  background-color: #fff;
  min-height: 76.4vh;
  padding: 20px;
}
.GetPasswordDiv ul {
  border: 1px solid #b5c7f0;
  background-color: #fff;
}
.GetPasswordDiv ul li {
  border-bottom: 1px solid #b5c7f0;
  display: flex;
}
.GetPasswordDiv ul li > div {
  border-right: 1px solid #b5c7f0;
  padding: 12px;
}
.GetPasswordDiv ul li > div:last-child {
  border: 0;
}
.GetPasswordDiv ul li > div:nth-child(1) {
  width: 18%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 150px;
}
.GetPasswordDiv ul li > div:nth-child(2) {
  width: 40%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.GetPasswordDiv ul li > div:nth-child(2) span,
.GetPasswordDiv ul li > div:nth-child(2) > header {
  width: 100%;
}
.GetPasswordDiv ul li > div:nth-child(3) {
  width: 42%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.GetPasswordDiv ul li > div:nth-child(3)#cname_tips {
  display: inline-block;
}
.GetPasswordDiv ul li > div:nth-child(3) br {
  height: 3px;
  display: block;
  content: "";
}
.GetPasswordDiv ul li input {
  padding: 10px;
  background: #fafbfc;
  border: 2px solid #e7ebf1;
  width: 100%;
}
.GetPasswordDiv footer#Next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GetPasswordDiv footer#Next span {
  position: absolute;
  right: 15px;
  color: red;
  cursor: pointer;
}
.SecurityQuestionsDiv > header {
  padding-bottom: 10px;
}
.SecurityQuestionsDiv > header span {
  line-height: 20px;
  display: block;
  padding-bottom: 5px;
}
.SecurityQuestionsDiv > header:last-child {
  padding-bottom: 0px;
}
.GetPasswordDiv ul footer {
  text-align: center;
  padding: 10px;
}
.GetPasswordDiv ul footer input {
  background-color: #387dfa;
  line-height: 45px;
  color: #fff;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  border: 0;
  width: 130px;
  margin: 10px 6px;
}
.nyTop {
  border-bottom-width: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}

/* 登录说明 */
.LoginHelpBanner {
  background-color: #ff796f;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.LoginHelpBanner header {
  font-size: 26px;
  color: #fff;
}
.LoginHelpDiv {
  background-color: #f0f7fd;
  min-height: 74.6vh;
  padding: 0 10px;
}
.cBule {
  color: #137aff;
}
.titleTit {
  font-size: 22px;
  padding: 10px 0;
}
.titleTop h1 {
  display: flex;
  font-size: 19px;
  position: relative;
  margin: 10px 0;
}
.titleTop h1::before {
  content: "";
  display: block;
  width: 30px;
  height: 20px;
  background: url(../images/IndImg/biao.png) no-repeat center left;
}
.titleTop {
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.titleTop div {
  display: flex;
  padding-left: 20px;
  flex-wrap: wrap;
}
.titleTop div a {
  margin: 5px 10px;
}
.titleTop div a span {
  background-color: #cfe4ff;
  line-height: 48px;
  display: block;
  padding: 0 20px 0 35px;
  font-size: 16px;
  position: relative;
}
.titleTop div a span::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 2px;
  top: 50%;
  left: 15px;
  margin-top: 2px;
  background-color: #0066ff;
  transform: rotate(-45deg);
}
.titleTop div a span::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 2px;
  left: 15px;
  margin-top: -4px;
  top: 50%;
  transform: rotate(45deg);
  background-color: #0066ff;
}
.titleTop div.TopT1 a span {
  color: #0066ff;
}
.titleTop div.TopT1 a span {
  background-color: #cfe4ff;
}
.titleTop div.TopT1 a span::after,
.titleTop div.TopT1 a span::before {
  background-color: #0066ff;
}
.titleTop div.TopT2 a span {
  color: #018c84;
}
.titleTop div.TopT2 a span {
  background-color: #b0ebe8;
}
.titleTop div.TopT2 a span::after,
.titleTop div.TopT2 a span::before {
  background-color: #018c84;
}
.titleTop div.TopT3 a span {
  color: #f54d20;
}
.titleTop div.TopT3 a span {
  background-color: #ffe0ca;
}
.titleTop div.TopT3 a span::after,
.titleTop div.TopT3 a span::before {
  background-color: #f54d20;
}
.lineB {
  border-bottom: 1px solid #f2f2f2;
}
.loginT1 {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 0 3px 0;
}
.loginP {
  font-size: 16px;
  color: #000;
  padding-left: 23px;
  line-height: 23px;
}
.loginT2 {
  padding-left: 23px;
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.loginT2 p {
  font-weight: normal;
}
.loginUl ul {
  background-color: #f7fbfd;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 20px;
  margin: 10px 0;
}
.loginUl ul li {
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  display: block;
  position: relative;
  padding-left: 22px;
}
.loginUl ul li span {
  display: flex;
  padding-right: 15px;
  position: absolute;
  left: 0;
  width: 20px;
}
.loginUl ul li i {
  text-decoration: underline;
  padding-left: 5px;
}
.HelpdeskDiv {
  border-top: 1px solid #f2f2f2;
  margin-top: 20px;
}
.HelpdeskDiv {
  font-size: 17px;
  padding: 10px 0 30px 0;
}
.HelpdeskDiv ul {
  display: flex;
  flex-wrap: wrap;
}
.HelpdeskDiv li {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  line-height: 22px;
}
.HelpdeskDiv li b {
  font-weight: 600;
  padding-right: 5px;
}
.HelpdeskDiv li a {
  text-decoration: underline;
  color: #137aff;
}

/* 免费试用 */
.FreeTrialBox {
  background-color: #f0f7fd;
  padding: 0 10px;
}
.FreeTrialBox .contentMax {
  padding: 20px 0;
  min-height: 84.1vh;
  display: flex;
}
.FreeTrialDiv {
  width: 100%;
}
.FreeTrialDiv ul {
  display: flex;
  flex-wrap: wrap;
}
.FreeTrialDiv ul li {
  width: 25%;
  padding: 10px;
}
.FreeTrialDiv ul li a {
  display: block;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  background-color: #ddf0ff;
  border: #6fc1fe 2px solid;
}
.FreeTrialDiv ul li a::before {
  content: "";
  display: block;
  width: 100%;
  height: 140px;
}
.FreeTrialDiv ul li a span {
  display: block;
  text-align: center;
}
.FreeTrialDiv ul li a span:nth-child(1) {
  font-size: 16px;
  line-height: 25px;
  padding-top: 5px;
}
.FreeTrialDiv ul li a span:nth-child(2) {
  font-size: 20px;
  display: flex;
  justify-content: center;
}
.FreeTrialDiv ul li a span:nth-child(2) b {
  font-weight: normal;
  padding-top: 1px;
  padding-left: 6px;
  display: flex;
}
/* .FreeTrialDiv ul li:nth-child(1) a{
  background-color: #37acfa;
}
.FreeTrialDiv ul li:nth-child(2) a{
  background-color: #ff867b;
}
.FreeTrialDiv ul li:nth-child(3) a{
  background-color: #b17dff;
}
.FreeTrialDiv ul li:nth-child(4) a{
  background-color: #ff638e;
}
.FreeTrialDiv ul li:nth-child(5) a{
  background-color: #11d4cd;
}
.FreeTrialDiv ul li:nth-child(6) a{
  background-color: #ffa747;
}
.FreeTrialDiv ul li:nth-child(7) a{
  background-color: #7282ff;
}
.FreeTrialDiv ul li:nth-child(8) a{
  background-color: #b17dff;
} */
.FreeTrialDiv ul li:nth-child(1) a::before {
  background: url(../images/homeTeacher/ICTS01.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(2) a::before {
  background: url(../images/homeTeacher/ICTS02.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(3) a::before {
  background: url(../images/homeTeacher/ICTS03.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(4) a::before {
  background: url(../images/homeTeacher/ICTS04.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(5) a::before {
  background: url(../images/homeTeacher/ICTS05.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(6) a::before {
  background: url(../images/homeTeacher/ICTS06.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(7) a::before {
  background: url(../images/homeTeacher/ICTS07.png) no-repeat center;
}
.FreeTrialDiv ul li:nth-child(8) a::before {
  background: url(../images/homeTeacher/ICTS08.png) no-repeat center;
}
.FreeTrialDiv > header {
  display: flex;
  justify-content: space-between;
  padding: 0 20px 20px 20px;
  align-items: center;
}
.FreeTrialTit span {
  display: block;
  font-size: 20px;
}
.FreeTrialTit span:nth-child(1) {
  color: #ff5967;
}
.FreeTrialTit span:nth-child(2) {
  color: #105ed4;
}
.FreeTrialSub {
  display: flex;
}
.FreeTrialSub > div {
  padding: 5px;
  display: flex;
}
.FreeTrialSub a {
  display: block;
  padding: 5px 10px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  min-width: 120px;
}
.FreeTrialSub a span {
  display: block;
}
.FreeTrialSub a span:nth-child(1) {
  font-size: 14px;
}
.FreeTrialSub > div:nth-child(1) a {
  background-color: #f96578;
  font-size: 15px;
}
.FreeTrialSub > div:nth-child(2) a {
  background-color: #ff7d50;
}
.FreeTrialSub > div:nth-child(3) a {
  background-color: #30acfe;
}
.FreeTrialSub > div:nth-child(4) a {
  background-color: #716cef;
}
.nyBody .banben,
.bjColor .banben {
  display: none;
}
.nyBody .IndexTop,
.bjColor .IndexTop {
  border-width: 2px;
}
.nyNume {
  display: none;
  background-color: #2f87ff;
  /* background: linear-gradient( to top,#2f87ff ,#416ff6); */
}
.nyNume ul {
  display: flex;
}
.nyNume a {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 5px;
  justify-content: center;
}
.nyNume h1 {
  font-size: 18px;
}
.nyNume li.active {
  background-color: #4197ff;
}
.nyNume span {
  font-size: 15px;
  padding-top: 2px;
}
.sc_bannerSj {
  display: none;
}
.sc_banner {
  height: 380px;
  width: 100%;
  background-color: #fff;
}
.sc_banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.nyBanner {
  position: relative;
  display: flex;
  justify-content: center;
}
.nyBanner .contentMax {
  position: absolute;
  bottom: 0;
}
.SMnav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.SMnavDiv {
  width: 19.6%;
  background-color: rgba(0, 173, 192, 0.9);
  background-color: #3eb5fc;
  margin: 0 0.2%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.SMnav4 .SMnavDiv {
  width: 24.6%;
}
.SMnav3 .SMnavDiv {
  width: 32.933333%;
}
.SMnavDiv a {
  color: #fff;
  text-align: center;
  display: block;
  padding: 10px;
}
.SMnavDiv.active {
  /* background-color: rgba(244,94,53,0.9) !important; */
  background-color: #4a89fa !important;
}
.SMnavDiv.active a {
  padding: 13px 10px;
}
.SMnavDiv.SMnav_sub {
  background-color: rgba(255, 86, 129, 0.9);
}
.SMnavDiv span {
  display: block;
  width: 100%;
  text-align: center;
}
.SMnavDiv span b {
  font-weight: normal;
}
.SMnavDiv span:nth-child(1) {
  font-size: 17px;
}
.demo_tit {
  padding: 10px 10px 0 0px;
}
.echineseList {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 10px;
}
.echineseListDiv {
  width: 25%;
  padding: 15px 20px;
}
.echineseListDiv > header {
  background-color: #e5ebf2;
  border-radius: 15px;
  position: relative;
  border-bottom: 5px solid #e5ebf2;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
}
.echineseListDiv > header a {
  display: block;
  border-radius: 15px;
  background-color: #fff;
  border-bottom: 5px solid #d3ddee;
  overflow: hidden;
}
.echineseListDiv > header:hover {
  transform: scale(1.05);
}
.echineseListDiv > header a > div {
  display: flex;
}
.echineseListDiv > header a > div img {
  width: 100%;
}
.echineseListDiv > header a span {
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
  background: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: rgba(0, 0, 0, 0.65);
}
.echineseListDiv > header a .product-content_free {
  color: red;
}
.english_bg {
  background: #f7f8f8;
  width: 100%;
  color: #000;
  margin-top: 15px;
  padding-bottom: 25px;
  display: inline-block;
}
.english_bg1 {
  background: #fff;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.05);
  width: 100%;
  padding-bottom: 20px;
  padding-top: 10px;
  color: #000;
}
.echinese_sam {
  display: flex;
  flex-wrap: wrap;
}
.echinese_sam_r {
  width: 77%;
  font-size: 17px;
  line-height: 28px;
  color: #000;
  padding: 20px 20px 0 20px;
}
.echinese_sam_l {
  width: 20%;
  margin-top: 70px;
}
.demo_img {
  background: url(../static/images/eChinese/demo_11.png) no-repeat center;
  background-size: auto;
  min-height: 230px;
  width: 25%;
}
.demo_img_r {
  font-size: 16px;
  line-height: 27px;
  color: #000;
  padding-top: 35px;
  width: 75%;
}
.eyeDiv {
  position: relative;
  display: flex !important;
  align-items: center;
}

.eyeDiv b {
  position: absolute;
  right: 10px;
  width: 25px;
  height: 25px;
  background: url(../images/eyes.png) no-repeat center;
  cursor: pointer;
}

.control_password_text b {
  background: url(../images/eye.png) no-repeat center;
}
.nyBannerA {
  position: absolute;
  top: 50px;
  width: 700px;
  height: 250px;
  left: 50%;
  margin-left: -110px;
  display: flex;
}
.nyBannerA a {
  display: flex;
  height: 130px;
}
.nyBannerA a:nth-child(1) {
  width: 300px;
  margin-right: 50px;
}
.nyBannerA a:nth-child(2) {
  width: 350px;
  margin-top: 120px;
}
.RMBook {
  padding-top: 30px;
}
.RMBookC {
  padding-bottom: 35px;
  background: url(../static/images/yy_03.png) repeat-x bottom;
}
.RMBook .video > div {
  text-align: center;
}
.videoBig .videoDiv {
  width: 65px;
  height: 52px;
  margin-top: 5px;
  background: url(../static/images/videoInto1.png) no-repeat;
  background-size: 100%;
  margin: auto;
  cursor: pointer;
  margin-top: 10px;
}
.videos {
  display: none;
  position: fixed;
  z-index: 999;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.videos.active {
  display: flex;
}
.videos header {
  min-width: 300px;
  min-height: 200px;
  max-width: 800px;
  width: 100%;
  margin: 0 50px;
  position: relative;
  display: flex;
  background-color: #000;
  align-content: center;
}
.videos header video {
  width: 100%;
  margin: 10px 0;
}
.vclose {
  position: absolute;
  right: -40px;
  top: -40px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.vclose:before {
  position: absolute;
  width: 60%;
  height: 4%;
  background-color: #fff;
  content: "";
  transform: rotate(45deg);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.vclose:after {
  position: absolute;
  width: 60%;
  height: 4%;
  background-color: #fff;
  content: "";
  transform: rotate(-45deg);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.article_p {
  margin: 20px auto 0px auto;
  padding: 0 10px;
  width: 100%;
  max-width: 1270px;
  position: relative;
}
.article_p p {
  font-size: 17px !important;
  color: #000;
  line-height: 28px;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.article_p p span {
  color: #ed406a;
  font-size: 17px;
}
.xskwImg {
  display: flex;
  width: 100%;
  padding-top: 20px;
}
.xskwImg span {
  display: block;
  padding: 0 5px;
}
.xskwImg img {
  max-width: 100%;
  border: 1px solid #a5c3e2;
}
.nyBody h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
}
.ppp_right {
  display: flex;
  flex-wrap: wrap;
  padding-left: 5px;
  position: relative;
  font-size: 17px;
  line-height: 28px;
}
.RMenglish {
  display: flex;
  padding-top: 20px;
  padding-bottom: 25px;
}
.zybian_p p {
  margin-bottom: 0;
}
.SX_ebooks {
  margin: auto;
  position: relative;
}
.SX_ebooks > span {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 75%;
  display: flex;
}
.SX_ebooks > span > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
.SX_ebooksNav a {
  display: flex;
  justify-content: center;
}
.SX_ebooks .videolist {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: 180px;
}
.SX_ebooks .videoDiv {
  cursor: pointer;
  width: 50px;
  height: 40px;
  background: url(../static/images/videoInto.png) no-repeat;
}
.MagAnNewPrimary {
  width: 100%;
  padding: 13px 10px 8px 10px;
}
.MagAnNewPrimary .SMnavDiv {
  border-radius: 8px;
  min-width: 120px;
  max-width: 130px;
  margin: 0 5px;
}
.MagAnNewPrimary .SMnavDiv a {
  line-height: 30px;
}
.MagAnNewPrimary .SMnavDiv span:nth-child(1) {
  font-size: 20px;
}
.MagAnNew .MagAnYear {
  padding-left: 5px;
}
.SMnavPrimary .SMnavDiv {
  width: 16.266666%;
  line-height: 32px;
  background-color: rgba(40, 141, 229, 0.88);
}
.SMnavPrimary .SMnavDiv.active a {
  padding: 10px;
}
.SMnavPrimary .SMnavDiv.active {
  background-color: #ee5279 !important;
}
.MagAnNew {
  padding-top: 20px;
}
.MagAnNew .maga_tit_sub2 {
  background-color: #34d3c0 !important;
}
.MagAnNew .maga_tit_sub.maga_tit_sub2 {
  background-color: #ee5279 !important;
}
.MagAnNew .daanRight {
  display: none !important;
}
.MagAnNew .seclet_qs {
  width: auto;
  padding: 0;
  margin: 0;
}
.MagAnNew .contentMax {
  background: #f3faff;
  border-radius: 8px;
  padding: 8px 0;
  flex-wrap: wrap;
  justify-content: start;
}
.MagAnNew .contentMax > p {
  width: 100%;
  font-size: 18px;
  padding: 10px 15px 0 15px;
  line-height: 20px;
}
.MagAn.MagAnNew ul a {
  font-size: 22px;
}
.MagAn > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.MagAnLeft {
  display: flex;
}
.MagAnLeft a {
  display: flex;
  padding: 10px 10px 0 10px;
}
.MagAnLeft img {
  height: 100px;
}
.MagAn ul {
  display: flex;
  padding: 10px;
}
.MagAn ul a {
  background-color: #34d3c0;
  color: #fff;
  line-height: 50px;
  border-radius: 25px;
  padding: 0 30px;
  font-size: 17px;
}
.GAS_pdfPrint {
  text-align: center;
  border-top: 2px dotted rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  margin: auto;
  margin-top: 15px;
  max-width: 1200px;
}
.GAS_pdfPrint a {
  display: inline-block;
  line-height: 55px;
  background: url(../images/into31.png) no-repeat center left 12px #02ab7d;
  border-radius: 12px;
  color: #fff;
  font-size: 22px;
  padding: 0 15px 0 60px;
}
.daanLeft {
  width: 50px;
  height: 50px;
  background: url(../static/images/arrowInto.png) no-repeat center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.daanRight {
  width: 50px;
  height: 50px;
  background: url(../static/images/arrowInto.png) no-repeat center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
  cursor: pointer;
}
.daanLeft:hover,
.daanRight:hover {
  background: url(../static/images/arrowInto1.png) no-repeat center;
}
.MagAnYear {
  display: flex;
  align-items: center;
}
.maga_tit_sub2 {
  background-color: #ff7800 !important;
  color: #fff;
}
.maga_tit_sub {
  background-color: #ed406a !important;
}
.seclet_qs {
  text-align: center;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  padding: 15px 0;
  width: 100%;
  background: #f3faff;
  margin: 15px 0;
  border-radius: 8px;
}
.page_ul {
  padding-top: 10px;
}
.page_ul li {
  display: inline-block;
  font-size: 20px;
}
.seclet_qs a {
  color: #4caaf8;
  text-decoration: none;
  font-weight: bold;
  font-size: 30px;
  padding: 0 10px;
}
.seclet_act {
  color: #ed406a !important;
  font-size: 28px;
  font-weight: bold;
}
.Primary_page_div span {
  font-size: 34px;
  text-decoration: underline;
  padding: 0 10px;
}
.pageNew > p {
  padding-top: 5px;
}
.pageNew .page_ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
}
.seclet_qs.pageNew a {
  background-color: #dbeefd;
  color: #006ce4;
  border-radius: 8px;
  line-height: 45px;
  min-width: 45px;
  font-size: 25px;
  margin: 0 8px;
  padding: 0 5px;
}
.pageNew a.LPrev {
  background: url(../images/webImg/page01.png) no-repeat center #dbeefd;
  color: transparent;
}
.pageNew a.RNext {
  background: url(../images/webImg/page01.png) no-repeat center #dbeefd;
  color: transparent;
  transform: rotate(180deg);
}
.seclet_qs.pageNew a.LFirst {
  background: url(../images/webImg/page02.png) no-repeat center #dbeefd;
  color: transparent;
  min-width: 105px;
}
.seclet_qs.pageNew a.RLast {
  background: url(../images/webImg/page03.png) no-repeat center #dbeefd;
  color: transparent;
  min-width: 100px;
}
.seclet_qs.pageNew span.seclet_act {
  background-color: #ed406a;
  color: #fff !important;
  border-radius: 8px;
  line-height: 45px;
  min-width: 45px;
  font-size: 25px;
  margin: 0 5px;
  display: inline-block;
  text-decoration: none;
}
.seclet_qs.pageNew li:first-child,
.seclet_qs.pageNew li:last-child {
  padding: 5px 10px;
  font-size: 21px;
}
.ReferenceAnswerTit25 {
  display: flex;
  align-items: center;
  font-size: 24px;
  padding-top: 10px;
}
.ReferenceAnswerTit25 > div {
  display: flex;
}
.ReferenceAnswerTit25 > div a {
  background-color: #00a1e9;
  line-height: 50px;
  border-radius: 12px;
  padding: 0 15px;
  margin: 0 6px;
  color: #fff;
}
.ReferenceAnswerTit25 > div a.active {
  background-color: #eb2c97;
}
.ReferenceAnswerTit25 > div a span {
  display: inline-block;
  padding: 0 3px;
}
.ReferenceAnswerTit25 > div a span.paper_year_zone {
  padding: 0;
}
.redeem_tit {
  width: 98%;
  margin-left: 2%;
  float: left;
  border-radius: 100px;
  height: 70px;
  margin-top: 50px;
}
.redeem_tit_bg {
  background: #ff6666;
}
.redeem_tit_bg2 {
  background: #ff6699;
}
.redeem_tit_bg3 {
  background: #ff3366;
}
.redeem_tit ul {
  float: left;
}
.redeem_tit ul.redeem_tit_left1,
.redeem_tit ul.redeem_tit_left2,
.redeem_tit ul.redeem_tit_left3 {
  width: 102px;
  height: 102px;
  text-align: center;
  line-height: 102px;
  position: relative;
  left: -20px;
  top: -18px;
  font-size: 25px;
}
.redeem_tit ul.redeem_tit_left1 {
  background: url(../static/images/tit_03.png) no-repeat;
  color: #ff6666;
}
.redeem_tit ul.redeem_tit_left2 {
  background: url(../static/images/tit_06.png) no-repeat;
  color: #ff6699;
}
.redeem_tit ul.redeem_tit_left3 {
  background: url(../static/images/tit_08.png) no-repeat;
  color: #ff3366;
}
.redeem_tit ul.redeem_tit_right {
  width: 80%;
  color: #fff;
  font-size: 22px;
  line-height: 70px;
  margin-left: -10px;
}
.echinese_sam_l {
  width: 20%;
  float: left;
  margin-top: 70px;
}
.echinese_sam_l2 {
  width: 23%;
  float: left;
  margin-top: 30px;
}
.echinese_sam_l3 {
  width: 17%;
  float: left;
}
.echinese_sam_r3 {
  width: 83%;
  float: left;
  padding-right: 15px;
}
.echinese_sam_r3 .cnText {
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 8px;
}
.eChinese_samplesTop {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.echinese_sam_r {
  width: 77%;
  float: left;
  font-size: 17px;
  line-height: 28px;
  color: #000;
  padding: 20px 20px 0 20px;
}
.eass_tit_bg {
  background: url(../static/images/tit_b_03.png) repeat-x;
  width: 100%;
  height: 68px;
  margin: 15px 0;
}
.eass_tit_bg ul {
  width: 25%;
  margin: 0 auto;
  min-width: 120px;
  text-align: center;
  height: 68px;
  padding-top: 5px;
  background: #fff;
  border: 1px solid #dfdfdf;
  font-size: 20px;
  color: #000;
}
.easse_div {
  position: relative;
  max-width: 1002px;
  margin: auto;
  margin-top: 35px;
}
.easse_div a {
  position: absolute;
  width: 19%;
  padding-bottom: 18%;
  height: 0;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
}
.easse_div img {
  width: 100%;
}
.easse_div_1 {
  left: 0.5%;
  top: -1%;
}
.easse_div_2 {
  left: 16.5%;
  bottom: -1%;
}
.easse_div_3 {
  left: 32.5%;
  top: -1%;
}
.easse_div_4 {
  left: 48.5%;
  bottom: -1%;
}
.easse_div_5 {
  left: 64.5%;
  top: -1%;
}
.easse_div_6 {
  left: 80.5%;
  bottom: -1%;
}
.easse_sj {
  display: none;
}
.eExercise_top {
  position: relative;
  text-align: center;
  padding-top: 20px;
}
.eExercise_top1 {
  background-color: #fff;
  position: relative;
  display: inline-block;
  padding-left: 140px;
  padding-right: 30px;
  z-index: 1;
}
.eExercise_top_img {
  position: absolute;
  width: 84px;
  left: 30px;
}
.eExercise_top1 h1 {
  font-size: 28px;
  color: #f05c80;
  padding-top: 8px;
  margin: 5px 0 5px;
}
.eExercise_top1 h2 {
  font-size: 26px;
  color: #64c7cd;
  margin: 5px 0 5px;
}
.eExercise_top b {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 100%;
  background-color: #ccc;
}
.eExercise_text {
  position: relative;
  padding-left: 170px;
}
.eExercise_text_l {
  position: absolute;
  left: 0;
  width: 170px;
}
.eExercise_text_l img {
  width: 100%;
}
.eExercise_text_r ul {
  padding-top: 20px;
}
.eExercise_text_r ul li {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  color: #000;
}
.eExercise_text_p {
  text-align: center;
  font-size: 18px;
  color: #f9557d;
  line-height: 20px;
  padding: 15px 0 0px 0;
}
.z1 ul.z1_1 li {
  position: relative;
  padding-left: 65px;
}
.z1 ul.z1_1 li div {
  text-align: justify;
}
.z1 ul.z1_1 li span {
  background-image: url(../static/images/xiaotu.png);
  background-repeat: no-repeat;
  margin-right: 10px;
  width: 15px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  border: 0px solid #f00;
  vertical-align: middle;
  position: absolute;
  left: 0;
}

.z1 ul.z1_1 li:nth-child(1) span {
  background-position: 1px 6px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(2) span {
  background-position: 1px -38px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(3) span {
  background-position: 1px -84px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(4) span {
  background-position: 1px -134px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(5) span {
  background-position: 1px -180px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(6) span {
  background-position: 1px -231px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(7) span {
  background-position: 1px -500px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(8) span {
  background-position: -38px -500px;
  margin-left: 40px;
}
.z1 ul.z1_1 li:nth-child(8) div {
  border: 0px solid #f00;
  line-height: 36px;
}
.z1 ul.z1_1 li:nth-child(9) span {
  background-position: 1px -88px;
}
.z1 ul.z1_1 li:nth-child(10) span {
  background-position: 1px -184px;
}
.z1 ul.z1_1 li:nth-child(11) span {
  background-position: 1px -137px;
}
.z1 ul.z1_1 li:nth-child(12) span {
  background-position: 1px -43px;
}
.eExercise_nr {
  margin: 0 -2%;
  padding: 10px 0 20px 0;
}
.eExercise_nr_div {
  float: left;
  width: 46%;
  margin: 0 2%;
  padding: 20px;
  border-radius: 10px;
}
.eExercise_nr_img {
  text-align: center;
  position: relative;
  margin-top: -35px;
}
.eExercise_nr_img img {
  max-width: 100%;
}
.eExercise_nr_div ul {
  padding-top: 25px;
  padding-bottom: 10px;
}
.eExercise_nr_div ul li {
  float: left;
  width: 33.333333%;
  padding: 8px 10px;
}
.eExercise_nr_div ul li a {
  display: block;
  background-color: #fff;
  border-radius: 5px;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #000;
}
.eExercise_nr_div ul li.eEx_zhlx {
  width: 100%;
}
.eExercise_ylj {
  background-color: rgb(255, 205, 152);
}
.eExercise_nr_div ul li a:hover,
.eExercise_nr_div ul li a:active {
  background-color: #fc911e;
  color: #fff;
}
.eExercise_ylj1 {
  background-color: rgb(155, 220, 140);
}
.eExercise_nr_div.eExercise_ylj1 ul li a:hover,
.eExercise_nr_div.eExercise_ylj1 ul li a:active {
  background-color: #50b837;
  color: #fff;
}

.eExercise_ylj2 {
  background-color: #fab0ff;
}
.eExercise_nr_div.eExercise_ylj2 ul li a:hover,
.eExercise_nr_div.eExercise_ylj2 ul li a:active {
  background-color: #e568ee;
  color: #fff;
}
.eExercise_ylj22 {
  background-color: #a0daff;
}
.eExercise_nr_div.eExercise_ylj22 ul li a:hover,
.eExercise_nr_div.eExercise_ylj22 ul li a:active {
  background-color: #59baf8;
  color: #fff;
}
.eExercise_ylj3 {
  background-color: #ffc3c3;
}
.eExercise_nr_div.eExercise_ylj3 ul li a:hover,
.eExercise_nr_div.eExercise_ylj3 ul li a:active {
  background-color: #fd6695;
  color: #fff;
}
.eExercise_ylj33 {
  background-color: #c1d4ff;
}
.eExercise_nr_div.eExercise_ylj33 ul li a:hover,
.eExercise_nr_div.eExercise_ylj33 ul li a:active {
  background-color: #7fa6ff;
  color: #fff;
}
.eExercise_ylj4 {
  background-color: #ffdfaf;
}
.eExercise_nr_div.eExercise_ylj4 ul li a:hover,
.eExercise_nr_div.eExercise_ylj4 ul li a:active {
  background-color: #d29f5a;
  color: #fff;
}
.eExercise_ylj44 {
  background-color: #a7ecea;
}
.eExercise_nr_div.eExercise_ylj44 ul li a:hover,
.eExercise_nr_div.eExercise_ylj44 ul li a:active {
  background-color: #24ddda;
  color: #fff;
}
.eExercise_ylj5 {
  background-color: #b6dffc;
}
.eExercise_nr_div.eExercise_ylj5 ul li a:hover,
.eExercise_nr_div.eExercise_ylj5 ul li a:active {
  background-color: #53b0f1;
  color: #fff;
}
.eExercise_ylj55 {
  background-color: #ffcfe4;
}
.eExercise_nr_div.eExercise_ylj55 ul li a:hover,
.eExercise_nr_div.eExercise_ylj55 ul li a:active {
  background-color: #ffa2cb;
  color: #fff;
}
.eExercise_ylj55s {
  background-color: #ffe7b5;
}
.eExercise_nr_div.eExercise_ylj55s ul li a:hover,
.eExercise_nr_div.eExercise_ylj55s ul li a:active {
  background-color: #fcc15f;
  color: #fff;
}
.eExercise_ylj6 {
  background-color: #96e2c0;
}
.eExercise_nr_div.eExercise_ylj6 ul li a:hover,
.eExercise_nr_div.eExercise_ylj6 ul li a:active {
  background-color: #30c375;
  color: #fff;
}
.eExercise_ylj66 {
  background-color: #ffd881;
}
.eExercise_nr_div.eExercise_ylj66 ul li a:hover,
.eExercise_nr_div.eExercise_ylj66 ul li a:active {
  background-color: #f2b42b;
  color: #fff;
}
.eExercise_ylj66s {
  background-color: #fcb6c0;
}
.eExercise_nr_div.eExercise_ylj66s ul li a:hover,
.eExercise_nr_div.eExercise_ylj66s ul li a:active {
  background-color: #f15369;
  color: #fff;
}
.star_table_tit {
  width: 100%;
}
.star_table_tit h2 {
  color: #f05c80;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.star_table_tit h2 small {
  color: #64c7cd;
}
/*ereading免费*/
.eread_free {
  border: 1px solid #dfdfdf;
  margin: 15px 0 0 0;
}
.free_list {
  width: 94%;
  margin-left: 6%;
}
.free_list_d {
  width: 100%;
  float: left;
}
.free_list_d ul {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}
.free_list_d ul li {
  float: left;
  display: inline;
  width: 24%;
  margin-right: 1%;
  padding: 20px 0 0 0;
}
.free_list_d ul li img {
  width: 100%;
  border-radius: 8px;
}
.free_tit {
  width: 8%;
}
.free_tit img {
  position: absolute;
  left: -16px;
  top: 60px;
}
.conPadding {
  padding: 0 10px;
}

.lever_nav {
  width: 100%;
  float: left;
}
.lever_nav ul {
  float: left;
  width: 100%;
}
.lever_nav ul li {
  float: left;
  display: inline;
  width: 13.5%;
  margin-right: 0.7%;
  margin-top: 20px;
  max-width: 145px;
}
.lever_nav ul li a {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #dfdfdf;
  color: #000;
  border-radius: 50px;
  font-size: 18px;
}
.lever_nav ul li a:hover {
  border: 1px solid #ed406a;
  color: #ed406a;
  text-decoration: none;
}
.lever_nav ul li.lever_nav_act a {
  background: #ed406a;
  color: #fff;
  border: 1px solid #ed406a;
}
.bookDiv {
  min-height: 45vh;
}
.funland_free1 a img,
.funland_free2 a img,
.funland_free3 a img {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
}
.funland_free1 a:hover img {
  box-shadow: 0 0 8px #fdd9e9;
  border: 1px solid #eb68a3;
}
.funland_free2 a:hover img {
  box-shadow: 0 0 8px #e0fbda;
  border: 1px solid #62bb42;
}
.funland_free3 a:hover img {
  box-shadow: 0 0 8px #c6e1fe;
  border: 1px solid #3f9cff;
}
.FFreeX > .row {
  margin: 0;
  padding-top: 20px;
  display: inline-block;
  width: 100%;
}
.nyBody .lineWeb {
  /* box-shadow: 0 2px 3px rgba(162, 208, 250, 0.4); */
}
.ccc_right {
  width: 90%;
  float: left;
  font-size: 17px;
  color: #000;
  line-height: 28px;
}
.eOralFree > header {
  display: flex;
  margin: 0 -5px;
}
.eOralFree > header div {
  padding: 0 5px;
}
.eOralFree > header a {
  height: 45px;
  line-height: 45px;
  width: 100%;
  background: #fcdbcb;
  border-top: 1px solid #ff9966;
  border-left: 1px solid #ff9966;
  border-right: 1px solid #ff9966;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
  font-size: 18px;
  color: #d46f3d;
  margin-top: 20px;
  display: block;
  min-width: 130px;
  text-decoration: none;
}
.eOralFree > header .active a {
  background: #ff9966;
  color: #fff;
  height: 50px;
  line-height: 50px;
  margin-top: 15px;
}
.eOralFreeMain {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  margin-bottom: 20px;
  display: flex;
  min-height: 400px;
}
.eOralFreeMain .article_p {
  margin-top: 0;
}
.eOralFreeMain .eOralFreeDiv {
  display: none;
  margin-right: 0;
}
.eOralFreeMain .eOralFreeDiv.active {
  display: block;
}
.eOralFreeMain .eoral_q:last-child {
  border: 0;
}
.eOralFreeDiv .star_table_tit {
  margin-bottom: 10px;
}
.eoral_q {
  width: 100%;
  border-bottom: 1px dashed #dfdfdf;
  padding: 15px 0;
  float: left;
}
.eoral_q ul {
  width: 100%;
}
.eoral_q ul,
.eoral_q ul li {
  float: left;
  display: inline;
  font-size: 18px;
  color: #474747;
}
.eoral_q ul li {
  margin: 10px 15px 0 0;
}
.eoral_q ul li span {
  font-size: 21px;
  font-weight: bold;
}
.eoral_q ul li a {
  margin-left: 15px;
}
.eoral_q_button01,
.eoral_q_button02 {
  width: 164px;
  height: 39px;
  border: 0;
  outline: none;
  margin-left: 10px;
  font-size: 16px;
}
.eoral_q_button01 {
  background: url(../static/images/eoral_13.png) no-repeat;
}
.eoral_q_button02 {
  background: url(../static/images/eoral_15.png) no-repeat;
}

/* 听力测验*/
.eListeningDiv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.eListeningDiv div {
  width: 16.666666%;
  padding-bottom: 16.666666%;
  height: 0;
  position: relative;
}
.eListeningDiv div a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 25%;
  text-decoration: none;
}
.eListeningDiv div a h1 {
  color: #fff;
  font-size: 64px;
  margin: 0;
  letter-spacing: 0.1rem;
  font-weight: normal;
  line-height: 60px;
}
.eListeningDiv div a span {
  width: 100%;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.1rem;
}
.eListeningDiv div:nth-child(1) a {
  background: url(../static/images/eListeningImg1.png) no-repeat center;
}
.eListeningDiv div:nth-child(2) a {
  background: url(../static/images/eListeningImg2.png) no-repeat center;
}
.eListeningDiv div:nth-child(3) a {
  background: url(../static/images/eListeningImg3.png) no-repeat center;
}
.eListeningDiv div:nth-child(4) a {
  background: url(../static/images/eListeningImg4.png) no-repeat center;
}
.eListeningDiv div:nth-child(5) a {
  background: url(../static/images/eListeningImg5.png) no-repeat center;
}
.eListeningDiv div:nth-child(6) a {
  background: url(../static/images/eListeningImg6.png) no-repeat center;
}

.eListeningTCDiv {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  padding: 20px;
  justify-content: center;
}
.eListeningTCDiv > div {
  background-color: #fff;
  width: 300px;
  font-size: 18px;
  border-radius: 8px;
  padding: 25px 20px 35px 20px;
  text-align: center;
  cursor: pointer;
}
.eListeningTCDiv > div span {
  display: block;
  width: 100%;
  text-align: center;
}
.eListeningTCDiv > div img {
  margin-bottom: 20px;
}
.eListeningTCDiv > div span {
  line-height: 25px;
  padding-top: 2px;
}
.eListeningTCDiv > div span:last-child {
  padding-top: 5px;
}
.eListeningTCDiv.active {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.eLImg {
  padding-top: 15px;
  padding-bottom: 20px;
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap;
}
.eLImg > div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.eLImg img {
  max-width: 100%;
  border: 1px solid #0cb4f1;
}
.eLImg span {
  padding: 5px;
  width: 100%;
}
.eLImg span:nth-child(2) {
  width: 47.4%;
}
.eLImg span:nth-child(3) {
  width: 52.6%;
}
.eLImg span:nth-child(2) {
}
.eExerciseEnTitle {
  color: #002d87;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
}
.article_p p.xxP {
  color: #0070c0;
  font-weight: bold;
  font-size: 18px !important;
  margin-top: 10px;
}
.eLImg p {
  color: red;
  padding-top: 18px;
  padding-bottom: 15px;
  padding-left: 20px;
}
.eListeningHBody .english_bg {
  margin-top: -16px;
}
.leverDiv {
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  background-color: #f5fafe;
  background: linear-gradient(rgba(0, 0, 0, 0), #f5fafe);
}
.leverDiv::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: -1px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}
.leverDiv .container {
  padding: 0;
}
.leverDiv span {
  display: flex;
  align-items: flex-end;
}
.leverDiv span a {
  background-color: #9c9c9c;
  display: flex;
  color: #fff;
  margin: 10px 5px 0 5px;
  line-height: 48px;
  padding: 0 30px;
  min-width: 130px;
  font-size: 18px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: inline-block;
  text-align: center;
}
.leverDiv span a.active {
  padding: 0 40px;
  line-height: 52px;
  font-size: 20px;
}
.leverDiv span a:nth-child(1) {
  background-color: #ee6385;
}
.leverDiv span a:nth-child(2) {
  background-color: #f76464;
}
.leverDiv span a:nth-child(3) {
  background-color: #f09f2c;
}
.leverDiv span a:nth-child(4) {
  background-color: #4ebbd2;
}
.leverDiv span a:nth-child(5) {
  background-color: #4caaf9;
}
.leverDiv span a:nth-child(6) {
  background-color: #237cc1;
}
/*经典阅读*/
.eclasslist_tit {
  width: 100%;
  float: left;
  margin: 10px 0;
}
.eclasslist_tit a {
  float: left;
  text-indent: 25px;
  padding: 13px 27px;
  border-radius: 50px;
  font-size: 19px;
  color: #fff;
  background: url(../static/images/eclassic_30.png) no-repeat #4caaf8;
  background-position: 24px 15px;
  margin: 5px 8px;
  position: relative;
}
.eclasslist_tit a.eClassicBookNew::after {
  display: flex;
  content: "";
  width: 66px;
  height: 45px;
  background: url(../static/images/2024new.png) no-repeat center;
  position: absolute;
  top: -5px;
  right: -40px;
}
.eclasslist_tit a.eClassicBookNew {
  position: relative;
  margin-right: 30px;
}
.eclasslist_tit a .eclasslist_tit .succMain li {
  position: relative;
}

.eclasslist_tit ul li {
  list-style: none;
  display: none;
}
.eclasslist_tit ul li:nth-child(1) {
  display: block;
}
.eclasslist_tit a:hover,
.ecl_titact {
  background: url(../static/images/eclassic_30.png) no-repeat #ed406a !important;
  background-position: 24px 15px !important;
}
.PromptRed {
  color: red;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 0px;
  float: left;
  width: 100%;
}
/*校本项目*/
.project_nav {
  width: 100%;
  background: url(../static/images/yy_03.png) repeat-x bottom #fff;
  padding: 20px 0 30px 0;
}
.project_nav .col-md-6 {
  padding: 0 10px !important;
}
.project_nav_list {
  padding: 8px 5px;
  border-bottom: 1px dashed #dfdfdf;
  float: left;
  width: 100%;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.project_nav .col-md-6:nth-child(9) .project_nav_list,
.project_nav .col-md-6:nth-child(10) .project_nav_list {
  border-bottom: 0;
}
.project_nav_list a {
  text-align: center;
  float: left;
  width: 100%;
  font-size: 18px;
  color: #000;
  line-height: 22px;
}
.project_nav_list a span {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  display: flex;
  justify-content: center;
}
.project_nav_list a:hover,
.project_nav_list a span:hover {
  color: #ed406a;
  text-decoration: none;
}
.project_navyc {
  position: fixed;
  z-index: 99;
  display: none;
  top: 0;
}

.pro_fore {
  display: flex;
  flex-wrap: wrap;
}
.pro_fore span {
  display: block;
  width: 20%;
  padding: 3px;
}
.pro_fore span:nth-child(13) {
  width: 40%;
}
.pro_fore span img {
  width: 100%;
}

/*校本项目*/
.redeem_tit ul.redeem_tit_right2 {
  width: 80%;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  padding-top: 18px;
  margin-left: -10px;
}
.pro_4nav span {
  background: #ffe2e9;
  width: 100%;
  border-radius: 50px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #f05c80;
  font-size: 18px;
  float: left;
  margin-top: 5px;
}
.pro_wenz {
  background: url(../static/images/yy-top.png) repeat-x top #fff;
  width: 100%;
  float: left;
}
#pro_nav_x2 {
  position: fixed;
  top: 0;
  z-index: 99999;
  display: none;
}

.ICTText_202210 {
  padding-top: 10px;
}
.ICTTextTop {
  background-color: #99cc00;
  color: #fff;
  padding: 10px 10px 10px 35px;
  margin-bottom: 5px;
  position: relative;
}
.ICTTextTop10 {
  padding-left: 45px;
}
.ICTTextTop i {
  font-style: normal;
  position: absolute;
  left: 10px;
}
.ICTTextTop div {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  margin-right: 10px;
}
.ICTTextTop span {
  font-size: 20px;
  font-family: Atilla, sans-serif !important;
}
.ICTTextTop_one {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ICTTextBlue {
  color: #00aff0;
  font-size: 17px;
  padding: 5px;
}
.ICTTextBlue span {
  display: block;
  font-weight: bold;
}
.ICTText_202210 p {
  padding: 0px 5px 5px 5px;
  margin: 0;
  font-size: 16px;
  font-family: Atilla, sans-serif !important;
  line-height: 20px;
}
.ICTText_202210 ul li {
  list-style: none;
}
.ICTText_PEn {
  padding-bottom: 5px;
}
.ICTText_img1 {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 15px 0;
}
.ICTText_img1 span {
  width: 25%;
  padding: 2px;
  display: flex;
  align-items: center;
}
.ICTText_202210 img {
  width: 100%;
}
.ICTText_img2 {
  display: flex;
  padding: 5px 0 15px 0;
}
.ICTText_img2 span {
  padding: 5px;
}
.ICTText_img2 span:nth-child(1) {
  width: 27%;
}
.ICTText_img2 span:nth-child(2) {
  width: 35.5%;
}
.ICTText_img2 span:nth-child(3) {
  width: 39%;
}
.ICTText_img2 span div {
  color: #bf041f;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.ICTText_imgLeft {
  color: #bf041f;
  font-size: 18px;
  font-weight: bold;
}
b.ICTBxingxing {
  color: #ff0000;
  font-size: 22px;
}
.ICTText_img4 {
  display: flex;
}
.ICTText_img4 span {
  padding: 2px;
}
.ICTTextPadB {
  padding-bottom: 10px;
}
.ICTText_img5 {
  display: flex;
  flex-wrap: wrap;
}
.ICTText_img5 li {
  padding: 10px 0;
}
.ICTText_img5 li:nth-child(1) {
  width: 50%;
}
.ICTText_img5 li:nth-child(2) {
  width: 50%;
}
.ICTText_img5 li:nth-child(3) {
  width: 100%;
}
.ICTText_img5 li > div:nth-child(2),
.ICTText_img6 li > div:nth-child(2) {
  display: flex;
}
.ICTText_img5 li > div:nth-child(2) img,
.ICTText_img6 li > div:nth-child(2) img,
.ICTText_img1 img,
.ICTText_img4 img {
  height: 100%;
}
.ICTText_img6 {
  display: flex;
}
.ICTText_img7 {
  display: flex;
  padding-top: 10px;
}
.ICTText_img7 li:nth-child(1),
.ICTText_img8 > div {
  position: relative;
  padding-left: 25px;
}
.ICTText_img7 li:nth-child(1) b,
.ICTText_img8 > div b {
  position: absolute;
  left: 0;
  top: 0;
}
.ICTText_img7 li:nth-child(2) {
  width: 40%;
  display: flex;
  display: none;
}
.ICTText_img7 li:nth-child(2) span {
  padding: 2px;
}
.ICTText_img8 li {
  display: flex;
}
.ICTText_img8 li span {
  padding: 2px;
}
.ICTText_TextRed {
  color: #bf041f;
  font-size: 16px;
  display: flex;
  line-height: 25px;
  padding: 0 5px;
}
.ICTText_TextRed b.ICTBxingxing {
  color: #00aff0;
}
.ICTText_TextRed span {
  padding-right: 10px;
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.ICTText_TextRed span b {
  position: absolute;
  left: 0;
}
.ICTText_img9 {
  display: flex;
}
.ICTText_img9 span {
  padding: 2px;
}
.ICTText_img10 .ICTText_imgLeft {
  font-weight: normal;
}
.ICTText_img10 footer {
  display: flex;
  flex-wrap: wrap;
}
.ICTText_img10 footer span {
  width: 25%;
  padding: 2px;
}
.ICTText_img10 footer span img {
  height: 100%;
}
/*悬浮按钮*/
.nav_position {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  z-index: 99999;
}

.position_button01,
.position_button02 {
  width: 54px;
  height: 54px;
  border-radius: 50px;
  border: 0;
  color: #fff;
}
.position_button01 {
  background: url(../static/images/nav2_03.png) no-repeat #45c745;
  background-position: center;
}
.position_button02 {
  background: url(../static/images/nav2_07.png) no-repeat
    rgba(235, 39, 86, 0.85);
  background-position: center;
}
.position_button01:hover {
  background: url(../static/images/nav2_03.png) no-repeat #22a922;
  background-position: center;
}
.position_button02:hover {
  background: url(../static/images/nav2_07.png) no-repeat
    rgba(235, 39, 86, 0.85);
  background-position: center;
}

.etutorstar_nav {
  width: 25%;
  float: left;
}
.star_x {
  background: url(../static/images/x.png) no-repeat right;
}

/*知识之星菜单*/
.star_nav {
  min-height: 167px;
  background: url(../static/images/yiny_star.png) repeat-x #fff bottom;
  width: 100%;
}

.star_img_02 {
  margin: auto;
  width: 80%;
  margin-bottom: 5px;
  text-align: center;
}
.star_img_02 img {
  width: 50%;
  max-width: 90px;
}
.star_img_tit {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #000;
  padding-bottom: 8px;
}
.star_img_tit span {
  font-size: 15px;
}
.star_img_tit b {
  font-weight: normal;
}
.star_navh {
  padding: 15px 0 25px 0;
}
.star_navh:hover {
  color: #ed406a;
  cursor: pointer;
}
.star_img_tit:hover {
  color: #ed406a;
}
.star_tit_act {
  color: #ed406a;
  background: url(../static/images/dd.png) bottom center no-repeat;
}
.star_x {
  background: url(../static/images/x.png) no-repeat right;
}

.objective {
  background: url(../static/images/star_03.png) no-repeat top;
  background-size: 100%;
  width: 38%;
  min-height: 470px;
  padding: 10px 0;
  margin: 20px 0 0 0;
}
.objective h2 {
  text-align: center;
  font-size: 30px;
  color: #3f9cff;
  padding-top: 20px;
  padding-bottom: 15px;
}
.objective p {
  color: #000;
  font-size: 16px;
  padding-left: 15%;
  line-height: 32px;
}
.etutor_SX .objective p {
  position: relative;
  padding-left: 18px;
  max-width: 400px;
  margin: 10px 8% 10px 13%;
}
.etutor_SX .objective p img {
  position: absolute;
  left: 0;
  margin-top: 4px;
}
.etutor_SX .objective p h1 {
  font-size: 18px;
}
.etutor_SX .objective p h2 {
  font-size: 17px;
  color: #000;
  line-height: 30px;
  text-align: left;
  padding: 8px 0;
}
.star_right {
  width: 55%;
  margin: 0 0 0 2%;
  float: left;
}
.star_right .star_table_tit h2 {
  padding: 0 10px;
}
.star_right .box {
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
}

.star_table_tit h2 {
  color: #f05c80;
}
.star_table_tit h2 small {
  color: #64c7cd;
}
.star_table_tit a {
  background: url(../static/images/x_03.png) no-repeat left;
  height: 22px;
  line-height: 22px;
  color: #ed406a;
  font-size: 16px;
  padding-left: 15px;
  margin-left: 30px;
}
.star_table_tit a:hover {
  color: #a3c3c5;
}
.rule_red {
  color: #ff0000;
}
.etutor_SX {
  display: flex;
}
.star_right .IndexReward {
  background: transparent;
}
.star_right .IndexReward ul {
  padding: 0;
  width: 100%;
}
.star_table_tit .regula_chi {
  position: absolute;
  right: 0;
  top: 10px;
}
.star_table_tit .regula_chi a {
  background: #549fe0;
  color: #fff;
  padding: 0;
  width: 110px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 20px;
}
.redeemInd {
  display: inline-block;
}
.redeemInd .RedeemHeader header h1 {
}
.redeemInd .RedeemHeader header h2 {
  font-weight: normal;
  padding-top: 10px;
}
.redeemInd .RedeemHeader_ul li > div {
  width: 180px;
  height: 180px;
  background-size: 100% !important;
}
.redeemInd .RedeemHeader_ul li > div span {
  padding-top: 34px;
}
.redeemInd .RedeemHeader_ul li > div b {
  font-size: 36px;
  line-height: 50px;
}
.redeemInd .RedeemHeader {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  margin: 0 20px;
}
.tbody_tr span {
  color: #ed406a;
}
.IndexTop a.backHome,
.nyBody .serviceUp {
  display: none;
}
.nyBody .IndexTop a.backHome,
.bjColor .IndexTop a.backHome {
  display: block;
}
.nyBody .IndexNav,
.bjColor .IndexNav {
  right: 70px;
}
.IndexTop.nyTop a.backHome {
  display: block;
}
.minHeight {
  min-height: 35vh;
}
.HBlogin {
  width: auto;
  max-width: 1270px;
  margin-top: -45px;
}
.webMain {
  background-color: #fff;
}
.rulesMain {
  padding-bottom: 15px !important;
}
.rulesMain .article_p p {
  float: none;
}
.webMain .rulesMain .star_table_tit {
  position: relative;
  float: none;
}
.webMain .star_table_tit .regula_chi {
  top: 0px;
}
.star_right .IndexRewardImg {
  height: 0;
  padding-bottom: 80%;
  display: flex;
  align-items: center;
  position: relative;
}

.star_right .IndexRewardImg img {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  object-fit: contain;
}
.tangWinLogin {
  display: flex;
}
.tangWinLogin .popUpMain {
  background: url(../images/IndImg/bannerBj1.png) repeat-x #fff;
  min-height: 290px;
}
.tangWinLogin .popUpMain > header.popUpHeader {
  font-size: 20px;
  text-align: center;
  border: 0;
}
.tangWinLogin .Message_con > div {
  margin: 0 8px 15px 8px;
}
.tangWinLogin .Message_con > div input {
  border-radius: 8px;
  line-height: 45px;
  height: auto;
  padding: 0 10px 0 48px;
  border: 2px solid #75acff !important;
}
.tangWinLogin .popUpHeader > span {
  font-size: 22px;
  color: #1a57c5;
  padding-top: 15px;
  display: block;
}
.tips_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.tips_box > div {
  background-color: #fff;
  border-radius: 12px;
  width: 600px;
  height: 581px;
  position: relative;
}
.iosApk > div {
  background: url(../images/qrIpad.jpg) no-repeat center;
}
.androidApk > div {
  background: url(../images/qrApk2.jpg) no-repeat center;
}
.closetip {
  width: 40px;
  height: 40px;
  background: url(../images/closetip.png) no-repeat center;
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.article_pbg {
  box-shadow: 0 0 5px #ccc;
  min-height: 100px;
  padding-bottom: 15px;
  width: 100%;
}
.buddy_nav {
  min-height: 167px;
  /* background: url(../static/images/yiny_star.png) repeat-x #fff bottom; */
  box-shadow: 0 3px 3px #d4e8fa;
  background-color: #fff;
  width: 100%;
  position: relative;
}
.buddy_nav .row {
  display: flex;
}
.buddy_nav .row .etutorstar_nav {
  width: 20%;
}
.buddyFrame {
  height: 100vh;
  display: flex;
}
.publicRankMain {
  background-color: #fff;
}
.publicRankMain .eAssignmentHeader {
  display: none;
}
.publicRankMain .shadowBj {
  box-shadow: none;
}
.publicRankMain .RAnalysisHeader {
  padding: 0 20px;
}
.publicRankMain .eAssignmentMain .RankingTable {
  padding-top: 10px;
}
.publicRankMain .AnswerRecordNo {
  background-color: #f8faff;
  margin: 0px 20px 10px 20px;
  border-radius: 10px;
}
.publicRankMain .conterMain {
  min-height: 50vh;
}
#magazine_answer {
  text-align: center;
}
.eclassic_freeC .echineseList {
  width: 100%;
  padding-top: 0;
}
.eclassic_freeC .PromptRed {
  padding: 0 20px;
}
.IndexDSJAI {
  padding-bottom: 20px;
}
.IndexDSJAI .kjycxUl {
  margin-top: -5px;
  padding: 0;
  background-color: transparent;
}
.IndexDSJAI .kjycxUl li {
  width: 25%;
}
.IndexDSJAI .kjycxUl li header span:nth-child(2) {
  font-size: 16px;
  line-height: 20px;
  display: flex;
  opacity: 0.8;
  padding-top: 5px;
  justify-content: center;
}
.kjycxUlNew {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  margin-top: -50px;
  border-radius: 15px;
  text-align: center;
  padding: 20px 10px;
}
.kjycxUlNew li {
  width: 33.333333%;
  padding: 20px;
}
.kjycxUlNew li > header {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.kjycxUlNew li > header > div {
  background-color: #eff8ff;
  display: block;
  text-align: center;
  padding: 20px 10px 30px 10px;
  cursor: pointer;
}
.kjycxUlNew li > header > div h1 {
  font-size: 20px;
}
.kjycxUlNew li > header > div h1 span {
  display: block;
  font-size: 15px;
  opacity: 0.8;
}

.kjycxUlNew li > header footer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
  -webkit-transform: scale3d(0, 1, 0);
  -ms-transform: scale3d(0, 1, 0);
  -o-transform: scale3d(0, 1, 0);
  transform: scale3d(0, 1, 0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  align-items: center;
  display: flex;
}
.kjycxUlNew li > header:hover footer {
  visibility: visible;
  background-color: rgba(21, 89, 238, 0.68);
  background-color: rgba(251, 75, 104, 0.88);
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.kjycxUlNew li > header footer h1 {
  font-size: 24px;
  padding-bottom: 10px;
}
.kjycxUlNew li > header footer h1 span {
  font-size: 18px;
  display: block;
}
.kjycxUlNew p span {
  display: block;
}
.kjycxUlNew p span:nth-child(1) {
  padding-bottom: 3px;
  font-size: 17px;
  line-height: 25px;
}
.kjycxUlNew p span:nth-child(2) {
  line-height: 20px;
}
.hdyjlMain .titleH1 h1 {
  padding-top: 20px;
}
.hdyjlBox {
  /* background-color: #f9fbff;
  background: linear-gradient(to bottom, #f9fbff,#fff); */
  padding-bottom: 25px;
  position: relative;
  background: #f8fdff;
  background-color: #f7fdff;
  background-color: #f8fbff;
  overflow: hidden;
}
.hdyjlBox .contentMax {
  position: relative;
  z-index: 1;
}
.hdyjlBox::before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 610px;
  /* background: url(../images/IndImg/bannerBj3_1.png) center top repeat-x; */
  background: linear-gradient(to bottom, #f9fbff, #fff);
  display: none;
}
.hdyjlBox::after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 600px;
  /* background: url(../images/IndImg/bg_06_1.png) center bottom repeat-x #fff; */
  background-color: #fff;
  opacity: 0.8;
}
.xbjcDiv {
  padding: 0 20px;
  margin-bottom: 40px;
}
.xbjcDiv ul {
  display: flex;
  background: url(../images/IndImg/bannerBj4.png) no-repeat right 0px bottom
    #fff;
  border-radius: 12px;
}
.xbjcDiv ul li {
  width: 25%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 25px 0 45px 0;
}
.xbjcDiv ul li::before {
  display: block;
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 12px;
}
.xbjcDiv ul li:nth-child(1)::before {
  background: url(../images/IndImg/into06.png) no-repeat center #eafdfa;
}
.xbjcDiv ul li:nth-child(2)::before {
  background: url(../images/IndImg/into06_1.png) no-repeat center #fff3f2;
}
.xbjcDiv ul li::before {
  background: url(../images/IndImg/into06_2.png) no-repeat center #f2f4fe;
}
.xbjcDiv ul li:nth-child(4)::before {
  background: url(../images/IndImg/into06_3.png) no-repeat center #fef4ed;
}
.xbjcDiv ul li div {
  width: 100%;
  font-size: 17px;
  text-align: center;
}
.xbjcDiv ul li h1 {
  font-size: 42px;
}

.xbjcDiv ul li:nth-child(1) h1 {
  color: #189fb7;
}
.xbjcDiv ul li:nth-child(2) h1 {
  color: #ec3e2c;
}
.xbjcDiv ul li:nth-child(3) h1 {
  color: #356ad5;
}
.xbjcDiv ul li:nth-child(4) h1 {
  color: #f47720;
}
.xxzyCon {
  background-color: #f8fdff;
  background-color: #f7fdff;
  background-color: #f8fbff;
  padding: 20px 0 10px 0;
}
.DSJAiMain {
  padding-top: 30px;
  display: none;
}
.ebook_public_list {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.ebook_public_list .col-md-3 {
  padding: 15px;
}
.ebook_public_list .col-md-3 a {
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  cursor: auto;
}
.ebook_public_list .col-md-3 a img {
  width: 100%;
}
.QBankNr ul li a.product-unit_free {
  color: red;
}
/* 隐藏所有默认控件 */
.ICTImg video::-webkit-media-controls {
  display: none !important;
}

.ICTImg video::-moz-media-controls {
  display: none !important;
}

.ICTImg video::-ms-media-controls {
  display: none !important;
}

/* 针对不同浏览器的隐藏控件的方式 */
.ICTImg video::part(media-controls) {
  display: none !important;
}
.demoDivTit .contentMax {
  padding: 20px;
  /* padding-bottom: 0 !important; */
}
.demoHeader {
  display: inline-block;
  font-size: 28px;
  color: #1969fa;
  padding: 15px 0;
  position: relative;
}
.demoHeader::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background-color: #e8f1fd;
  bottom: 20px;
}
.demoHeader span {
  position: relative;
  z-index: 1;
}
.demoHeader span:nth-child(2) {
  font-size: 22px;
  color: #000;
}
.demoDivTit .contentMax > div {
  font-size: 17px;
  line-height: 25px;
  letter-spacing: 0.03rem;
  padding-bottom: 5px;
}
.demoDivTit .contentMax > div:last-child {
  padding-bottom: 0;
}
.webBjColor {
  background-color: #f8fafd;
}
.eChineseWebNr header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 15px 15px 0 15px;
}
.eChineseWebNr header > div:nth-child(2) {
  color: #0546ff;
  font-size: 16px;
  text-align: right;
  padding-bottom: 12px;
}
.eChineseWebNr header > div:nth-child(2) span {
  display: block;
}
.eChineseWebNr ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.eChineseWebNr ul li {
  width: 33.333333%;
  padding: 10px;
}
.eChineseWebNr ul li a {
  display: block;
  border-radius: 15px;
  background-color: #deeeff;
  border: 2px solid #66d7ff;
  padding: 25px 10px 35px 10px;
  position: relative;
  margin-bottom: 30px;
}
.eChineseWebImg {
  background-color: #fff;
  padding: 8px;
  border-radius: 8px;
}
.eChineseWebNr ul li a h1 {
  background-color: #4b8aff;
  line-height: 50px;
  border-radius: 12px;
  font-size: 22px;
  color: #fff;
  display: inline-block;
  padding: 0 25px;
  position: absolute;
  bottom: -25px;
  width: 180px;
  left: 50%;
  margin-left: -90px;
  text-align: center;
}
.eChineseWebEn {
  font-size: 17px;
  padding: 40px 20px;
  line-height: 25px;
}
.webeChinese_H p {
  font-size: 17px;
  line-height: 25px;
  padding-bottom: 8px;
  letter-spacing: 0.03rem;
}
.webeChinese_H p.xxP {
  text-indent: 0;
  color: #0070c0;
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
}
.eWritingHImg {
  display: flex;
  flex-wrap: wrap;
}
.eWritingHImg > div {
  width: 33.333333%;
  padding: 5px;
}
.eWritingHImg > div img {
  border: 1px solid #00aef0;
}
.eWritingHImg1 > div:nth-child(1) {
  width: 100%;
}
.eWritingHImg1 > div:nth-child(2) {
  width: 42.8%;
}
.eWritingHImg1 > div:nth-child(3) {
  width: 57.2%;
}
.webeChinese_H {
  padding: 20px;
}
.webUlBlue {
  font-size: 17px;
  padding-left: 25px;
  margin: 5px 0;
}
.webUlBlue li {
  padding: 5px 0;
  position: relative;
}
ul.webUlBlue li::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../images/webImg/easse_05.png) no-repeat center;
  left: -25px;
  top: 10px;
}
.eChineseHTBJX {
  display: flex;
  margin: 0 -5px;
}
.eChineseHTBJX span img {
  padding: 0 5px;
}
.eChineseHTBJX span:nth-child(1) {
  width: 63.5%;
}
.eChineseHTBJX span:nth-child(2) {
  width: 36.5%;
}
.webXX {
  display: flex;
  padding: 10px 0;
  clear: both;
  margin: auto;
  max-width: 1270px;
  align-items: center;
}
.webXX h1 {
  color: #ff0066;
  font-size: 19px;
  padding-right: 5px;
  font-weight: 600;
}
.webXX span {
  font-size: 17px;
  font-weight: 600;
}
.eChineseHImg {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.eChineseHImg .webXX {
  display: block;
  width: 33.333333%;
  padding: 10px 5px;
}
.eChineseHImg .webXX h1 {
  padding-bottom: 10px;
}
.eChineseHImg .webXX img {
  border: 1px solid #00b0f0;
}

.eChineseHKS {
  display: flex;
}
.eChineseHKS span {
  width: 50%;
  padding: 5px;
}
.eChineseHKS span img {
  border: 1px solid #00b0f0;
}
.eChineseHZYGL header {
  background-color: #00b0f0;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
}
.eChineseHZYGLNr {
  display: block;
  text-align: center;
  display: flex;
  border: 1px solid #00b0f0;
  padding: 20px;
}
.eChineseHZYGLNr div {
  text-align: left;
  max-width: 250px;
  padding-right: 15px;
}
.eChineseHZYGLNr img {
  /* border: 1px solid #00b0f0; */
  max-width: 800px;
}
.eChineseHEn {
  background-color: #f8fafd;
  padding: 20px;
  line-height: 30px;
  clear: both;
  font-size: 17px;
}
.eChineseHEn p {
  line-height: 22px;
  font-size: 17px;
  padding-bottom: 8px;
}
.eChineseHEn p:last-child {
  padding-bottom: 0;
}
.eChineseHEn .contentMax {
  max-width: 1270px;
}
.eChineseHEntilte {
  font-size: 24px;
  color: #0546ff;
  margin-bottom: 10px;
}

.eChineseHEn ul {
  font-size: 17px;
  color: #0546ff;
  padding-left: 25px;
  margin: 25px 0;
  line-height: 25px;
}
.eChineseHEn ul li {
  list-style-type: disc;
  padding: 5px 0;
}
.FunlandATit {
  font-size: 17px;
  line-height: 30px;
  padding-left: 18px;
  position: relative;
  clear: both;
}
.FunlandATit::before,
.FunlandAUl li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
.FunlandATitC1::before,
.FunlandAUl li:nth-child(1)::before {
  background-color: #ed416b;
}
.FunlandATitC1 b,
.FunlandAUl li:nth-child(1) b {
  color: #ed416b;
}
.FunlandATitC2::before,
.FunlandAUl li:nth-child(2)::before {
  background-color: #3996e8;
}
.FunlandATitC2 b .FunlandAUl li:nth-child(2) b {
  color: #3996e8;
}
.FunlandATitC3::before,
.FunlandAUl li:nth-child(3)::before {
  background-color: #f16d4a;
}
.FunlandATitC3 b,
.FunlandAUl li:nth-child(3) b {
  color: #f16d4a;
}
.eChineseHEn ul.FunlandAUl {
  padding-left: 0;
  color: #000;
  margin: 0;
}
.FunlandAUl li {
  list-style-type: none !important;
  font-size: 17px;
  line-height: 25px;
  padding-left: 18px !important;
  position: relative;
  clear: both;
}
.FunlandAUl li::before {
  top: 15px !important;
}
.FunlandAUl li b {
  display: block;
}
.EnMargin {
  padding: 0 20px;
}
.FunlandHImg,
.ereadingImg {
  display: flex;
  /* padding: 0 10px; */
  max-width: 1270px;
  margin: auto;
}
.FunlandHImg span,
.ereadingImg span {
  display: block;
  padding: 5px;
}
.FunlandHImg1,
.ereadingImg1 {
  display: flex;
  /* padding: 0 10px; */
  flex-wrap: wrap;
  max-width: 1270px;
  margin: auto;
}
.ereadingImg1 {
  flex-wrap: nowrap;
}
.FunlandHImg1 span {
  display: block;
  width: 33.333333%;
  padding: 5px;
}
.FunlandHImg1 span img,
.FunlandHImg span img,
.ereadingImg span img,
.ereadingImg1 span img {
  border: 1px solid #00aef0;
}
.ereadingImg1 span {
  display: block;
  padding: 5px;
}
.ereadingImgPadding {
  margin-top: 10px;
}
ul.enUlDiv {
  color: #000;
  margin: 0;
}
ul.enUlDiv li {
  list-style-type: none !important;
  position: relative;
}
ul.enUlDiv li::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../images/webImg/easse_08.png) no-repeat center;
  left: -25px;
  top: 10px;
}
.FreeEclassTitle {
  padding: 20px;
}
.FreeEclassTitle div {
  font-size: 17px;
  font-weight: 30px;
  padding: 5px 0;
}
.webeOralImg {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width: 1270px;
  margin: auto;
}
.webeOralImg > div {
  padding: 5px;
}
.eAssHighlightP1 {
  display: flex;
  clear: both;
}
.eAssHighlightP1 span {
  width: 50%;
  padding: 5px;
}
.eReadingFR div a {
  padding-top: 20%;
}
.eReadingFR div a h1 {
  line-height: 75px;
}
.AboutAssessmentMagazineDiv {
  position: relative;
  padding-left: 35px;
  max-width: 1200px;
  margin: 35px auto 0 auto;
}
.AboutAssessmentMagazineDiv::before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  top: 20px;
  position: absolute;
  left: 0;
}

.AboutAssessmentMagazineDiv > header {
  color: #d60093;
  font-size: 28px;
  position: relative;
}
.AboutAssessmentMagazineDiv > header::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #d60093;
  border-radius: 50%;
  position: absolute;
  left: -44px;
  top: 10px;
}
.AAMageTit {
  font-size: 17px;
  line-height: 25px;
}
.AAMageTit span {
  display: block;
  padding: 5px 0;
}
.AboutAssessmentMagazineDivImg {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.AboutAssessmentMagazineDivImg span {
  display: block;
  padding: 10px;
  width: 33.333333%;
}
.AboutAssessmentMagazineDiv.AAM2::before,
.AboutAssessmentMagazineDiv.AAM3::before,
.AboutAssessmentMagazineDiv.AAM4::before {
  top: 0;
}
.AboutAssessmentMagazineDiv.AAM2 {
  margin-top: 20px;
  padding-bottom: 20px;
}
.AboutAssessmentMagazineDiv.AAM3 {
  margin-top: 0px;
  padding-bottom: 20px;
}
.AboutAssessmentMagazineDiv.AAM4 {
  margin-top: 0px;
  margin-bottom: 30px;
}
.AboutAssessmentMagazineDiv.AAM2 > header {
  color: #0070c0;
}
.AboutAssessmentMagazineDiv.AAM2 > header::before {
  background-color: #0070c0;
}
.AAM2 .AboutAssessmentMagazineDivImg img {
  border: 1px solid #00aef0;
}
.AboutAssessmentMagazineDiv.AAM3 > header {
  color: #ff0066;
}
.AboutAssessmentMagazineDiv.AAM3 > header::before {
  background-color: #ff0066;
}
.AboutAssessmentMagazineDiv.AAM3 > header {
  color: #ff0000;
}
.AboutAssessmentMagazineDiv.AAM3 > header::before {
  background-color: #ff0000;
}
.AboutZSB > header {
  max-width: 1200px;
  margin: auto;
  padding-top: 40px;
  font-size: 18px;
  line-height: 30px;
}
.AboutZSB .AAM1 {
  margin-top: 20px;
}
.AboutZSB .AAM4 {
  margin-bottom: 0;
  padding-bottom: 25px;
}
.AboutZSB .AAM5 {
  margin-top: -10px;
  margin-bottom: 30px;
}
.aboutZSBDiv {
  display: flex;
  padding: 20px 0;
}
.aboutZSBDiv li {
  position: relative;
  line-height: 30px;
  margin-bottom: 15px;
  margin-left: 30px;
}
.aboutZSBDiv li::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../images/webImg/easse_08.png) no-repeat center;
  left: -25px;
  top: 3px;
}
.aboutZSBDiv li h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.aboutZSBDiv li div {
  font-size: 17px;
  line-height: 25px;
}
.aboutZSBDiv footer {
  padding-left: 30px;
  margin-top: -50px;
  min-width: 280px;
}
.AboutAssessmentMagazineDiv.AAM5 > header {
  color: #ff0066;
}
.AboutAssessmentMagazineDiv.AAM5 > header::before {
  background-color: #ff0066;
}
.AboutAssessmentMagazineDiv.AAM5::before {
  height: 90%;
}
.table_w tbody td {
  vertical-align: top;
}
table.table_w tr td:nth-child(1) {
  padding-right: 5px;
  position: relative;
  width: 25px;
}

/* 旧版样式 开始 */
.eZhishiBuddy_my1 {
  background: transparent;
}
.oldStar_right.star_right .box {
  position: absolute;
  width: 90%;
  height: 90%;
}
.oldStar_right .box img {
  height: 100% !important;
}
.oldStar_right .row a {
  padding: 5px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
/* 旧版样式 结束 */
.NoticeInd {
  background-color: #ff5b74;
  color: #fff;
  border-radius: 10px;
  padding: 15px;
  margin: 25px 10px 0 10px;
  letter-spacing: 0.015rem;
}
.NoticeInd header {
  font-size: 17px;
  margin-bottom: 5px;
}
.NoticeInd > div span {
  display: block;
  line-height: 21px;
  font-size: 17px;
  padding-bottom: 5px;
}
.NoticeInd > div span b {
}
.NoticeInd > div span.yellowColor {
  color: #ffe422;
  font-weight: bold;
}
.NoticeInd a {
  text-decoration: underline;
  color: #fff;
}
.NoticeInd_Box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.NoticeInd_Box header {
  background-color: #fff;
  max-width: 430px;
  border-radius: 8px;
  width: 90%;
  position: relative;
  padding: 10px 15px;
  z-index: 1;
  letter-spacing: 0.04rem;
}
.NoticeInd_Box b.closeInto {
  border: 2px solid #677186;
  border-radius: 50%;
}
.NoticeInd_Box b.closeInto::before,
.NoticeInd_Box b.closeInto::after {
  background-color: #677186;
}
.NoticeInd_Box h1 {
  font-size: 18px;
  padding: 5px 0;
}
.NoticeInd_Box span {
  line-height: 22px;
  margin-bottom: 8px;
  display: block;
}
.closeNA {
  background-color: #f86765;
  line-height: 40px;
  width: 100px;
  border-radius: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin: 10px auto;
}
.closeNA:hover {
  color: #fff;
}
.popup_message_box_content_unActive {
  display: block !important;
}
.popup_message_box_content_unActive p {
  padding-bottom: 3px;
}

/* 订阅界面 */
.SchoolSubscribeMain {
  background-color: #f0f7fd;
}
.SchoolSubscribeMain .contentMax {
}
.SchoolSubscribeMain .container {
  padding: 30px;
  background-color: #fff;
  min-height: 84.2vh;
}

.SchoolSubscribeMain .bdmain > div {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
.SchoolSubscribeMain .bdmain > div > div:nth-child(2) {
  background-color: #f6fafd !important;
  background-color: #fff !important;
  border: rgba(0, 0, 0, 0.08) solid 1px;
  border-top: 0;
  padding: 0px !important;
  width: 100%;
}
.SchoolSubscribeMain #update {
  display: flex;
  flex-wrap: wrap;
}
.SchoolSubscribeMain #update > div {
  width: 50%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  /* padding: 10px; */
}
.SchoolSubscribeMain #update > div:nth-last-child(1),
.SchoolSubscribeMain #update > div:nth-last-child(2) {
  border-bottom: 0;
}
.SchoolSubscribeMain #update > div:nth-child(even) {
  border-right: 0;
}
.SchoolSubscribeMain #update > div label {
  display: flex;
}
.SchoolSubscribeMain #update > div label input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  outline: 0;
  background-color: #fff;
  padding: 10px;
  max-width: none !important;
  /* margin-top: 0px !important; */
  margin: 10px !important;
}
.SchoolSubscribeMain #update > div label div {
  min-width: 160px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f6fafd;
}
.SchoolSubscribeMain .AddOn {
}
.SchoolSubscribeMain input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  min-width: 25px;
  font-size: 26px;
  color: #f1eff0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  background: url(https://www.ezhishi.net/SchoolSubscribe/images/chkbg.jpg)
    no-repeat center #fff;
  /*box-sizing: border-box;*/
  margin: -1px;
  background-size: 80%;
  position: absolute;
}

.SchoolSubscribeMain input[type="checkbox"]:checked:after {
  background: #4bbef5;
  color: #fff;
  border: 1px solid #4bbef5;
  font-size: 20px;
}
.SchoolSubscribeMain .clean-input-message {
  width: 100%;
  padding-top: 10px;
}
.SchoolSubscribeMain .clean-input-message input {
  margin: 10px 8px;
  line-height: 45px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px;
  font-size: 18px;
  color: #fff;
  min-width: 120px;
}

.SchoolSubscribeMain input.button01 {
  background-color: #108bea;
}
.SchoolSubscribeMain input.button02 {
  background-color: #ff9529;
}
.SchoolSubscribeMain .clean-input-message p {
  font-size: 16px;
  color: #25355e;
  padding-top: 5px;
  opacity: 0.9;
}

.labelDiv {
  font-size: 16px;
  padding: 5px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.labelDiv label {
  display: flex;
  align-items: center;
  min-height: 40px;
  cursor: pointer;
}
.labelDiv label span {
  padding-left: 5px;
  padding-top: 3px;
}
.labelDiv label input {
  display: flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
}
.AddOn table tr,
.AddOn table td {
  border: 0;
  padding: 0;
}
.AddOn table tr td:nth-child(odd) .labelDiv {
  border-left: 0;
}
.AddOn .p01 td {
  font-weight: normal;
}
.AddOn table tr:last-child td .couldSelecte {
  color: red;
  font-size: 17px;
}
.labelDiv.p01 {
  padding: 0;
  border-bottom: 0;
}
.SelectPayment tr,
.SelectPayment label,
.SelectPayment input {
  cursor: pointer;
}
.labelDiv.p01 > label:nth-child(1),
.SelectPayment > div:nth-child(2) > div {
  padding: 10px 15px;
}
.labelDiv .pRed {
  background-color: #f6fafd;
  line-height: 50px;
  text-align: right;
  font-size: 20px;
  font-weight: normal !important;
}
.labelDiv .pRed div {
  width: 100%;
  padding: 0 15px;
}
.SelectPayment .tableTrIB label {
  width: 100%;
  display: flex;
  align-items: center;
}
.SelectPayment .tableTrIB td {
  vertical-align: middle;
}
.old_price {
  text-decoration: line-through;
  color: red;
  font-size: 18px;
}
.SchoolSubscribeMain .couldSelecte input[type="checkbox"]:after {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.SchoolSubscribeMain .couldSelecte input[type="checkbox"]:checked:after {
  background: url(../images/chkbg.png) #4bbef5 no-repeat center;
  border: 1px solid #4bbef5;
  background-size: 88%;
}
.showBack .IndexNavInto::before {
  display: none;
}
.showBack a.backHome {
  background-image: url(../images/IndImg/nyBack.png);
}
.paynowImg1,
.paynowInfor1 {
  display: none;
}
.successfully #update {
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.successfully #update > div {
  width: 100%;
}
.successfully #update > div:nth-child(1) {
  color: #fff;
  background-color: #77baee;
  width: 100%;
  line-height: 25px;
  padding: 10px;
  font-size: 20px;
}
.successfully #update > div.success_info {
  padding: 0;
}
.success_info table {
  border: 1px solid rgba(0, 0, 0, 0.08);
  width: 100%;
}
.success_info table tbody {
  display: flex;
  flex-wrap: wrap;
}
.success_info table td {
  height: 45px;
  font-size: 17px;
}
.success_info table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  width: 50%;
}
.success_info table tr:last-child {
  border-bottom: 0;
}
.success_info table tr:nth-child(1),
.success_info table tr:nth-child(2) {
  border-top: 0;
}
.success_info table tr:nth-child(odd) {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.success_info table td:nth-child(1) {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f6fafd;
  min-width: 200px;
  width: 25%;
  text-align: right;
}
.successfully #contact-form > table {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 0;
  width: 100%;
}
.successfully #contact-form > table tr:first-child td {
  background-color: #22d7c4 !important;
  padding-left: 10px !important;
  color: #fff !important;
  font-weight: normal !important;
  height: 45px !important;
}
.successfully #contact-form > table tr:nth-child(2) td {
  display: flex;
  padding: 15px;
}
.successfully #contact-form > table tr:nth-child(2) img {
  max-width: 200px;
  margin-right: 10px;
}
.successfully #contact-form > table tr:nth-child(2) td > div {
  font-size: 18px;
  line-height: 25px;
  padding: 10px 5px;
}
.successfully .paytitle {
  display: block;
  color: blue;
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.successfully input.btn_complete {
  border: 0px solid #60794f;
  outline: none;
  border-radius: 5px;
  height: 50px;
  font-size: 22px;
  padding: 0 30px;
  color: #fff;
  background: #65aa2d;
  margin: 10px;
}
.tips_background_order {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.tips_background_order.active {
  display: flex;
  z-index: 2;
}
.tips_box_order {
  background-color: #fff;
  border-radius: 12px;
  min-width: 300px;
  min-height: 220px;
  text-align: center;
  position: relative;
  padding-top: 20px;
  max-width: 395px;
}
.tips_picture_order {
  margin-bottom: 10px;
}
.tips_close_order {
  position: relative;
  width: 45px;
  height: 45px;
  background: url(../images/myclose1.png) no-repeat;
  margin: 10px auto;
  cursor: pointer;
}
.tips_close_order img {
  display: none;
}
.btn_login {
  width: auto;
  height: auto;
  background: transparent;
}
.btn_login button {
  background-color: #387dfa;
  line-height: 45px;
  color: #fff;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  border: 0;
  width: 130px;
  margin: 10px 6px;
}
.tips_content_order {
  font-size: 17px;
  line-height: 25px;
  padding: 0 10px 5px 10px;
}
.long_text {
  text-align: left;
}
b.account_des {
  color: #f45e35;
}
.account_dis {
  color: red;
}
.bannerDiv {
  max-width: 1270px;
}
.otherMain {
  background-color: #f0f7fd;
  padding: 0 10px;
}
.otherMain .container {
  max-width: 1300px;
  width: 100%;
  margin: auto;
  background-color: #fff;
  min-height: 76.4vh;
  padding: 0 20px 20px;
}
.otherMain .container .row {
  margin: 0;
}
.otherMain .container p {
  font-size: 17px;
  line-height: 22px;
  font-family: Calibri;
  text-align: justify;
  color: #333;
  padding-top: 0px;
  margin-bottom: 0;
}
.otherMain .container .p2Css {
  margin: 0;
}
.otherMain .container h3 {
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  font-family: Calibri;
}
.otherMain .divUlLi {
  margin: 8px 0;
}
.otherMain .divUlLi ul {
  padding-left: 17px;
}
.otherMain .divUlLi ul li {
  font-size: 17px;
  line-height: 22px;
  color: #333;
  font-family: Calibri;
  text-align: justify;
  list-style-type: decimal;
  padding-left: 5px;
  display: list-item;
}
.JoinUsBody .IndexTop,
.JoinUsBody .IndexFooter {
  display: none;
}
.JoinUsMain {
  background-color: #fff;
  padding-top: 110px;
}
.joinusImg {
  text-align: left;
}
.container .joinusP {
  background: #ff6a00;
  border-radius: 5px;
  color: #fff;
  text-indent: 0em;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}

.workOTDiv {
  width: 100vw;
  height: 100vh;
  background-color: #e6f0fe;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workOTDiv > header {
  text-align: center;
}
.workOTDiv > header footer {
  max-width: 1000px;
}
.workOTDiv > header footer div:nth-child(1) {
  color: #075da4;
  font-size: 21px;
  line-height: 30px;
  padding-bottom: 10px;
}
.workOTDiv > header footer div:nth-child(1) a {
  color: #075da4;
}
.workOTDiv > header footer div:nth-child(2) {
  font-size: 19px;
  line-height: 26px;
}
.workOTDiv > header footer div:nth-child(2) a {
  color: #000;
}
.workOTDiv > header footer a:hover {
  font-weight: normal;
  text-decoration: underline;
}
.baozhiDiv {
  display: flex;
  align-items: center;
  padding-top: 10px;
  justify-content: center;
}
.baozhiDiv b {
  width: 8px;
  min-height: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2c87c7;
  display: flex;
  margin: 0 5px 15px 5px;
}
.baozhiDiv a {
  display: inline-block;
  padding-bottom: 10px;
}
.baozhiDiv a.active {
  position: relative;
}
.baozhiDiv a.active::before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../images/webImg/MagazinesAnswersImg7.png) no-repeat center;
  left: 50%;
  margin-left: -15px;
  bottom: -5px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-weight: bold;
  /* opacity: 0.25; */
}
.swiper-button-next {
  right: 50%;
  margin-right: -700px;
}
.swiper-button-prev {
  left: 50%;
  margin-left: -700px;
}
.swiper-button-next,
.swiper-button-prev {
  color: #072b57;
  opacity: 0.15;
}
.spanClose {
  background: #fe7373;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  width: 80px;
  border-radius: 8px;
  height: auto;
  margin-bottom: 15px;
}
.kjycxUlNew1 li {
  width: 25%;
  padding: 12px;
}
.kjycxUlNew1 li:nth-child(5),
.kjycxUlNew1 li:nth-child(6),
.kjycxUlNew1 li:nth-child(7),
.kjycxUlNew1 li:nth-child(8),
.kjycxUlNew1 li:nth-child(9) {
  width: 20%;
}
.kjycxUlNew1 li > header,
.kjycxUlNew1 li > header > div {
  height: 100%;
}
.kjycxUlNew1 li > header > div img {
  max-width: 220px;
  width: 100%;
}
.kjycxUlNew1 li > header > div {
  padding-top: 10px;
  padding-bottom: 15px;
}
.kjycxUlNew1 li > header footer h1 {
  display: none;
}
.kjycxUlNew1 li > header footer {
  padding: 15px 10px;
}
.kjycxUlNew1 p span:nth-child(1) {
  font-size: 16px;
  line-height: 22px;
}
.kjycxUlNew1 p span:nth-child(2) {
  line-height: 17px;
  font-size: 15px;
}
.footerRLNew > footer {
  display: flex;
  align-items: center;
  position: relative;
}
.footerRLoginImg {
  position: absolute;
  right: 330px;
  max-height: 55px;
}
.logoPopUp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  transition: opacity 0.15s linear;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.logoPopUp.active {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.logoPopUp header {
  background-color: #fff;
  border-radius: 1.5vh;
  max-width: 90%;
  position: relative;
  padding: 2vh;
  z-index: 1;
  text-align: center;
  width: 75vh;
  width: auto;
}
.logoPopUp header > div:nth-child(1) {
  width: 60%;
  margin: auto;
  padding: 1vh 1vh 2vh;
}
.logoPopUp header > div:nth-child(3) {
  width: 100%;
  margin: auto;
  padding: 1vh 0 0;
}
.logoPopUp b {
  width: 5vh;
  height: 5vh;
  background-color: #40a3fe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -2vh;
  top: -2vh;
  cursor: pointer;
}
.logoPopUp b::before {
  position: absolute;
  content: "";
  display: block;
  width: 58%;
  height: 12%;
  background-color: #fff;
  border-radius: 2vh;
  transform: rotate(45deg);
}
.logoPopUp b::after {
  position: absolute;
  content: "";
  display: block;
  width: 58%;
  height: 12%;
  background-color: #fff;
  border-radius: 2vh;
  transform: rotate(-45deg);
}
.demo_tit2026 {
  margin-left: 45px;
  margin-right: -10px;
}
.demo_tit2026a {
  margin-left: 50px;
  margin-right: -10px;
}
.eChineseWebNr .demo_tit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.RMBook .bao_l img {
  max-height: 480px;
}
.AMImg {
  display: flex;
  justify-content: space-between;
  width: 92.5%;
  flex-wrap: wrap;
}
.AMImg1 {
  display: flex;
  justify-content: space-between;
  width: 84.5%;
  flex-wrap: wrap;
}
.ReadingMagazineImg {
  display: flex;
  width: 100%;
}
.ReadingMagazineImg span {
  display: block;
  padding: 5px;
}
.ReadingMagazineImg span img {
  border: 1px solid #00aef0;
}
.RMText {
  font-size: 17px;
  padding: 10px 0 3px 0;
}
.RMText span {
  color: #ed406a;
  font-size: 18px;
  margin-right: 8px;
}
.RMText span:nth-child(2) {
  color: #4ea9f8;
  display: inline-block;
}
.fen2023 {
  display: flex;
}
.FunlandHImg span img {
  max-height: 350px;
}
.tips_close_order.spanClose {
  display: flex;
  justify-content: center;
}
.SPLgon {
  background-color: #387dfa;
  line-height: 45px;
  color: #fff;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  border: 0;
  width: 130px;
}
.IndexICTNew {
}
.IndexICTNew a:hover {
  transform: scale(1);
}
.IndexICTNew a > div {
  position: relative;
}
.IndexICTNew .navIntoHover,
.MagazineMain ul li .navIntoHover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: #ff3900;
  -webkit-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
  -webkit-transform: scale3d(0, 1, 0);
  -ms-transform: scale3d(0, 1, 0);
  -o-transform: scale3d(0, 1, 0);
  transform: scale3d(0, 1, 0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.IndexICTNew .ICTcanvas:hover .navIntoHover,
.MagazineMain ul li a:hover .navIntoHover {
  opacity: 1;
  background: rgba(255, 57, 0, 0.8);
  visibility: visible;
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  z-index: 2;
}
.navIntoHover span {
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  margin: 3px;
  opacity: 1;
}
span.navXQ {
  background: url(../images/intoSu5_1.png) no-repeat center #fff;
}
span.navShop {
  background: url(../images/intoSu5_2.png) no-repeat center #fff;
}
span.navSub {
  background: url(../images/intoSu5.png) no-repeat center #fff;
}
.MagazineMain ul li a {
  position: relative;
}
.MagazineMain ul li a .navIntoHover {
  position: absolute;
}

@media screen and (min-width: 1921px) {
  .IndBanner .swiper-container {
    max-width: none;
  }
  .IndBanner .imgPC {
    height: auto;
  }
  .swiper-button-next {
    right: 15vw;
    margin-right: 0;
  }
  .swiper-button-prev {
    left: 15vw;
    margin-left: 0;
  }
  .contentMax {
    max-width: 65vw;
  }
  .HBlogin {
    max-width: 64vw;
  }
  .kjycxMain .titleH1 {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1680px) {
  .serviceUpNew:hover .serviceUpDiv {
    top: -200px;
  }
  .IndexTopLogin > img {
    max-height: 60px;
  }
  .HBlogin {
    width: auto;
    max-width: 1270px;
    margin-top: -45px;
  }
  .imgPC {
    height: 540px;
  }
  .IndSwiper {
    bottom: 55px;
  }
  .IndexTop {
    padding: 5px;
  }
  .contentMax {
    /* padding: 0 65px; */
  }
  .serviceUp header a span {
    font-size: 15px;
  }
  .serviceUp ul li {
    height: 55px;
  }
  .kfImg {
    background-size: 90%;
  }
  button.HomeSubscribeHB {
    min-width: 120px;
  }
  button.LoginHelpHB,
  button.FreeTrialHB {
    min-width: 90px;
  }
  button.GetPasswordHB {
    min-width: 110px;
  }
  button.txt_login,
  .HBloginL > div span input {
    border-radius: 10px;
  }
  .HBloginL {
    padding: 10px;
  }
  .HBloginL > div span {
    margin: 0 6px;
  }
  .titleH1 h1 {
    padding-top: 20px;
    font-size: 26px;
  }
  .titleH1 span {
    font-size: 16px;
    padding-top: 0px;
  }
  .titleH2 h2 {
    font-size: 22px;
  }
  .titleH2 span,
  .MagazineMain .contentMax > header p {
    font-size: 20px !important;
  }
  .IndBanner::before {
    height: 4.5vw;
    background-position: top;
    background-size: 100% auto;
    bottom: -15px;
  }
}
@media screen and (max-width: 1580px) {
  .serviceUp.serviceUp {
    top: auto;
    /* bottom: 75px; */
    margin-right: 0;
    right: 15px;
    z-index: 3;
  }
}
@media screen and (max-width: 1440px) {
  .IndexTopLogin > img {
    max-height: 55px;
  }
  .IndexTopLogin > header p {
    font-size: 12px !important;
    letter-spacing: 0;
    justify-content: center;
  }
  .logonN img {
    margin: 0;
    height: 50px;
  }
  .logonN {
    padding-left: 10px;
  }
  .IndexTopLogin > header span {
    font-size: 12px;
  }
  .IndexNavInto {
    margin-left: 20px;
  }
  .IndexNavInto::before {
    left: -12px;
  }
  .IndexTopRight > header a img {
    max-height: 45px;
  }
  .kjycxUlNew1 li {
    width: 33.333333% !important;
  }
  .swiper-button-next {
    right: 2%;
    margin-right: 0;
  }
  .swiper-button-prev {
    left: 2%;
    margin-left: 0;
  }
  .MagAnNew {
    margin: 0 50px;
  }
  .MagAn.MagAnNew ul.MagAnYear a {
    line-height: 45px;
    padding: 0 20px;
  }
  .seclet_qs.pageNew li:first-child,
  .seclet_qs.pageNew li:last-child {
    padding: 5px;
    font-size: 19px;
  }
  .seclet_qs.pageNew span.seclet_act {
    font-size: 22px;
  }
  .MagAn.MagAnNew ul a {
    margin: 0 5px;
  }
  .MagAnNew .contentMax {
    flex-wrap: wrap;
  }
  .GetPasswordDiv {
    padding: 0 100px;
  }
  .VideoSharingDiv {
    margin-top: 5px;
  }
  .hdyjlDivN .BuddyRankingUl div > span:nth-child(1) {
    margin-left: 0;
    background-size: 80% auto !important;
  }
  .hdyjlDivN .BuddyRankingUl div > span:nth-child(2) {
    width: 30%;
    padding-right: 5px;
  }
  .BuddyRankingUl div > span:nth-child(2) {
    max-width: 80px;
  }
  .BuddyRankingUl div > span:nth-child(3) {
    width: 50%;
    max-width: 120px;
  }
  .hdyjlDivN .hdyjlTitle {
    margin-bottom: 0;
  }
  .hdyjlDivN .hdyjlTitle h1 {
    font-size: 20px;
  }
  .hdyjlDiv.hdyjlDivN > div {
    margin: 0 5px;
  }
  .ebook_public_list {
    margin-right: -10px;
    margin-left: -10px;
  }
  .ebook_public_list .col-md-3 {
    padding: 10px;
  }
  .OtherServices ul li a {
    padding: 10px 5px 15px;
  }
  .OtherServices ul li a img {
    width: 120px;
  }
  .serviceUp ul li {
    height: 60px;
  }
  .serviceUp.serviceUp {
    /* bottom: 15px; */
    right: 10px;
  }
  .serviceUp header a {
    background-size: 72%;
    padding-top: 58px;
  }
  .serviceUp header a span {
    /* max-width: 88px; */
    font-size: 14px;
    padding: 3px;
  }
  .IndexTop {
    padding: 5px 10px;
  }
  .contentMax {
    max-width: 1270px;
    padding: 0 10px;
    max-width: 100%;
    padding: 0 50px;
  }

  .demoDivTit .contentMax {
    padding: 20px 70px;
  }
  .kjycxUlNew li {
    padding: 10px;
  }
  .SX_ebooks.contentMax {
    padding: 0 1vw;
  }
  .overflowX {
    overflow-x: hidden;
  }
  .SX_ebooks > span {
    padding-bottom: 85%;
  }
  .IndexReward ul,
  .BuddyRankingUl {
    padding: 10px 0;
  }
  .HBlogin {
    padding: 0 10px;
    padding: 0 60px;
    max-width: 100%;
  }
  .HBloginL {
    padding-right: 0;
  }
  .HBloginMain {
    max-width: 1230px;
    margin: auto;
  }
  .MagazineMain {
    padding: 25px 0;
  }
  .MagazineMain .contentMax > header {
    padding: 30px 10px 0 10px;
  }
  .MagazineMain ul li {
    padding: 10px;
  }
  .kjycxUl {
    padding: 1vw;
    border-radius: 12px;
  }
  .hdyjlDiv > div {
    margin: 0 1%;
    width: 48%;
  }
  .hdyjlDiv {
    padding-top: 0px;
  }
  .IndexDsj h1 {
    font-size: 18px;
  }
  .IndexDsj > div a {
    padding: 15px 10px 20px 10px;
  }
  .MagazineMain .contentMax > header h1 {
    font-size: 34px;
  }
  .MagazineMain .contentMax > header button {
    border-radius: 12px;
    font-size: 22px;
    margin: 20px 0 15px 0;
  }
  .kjycxMain .titleH1 {
    height: 18vw;
    background-position: top 0 right 60%;
    background-size: 145% auto;
  }
  .kjycxUl li {
    padding: 1vw;
  }
  .hdyjlTitle {
    min-height: 50px;
    padding: 5px 10px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .OtherServices {
    padding-bottom: 30px;
  }
  .OtherServices ul {
    padding: 0 10px 10px;
  }
  .imgPC {
    height: 35vw;
  }
  .IndexDsj {
    padding-bottom: 20px;
  }
  .IndexICT {
    padding-bottom: 15px;
  }
  .nyBody {
    overflow-x: hidden;
  }
  .FreeTrialBox .contentMax {
    padding: 20px 100px;
  }
  .QBankTit::after {
    width: 110px;
    background-size: 100% auto !important;
  }
  .QBankTit span {
    font-size: 17px;
  }
  .banben {
    padding-right: 0px;
  }
  .objective h2 {
    font-size: 26px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .etutor_SX .objective p h2 {
    padding: 5px 0;
    line-height: 25px;
  }
  .etutor_SX .objective p {
    margin-right: 5%;
  }

  .IndexTopLogin > header span {
    font-size: 12px;
  }
  .eChineseHEn .contentMax {
    padding: 0;
  }
}

@media screen and (max-width: 1300px) {
  .IndexFooter .contentMax {
    display: flex;
    justify-content: flex-end;
  }
  .IndexFooter .contentMax > div {
    width: 100%;
  }
  .hdyjlDivN {
    flex-wrap: wrap;
  }
  .hdyjlDiv.hdyjlDivN > div.IndexReward {
    width: 100%;
  }
  .hdyjlDiv.hdyjlDivN > div.BuddyRanking {
    width: 50%;
    margin: 0;
    padding: 0 5px;
  }
  .hdyjlDiv.hdyjlDivN > div.VideoSharing {
    width: 50%;
    margin: 0;
    padding: 0 5px;
  }
  .hdyjlDivN .IndexReward ul li {
    width: 33.333333%;
  }
  .hdyjlDivN .IndexReward ul li:nth-child(5),
  .hdyjlDivN .IndexReward ul li:nth-child(6) {
    display: block;
  }
  .echinese_sam_l3 {
    width: 20%;
  }
  .AboutAssessmentMagazineDiv {
    width: 94%;
    padding-left: 25px;
  }
  .AboutZSB > header {
    width: 95%;
    font-size: 17px;
    line-height: 25px;
    padding-top: 20px;
  }
  .AboutAssessmentMagazineDiv > header::before {
    width: 15px;
    height: 15px;
    left: -31px;
  }
  .AboutAssessmentMagazineDiv > header {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .AboutAssessmentMagazineDivImg span {
    padding: 5px;
  }
  .AAMageTit {
    margin-bottom: 10px;
  }
  .AboutZSB .AAM5 {
    margin-bottom: 0;
  }
  .aboutZSBDiv footer {
    padding-left: 15px;
    margin-top: -20px;
  }
  .nyBannerA {
    width: 650px;
    height: 225px;
  }
  .nyBannerA a {
    height: 100px;
  }
  .nyBannerA a:nth-child(2) {
    margin-top: 100px;
  }
  .IndexTopLogin a {
    width: 60px;
    background-size: auto 85%;
  }
  .IndexNavInto {
    margin-left: 25px;
  }
  .IndexNavInto::before {
    left: -15px;
  }
  .IndexTopRight > header a {
    padding: 0 1px;
  }
  .banben {
    padding-right: 8px;
  }
  .imgPC {
    height: 35vw;
  }
  .sc_banner {
    height: 320px;
  }
  .nyBanner .contentMax {
    margin-left: 0;
    left: 0.5%;
    width: 99%;
  }
  .eread_free {
    margin: 15px 10px 0 10px;
  }
  .IndexNavInto {
    margin-left: 20px;
    border-radius: 8px;
  }
  .IndexNavInto::before {
    left: -12px;
  }
  .IndexTopRight > header {
    display: flex;
    align-items: center;
  }
  .IndexTopLogin > header p {
    font-size: 14px !important;
    font-size: 12px !important;
  }
  .logonN {
    padding-left: 5px;
  }
  .logonN img {
    height: 45px;
  }

  .banben {
    padding-right: 5px;
    display: flex;
  }
  .IndexTopLogin > img {
    max-height: 55px;
  }
  .IndexTop {
    padding: 0 10px;
  }
  .IndexTop.nyTop {
    padding: 5px 10px;
  }
  .FreeTrialDiv > header {
    flex-wrap: wrap;
    padding: 0 10px 5px 10px;
  }
  .FreeTrialDiv ul li a {
    border-radius: 10px;
    padding: 15px 10px;
  }
  .FreeTrialSub > div:nth-child(1) {
    padding-left: 0;
  }
  .FreeTrialTit {
    padding-bottom: 5px;
  }
  .HBloginL {
    padding-left: 5px;
  }
  button.LoginHelpHB,
  button.FreeTrialHB {
    min-width: 75px;
  }
  button.GetPasswordHB {
    min-width: 100px;
  }
  button.HomeSubscribeHB {
    min-width: 110px;
  }
  button.txt_login,
  .HBloginL > div span input {
    border-radius: 8px;
  }
  button.txt_login {
    line-height: 45px;
  }
  .HBloginL > div span input {
    line-height: 42px;
  }
  .ICTMain .titleH1 h1 {
    padding-top: 15px;
  }
  .titleH1 h1 {
    font-size: 24px;
  }

  .HBloginL {
    width: 100%;
  }
  .HBloginR {
    width: auto;
  }
  .HBloginL > div span:nth-child(2),
  .HBloginL > div span:nth-child(3) {
    width: auto;
  }
  .QuestionUnit {
    flex-wrap: wrap;
  }

  .QBankTit span {
    font-size: 18px;
  }
  .eChineseHZYGLNr img {
    width: 50%;
  }
  .eChineseHZYGLNr div {
    max-width: none;
    width: 30%;
  }
  .BuddyRankingUl div > span:nth-child(2) {
    max-width: none;
  }
}
@media screen and (max-width: 1250px) {
  .JoinUsBody .menu {
    padding: 0 10px;
  }
  .JoinUsBody .container {
    width: 100%;
  }
  .JoinUsBody .container .row {
    margin: 0;
  }
  .IndexTopLogin > header p {
    font-size: 12px !important;
    display: flex;
    line-height: 15px;
    padding-top: 3px;
  }
  .IndexTopLogin > img {
    margin-right: 10px;
    max-height: 52px;
  }
  .IndexTopRight > header a img {
    max-height: 42px;
  }
  .IndexTopLogin a {
    width: 55px;
    height: 55px;
  }
  .MagAn ul a {
    line-height: 45px;
    margin: 5px;
  }
  .MagAn > div {
    align-items: center;
    flex-wrap: wrap;
  }
  .seclet_qs a,
  .Primary_page_div span {
    font-size: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .baozhiDiv b {
    width: 5px;
    min-width: 5px;
    min-height: 5px;
    height: 5px;
    margin-bottom: 10px;
  }
  .baozhiDiv a.active::before {
    width: 20px;
    height: 20px;
    bottom: 0;
    background-size: 100%;
  }
  .MagAnNewPrimary .SMnavDiv span:nth-child(1) {
    font-size: 18px;
  }
  .MagAnNewPrimary .SMnavDiv a,
  .SMnavPrimary .SMnavDiv.active a {
    padding: 8px;
  }
  .ReferenceAnswerTit25 {
    font-size: 22px;
    padding-top: 5px;
    flex-wrap: wrap;
  }
  .eChineseWebNr ul li a {
    padding: 10px 10px 25px 10px;
    margin-bottom: 20px;
  }
  .eChineseWebNr ul li a h1 {
    font-size: 20px;
    line-height: 45px;
    border-radius: 8px;
    margin-left: -60px;
    width: 120px;
    padding: 0 10px;
  }
  .sc_banner {
    height: 300px;
  }
  .nyBannerA a:nth-child(1) {
    width: 280px;
    margin-right: 20px;
  }
  .nyBannerA a:nth-child(2) {
    width: 280px;
  }
  .nyBannerA a {
    height: 85px;
  }
  .RMBook {
    padding-top: 20px;
  }
  .RMBook > .video {
    margin: 0;
  }
  .OtherServices ul li {
    width: 33.333333%;
  }

  .OtherServices ul li:nth-child(4),
  .OtherServices ul li:nth-child(5) {
    width: 50%;
  }
  .eListeningDiv div a {
    background-size: 100% !important;
    padding-top: 18%;
  }
  .eListeningDiv div a h1 {
    font-size: 5.5vh;
  }
  .eListeningDiv div a span {
    font-size: 2vh;
  }
  button.GetPasswordHB {
    min-width: 95px;
  }
  button.LoginHelpHB {
    min-width: 85px;
  }
  button.FreeTrialHB {
    min-width: 75px;
  }
  button.HomeSubscribeHB {
    min-width: 110px;
  }
  .HBloginR ul {
    justify-content: flex-end;
  }
  .SMnavDiv a {
    padding: 5px;
  }
  .SMnavDiv.active a {
    padding: 8px 5px;
  }
  .SMnavDiv span:nth-child(2) {
    line-height: 15px;
    padding: 3px 0;
    font-size: 15px;
  }
  .echineseListDiv > header a span {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .echineseListDiv {
    padding: 10px;
  }
  .IndexTopLogin > header p {
    font-size: 12px !important;
    line-height: 10px;
  }
  .IndexTopRight > header a.ios,
  .IndexTopRight > header a.apk {
    display: none;
  }
  .IndexTopRight > header img {
    width: 45px;
  }
  .IndexTopLogin a {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .serviceUp header a span {
    font-size: 13px;
  }
  .serviceUpNew header a span {
    font-size: 13px !important;
    width: 85px;
  }
  .serviceUpNew ul li:last-child {
    padding-bottom: 5px;
  }
  .serviceUpNew ul {
    padding: 0 5px;
  }
  .serviceUpTop {
    width: 70px;
    height: 70px;
    margin-top: 50px;
    background-size: 100%;
    margin-right: 2px;
  }
  .phoneInto {
    font-size: 16px;
  }
  .serviceUp header a {
    background-size: 78%;
    padding-top: 55px;
  }
  .serviceUp header {
    padding-bottom: 10px;
  }
  .FreeTrialDiv ul li a::before {
    background-size: 75% !important;
  }
  .IndexTopLogin > header {
    padding-top: 5px;
  }
}
@media screen and (max-width: 1100px) {
  .sc_banner {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .demo_tit2026,
  .demo_tit2026a {
    margin-left: 0;
  }
  .swiper-button-next {
    right: 1%;
    margin-top: -4vw;
  }
  .swiper-button-prev {
    left: 1%;
    margin-top: -4vw;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 4vw;
  }
  .MagAnNew .MagAnYear li {
    display: flex;
  }
  .MagAn ul {
    padding: 10px 0;
  }
  .MagAnNew .contentMax {
    /* background: transparent; */
  }

  .MagAnNew {
    margin: 0 20px;
    padding-top: 0px;
  }
  .MagAnNew .seclet_qs {
    width: 100%;
    margin-top: 5px;
  }
  .ReferenceAnswerTit25 header img {
    max-height: 80px;
  }
  .ReferenceAnswerTit25 > div a {
    line-height: 43px;
    border-radius: 8px;
    padding: 0 10px;
  }
  .imgPC {
    height: 40vw;
  }
  .hdyjlDivN .BuddyRankingUl {
    margin: 0;
  }
  .kjycxUlNew {
    margin-top: -30px;
  }
  .kjycxMain .titleH1 {
    background-size: 145% 100%;
  }
  .FreeEclassTitle {
    padding: 10px 20px !important;
  }
  .echinese_sam_l3 {
    width: 25%;
  }
  .eChinese_samplesTop {
    margin-top: 10px;
    margin-left: 15px;
  }
  .eChineseHZYGLNr {
    flex-wrap: wrap;
    padding: 15px;
  }
  .eChineseHZYGLNr img {
    width: 100%;
    max-width: 850px;
  }
  .eChineseHZYGLNr div {
    width: 100%;
  }
  .eChineseWebNr ul li a h1 {
    font-size: 18px;
  }
  .FreeTrialDiv > header {
    padding-top: 20px;
  }
  .IndexNavBox:hover .IndexNav {
    /* right: 50px; */
  }
  .ebook_public_list {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .lever_nav {
    padding: 0 10px;
  }
  .ebook_public_list .col-md-3 {
    padding: 5px 10px;
  }
  .project_nav .col-md-6 {
    width: 50%;
  }
  .project_nav .row {
    margin: 0;
    flex-wrap: wrap;
    display: flex;
  }
  .project_nav_list {
    padding: 5px 0;
  }
  .project_nav {
    padding: 10px 0;
  }
  .project_nav .col-md-6:last-child .project_nav_list {
    border-bottom: 0;
  }
  .IndexFooter {
    padding: 10px 5px;
  }
  .FreeTrialTit {
    padding-right: 20px;
  }
  .FreeTrialBox .contentMax {
    padding: 0 10px;
    min-height: 83vh;
  }
  .MagazineMain {
    padding: 3vw 2vw;
  }
  .MagazineMain .contentMax > header h1 {
    font-size: 28px;
  }
  .eListeningDiv div a h1 {
    font-size: 5.5vw;
    line-height: 6vw;
  }
  .eListeningDiv div a span {
    font-size: 2vw;
  }
  .eListeningDiv div a {
    background-size: 105% !important;
  }
  .z1 ul.z1_1 li {
    padding-left: 35px;
  }
  .z1 ul.z1_1 li span {
    margin-left: 10px !important;
  }
  .echineseListDiv {
    width: 33.333333%;
  }
  .IndexTop.nyTop .nyTopRight header img:nth-child(1) {
    height: 42px;
  }
  .nyBanner {
    flex-wrap: wrap;
  }

  .SMnavDiv.active a {
    padding: 5px;
  }
  .ICTTitle span {
    font-size: 15px;
  }
  .IndexTopLogin > img {
    max-height: 50px;
  }
  .demoDivTit .contentMax {
    padding: 10px 20px;
  }
  .eChineseWebNr header > div:nth-child(2) span:nth-child(2) {
    font-size: 14px;
    line-height: 15px;
  }
  .demo_tit {
    min-width: 350px;
  }
  .IndexTop .contentMax {
    padding: 0 5px;
  }

  .IndexTop {
    padding: 5px;
  }
  .IndSwiper {
    bottom: 20px;
  }
  .HBlogin {
    margin-top: -10px;
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .IndexNavInto {
    margin-left: 20px;
  }
  .IndexNavInto::before {
    left: -13px;
  }
  .IndexNavInto {
    width: 40px;
    height: 40px;
  }
  .IndexTopRight > header a img {
    width: 45px;
    min-width: 45px;
    margin-top: 3px;
  }
  .IndBanner::before {
    display: none;
  }
  .IndexICT > div {
    padding: 1vw;
  }
  .kjycxMain .titleH1 {
    height: 21vw;
  }
  .kjycxMain {
    padding-bottom: 2vw;
  }
  .BuddyRankingUl {
    margin: 1.2vw;
    border-radius: 1vw;
    padding: 0.5vw;
  }
  .BuddyRankingUl li {
    padding: 0.5vw;
  }
  .BuddyRankingUl li > div {
    line-height: 5.5vw;
  }
  .IndexReward ul header img {
    height: 11vw;
  }
  .IndexReward ul header,
  .IndexReward li header .box:hover footer,
  .box-content,
  .star_right .box {
    border-radius: 1vw;
  }
  .IndexRewardImg span {
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
  }
  .IndexReward ul {
    padding: 0.5vw;
  }
  .IndexReward ul li {
    padding: 0.6vw;
  }
  .BuddyRankingUl li:nth-child(1) div > span:nth-child(1),
  .BuddyRankingUl li:nth-child(2) div > span:nth-child(1),
  .BuddyRankingUl li:nth-child(3) div > span:nth-child(1) {
    background-size: 4vw auto;
    background-position: center top 0.8vw;
  }
  .BuddyRankingUl div > span:nth-child(1) {
    margin: 0 1vw;
  }
  a.backHome {
    width: 48px;
    height: 48px;
    background-size: 70%;
    margin-left: 10px;
  }
  .sc_banner {
    height: 30vw;
  }

  .LoginHelpBanner header {
    font-size: 22px;
  }
  .LoginHelpBanner {
    min-height: 70px;
  }
  .objective {
    min-width: 420px;
  }
  .nyBannerA {
    width: 58%;
    top: 3vw;
    height: 21vw;
    margin-left: 0;
    left: auto;
    right: 2vw;
  }
  .nyBannerA a {
    height: 12vw;
  }
  .nyBannerA a:nth-child(1) {
    width: 25vw;
    margin-right: 2vw;
  }
  .nyBannerA a:nth-child(2) {
    width: 32vw;
    margin-top: 10vw;
  }
  .HBlogin,
  .contentMax {
    padding: 0 10px;
  }
  .banben {
    display: flex;
    padding-right: 0;
  }
  .GetPasswordDiv {
    padding: 0;
  }
  .GetPasswordDiv .contentMax,
  .LoginHelpDiv .contentMax {
    padding: 2vw 1.5vw;
  }
  .echineseList {
    padding-top: 10px;
  }
  .IndexTopLogin > header {
    max-width: 200px;
  }
  .RMText {
    font-size: 16px;
  }
  .RMText span {
    font-size: 17px;
  }
}
@media screen and (max-width: 1000px) {
  .banben {
    display: none;
  }
  .Smallmenu {
    height: 60px !important;
  }

  .container .joinusImg img {
    max-height: 45px;
  }
  .container .joinusP {
    padding: 5px 10px 8px 10px;
    font-size: 20px;
    font-weight: normal;
    min-height: 45px;
    display: flex;
    align-items: center;
  }
  .container .csDiv {
    background-position: center left 15px;
    padding-right: 15px;
  }
  .container .yandeng i {
    width: 15px;
    height: 15px;
    margin-left: 12px;
    position: absolute;
    left: 0;
  }
  .container .divUlLi ul {
    padding-left: 55px;
  }
  .container .yandeng {
    position: relative;
    padding-left: 35px;
  }

  .Smallmenu img:nth-child(1) {
    margin-top: 8px !important;
    max-width: 280px !important;
  }
  .Smallmenu img:nth-child(2) {
    margin-top: 8px !important;
    width: 45px !important;
  }
  .JoinUsMain {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .hdyjlDiv.hdyjlDivN > div.VideoSharing {
    width: 54.5%;
  }
  .hdyjlDiv.hdyjlDivN > div.BuddyRanking {
    width: 45%;
  }
  .hdyjlDivN .BuddyRankingUl {
    margin: 0;
  }
  .SMnavDiv {
    margin: 0.5%;
    border-radius: 8px;
  }
  .SMnav4 .SMnavDiv {
    width: 49%;
  }
  .SMnav3 .SMnavDiv,
  .SMnav5 .SMnavDiv {
    width: 32.333333%;
  }

  .SMnav5 .SMnavDiv:nth-child(4),
  .SMnav5 .SMnavDiv:nth-child(5) {
    width: 49%;
  }
  .nyBanner .contentMax {
    position: relative;
    background-color: #fff;
    left: 0;
    width: 100%;
    padding-top: 1vw;

    /* padding-top: 10px; */
  }
  .FreeTrialDiv > header {
    padding-top: 0;
  }
  .IndexTopLogin > header p {
    font-size: 13px !important;
    letter-spacing: 0;
  }
  .IndexTopLogin > img {
    margin-right: 10px;
  }
  #login.HBloginMain > div.bjC2 {
    flex-wrap: wrap;
  }
  .HBloginL {
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  .HBloginL > div span {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .HBloginL > div {
    flex-wrap: wrap;
  }
  .HBloginR {
    width: 100%;
  }
  .HBloginR button::before {
    position: absolute;
    left: 10px;
    top: -5px;
  }
  .HBloginR li {
    width: 25%;
    position: relative;
    border-right: 1px dotted rgba(0, 0, 0, 0.1);
  }

  .HBloginR li:nth-child(3) {
    width: 23%;
  }
  .HBloginR li:nth-child(4) {
    width: 27%;
  }
  .HBloginR li:last-child {
    border: 0;
  }
  .HBloginR li::before {
  }
  .HBloginR button {
    padding-left: 65px;
    position: relative;
  }
  .HBloginL > div span:nth-child(3) {
    margin-bottom: 0;
  }
  #login.HBloginMain {
    width: 97%;
  }
  .IndexICT > div,
  .IndexDsj > div {
    width: 50%;
  }
  .IndexICT > div > a {
    width: 100%;
  }
  .MagazineMain .contentMax {
    flex-wrap: wrap;
  }
  .MagazineMain .contentMax > header {
    width: 100%;
    display: flex;
    padding: 1vw;
  }
  .MagazineMain .contentMax > header div {
    max-width: 100%;
    padding-bottom: 2vw;
  }
  .MagazineMain .contentMax > header img {
    width: 35vw;
    height: 35vw;
    margin-right: 3vw;
  }
  .MagazineMain .contentMax > header h1 {
    font-size: 4.2vw;
    padding-bottom: 0;
  }
  .MagazineMain .contentMax > header h2 {
    font-size: 3.4vw;
    line-height: 5vw;
    padding: 0 2.5vw;
  }
  .MagazineMain .contentMax > header button {
    font-size: 3vw;
    margin: 2vw 0 1vw 0;
    width: 35vw;
    padding: 1vw;
    border-radius: 2vw;
  }
  .MagazineMain .contentMax > header button span:last-child {
    font-size: 16px;
  }
  .MagazineMain ul {
    width: 100%;
  }
  .MagazineMain ul li {
    padding: 2vw;
  }
  .MagazineMain ul li a {
    width: 100%;
  }
  .kjycxUl {
    flex-wrap: wrap;
  }
  .kjycxUl li {
    width: 33.333333%;
  }
  .kjycxUl li:nth-child(4),
  .kjycxUl li:nth-child(5) {
    width: 50%;
  }
  .kjycxMain .titleH1 {
    height: 23vw;
    padding: 1vw;
  }
  .titleH1 h1 {
    padding-top: 1.5vw;
    padding-bottom: 1vw;
    font-size: 3.6vw;
  }
  .kjycxUl li > div img {
    width: 22vw;
  }
  .hdyjlDiv {
    flex-wrap: wrap;
  }
  .hdyjlDiv > div {
    width: 100%;
  }
  .IndexReward ul header img {
    height: 28vw;
  }
  .IndexReward {
    margin-bottom: 2vw !important;
  }
  .IndexReward ul,
  .IndexReward ul li {
    padding: 1vw;
  }
  .BuddyRankingUl {
    margin: 2vw 2vw 0 2vw;
    padding: 1vw;
  }
  .BuddyRankingUl li > div {
    line-height: 55px;
  }
  .BuddyRankingUl li:nth-child(1) div > span:nth-child(1),
  .BuddyRankingUl li:nth-child(2) div > span:nth-child(1),
  .BuddyRankingUl li:nth-child(3) div > span:nth-child(1) {
    background-size: 45px auto;
  }

  .objective {
    background: #e9fdf9;
    border-radius: 12px;
    min-height: auto;
    margin: 20px 0 20px 10px;
  }
  .objective p {
    padding: 0 2vw;
    min-height: auto;
    margin-bottom: 20px;
    min-width: 380px;
  }
  .etutor_SX .objective p {
    margin: 10px;
    max-width: none;
  }
  .FreeTrialBox {
    padding: 0;
  }
  .FreeTrialDiv ul li {
    width: 50%;
  }
  .FreeTrialDiv ul li a::before {
    background-size: auto 100% !important;
    height: 120px;
  }
  .FreeTrialBox .contentMax {
    padding: 2vw 1vw;
  }
  .nyBody .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .footerRLoginImg {
    display: none;
  }
  .IndexTopRight > header,
  .IndexNavInto::before {
    display: none;
  }
}
@media screen and (max-width: 990px) {
  .bannerMain {
    padding-top: 0;
  }
}
@media screen and (max-width: 950px) {
  .RMText span {
    display: block;
  }
  .RMText span:nth-child(2) {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .BuddyRankingUl div > span:nth-child(3) {
    width: 35%;
  }
  .VideoSharingDiv {
    min-width: auto;
  }
  .titleH1 span.kjycxSpan > div {
    font-size: 15px;
    line-height: 18px;
  }
  .QBankNr::before {
    width: 95%;
  }
  .Primary_page_div {
    display: flex;
    flex-wrap: wrap;
  }
  .SMnavPrimary .SMnavDiv {
    width: 105px;
    margin-bottom: 10px;
  }
  .MagAnNew .MagAnYear ul {
    padding-top: 0;
    padding-left: 5px;
  }
  .GAS_pdfPrint a {
    line-height: 50px;
    font-size: 20px;
  }
}
@media screen and (max-width: 880px) {
  .kjycxUlNew {
    margin-top: -10px;
    border-radius: 10px;
  }
  .kjycxMain .titleH1 h1 {
    padding-top: 15px;
  }
  .publicRankMain .RAnalysisHeader {
    padding: 0;
  }
  .publicRankMain .eAssignmentMain .RankingTable {
    margin: 0 10px;
  }
  /* .IndexTopLogin > header span,
  .IndexTopLogin > header p, */
  a.ios,
  a.apk,
  .banben b {
    display: none;
  }
  .MagazineMain .contentMax > header button span:last-child {
    font-size: 2.5vw;
  }
  .objective {
    width: 100%;
    min-height: auto;
  }
  .objective p {
    margin-bottom: 5px;
  }
  .etutor_SX {
    flex-wrap: wrap;
  }
  .objective h2 {
    font-size: 26px;
    padding-top: 10px;
  }
  .mui-h2,
  h2 {
    font-size: 26px;
  }
  .star_right {
    width: 100%;
    margin: 0;
    padding-top: 10px;
  }
  .leverDiv span a {
    width: 32.333333%;
    margin: 5px 0.5%;
    border-radius: 8px;
  }
  .leverDiv span {
    flex-wrap: wrap;
    margin: 0 0 10px 0;
  }
  .leverDiv span a {
    background-color: #4ebbd2 !important;
    min-width: auto;
    padding: 0 10px !important;
  }
  .leverDiv span a.active {
    background-color: #fd7d4c !important;
    line-height: 48px;
  }
  .eclasslist_tit a {
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 50px;
    background-position: center left 15px !important;
  }
  .eclasslist_tit a:hover {
    background-position: center left 15px !important;
  }
  .eclassic_freeC .PromptRed {
    padding: 0 10px;
    font-size: 17px;
  }
  .eclasslist_tit .succMain li {
    flex-wrap: wrap;
  }
  .success_info table tr {
    width: 100%;
  }
  .success_info table tr:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }
}
@media screen and (max-width: 800px) {
  .IndexTop.nyTop .nyTopRight header {
    display: none;
  }
  .redeem_tit ul.redeem_tit_right {
    font-size: 20px;
    line-height: 20px;
    min-height: 70px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 0;
    margin-left: -20px;
  }
}
@media screen and (max-width: 768px) {
  .hdyjlDivN .BuddyRankingUl div > span:nth-child(2) {
    width: 30%;
  }
  .kjycxUlNew1 li {
    width: 50% !important;
  }
  .kjycxUlNew1 li header {
    width: 100%;
  }
  .swiper-button-next,
  .swiper-button-prev {
    margin-top: -6vw;
    width: 5vw;
  }
  .swiper-button-next {
    right: 0%;
  }
  .swiper-button-prev {
    left: 0%;
  }
  .MagAn.MagAnNew ul a {
    font-size: 20px;
    line-height: 40px;
  }
  .ReferenceAnswerTit25 header img {
    max-height: 78px;
  }
  .ReferenceAnswerTit25 {
    font-size: 20px;
  }
  .seclet_qs.pageNew a {
    min-width: 40px;
  }
  .seclet_qs.pageNew span.seclet_act {
    line-height: 40px;
    min-width: 40px;
  }
  .seclet_qs.pageNew span.seclet_act {
    font-size: 20px;
  }
  .pageNew a.RNext,
  .pageNew a.LPrev {
    background-size: auto 40%;
  }
  .seclet_qs.pageNew a.RLast,
  .seclet_qs.pageNew a.LFirst {
    min-width: 90px;
    background-size: auto 88%;
  }
  .NoticeInd {
    margin: 15px 5px 0 5px;
  }
  .NoticeInd > div span {
    line-height: 22px;
    font-size: 16px;
  }
  .SchoolSubscribeMain #update > div:nth-last-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .SchoolSubscribeMain #update > div label div {
    font-size: 19px;
  }
  .success_info table tr:nth-child(odd) {
    border-right: 0;
  }
  .successfully #contact-form > table tr:nth-child(2) td {
    align-items: flex-start;
  }
  .paynowInfor1 br {
    display: none;
  }
  .paynowImg,
  .paynowInfor {
    display: none;
  }
  .paynowImg1,
  .paynowInfor1 {
    display: block;
  }
  .SchoolSubscribeMain {
    background-color: transparent;
  }
  .SchoolSubscribeMain .container {
    padding: 15px 5px;
  }
  .SchoolSubscribeMain #update > div {
    width: 100%;
    border-right: 0;
  }
  .AddOn table tr,
  .AddOn table td {
    display: block;
    width: 100%;
  }
  .AddOn table tr:last-child td .couldSelecte tr {
    display: flex;
  }
  .AddOn table tr:last-child td .couldSelecte td {
    width: auto;
  }
  .AddOn table tr:last-child td .couldSelecte td input {
    margin-top: 5px;
  }
  b.newB {
    width: 11vw;
    background-size: 11vw auto;
    right: -12vw;
  }
  .BuddyRankingUl div > span:nth-child(3) {
    max-width: none;
  }
  .hdyjlDivN .BuddyRankingUl li:nth-child(1) div > span:nth-child(1),
  .hdyjlDivN .BuddyRankingUl li:nth-child(2) div > span:nth-child(1),
  .hdyjlDivN .BuddyRankingUl li:nth-child(3) div > span:nth-child(1) {
    background-size: 45px auto !important;
  }
  .hdyjlDiv.hdyjlDivN > div.VideoSharing {
    padding-top: 10px;
  }
  .VideoSharingDiv {
    min-width: auto;
  }
  .VideoSharingDiv > div {
    overflow: hidden;
  }
  .hdyjlDiv.hdyjlDivN > div.BuddyRanking,
  .hdyjlDiv.hdyjlDivN > div.VideoSharing {
    width: 100%;
  }
  .getPointsMain > .article_p {
    padding: 0 5px;
  }
  .kjycxUlNew li {
    display: flex;
  }
  .kjycxUlNew li > header,
  .kjycxUlNew li > header > div {
    height: 100%;
  }
  .kjycxUlNew li > header > div h1 span {
    min-height: 30px;
  }
  .webeChinese_H p.xxP {
    font-size: 17px;
  }

  .webXX,
  .eChineseHTBJX,
  .eChineseHKS {
    flex-wrap: wrap;
  }
  .eChineseHTBJX span:nth-child(1),
  .eChineseHTBJX span:nth-child(2),
  .eChineseHTBJX span:nth-child(2) img,
  .eChineseHImg .webXX img,
  .eChineseHImg .webXX:nth-child(1),
  .eWritingHImg.eWritingHImg1 > div {
    width: 100%;
  }
  .webeOralImg > div {
    width: 100% !important;
  }
  .eChineseHKS span,
  .eChineseWebNr ul li {
    width: 50% !important;
  }
  .eWritingHImg > div {
    width: 50%;
  }
  .eChineseHEntilte {
    font-size: 20px;
  }
  .webXX h1 {
    padding: 5px 5px 5px 0;
  }
  .webXX {
    padding-bottom: 5px;
  }

  .FunlandATit {
    font-size: 16px;
    line-height: 25px;
  }
  .eChineseHImg .webXX {
    width: 50%;
    margin: 0;
  }
  .eChineseHEn {
    padding: 15px 10px;
  }
  .webeChinese_H {
    padding: 20px 5px;
  }
  .eChineseWebNr ul li a {
    border-radius: 12px;
  }
  .eChineseWebNr ul li a h1 {
    font-size: 17px;
    line-height: 40px;
    border-radius: 5px;
    width: 110px;
    margin-left: -55px;
  }

  .echinese_sam_l3 {
    min-width: 180px;
  }
  .eChinese_samplesTop {
    align-items: flex-start;
  }
  .RMBook {
    padding-top: 10px;
  }
  .aboutZSBDiv li h1 {
    font-size: 18px;
  }
  .aboutZSBDiv li div {
    font-size: 16px;
  }
  .AboutAssessmentMagazineDiv > header {
    font-size: 21px;
    margin-bottom: 5px;
  }
  .AboutAssessmentMagazineDiv > header::before {
    width: 12px;
    height: 12px;
    left: -25px;
    top: 8px;
  }
  .AboutAssessmentMagazineDiv::before {
    width: 2px;
  }
  .AAMageTit {
    font-size: 16px;
  }
  .AboutAssessmentMagazineDiv {
    padding-left: 20px;
    margin-top: 20px;
  }
  .lever_nav {
    padding: 0;
  }
  .ebook_public_list {
    padding: 10px 0;
  }
  .ebook_public_list .col-md-3 {
    padding: 8px;
  }

  .redeem_tit {
    height: 60px;
    margin-top: 25px;
    display: flex;
  }
  .redeem_tit ul.redeem_tit_right {
    font-size: 18px;
    min-height: 60px;
    margin-left: -10px;
  }
  .redeem_tit ul.redeem_tit_left1,
  .redeem_tit ul.redeem_tit_left2,
  .redeem_tit ul.redeem_tit_left3 {
    background-size: 100%;
    width: 85px;
    height: 85px;
    line-height: 80px;
    top: -15px;
    left: -10px;
  }

  .redeem_tit ul.redeem_tit_left1 img,
  .redeem_tit ul.redeem_tit_left2 img,
  .redeem_tit ul.redeem_tit_left3 img {
    height: 35px;
  }
  .OtherServices ul li a img {
    width: 88px;
  }
  .ICTTitle {
    padding-bottom: 0;
  }
  .eLImg {
    position: relative;
    padding-bottom: 55px;
  }
  .eLImg span {
    width: 100% !important;
  }
  .eLImg p {
    position: absolute;
    bottom: -32px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .eListeningDiv div {
    width: 33.333333%;
    padding-bottom: 33.333333%;
  }
  .eListeningDiv div a {
    background-size: 100% !important;
  }
  .eListeningDiv div a h1 {
    font-size: 10.5vw;
    line-height: 12vw;
  }
  .eListeningDiv div a span {
    font-size: 3.5vw;
    display: flex;
    justify-content: center;
    letter-spacing: 0.05rem;
  }
  .free_list_d ul li {
    width: 48%;
    margin-left: 1%;
  }
  .free_tit {
    width: 15%;
  }
  .free_list {
    width: 89%;
    margin-left: 12%;
  }
  .free_tit img {
    left: -13px;
    top: 20px;
  }

  .article_p {
    margin-top: 10px;
    padding: 0 5px;
  }
  .ICTText_img2,
  .ICTText_img4,
  .ICTText_img5 li:nth-child(3) > div:nth-child(2),
  .ICTText_img7,
  .ICTText_img9,
  .ICTText_img6,
  .ICTText_img8 li {
    flex-wrap: wrap;
  }
  .ICTText_img5 li > div:nth-child(2),
  .ICTText_img6 li > div:nth-child(2) {
    display: flex;
  }
  .ICTText_img4_1 span,
  .ICTText_img5 li:nth-child(1),
  .ICTText_img5 li:nth-child(2),
  .ICTText_img8 li:last-child span:nth-child(1) {
    width: 100%;
  }

  .ICTText_img4 span,
  .ICTText_img1 span,
  .ICTText_img5 li:nth-child(3) > div:nth-child(2) span,
  .ICTText_img9 span,
  .ICTText_img10 footer span,
  .ICTText_img8 li span {
    width: 50%;
  }
  .ICTText_img2 span:nth-child(1) {
    width: 43.2%;
  }
  .ICTText_img2 span:nth-child(2) {
    width: 56.8%;
  }
  .ICTText_img2 span:nth-child(3) {
    width: 100%;
  }
  .ICTText_img7 li:nth-child(2) {
    padding-left: 25px;
    width: auto;
  }
  .ICTText_img7 li:nth-child(2) span {
    max-width: 150px;
  }
  .FFreeX .star_table_tit {
    margin-top: 0 !important;
  }
  .FFreeX .col-sm-4 {
    width: 50%;
    padding-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .SX_ebooks > span {
    padding-bottom: 95%;
  }
  .SX_ebooks .videolist {
    bottom: 25px;
    margin-left: 120px;
  }
  .echinese_sam_l2 {
    display: none;
  }
  .echinese_sam_r {
    width: 100%;
    padding: 0px 10px 0 10px;
  }
  .echineseList {
    padding-top: 5px;
  }
  .echineseListDiv > header a,
  .echineseListDiv > header {
    border-radius: 8px;
  }
  .echineseListDiv {
    width: 50%;
    padding: 7px;
  }

  .SMnavDiv span:nth-child(2) {
    font-size: 15px;
    padding: 0 0 3px 0;
  }
  .IndexFooter .contentMax {
    justify-content: flex-end;
  }
  .IndexFooter .contentMax > div {
    width: 100%;
    margin-bottom: 1vw;
  }
  .IndexFooter {
    font-size: 15px;
    padding: 2vw 0;
  }
  .IndexFooter span {
    color: #fff;
  }
  .HBloginR button {
    padding-left: 55px;
  }
  .HBloginR button::before {
    left: 3px;
  }
  .demo_tit {
    min-width: 320px;
  }
  .eChineseWebNr header {
    flex-wrap: wrap;
  }
  .eChineseWebNr header > div:nth-child(2) {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .titleH1 h1 {
    padding-top: 2vw;
    font-size: 3.6vw;
  }
  .titleH1 span {
    font-size: 2.2vw;
    line-height: 3vw;
    max-width: 88%;
  }
  .kjycxUlNew {
    margin-top: 0;
    padding: 10px 0;
  }
  .titleH2 h2 {
    font-size: 20px;
  }
  .titleH2 span {
    font-size: 17px;
  }
  .MagazineMain {
    padding: 2vw 0;
  }
  .kjycxMain .titleH1 {
    height: auto;
    padding-bottom: 3vw;
    background-size: auto 100%;
    background-position: center left 20%;
  }
  .kjycxUl {
    margin-top: -10vw;
  }
  .star_img_tit {
    font-size: 17px;
  }
  .star_img_tit span {
    font-size: 14px;
  }
  .star_nav {
    min-height: 140px;
  }
  .star_img_tit b {
    display: none;
  }
  .star_navh {
    padding: 10px 0 5px 0;
  }
  .mui-h2,
  h2,
  .objective h2 {
    font-size: 22px;
  }
  .star_table_tit h2 {
    /* padding-bottom: 5px; */
    font-size: 24px;
    padding-bottom: 0;
  }
  .star_table_tit h2 small {
    font-size: 18px;
  }
  .article_p p {
    font-size: 16px !important;
    line-height: 25px;
  }
  .article_p p span {
    font-size: 16px !important;
  }
  .star_table_tit .regula_chi a {
    width: 80px;
    line-height: 35px;
    height: 35px;
  }
  .videoBig .videoDiv {
    width: 50px;
    height: 40px;
  }
  .easse_sj {
    display: block;
    margin: auto;
  }
  .easse_div a {
    width: 37.3%;
    padding-bottom: 35%;
    height: 0;
  }
  .easse_div_1 {
    left: 0.5%;
    top: -1%;
  }
  .easse_div_2 {
    left: 31.5%;
    top: 20%;
  }
  .easse_div_3 {
    left: 62.5%;
    top: -1%;
  }
  .easse_div_4 {
    left: 0%;
    bottom: 20%;
  }
  .easse_div_5 {
    left: 31.5%;
    top: 60.5%;
  }
  .easse_div_6 {
    left: 62.5%;
    bottom: 20%;
  }
  img.easse_pc {
    display: none;
  }
  .easse_div {
    max-width: 680px;
  }
  .IndexTopLogin > header p {
    font-size: 12px !important;
    line-height: 12px;
    padding-top: 3px;
    padding-right: 10px;
  }
  .IndexTopLogin > header span {
    font-size: 13px;
    line-height: 20px;
  }
  .IndexNavInto {
    margin-left: 12px;
  }
  .IndexNavInto::before {
    left: -9px;
  }
  .MagazineMain .contentMax > header {
    padding: 1vw 3vw;
  }
  .MagazineMain ul {
    padding: 0 2vw;
  }
  .HBloginL {
    padding: 0 1vw;
  }
  .HBlogin {
    margin-left: 0;
    margin-right: 0;
  }
  .HBloginL h1 {
    margin-top: 5px;
  }
  .kjycxMain {
    padding-bottom: 0;
  }
  .hdyjlTitle h1 {
    font-size: 3.2vw;
  }
  .BuddyRankingUl {
    margin: 0;
  }
  .OtherServices .titleH1 h1 {
    padding-top: 2vw;
  }
  .kjycxUlNew li > header footer {
    display: none;
  }
  .imgPC {
    height: 39vw;
  }

  .GetPasswordDiv ul li {
    flex-wrap: wrap;
  }
  .GetPasswordDiv ul li > div {
    border-right: 0;
  }
  .GetPasswordDiv ul li > div:nth-child(1) {
    width: 100%;
    background-color: #dbeafa;
    justify-content: flex-start;
  }
  .GetPasswordDiv ul li > div:nth-child(2) {
    width: 100%;
  }
  .GetPasswordDiv ul li > div:nth-child(3) {
    width: 100%;
    padding-top: 0;
    font-size: 15px;
  }
  .GetPasswordDiv footer#Next {
    justify-content: flex-start;
  }
  .GetPasswordDiv footer#Next span {
    position: relative;
    padding: 0 5px;
  }
  .GetPasswordBanner > header {
    background-size: auto 65%;
    padding-left: 65px;
  }
  .GetPasswordBanner > header span:nth-child(1) {
    font-size: 17px;
  }
  .GetPasswordBanner > header span:nth-child(2) {
    font-size: 18px;
  }
  .GetPasswordDiv ul footer {
    padding: 5px;
  }
  .GetPasswordDiv ul footer input {
    line-height: 40px;
    border-radius: 5px;
    width: 120px;
  }
  .pD {
    margin-top: 15px !important;
    font-size: 15px;
  }
  .titleTop div a span {
    line-height: 40px;
    padding: 0 10px 0 25px;
  }
  .titleTop div a span::before,
  .titleTop div a span::after {
    left: 10px;
  }
  .LoginHelpDiv {
    background-color: transparent;
  }
  .PopupHomeSubscribe .PopupDiv > img {
    width: 80px !important;
  }
  .PopupHomeSubscribe footer input {
    line-height: 45px !important;
  }
  .lever_nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  .lever_nav ul li {
    margin-top: 10px;
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    max-width: none;
  }
  .lever_nav ul li a {
    font-size: 17px;
    line-height: 50px;
  }
  .demo_tit2026,
  .demo_tit2026a {
    height: 45px;
    margin-right: 0;
  }
  .eChineseHTBJX span img {
    margin-bottom: 10px;
  }
  .eChineseHTBJX span:last-child img {
    margin-bottom: 0;
  }
  .eChineseHImg .webXX {
    padding-bottom: 0;
  }
  .webeChinese_H .eChineseHImg .webXX {
    width: 100% !important;
  }
  .eChineseHKS span {
    width: 100% !important;
    padding: 5px 0;
  }
  .eChinese_samplesTop {
    margin-top: 0;
    margin-left: 0;
  }
  .eChinese_samplesTop .echinese_sam_r3 {
    padding: 0 5px;
  }
  .Funland_hD .contentMax {
    padding: 0 10px;
  }
  .Funland_hD .contentMax .webXX {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 720px) {
  .IndexTopLogin {
    padding: 5px 0;
  }
  .IndexTopLogin > header span,
  .IndexTopLogin > header p {
    display: none;
  }
  .banben a {
    color: #fff !important;
    margin: 0 5px;
    border-radius: 5px;
    text-decoration: none;
    width: 80px;
    text-align: center;
    padding: 3px 5px;
  }
  .banben a b {
    font-weight: normal;
    margin-top: -2px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    width: 100%;
    background: transparent;
    line-height: 15px;
  }

  .IndexTopLogin > header {
    padding: 0;
  }
  .IndexTopLogin > img {
    max-height: 48px;
  }
  .IndexTop {
    padding: 0 5px;
  }
  .IndexNavInto {
    margin-left: 15px;
  }
  .IndexNavInto::before {
    left: -10px;
  }
  .FreeTrialDiv ul li a span:nth-child(2) {
    font-size: 18px;
  }
  .demo_tit {
    width: 100%;
    position: relative;
  }
  .demo_tit2026,
  .demo_tit2026a {
    position: absolute;
    right: 0;
    bottom: 15px;
  }
  .FreeTrialSub {
    flex-wrap: wrap;
  }
  .FreeTrialSub > div {
    width: 50%;
  }
  .FreeTrialSub a {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .IndSwiper {
    bottom: 15px;
    height: 16px;
  }
  .IndSwiper .swiper-pagination {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 6px;
  }
  .IndSwiper .swiper-pagination-bullet {
    margin: 0 2px;
  }
  .baozhiDiv {
    flex-wrap: wrap;
    padding-bottom: 1vw;
  }
  .baozhiDiv a {
    width: 30.333333%;
    padding-bottom: 0;
    padding: 0 1%;
  }
  .baozhiDiv b {
    width: 1%;
    min-width: 1%;
    min-height: auto;
    height: 0;
    padding-bottom: 1%;
  }
  .baozhiDiv a.active::before {
    width: 4.5vw;
    height: 4.5vw;
    bottom: -2vw;
    background-size: 100%;
    z-index: 1;
  }
  .baozhiDiv b:nth-child(6) {
    display: none;
  }
  .MagAnNewPrimary .SMnavDiv span:nth-child(1) {
    font-size: 16px;
  }
  .MagAnNewPrimary .SMnavDiv {
    min-width: auto;
    width: 30% !important;
  }
  .MagAnNewPrimary .SMnavDiv a {
    line-height: 25px;
  }
  .MagAnNew {
    margin: 10px 12px 0 12px;
  }
  .MagAnNewPrimary {
    padding: 10px 5px 5px 5px;
  }
  .MagAn.MagAnNew ul a {
    width: auto;
    padding: 0 20px;
  }
  .GAS_pdfPrint {
    padding-top: 10px;
    margin-top: 10px;
  }
  .GAS_pdfPrint a {
    line-height: 45px;
    font-size: 17px;
    background-size: 35px;
    padding-left: 50px;
    border-radius: 8px;
  }
  .ReferenceAnswerTit25 header img {
    width: 60vw;
    max-width: 240px;
  }

  .ICTTextTop div {
    font-size: 20px;
  }
  .ICTTextTop span {
    font-size: 17px;
    line-height: 20px;
  }
  .project_nav .col-md-6:nth-child(9) .project_nav_list {
    border-bottom: 1px dashed #dfdfdf;
  }
  .successfully #contact-form > table tr:nth-child(2) td {
    flex-wrap: wrap;
  }
  .successfully #contact-form > table tr:nth-child(2) img {
    margin-right: 0;
    max-width: 300px;
  }
  .MagAn ul {
    display: flex;
    padding: 2vw 1vw;
    width: 88vw;
  }
  .MagAn ul #magazine_years {
    width: 100%;
    display: flex;
  }
  .daanRight,
  .daanLeft {
    width: 6vw;
    height: 6vw;
    background-size: 80%;
  }
  .MagAn ul a {
    width: 19%;
    margin: 5px 0.5%;
    padding: 0;
    text-align: center;
  }
  .seclet_qs {
    margin-top: 0;
  }
  .SMnavPrimary .SMnavDiv {
    width: 32.333333%;
  }
  .seclet_qs a,
  .Primary_page_div span {
    font-size: 22px;
    padding: 0 5px;
  }
  .echinese_sam_r3 {
    width: 100%;
  }
  .echinese_sam_l3 {
    display: none;
  }
  .aboutZSBDiv footer {
    display: none;
  }
  .AboutZSB .AAM2 .AboutAssessmentMagazineDivImg span {
    width: 50%;
  }
  .AAM2 .AboutAssessmentMagazineDivImg span:nth-child(8),
  .AAM2 .AboutAssessmentMagazineDivImg span:nth-child(9),
  .AAM2 .AboutAssessmentMagazineDivImg span:nth-child(10),
  .AAM2 .AboutAssessmentMagazineDivImg span:nth-child(11) {
    width: 50% !important;
  }
  .AboutZSB .AAM2 .AImg1 span,
  .AboutZSB .AAM2 .AImg2 span {
    width: 100% !important;
  }
  .AboutZSB .AAM2 .AImg1 span img {
    width: 100%;
  }
  .project_nav .col-md-6 {
    width: 100%;
  }
  .project_nav_list {
    padding: 8px 0;
    min-height: auto;
  }
  .duocl {
    font-size: 16px;
    width: 100%;
  }
  .leverDiv span a,
  .leverDiv span a.active {
    line-height: 40px;
    font-size: 17px;
  }
  .eclasslist_tit a {
    font-size: 17px;
  }
  .eclassic_freeC .PromptRed {
    font-size: 16px;
  }
  .eass_tit_bg {
    text-align: center;
  }
  .eass_tit_bg ul {
    width: auto;
    display: inline-block;
    font-size: 18px;
    padding: 5px 10px;
    height: auto;
  }
  .eAssHighlightP img {
    width: 100% !important;
    margin: 0 !important;
  }
  .eAssHighlightP img:nth-child(1) {
    margin-bottom: 15px !important;
  }
  .HBloginR button {
    padding-left: 0;
    position: relative;
  }
  .HBloginR button::before {
    position: relative;
  }
  .HBloginR li {
    text-align: center;
  }
  .HBloginR button::before {
    left: auto;
    top: auto;
  }
  .MagazineMain .contentMax > header {
    width: 95%;
    margin: auto;
  }
  .MagazineMain .contentMax > header img {
    margin-right: 1vw;
  }
  .LoginHelpBanner header {
    font-size: 20px;
  }
  .LoginHelpBanner {
    min-height: 60px;
  }

  .eExercise_top1 h1 {
    font-size: 24px;
    margin-top: 0;
  }
  .eExercise_top1 h2 {
    font-size: 20px;
  }
  .eExercise_top1 {
    padding-left: 110px;
  }
  .eExercise_top_img {
    width: 75px;
  }
}
@media screen and (max-width: 650px) {
  .eChineseWebNr header .demo_tit img {
    height: 65px;
  }
  .eChineseWebNr header .demo_tit img.demo_tit2026,
  .eChineseWebNr header .demo_tit img.demo_tit2026a {
    height: 35px;
  }
  .RMText span {
    display: inline-block;
  }
  .ReadingMagazineImg,
  .fen2023 {
    flex-wrap: wrap;
  }
  ul.PageNav {
    margin-left: auto;
  }
}
@media screen and (max-width: 580px) {
  .IndexTopLogin a {
    width: 43px;
    height: 43px;
    min-width: 43px;
  }
  .IndexTopLogin > img {
    margin-right: 5px;
  }
  .IndexTopRight > header a img {
    width: 40px;
    min-width: 40px;
  }
  .titleH1 span {
    width: 100%;
    max-width: 100%;
  }
  .kjycxUlNew li > header > div {
    padding: 5px 10px 15px 10px;
  }
  .MagazineMain .contentMax > header img {
    width: 38vw;
    height: 38vw;
  }
  .hdyjlTitle h1 {
    font-size: 4.2vw;
  }
  .kjycxUlNew li {
    width: 50%;
  }
  .banben {
    padding-right: 0;
  }
  .eOralFree > header {
    flex-wrap: wrap;
    padding: 0 0 10px 0;
  }
  .eOralFree > header div {
    width: 50%;
  }
  .eOralFree > header div a {
    border: 1px solid #ff9966;
    border-radius: 5px;
    font-size: 15px;
    line-height: 40px;
    height: auto;
    margin: 5px 0;
  }
  .eOralFree > header .active a {
    line-height: 40px;
    font-size: 16px;
    height: auto;
    margin: 5px 0;
  }
  .eoral_q ul li a {
    margin-left: 8px;
  }
  .eoral_q_button01,
  .eoral_q_button02 {
    width: 100px;
    height: 24px;
    font-size: 12px;
  }
  .eoral_q_button01 {
    background: url(../images/eoral_13.png) no-repeat;
    background-size: cover;
  }
  .eoral_q_button02 {
    background: url(../images/eoral_15.png) no-repeat;
    background-size: cover;
  }
  .buddy_nav {
    min-height: 110px;
    padding-bottom: 10px;
  }
  .buddy_nav .row {
    flex-wrap: wrap;
  }
  .buddy_nav .contentMax {
    padding: 0;
  }
  .buddy_nav .row .etutorstar_nav {
    width: 33.333333%;
    padding-top: 0;
  }
  .star_img_02 {
    margin-bottom: 0;
  }
  .SMnav3 .SMnavDiv,
  .SMnav5 .SMnavDiv {
    width: 49%;
  }
  .SMnav3 .SMnavDiv:nth-child(3),
  .SMnav5 .SMnavDiv:nth-child(5) {
    width: 99%;
  }

  .IndexTopLogin > header {
    position: absolute;
    right: 60px;
  }
  .banben a {
    border-radius: 5px;
    padding: 3px 0;
    min-width: 65px;
    width: auto;
  }
  .banben a:nth-child(1) {
    margin: 0 3px 0 0;
  }
  .IndexNavInto {
    width: 38px;
    height: 38px;
  }

  .IndexNavInto {
    border-radius: 6px;
    margin-left: 5px;
  }
  .IndexNavInto span {
    height: 3px;
  }
  .IndexNavInto span::before {
    height: 3px;
  }
  .IndexNavInto span::after {
    height: 3px;
  }
  .banben a b {
    font-size: 11px;
    line-height: 13px;
    padding-top: 1px;
  }
  .IndexTopLogin > img {
    max-height: 45px;
  }
  .IndexNavInto::before {
    display: none;
  }
  .MagazineMain ul li {
    padding: 2vw 3vw;
    width: 50%;
  }
  .MagazineMain .contentMax > header {
    width: 100%;
    margin: auto;
  }
  .MagazineMain .contentMax > header h1 {
    font-size: 4.8vw;
    padding-bottom: 1vw;
  }
  .MagazineMain .contentMax > header p {
    font-size: 2.8vw !important;
  }
  .MagazineMain .contentMax > header button {
    width: 40vw;
  }
  .MagazineMain .contentMax > header button {
    font-size: 3.6vw;
  }
  .MagazineMain .contentMax > header button span:last-child {
    font-size: 2.6vw;
  }
  .MagazineMain .contentMax > header img {
    margin-right: 0vw;
  }
  .titleH1 h1 {
    padding-top: 2vw;
    font-size: 4.6vw;
  }
  .titleH1 span {
    font-size: 2.8vw;
    line-height: 3.4vw;
  }
  .kjycxUl {
    margin-top: -5vw;
  }
  .OtherServices ul h1 {
    font-size: 17px;
  }
  .OtherServices ul span {
    font-size: 15px;
  }
  .OtherServices ul li a {
    padding: 2vw 1vw;
  }
  .OtherServices ul {
    padding: 0 0 2vw 0;
  }
  .titleH1 {
    padding: 1vw 1vw 3vw 1vw;
  }
  .titleH2 {
    padding: 0 5px 5px;
  }
  .ICTTitle span {
    display: flex;
    line-height: 15px;
    padding-top: 3px;
    justify-content: center;
  }
  .titleH2 span,
  .MagazineMain .contentMax > header p {
    font-size: 15px !important;
  }
  .DsjImg img {
    width: 80%;
  }
  .nyBody .IndexNavInto::before,
  .bjColor .IndexNavInto::before {
    display: none;
  }
  .star_img_tit span {
    display: none;
  }
  .star_nav {
    min-height: auto;
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .star_img_tit {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .star_nav .contentMax {
    padding-right: 0px;
  }
  .star_img_02 img {
    width: 70%;
  }
  .serviceUp header a span {
    font-size: 12px;
    line-height: 15px;
    line-height: 20px;
  }
  .serviceUpNew header a span {
    font-size: 12px !important;
  }
  .phoneInto {
    font-size: 15px;
  }
  .serviceUpNew:hover .serviceUpDiv {
    top: -160px;
  }
  .serviceUp header a span b {
    font-size: 11px;
  }
  .kjycxMain .titleH1 h1 {
    padding-top: 3vw;
  }
  .FreeTrialTit {
    padding-right: 0;
    width: 100%;
  }
  .FreeTrialTit span:nth-child(2) {
    font-size: 17px;
    line-height: 20px;
  }
  .FreeTrialSub {
    flex-wrap: wrap;
    width: 100%;
  }
  .FreeTrialSub a {
    width: 100%;
    font-size: 16px;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .FreeTrialDiv > header {
    padding-bottom: 0;
  }
  .FreeTrialDiv ul li {
    padding: 8px;
  }
  .FreeTrialSub > div {
    width: 50%;
  }
  .FreeTrialSub > div:nth-child(1) {
    padding: 5px;
  }
  .FreeTrialSub > div:nth-child(1) a {
    font-size: 14px;
  }
  .FreeTrialSub a span:nth-child(1) {
    font-size: 13px;
  }

  .FreeTrialSub > div:nth-child(1) a br {
    display: none;
  }
  .FreeTrialSub a span:nth-child(2) {
    margin-left: 5px;
  }
  .FreeTrialSub a span {
    font-size: 17px;
  }
  .FreeTrialDiv > header {
    padding: 0 5px 5px 5px;
  }
}
@media screen and (max-width: 520px) {
  .IndexTopLogin a,
  .nyBody .logonN,
  .SMnavDiv span b {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .eChineseWebEn {
    font-size: 16px;
    padding: 20px 10px;
    line-height: 22px;
  }
  .eChineseWebNr ul li {
    width: 100% !important;
  }
  .foot_left {
    text-align: center;
  }
  .IndexFooter .contentMax > div {
    text-align: center;
  }
  .IndexFooter span {
    font-size: 13px;
    max-width: 300px;
    display: inline-block;
    opacity: 0.8;
    padding-top: 3px;
  }
  .footerRLNew > footer {
    margin: auto;
  }
  .NoticeInd header {
    font-size: 16px;
  }
  .NoticeInd > div span {
    line-height: 18px;
    font-size: 15px;
  }
  .labelDiv {
    padding: 5px 10px;
  }
  .successfully input.btn_complete {
    height: 40px;
    font-size: 18px;
    padding: 0 15px;
  }
  .successfully #update > div:nth-child(1),
  .successfully #contact-form > table tr:first-child td {
    font-size: 18px;
  }
  .successfully #contact-form > table tr:nth-child(2) td > div {
    font-size: 17px;
    line-height: 22px;
  }
  .successfully .paytitle {
    font-size: 17px;
  }
  .successfully #contact-form > table tr:nth-child(2) img {
    width: 60%;
    margin: auto;
  }
  .success_info table td:nth-child(1) {
    width: 100%;
    display: block;
    text-align: left;
    border-right: 0;
    height: 40px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
  }
  .SchoolSubscribeMain .clean-input-message input {
    margin: 5px;
    line-height: 40px;
    border-radius: 5px;
  }
  .labelDiv.p01 > label:nth-child(1),
  .SelectPayment > div:nth-child(2) > div {
    padding: 10px 10px;
  }
  .SchoolSubscribeMain .tableTrIB_D {
    font-size: 17px;
  }
  .SchoolSubscribeMain #update > div label input {
    margin: 10px;
  }
  .SchoolSubscribeMain #update > div {
    padding: 0;
  }
  .SchoolSubscribeMain .bdmain > div > div:nth-child(2) {
    background-color: #fff !important;
  }
  .SchoolSubscribeMain #update > div label {
    flex-wrap: wrap;
  }
  .SchoolSubscribeMain #update > div label div {
    width: 100%;
    background-color: #f6fafd;
    display: block;
    line-height: 40px;
    padding: 0 10px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
    margin-bottom: 10px;
  }
  .VideoSharingDiv > footer a {
    font-size: 15px;
  }
  .hdyjlDiv.hdyjlDivN > div.VideoSharing {
    padding-top: 0;
  }
  .hdyjlDivN .IndexReward ul li {
    width: 50%;
  }
  .hdyjlDivN .hdyjlTitle h1 {
    background-size: 35px !important;
    font-size: 18px;
  }
  .VideoSharingDiv ul span {
    font-size: 16px;
    line-height: 25px;
    border-radius: 5px;
    min-width: 55px;
    padding: 0 5px;
  }
  .VideoSharingDiv ul li {
    padding: 10px 3px 0 3px;
  }
  .VideoSharingDiv ul span::before {
    background-size: 30px auto !important;
    margin-right: 3px;
  }
  .VideoSharingDiv {
    border-radius: 5px;
  }
  .hdyjlBox {
    padding-bottom: 10px;
  }
  .hdyjlDivN .BuddyRankingUl li:nth-child(1) div > span:nth-child(1),
  .hdyjlDivN .BuddyRankingUl li:nth-child(2) div > span:nth-child(1),
  .hdyjlDivN .BuddyRankingUl li:nth-child(3) div > span:nth-child(1) {
    background-size: 35px auto !important;
    background-position: center top 10px;
  }
  .serviceUp.serviceUp {
    /* bottom: 10px; */
  }
  .serviceUp ul li {
    height: 40px;
  }
  .kfImg,
  .emailImg {
    width: 45px;
    height: 45px;
  }
  .page_ul li {
    font-size: 17px;
  }
  .seclet_qs a,
  .Primary_page_div span {
    font-size: 18px;
    padding: 0 3px;
  }
  .SMnavPrimary .SMnavDiv {
    width: 31.333333%;
  }
  .MagAn ul a {
    line-height: 40px;
    font-size: 16px;
  }
  .FunlandATit header span {
    display: block;
  }
  .eChineseWebNr ul li {
    padding: 6px;
  }
  .eChineseWebNr ul li a {
    padding: 5px 5px 25px 5px;
    margin-bottom: 20px;
    border-radius: 8px;
  }
  .AboutAssessmentMagazineDivImg span {
    /* width: 50%; */
  }
  .AboutAssessmentMagazineDiv > header {
    font-size: 18px;
  }
  .AboutZSB .AAM1 .AboutAssessmentMagazineDivImg span:nth-child(4) {
    /* width: 50% !important; */
  }
  .AboutZSB .AAM1 .AboutAssessmentMagazineDivImg span:nth-child(5) {
    /* width: 100% !important; */
  }
  .AboutZSB .AAM2 .AboutAssessmentMagazineDivImg span,
  .AAM2 .AboutAssessmentMagazineDivImg span {
    width: 100% !important;
  }
  .FreeTrialDiv ul li a span:nth-child(2) {
    font-size: 17px;
  }
  .eclasslist_tit a {
    padding: 0 20px;
    line-height: 45px;
    margin: 5px;
  }
  .SMnavDiv a,
  .SMnavDiv.active a {
    padding: 5px 0;
  }
  .SMnavDiv {
    margin: 1%;
  }
  .SMnav4 .SMnavDiv,
  .SMnav3 .SMnavDiv,
  .SMnav5 .SMnavDiv,
  .SMnav5 .SMnavDiv:nth-child(4) {
    width: 48%;
  }
  .SMnav5 .SMnavDiv:nth-child(5) {
    width: 100%;
  }
  .mui-h2,
  h2,
  .objective h2 {
    font-size: 20px;
  }
  .eOralFreeDiv .star_table_tit {
    margin-bottom: 0;
  }
  .star_table_tit h2 {
    margin-top: 5px;
  }
  .eoral_q ul,
  .eoral_q ul li {
    font-size: 16px;
  }
  .eoral_q ul li span {
    font-size: 19px;
  }
  .lever_nav ul li a {
    height: 45px;
    line-height: 45px;
  }

  .RMBook .video > div.col-xs-4 {
    padding: 0 10px;
  }
  .RMBook .video {
    margin: 0 -5px;
  }

  .FreeTrialTit span {
    font-size: 15px;
    padding-left: 5px;
  }
  .FreeTrialTit span:nth-child(2) {
    font-size: 15px;
    line-height: 15px;
  }
  .FreeTrialSub a {
    flex-wrap: wrap;
  }
  .FreeTrialSub a span {
    width: 100%;
  }
  .FreeTrialDiv ul li a span:nth-child(1) {
    font-size: 15px;
    line-height: 15px;
  }
  .FreeTrialDiv ul li a span:nth-child(2) {
    font-size: 18px;
  }
  .FreeTrialDiv ul li a::before {
    background-size: auto 100% !important;
    height: 110px;
  }
  .FreeTrialDiv ul {
    padding: 0 3px;
  }
  .demo_tit {
    min-width: auto;
    width: 300px;
  }
  .eChineseWebNr header {
    padding: 0px 5px 0 5px;
  }
  .FFreeX > .row {
    padding-top: 10px;
    padding-bottom: 0 !important;
  }
  .FreeTrialDiv ul li a {
    border-radius: 8px;
    padding: 10px 5px;
  }
  .FreeTrialDiv ul li {
    padding: 5px;
  }
  .objective,
  .objective p {
    min-width: auto;
    line-height: 25px;
  }
  .FFreeX .col-sm-4 {
    width: 100%;
  }
  .FFreeX .col-sm-4 a {
    display: block;
  }
  .nyBody .IndexNav {
    right: 40px;
  }
  .SMnavDiv span:nth-child(2) {
    font-size: 14px;
  }
  .SMnavDiv span:nth-child(1) {
    /* font-size: 16px; */
  }
  .IndexNav {
    min-width: 180px;
    margin-top: -2px;
  }
  .IndexNav li > div {
    padding: 5px 5px 0px 0px;
  }
  .ICTNavTit b {
    width: 16px;
    height: 16px;
  }
  .IndexNav h1 {
    font-size: 17px;
  }
  .IndexNav li > div span {
    font-size: 13px;
  }
  .IndexNav li > footer div a {
    display: flex;
    flex-wrap: wrap;
    line-height: 20px;
    padding: 5px 0px;
  }
  .IndexNav li > footer div a span {
    font-size: 13px;
    line-height: 15px;
    display: flex;
    width: 100%;
  }
  .IndexNav li > footer {
    left: -155px;
  }
  .IndexNavLi:hover footer {
    left: -145px;
    width: 140px;
  }
  .kjycxUl li > div::before,
  .kjycxUl li > div::after,
  .kjycxUl li > div header::before,
  .kjycxUl li > div header::after {
    width: 8px;
    height: 8px;
    left: -4px;
    top: -4px;
  }
  .kjycxUl li > div header::after {
    left: auto;
    right: -4px;
  }
  .kjycxUl li > div header::before {
    top: auto;
    left: auto;
    right: -4px;
    bottom: -4px;
  }
  .kjycxUl li > div::after {
    top: auto;
    bottom: -4px;
  }
  .serviceUp header a {
    background-size: 80%;
    padding-top: 55px;
  }
  .serviceUp ul li {
    height: 45px;
  }
  .ToppingInto {
    width: 35px;
    height: 35px;
    background-size: 70%;
  }

  .serviceUp header {
    padding-bottom: 10px;
  }
  .IndexDsj {
    padding-bottom: 10px;
  }
  .IndexDsj > div {
    padding: 5px;
  }
  .IndexDsj > div a {
    padding: 10px 5px 10px 5px;
  }
  .ICTTitle h1,
  .titleH2 h2 {
    font-size: 18px;
  }
  .titleH2 span {
    font-size: 15px;
  }
  .BuddyRankingUl li:nth-child(1) div > span:nth-child(1),
  .BuddyRankingUl li:nth-child(2) div > span:nth-child(1),
  .BuddyRankingUl li:nth-child(3) div > span:nth-child(1) {
    background-size: 35px auto;
    background-position: center top 10px;
  }
  .BuddyRankingUl div > span:nth-child(1) {
    font-size: 17px;
  }
  .BuddyRankingUl li > div {
    font-size: 17px;
    line-height: 50px;
    border-radius: 5px;
  }
  .BuddyRankingUl li {
    padding: 1vw;
  }
  .BuddyRankingUl div > span:nth-child(4) {
    min-width: 70px;
  }
  .hdyjlDiv > div {
    border-radius: 10px;
    margin: 0;
  }
  .IndexReward ul header img {
    height: 35vw;
  }
  .BuddyRankingUl {
    border-radius: 8px;
  }
  .IndexTopRight > header a img {
    width: 40px;
    min-width: 40px;
  }
  .hdyjlTitle h1::before {
    background-size: 92% !important;
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
  .hdyjlTitle a {
    font-size: 16px;
    padding: 0;
  }
  .hdyjlTitle h1 span {
    font-size: 16px;
    padding-left: 5px;
  }
  .hdyjlTitle h1 {
    font-size: 18px;
  }
  .IndexRewardImg span {
    font-size: 17px;
  }
  .MagazineMain .contentMax > header button span {
    font-size: 16px;
    letter-spacing: 0.25rem !important;
  }
  .MagazineMain .contentMax > header button span:last-child {
    font-size: 11px;
    letter-spacing: 0.1rem !important;
  }
  .kjycxUl li header {
    font-size: 18px;
  }
  .titleH1 span {
    font-size: 14px;
    line-height: 18px !important;
    width: 98%;
    margin: auto;
  }
  .titleH1 h1 {
    font-size: 19px;
  }
  .OtherServices {
    margin-top: 2vw;
    padding-bottom: 4vw;
    min-height: auto;
  }
  .OtherServices ul span {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 13px;
    justify-content: center;
    padding-top: 3px;
    display: flex;
    min-height: 20px;
  }
  .OtherServices ul h1 {
    font-size: 17px;
  }
  .HBloginR button {
    font-size: 12px;
  }
  #login.HBloginMain {
    width: 99%;
  }
  .HBloginL {
    padding: 1vw;
  }
  .HBloginL h1 {
    font-size: 4.8vw;
  }
  .HBloginL h1 span {
    font-size: 4.4vw;
  }
  .HBloginR {
    padding: 0.5vw 0 1vw 0;
  }
  button.LoginHelpHB {
    min-width: 65px;
  }
  button.FreeTrialHB {
    min-width: 65px;
  }
  button.GetPasswordHB {
    min-width: 80px;
  }
  button.HomeSubscribeHB {
    min-width: 100px;
  }
  .HBloginR li:nth-child(1) {
    width: 25%;
  }
  .HBloginR li:nth-child(2) {
    width: 22%;
  }
  .HBloginR li:nth-child(3) {
    width: 22%;
  }
  .HBloginR li:nth-child(4) {
    width: 31%;
  }
  .HBloginR {
    min-width: auto;
  }
  .HBloginR button span {
    font-size: 14px;
  }
  .HBloginR button::before {
    width: 45px;
    height: 45px;
    background-size: 100% !important;
  }
  .kjycxUl li > div img {
    width: 28vw;
  }
  .kjycxUl li,
  .IndexReward ul li {
    width: 50%;
  }
  .kjycxUl li:nth-child(5) {
    width: 100%;
  }
  .IndexICT {
    padding-bottom: 0;
  }
  .kfImg {
    background-size: 78%;
  }
  .emailImg {
    background-size: 88%;
  }
  .phoneInto {
    background-size: 70% auto;
    padding-top: 40px;
  }
  .serviceUpNew:hover .serviceUpDiv {
    top: -155px;
  }
  .kjycxUlNew li {
    padding: 2vw;
  }
  .kjycxUlNew li > header > div h1 {
    font-size: 5vw;
  }
  .kjycxUlNew li > header > div {
    padding: 5px 5px 10px 5px;
  }
  .kjycxUlNew li > header > div h1 span {
    font-size: 4vw;
  }
  .IndexTopLogin > img {
    max-height: 38px;
  }
  .logonN img {
    height: 45px;
  }
  .banben a {
    font-size: 14px;
    width: 60px;
    min-width: 60px;
    border-radius: 5px;
    height: 35px;
    margin: 0 3px;
  }
  .banben a b {
    font-size: 10px;
    margin-top: -2px;
  }
  .IndexTopRight > header {
    display: none;
  }
  .IndexNavInto {
    width: 36px;
    height: 36px;
  }
  .OtherServices ul li a img {
    width: 20vw;
  }
  .OtherServices ul li {
    padding: 5px;
  }
  .OtherServices {
    background: transparent;
    padding-bottom: 2vw;
  }
  .PopupHomeSubscribe .PopupDiv > img {
    width: 70px !important;
  }
  .PopupHomeSubscribe footer input {
    font-size: 17px !important;
  }
  .PopupHomeSubscribe header span {
    line-height: 18px !important;
    font-size: 15px !important;
    padding-bottom: 5px !important;
  }
  .eChineseWebNr header div.demo_tit {
    width: 100%;
  }
  .eChineseWebNr header .demo_tit img.demo_tit2026,
  .eChineseWebNr header .demo_tit img.demo_tit2026a {
    bottom: 30px;
    height: 30px;
  }
  .serviceUpNew {
    bottom: 18vh;
  }
  .FunlandHImg,
  .FunlandHImg1,
  .ereadingImg1 {
    flex-wrap: wrap;
  }
  .FunlandHImg1 span {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .logonN img {
    height: 38px;
  }
}
@media screen and (max-width: 420px) {
  .star_table_tit h2 {
    font-size: 22px;
  }
  .english_bg .star_table_tit h2 {
    font-size: 18px;
  }
  .logonN img {
    height: 33px;
  }
  .tips_box_order {
    max-width: 90%;
  }
  .serviceUpTop {
    width: 55px;
    height: 55px;
  }
  .phoneInto {
    font-size: 14px;
  }
  .serviceUpNew header a span {
    font-size: 10px !important;
  }
  .AboutZSB > header,
  .demoDivTit .contentMax > div,
  .webeChinese_H p,
  .webUlBlue,
  .webeChinese_H p,
  .eChineseHEn p,
  .eChineseHEn ul,
  .ppp_right {
    font-size: 16px;
    line-height: 22px;
  }
  .FreeTrialDiv ul li a span:nth-child(2) {
    font-size: 16px;
  }
  .IndexFooter img {
    height: 30px;
  }
  .lever_nav ul li {
    margin: 5px 1%;
    width: 23%;
  }
  .lever_nav ul li a {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .vclose {
    right: -25px;
    width: 30px;
    height: 30px;
  }
  .redeem_tit ul.redeem_tit_left1,
  .redeem_tit ul.redeem_tit_left2,
  .redeem_tit ul.redeem_tit_left3 {
    display: none;
  }
  .redeem_tit {
    min-height: 45px;
    margin-top: 10px;
    border-radius: 8px;
    margin-left: 0;
    padding: 5px 20px;
    height: auto;
  }
  .duocl {
    font-size: 15px;
    width: 100%;
    line-height: 18px;
    padding-top: 5px;
  }
  .redeem_tit ul.redeem_tit_right {
    width: 100%;
    min-height: auto;
  }
  .IndexTopRight > header a img {
    width: 38px;
    min-width: 38px;
  }
  .banben a {
    font-size: 12px;
    height: 31px;
    width: 50px;
    min-width: 50px;
  }
  .banben a b {
    font-size: 9px;
    letter-spacing: 0;
    margin-top: 0;
    line-height: 10px;
  }

  .star_nav .star_img_tit {
    margin-top: 0;
  }
  .RMBook {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .RMBook > .videoBig {
    margin: 0 -10px;
  }
  .nyBody h3 {
    font-size: 20px;
    font-size: 17px;
    line-height: 25px;
  }

  .videoBig .videoDiv {
    width: 40px;
    height: 30px;
  }
  .star_img_02 img {
    width: 60%;
  }
  .getPointsMain .eAssTable {
    font-size: 15px;
  }
  .getPointsMain thead tr.tableText th {
    padding: 5px;
    font-size: 15px;
    height: 40px;
  }
  .getPointsMain thead tr.tableText th:nth-child(1) {
    min-width: 100px;
  }
  .getPointsMain .eAssTable .tableText th {
  }
  .star_table_tit h2 small {
    /* display: block; */
    padding-top: 5px;
  }
  .star_right .star_table_tit h2 small {
    display: inline-block;
  }
  .SMnavDiv span:nth-child(2) {
    font-size: 13px;
  }
  a.backHome {
    width: 40px;
    height: 40px;
  }
  .OtherServices .contentMax {
    padding: 0 5px;
  }
  .IndexDsj h1,
  .ICTTitle h1,
  .titleH2 h2,
  .kjycxUl li header {
    font-size: 17px;
  }
  .kjycxUl li > div {
    padding: 5px 5px 15px 5px;
  }
  .IndexRewardImg span {
    font-size: 16px;
    line-height: 35px;
  }
  .OtherServices ul li a {
    padding: 2vw 0;
    border-radius: 8px;
  }
  .IndexFooter,
  .ICTTitle span {
    font-size: 14px;
  }
  .ICTTitle {
    padding: 5px 0;
  }
  .IndexNavInto {
    margin: 0 0 0 5px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
  }

  .IndexTopLogin > img {
    max-height: 35px;
  }
  .titleH2 span {
    font-size: 12px;
  }
  .IndexFooter,
  .ICTTitle span {
    font-size: 13px;
  }
  .IndexDsj h1 {
    font-size: 16px;
  }
  .IndexNavInto span {
    width: 58%;
  }
  .IndexNavInto span::before {
    top: 7px;
  }
  .IndexNavInto span::after {
    bottom: 7px;
  }
  .article_p p.AMP {
    font-size: 15px !important;
  }
  .RMText span:nth-child(2) {
    font-size: 15px;
  }
  .SX_ebooksNav {
    margin: 0;
  }
  .SX_ebooksNav .col-xs-4 {
    padding: 0 8px;
  }
  .article_p p.xxP {
    font-size: 16px !important;
  }
  .eExerciseEnTitle {
    font-size: 18px;
    padding-bottom: 5px;
  }
}

@media screen and (orientation: landscape) {
  /* 横版 */
  @media screen and (max-width: 1200px) {
    .workOTDiv > header img {
      width: 55vw;
    }
    .workOTDiv > header footer div:nth-child(1) {
      font-size: 1.9vw;
      line-height: 2.5vw;
      padding-bottom: 1vw;
    }
    .workOTDiv > header footer div:nth-child(2) {
      font-size: 1.7vw;
      line-height: 2.5vw;
    }
    .workOTDiv > header footer {
      width: 85vw;
      max-width: max-content;
    }
  }
}
@media screen and (orientation: portrait) {
  /* 竖屏 */
  .logoPopUp header {
    width: 85vw;
  }
  @media screen and (max-width: 1024px) {
    .workOTDiv > header img {
      width: 78vw;
    }
    .workOTDiv > header footer div:nth-child(1) {
      color: #075da4;
      font-size: 4vw;
      line-height: 5vw;
      padding-bottom: 2vw;
    }
    .workOTDiv > header footer {
      max-width: none;
      width: 95vw;
    }
    .workOTDiv > header footer div:nth-child(2) {
      font-size: 4vw;
      line-height: 5vw;
    }
  }
  @media screen and (max-width: 680px) {
    .MagAnNew .MagAnYear ul {
      padding: 1vw;
    }
    .MagAnNew .contentMax > p {
      font-size: 4vw;
      padding: 1vw 10px;
      line-height: 5vw;
    }
    #magazine_pdfPrint img {
      max-height: 50px;
      max-width: 60vw;
    }
    .seclet_qs.pageNew li:first-child,
    .seclet_qs.pageNew li:last-child {
      padding: 1vw;
      font-size: 4vw;
    }
    .pageNew a.RNext,
    .pageNew a.LPrev {
      background-size: auto 50%;
    }
    .MagAn.MagAnNew ul .Primary_page_div a {
      padding: 0 1vw;
      margin: 0 0.5vw;
      font-size: 5vw;
      line-height: 8vw;
      min-width: 7.5vw;
      border-radius: 1.5vw;
    }
    .seclet_qs.pageNew span.seclet_act {
      margin: 0 0.5vw;
    }
    .seclet_qs.pageNew span.seclet_act {
      min-width: 8vw;
      line-height: 8vw;
      border-radius: 1.5vw;
    }
    .ReferenceAnswerTit25 {
      font-size: 3.8vw;
    }
    .ReferenceAnswerTit25 > div {
      flex-wrap: wrap;
      width: 100%;
    }
    .ReferenceAnswerTit25 > div a {
      padding: 0 2vw;
      border-radius: 1.5vw;
      line-height: 10vw;
      letter-spacing: 0;
      margin-bottom: 10px;
      margin: 0 1vw 1vw 1vw;
    }

    .seclet_qs.pageNew span.seclet_act {
      font-size: 4.5vw;
    }
    .seclet_qs.pageNew a.RLast {
      background-size: auto 110%;
      min-width: 6vw;
      background-position: center right 1.2vw;
      padding: 0 !important;
    }
    .pageNew .page_ul {
      width: 100%;
    }
    .seclet_qs.pageNew a.LFirst {
      background-size: auto 110%;
      min-width: 6vw;
      background-position: center left 0.5vw;
      padding: 0 !important;
    }
  }
  @media screen and (max-width: 420px) {
    .kjycxMain .HBlogin,
    .contentMax {
      padding: 0 1.5vw;
    }
    .kjycxUlNew li {
      padding: 1.5vw;
    }
    .titleH1 span {
      font-size: 3.6vw;
      line-height: 5vw;
    }
    .kjycxSpan div {
      line-height: 3.8vw;
    }
    .kjycxUlNew li > header > div h1 {
      font-size: 4.2vw;
    }
    .kjycxUlNew li > header > div h1 span {
      font-size: 3.5vw;
      line-height: 3.5vw;
      padding: 1vw 0;
    }
    .serviceUp header a span b {
      font-size: 2.8vw;
    }
    .serviceUp header a span {
      font-size: 2.8vw;
      line-height: 4vw;
      max-width: 20vw;
      line-height: 6vw;
    }
    .serviceUp header a {
      background-size: 70%;
      padding-top: 12vw;
    }
  }
}