html {
  width: 100%;
  height: 100%;
  /* font-size: 62.5%; */
  overflow-y: auto !important;
  background: #ffffff;
}
body{
  color: black !important;
}
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
@font-face {
  font-family: 'Source Han Sans SC';
  /* src: url('../font/sourcehansanscnMedium.otf'); */
  src: url('../../resource/font/SourceHanSansSC-Medium.woff2');/*SourceHanSansSC-Medium.otf*/
}
@font-face {
 font-family: 'OpenSans-Regular';
 /* src: url('../font/OpenSans-Regular.ttf'); */
 src: url('../../resource/font/OpenSans-Regular.ttf');
}
.font-famil-english {
 font-family: 'OpenSans-Regular';
}

.page2 .center{
  margin-top: -15px !important;
}

.mobile-space{
  margin-top: -15px !important;
  font-size: 14px;
}

.startTime{
  font-size: 14px;
  margin-top: -12px;
}

img {
  vertical-align: top;
}
body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-family: 'Source Han Sans SC';
  background: #ffffff;
  color:#646464;
}
body#zbody{
  background: #ffffff;
}
.zwapper{
  font-family: 'Source Han Sans SC';
}
hr{
      display: block;
      margin-block-start: 0.5em;
      margin-block-end: 0.5em;
      margin-inline-start: auto;
      margin-inline-end: auto;
      unicode-bidi: isolate;
      overflow: hidden;
      border-style: inset; 
}
/*li {
  list-style: none;
} */
a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
.porR {
  position: relative;
}
.porA {
  position: absolute;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.db {
  display: block;
}
.dn {
  display: none;
}
.oh {
  overflow: hidden;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.wrapper {
  height: 100%;
}
.mAuto {
  margin: 0 auto;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}

.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs34{
  font-size:22px;
}
.cfff {
  color: #fff;
}

button {
  background: none;
}
.fw {
  font-weight: bold;
}
.pop{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top:0;
  left: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  display: none;
}
.pop .popCon{
  width:90%;
  height: auto;
  vertical-align: baseline;
}
.close-video{
  width: 30px;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  background: url(../images/ad_close.png) center center no-repeat;
  background-size:100% 100%;
  cursor: pointer;
}
/* i {
  font-style: normal;
} */
input,
select {
  color: #a7a7a7;
  background: none;
  -webkit-appearance: none;
}
.l50 {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
}
.T50 {
  top: 50%;
  -webkit-transform: translate(0, -50%);
}
.Tl50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}
.opa0 {
  opacity: 0;
}
.opa5 {
  opacity: 0.5;
}
.fsIta {
  font-style: italic;
}
.center{
  margin:0 auto;
  display: block;
}
.mar70{
  margin-top: calc(70 / 1920 * 100vw);
}
.mar100{
  margin-top: calc(100 / 1920 * 100vw);
}
.mar83{
  margin-top: calc(83 / 1920 * 100vw);
}
.cef7000{
  color:#ef7000;
}
.black{
  color:black;
}
.blue_343579_bold{
  color: #343579;
  font-weight: bold;
}
.banner{
  width:100%;
  height:calc(436 / 750 * 100vw); 
  background: url("../images/banner_mobile_2024.png?202405301256");
  background-size: 100% auto;
  margin-top:50px ;
}
.page1{
  box-sizing: border-box;
}
.text1{
  padding:0 calc(130 / 1920 * 100vw);
  letter-spacing: 0.1em;
  
}
.write_mar-t{
  margin-top: 16px;
}

.page1 .boxDiv{
    /*padding: 15px calc(130 / 1920 * 100vw);*/
    padding: 0px calc(130 / 1920 * 100vw) 0 calc(180 / 1920 * 100vw);
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    /*height: calc(550 / 1920 * 100vw);*/
}

.desktop{
  display: none;
}
.page1 .boxDiv ul li{
  line-height: 24px;
  font-size: 16px;
  color: black;
} 

.page1 .boxDiv ul li span{
  /*color: #707070;*/
} 

.page1 .boxDiv .box{
  width: calc(800 / 1920 * 100vw);
    /*height: calc(270 / 1920 * 100vw);*/
    background: #fff;
    border-radius: 6px;
    border: 2px solid #077f82;
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
    /*display: inline-flex;*/
    justify-content: center;
    /* align-items: center; */
    font-size: 12px;
    margin: 5px 0;
}
.bg1{
  width: 100%;
  background-color: #DADCFF;
  padding-bottom: calc(80 / 1920 * 100vw);
}
.bg2{
  width: 100%;
  /*height: calc(1700 / 1920 * 100vw);*/
  /*background:url("../images/bg2.jpg") no-repeat;
  background-position:bottom;
  background-size:100% 26%;*/
}
.bg3{
  background-color: #DADCFF;
  padding-bottom: calc(80 / 1920 * 100vw);
}
.ibtlink{
  color: #2d69ac;
  text-decoration: underline;
}

.writing-scoring-guide{
    padding: 0px calc(130 / 1920 * 100vw);
    letter-spacing: 0.1em;
    color: #707070;
    font-size: 14px;
}
.writing-scoring-guide a{
  text-decoration: underline;
  color: #2d69ac;
  /*font-size: 12px;*/
}
.title{
  margin:calc(100 / 1920 * 100vw) auto calc(80 / 1920 * 100vw);
  /* font-size: 52px; */
  font-size: 20px;
  color:black;
}
.highlight-txt{
  color: #343579;
  font-weight: bold;
}
.title-padding{
  padding-top: calc(80 / 1920 * 100vw);
}

.title .title-subhead{
  font-size: 14px;
  font-weight: bold;
}

.title_ziliao{
  /*margin-bottom: 10px !important;*/
}

.pad130{
  padding:0 calc(130 / 1920 * 100vw);
  box-sizing: border-box;
  padding-top: 25px;
}
.page2 .table img{
  margin-top: calc(85 / 1920 * 100vw);
}
.videoDiv{
  width:calc(1659 / 1920 * 100vw);
  height: calc(945 / 1920 * 100vw);
  box-sizing: border-box;
  border-radius: 6px;
  /* border:2px solid #077f82; */
}
.maskvideo{
  background: rgba(0, 0, 0, 0.3);
}
.videobtn{
  width:calc(160 / 1920 * 100vw);
}
.text1.text4{
  margin-top: calc(70 / 1920 * 100vw);
  /*height: calc(2175 / 1920 * 100vw);*/

}

.text1.text4 p{
  font-size: 14px;
}
.toefl{
  /*height: calc(2240 / 1920 * 100vw);*/
    background: #d8f0f0;
    /*padding: calc(50 / 1920 * 100vw) 0 calc(180 / 1920 * 100vw);*/
    padding: calc(80 / 1920 * 100vw) 0;
    box-sizing: border-box;
    /*margin-top: -10px;*/
}
.toefl .TextAccessLink{
    padding: 0 calc(130 / 1920 * 100vw);
    letter-spacing: 0.1em;
}
.title2{
    height: 23px;
    left:0; 
    top:calc(-80 / 1920 * 100vw); 
}

.downloadDiv-title2{
  height: calc(500 / 1920 * 100vw) !important;
  margin-bottom: calc(130 / 1920 * 100vw);
}

.downloadDiv-title2 .icon{
  width: calc(58 / 1920 * 100vw);
}

.downloadDiv-title3{
  margin: calc(130 / 1920 * 100vw) auto 0 !important;
  height: calc(450 / 1920 * 100vw) !important;
}

.downloadDiv{
  width: calc(1550 / 1920 * 100vw);
    height: calc(840 / 1920 * 100vw);
    background: #fff;
    border-radius: 6px;
    border: 1px solid #077f82;
    margin-top: calc(20 / 1920 * 100vw);
    margin-left: calc(190 / 1920 * 100vw);
    display: flex;
    flex-wrap: wrap;
    align-content: normal;
    padding: calc(80 / 1920 * 100vw) calc(80 / 1920 * 100vw) calc(80 / 1920 * 100vw);
    box-sizing: border-box;
}

.title3{
  /*width:calc(581 / 1920 * 100vw); */
  width: 210px;
  left:0; 
  top:calc(-80 / 1920 * 100vw); 
}
.downTextLeft,.downTextRight{
  width:100%;
}
.downText{
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #2d69ac;
  /*border-bottom: 1px solid #2d69ac;*/
  padding-bottom:calc(12 / 1920 * 100vw);;
}
.downText.top{
  margin-bottom:calc(45 / 1920 * 100vw)
}
.marR15{
  margin-right: calc(15 / 1920 * 100vw);
}
.marL15{
  margin-left: calc(15 / 1920 * 100vw);
}
.icon1_1,.icon1_2{
  width:calc(58 / 1920 * 100vw); 
}
/* .icon1_2{
  width:calc(26 / 1920 * 100vw); 
} */
.icon1_3{
  width:calc(60 / 1920 * 100vw); 
}
.icon1_4{
  width:calc(60 / 1920 * 100vw); 
}
.icon1_5{
  width:calc(78 / 1920 * 100vw); 
  display: inline-flex;
  margin-left: 10px;
  margin-top: 2px;
}
.text1.text2 p{
  margin-bottom:calc(20 / 1920 * 100vw);
  padding-bottom: calc(50 / 1920 * 100vw);
}
.grey{
  margin-top:calc(10 / 1920 * 100vw);
} 
.fs24{
  font-size: 24px;
  margin-top:calc(28 / 1920 * 100vw);
}
.boxDiv1{
  padding:0 calc(220 / 1920 * 100vw);
  display: flex;
  justify-content: space-between;
}
.box1{
  width: calc(723 / 1920 * 100vw);
  height: calc(262 / 1920 * 100vw);
  background: url("../images/box-bg1.png");
  background-size: 100% 100%;
  color:#077f82;
  padding:calc(80 / 1920 * 100vw) calc(95 / 1920 * 100vw);
  box-sizing: border-box;
}

.page3{
  /*height: calc(1840 / 1920 * 100vw);*/
  font-family: 'Source Han Sans SC';
  /*color: #707070;*/
  /*padding-top:calc(1 / 1920 * 100vw);*/
  padding-bottom: calc(50 / 1920 * 100vw);
  
}
.page4{
  /*height: calc(3664 / 1920 * 100vw);*/
  background: #DADCFF;
 /* color: #fff;*/
  padding: 3px 0 calc(50 / 1920 * 100vw);
  box-sizing: border-box;
}
.page4 .title{
  /*color: #fff;*/
}
.page4 .text1 strong{
  border-bottom:1px soild #fff;
  display: inline-block;
  /* padding-bottom:2px; */
  text-decoration: underline;
}
.page4 .text1 div ul{
  display: block !important;
  margin: 0px auto;
}

.page4 .text1 div ul li{
  margin-right: unset !important;
}

.page4 .text1 div ul li:first-child,.page4 .text1 div ul li:nth-child(2){
  margin-bottom: 15px;
}

.boxDiv2{
  padding:0 calc(144 / 1920 * 100vw);
  display: flex;
  justify-content: space-between;
}
.box2{
  width: calc(830 / 1920 * 100vw);
  height: calc(360 / 1920 * 100vw);
  background: url(../images/box-bg2.png);
  background-size: 100% 100%;
  color: #077f82;
  padding: calc(48 / 1920 * 100vw) calc(66 / 1920 * 100vw);
  box-sizing: border-box;
  margin: calc(100 / 1920 * 100vw) auto;
}
.textDiv {
  display: flex;
  justify-content: space-between;
  padding: 0 calc(130 / 1920 * 100vw);
  flex-wrap: wrap;
}
.textDiv .text1{
  padding:0;
}
.textDiv .text1 p{
  margin-top:calc(-10 / 1920 * 100vw)
}
.page6{
  padding-bottom:calc(100 / 1920 * 100vw)
}
.img1{
  width: 100%;
  margin-top:calc(100 / 1920 * 100vw);
  margin-bottom:calc(150 / 1920 * 100vw)
}
.btn{
 /* width: calc(526 / 1920 * 100vw);*/
 /*width: 160px;*/
 height: 45px;
}
.english{
  width: calc(1380 / 1920 * 100vw);
  height: calc(70 / 1920 * 100vw);
  background:url("../images/titlebg.png") no-repeat;
  background-size: 100% 100%;
  font-size: 8px;
  margin-top: calc(15 / 1920 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-paddingleft-2{
  padding-left: 15px;
}
.list-paddingleft-2 li{
  /*color: #EF7000;*/
}
.list-paddingleft-2 li p{
  /*color: #707070;*/
}
.p-margin-bottom{
  margin-bottom: 15px;
}

.exam_btn{
  display: flex;
  width: 100%;
  margin: 0 auto;
  margin-top: calc(70 / 1920 * 100vw);
}

.exam_btn a{
  margin: 0 auto;
}

.page3 .exam_btn{
  margin-top: 15px;
}

.btn_prep{
    margin: 0 auto;
    max-width: 500px;
}

@media screen and (min-width:750px){
  /* .title{
    font-size:50px;
  } */
  body {
    font-size:20px;
  }
}
/* @media screen and (max-width:1760px){
  .title{
    font-size:50px;
  }
  body {
    font-size:24px;
  }
}
@media screen and (max-width:1440px){
  .title{
    font-size:46px;
  }
  body {
    font-size:22px;
  }
} */
/* @media screen and (max-height:603px){
  .p5_btn {
    top: 12.5rem;
  }
  .is_agree{
    top: 14.1rem;
  }
} */