.exam-phone,.english-phone,.myself-phone,.online-phone{display:none}
.pcImage{display:block}
.phoneImage{display:none}

.other_background{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
  font-weight: 500;
  font-size: 38px;
  color: #FFFFFF;
  line-height: 53px;
  background: url(../upload/images/2024/11/d1e48093fbe780b7.png) no-repeat;
  background-size: 100% auto;
  background-size: 100% 324px;
  height: 324px;
  object-fit: cover;
}
.exam ,.exam-phone{
  background: #F7FBFD;
}

.exam .allWidth{
  display: flex;
  align-items: center;
  gap: 150px;
  height: 597px;
}
.english .allWidth{
  display: flex;
  align-items: center;
  gap: 30px;
  height: 597px;
}
.myself .allWidth{
  display: flex;
  align-items: center;
  gap: 97px;
  height: 597px;
}
.online .allWidth{
  display: flex;
  align-items: center;
  gap: 30px;
  height: 597px;
}
.service {
  background: #F7FBFD;
}
.service .allWidth{
  display: flex;
  align-items: center;
  gap: 153px;
  height: 597px;
}
.innovate .allWidth{
  display: flex;
  align-items: center;
  gap: 41px;
  height: 597px;
}
.exam .leftBox {
  width:486px;
  height:457px;
  flex-shrink: 0;
  background: url(../upload/images/2024/11/e9639bc3d5736d00.png) no-repeat;
  background-size: 100% 100%;
}
.cicleBox .rightBox .title{
  font-weight: 500;
  font-size: 36px;
  color: #3C4454;
  line-height: 50px;
}
.rightBox{
  position:relative;
}
.video-btn{
  position: absolute;
  right: 0px;
  top: 8px;
  width: 84px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #979797;
  font-weight: 400;
  font-size: 14px;
  color: #3C4454;
  line-height: 36px;
  text-align: right;
  padding: 0 10px;
  cursor: pointer;
}
.video-btn-phone{
  width: 84px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #979797;
  font-weight: 400;
  font-size: 14px;
  color: #3C4454;
  line-height: 36px;
  text-align: right;
  padding: 0 10px;
  cursor: pointer;
}
.video-btn-phone a, .video-btn a{
   color: #3C4454;
}
.video-btn::before, .video-btn-phone::before{    
  content: "";
  position: absolute;
  left: 10px;
  top: 8px;
  width: 20px;
  height: 20px;
  background: url(../upload/images/2025/4/6488ae317e4374e3.png) no-repeat center;
  background-size: 100% 100%;
}
.video-btn-phone{
 display:none;
}
.cicleBox .rightBox .content{
  margin: 24px 0;
  font-weight: 400;
  font-size: 18px;
  color: rgba(60,68,84,0.8);
  line-height: 28px;
  letter-spacing: 1px;
}
.cicleBox .rightBox .contentBlock{
  /*display: flex;
  gap: 16px;*/
  margin-bottom: 56px;
}

.cicleBox .rightBox .contentBlock span{
 
  font-weight: 400;
  font-size: 16px;
  color: #3C4454;
   border: 1px solid;
    border-image: linear-gradient(
    139deg
    , rgba(79, 182, 199, 1), rgba(100, 187, 86, 1)) 1 1;
  display:inline-block;
  margin-right:10px;
 line-height: 22px;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
 padding: 8px;

  
}
.cicleBox .rightBox .contentBlock span:last-child{
  margin-right:0;
}
.cicleBox .rightBox .subTitle{
  font-weight: 400;
  font-size: 18px;
  color: #3C4454;
  line-height: 28px;
  letter-spacing: 1px;
}

.cicleBox .rightBox .tip{
  font-weight: 500;
  font-size: 18px;
  color: #3C4454;
  line-height: 28px;
  letter-spacing: 1px;
  display: inline-block;
 vertical-align: top;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  
  
}

.service .leftBox { 
  
  width: 553px;
  height: 348px;
  flex-shrink: 0;
  background: url(../upload/images/2024/11/97be71500c4c6b21.png) no-repeat;
  background-size: 100% 100%;
}








.service .rightBox .content{
  margin:23px 0 60px
}

.english .leftBox {
  width:651px;
  height:357px;
  flex-shrink: 0;
  background: url(../upload/images/2024/11/487aa47a8c5fe42c.png) no-repeat;
  background-size: 100% 100%;
}
.myself,.myself-phone {
  background: #F7FBFD;
}
.myself .leftBox {
  width:651px;
  height:404px;
  flex-shrink: 0;
  background: url(../upload/images/2024/11/5562b934dc43058c.png) no-repeat;
  background-size: 100% 100%;
}

.online .leftBox {
  width:651px;
  height:404px;
  flex-shrink: 0;
  background: url(../upload/images/2024/11/80d39c4fdabfb32b.png) no-repeat;
  background-size: 100% 100%;
}

.innovate .leftBox {
  width:651px;
  height:357px;
  flex-shrink: 0;
  background: url(../upload/images/2024/11/192fa21fe8b7e7cf.png) no-repeat;
  background-size: 100% 100%;
}
.innovate img{
  
  margin-bottom: 28px;
  width: 748px;
  height: 208px;
}























.primarySchool {
  padding: 112px 0;
  background: #F7FBFD;
}

.kindergarten {
  padding: 96px 0;
  background: #FFFFFF;
}

.stepContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.descriptionImg {
  width: 651px;
  height: 357px;
}

.descriptionImg img {
  width: 100%;
}

.primarySchoolDescriptionImg {
  margin-top: 23px;
}

.kindergartenDescriptionImg  {
  margin-top: 30px;
}

.stepTitle {
  font-weight: 500;
  font-size: 36px;
  color: #3C4454;
  line-height: 50px;
}

.stepDescriptionText {
  margin-top: 23px;
  max-width: 760px;
  font-size: 18px;
  color: rgba(60,68,84,0.8);
  line-height: 28px;
  letter-spacing: 1px;
}

.stepButtonContainer {
  margin-top: 24px;
  margin-bottom: 56px;
  display: flex;
  justify-content: space-between;
}

.stepButton {
 
  border: 1px solid;
  border-image: linear-gradient(139deg, rgba(79, 182, 199, 1), rgba(100, 187, 86, 1)) 1 1;
   padding: 10px 41px;
  font-size: 16px;
  line-height: 16px;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  vertical-align: top;
}

.kindergartenStepButton {
  padding: 10px 20px;
}

.stepDetailsContainer {
  padding: 0; /* 移除默认内边距 */
  list-style: none; /* 移除默认的列表样式 */
}

.stepDetailsContainer li .stepDetailsTitle::before {   
  content: "■"; /* 使用方块符号 */   
  background: linear-gradient( 90deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%), #D8D8D8 !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 8px; /* 修改大小 */   
  margin-right: 8px; /* 设置与文本之间的间距 */   
  vertical-align: middle; /* 调整垂直对齐 */
}

.stepDetailsTitle {
  font-weight: 500;
  font-size: 18px;
  color: #3C4454;
  line-height: 28px;
  vertical-align: top;
  background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

.stepDetailsDescription {
  font-weight: 400;
  font-size: 18px;
  color: #3C4454;
  line-height: 28px;
}

.stepDetails {  
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.stepDetails:first-child {
  margin-top: 0;
}

.serviceUsersContainer {
  margin-top: 56px;
}





.higherEducation {
  background: #F7FBFD;
}

.higherEducationContainer {
  padding: 176px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.approvalDescriptionImg {
  width: 582px;
  height: 174px;
}

.approvalDescriptionImg img {
  width: 100%;
}

.approvalDescriptionText {
  max-width: 801px;
}

.approvalDescriptionTextTitle {
  font-size: 36px;
  color: #3C4454;
  font-size: 36px;
  color: #3C4454;
  line-height: 50px;
}

.approvalDescriptionTextContent {
  margin-top: 23px;
  margin-bottom: 60px;
  font-weight: 400;
  font-size: 18px;
  color: rgba(60,68,84,0.8);
  line-height: 28px;
  letter-spacing: 1px;
}

.approvalDescriptionUserTitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  vertical-align: top;
 background: linear-gradient(0deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

.approvalDescriptionUserName {
  font-weight: 400;
  font-size: 18px;
  color: #3C4454;
  line-height: 28px;
}

.noEducation {
  background: #ffffff;
}

.noEducationContainer {
  padding: 171px 0 181px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.noEducationDescriptionImg {
  margin-bottom: 35px;
}

.educationalLevel {
  background: #F7FBFD;
}

.educationalLevelContainer {
  padding: 72px 0 125px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.educationalLevelImg {
  width: 748px;
  height: 208px;
}

.educationalLevelImg img {
  width: 100%;
}

.educationalLevelTextContent {
  margin-bottom: 35px;
}

.educationalLevelDescriptionImg {
  margin-bottom: 44px;
}
.video-mask{
  width: 100%;
  height: 100%;
  position:fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}
.video-box{
  left: 24%;
  position: relative;
  top: 18%;
  width: 52%;
  height: auto;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 31px;
}
.left-video{
  width: 100%;
}

.right-info{
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.right-info-title{
  font-weight: 500;font-size: 31px;
  color: #3C4454;
  line-height: 43px;
}
.video-js {
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  width: 100%;
  height: fit-content !important;
  border-radius: 26px;
  background-color: #E9F4F5 !important;
}

.right-info-ewm img{
  width: 200px;
  height: 200px;
  margin: 38px 0 31px 0;
  background: #F2EEEE;
  padding: 6px;
}
.right-info-txt{
  font-weight: 400;font-size: 26px;
  color: #3C4454;
  line-height: 36px;
}
.close-btn{
  position: absolute;
  right:0;
  top: -55px;
   width: 28px;
  height: 28px;
  background: url(../upload/images/2025/4/c096fad6f67f62ec.png) no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
}