*{
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden; /* 隐藏水平滚动条 */
    font-family: Microsoft YaHei, Microsoft YaHei;

}
.percent{
  width: 80%;
}
.header{
  position: relative;
}
.header h3{
  top: 81px;
  left: 211px;
  position: absolute;
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 60px;
color: #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
}
.header h1{
  position: absolute;
  top: 189px;
  left: 211px;
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
text-align: left;
font-style: normal;
text-transform: none;
}
.tip1{
  position: absolute;
  top: 290px;
  left: 211px;
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 16px;
color: #003F87;
text-align: center;
font-style: normal;
text-transform: none;
background: #FFFFFF;
border-radius: 57px 57px 57px 57px;
padding: 10px 24px;
}
.tip2{
  position: absolute;
  top: 290px;
  left: 390px;
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
background: #D4AF37;
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.07);
border-radius: 57px 57px 57px 57px;
border-radius: 57px 57px 57px 57px;
padding: 10px 30px;

}
.card{
  display: flex;
  /* margin: 40px 0; */
justify-content: center;
align-items: center;

}
.card1{
  margin: 20px;
  width: 400px;
height: 190px;
background: #F5F7FA;
box-shadow: 0px 4px 12px 0px rgba(192,202,217,0.46);
border-radius: 15px 15px 15px 15px;
padding: 24px;
}
.n1{
 font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 20px;
color: #000000;
text-align: left;
font-style: normal;
text-transform: none;
padding:20px 20px 0;

}
.n2{
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 16px;
color: #8C8C8C;
line-height: 24px;
text-align: left;
font-style: normal;
text-transform: none;
padding: 20px;
}
.pic{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #d5dfeb;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: center;
margin-left: 20px;
}
.data h3{
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 42px;
color: #000000;
text-align: center;
font-style: normal;
text-transform: none;
padding: 40px;
}
.data h1{
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 17px;
color: #AAAAAA;
line-height: 26px;
text-align: center;
font-style: normal;
text-transform: none;
padding-bottom: 20px;
}
.icon{
  transform: translateX(-450px);
  width: 36px;
  height: 36px;
  background-color: #003F87;
  border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;

}
.country ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.country ul li{
  padding: 2px 10px;
  background: #FFFFFF;
border-radius: 49px 49px 49px 49px;
margin: 0 10px;
}
.data1{

display: flex;
align-items: center;
justify-content: center;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 20px;
color: #333333;
text-align: center;
font-style: normal;
text-transform: none;

}
.card{
  margin:50px auto;
}
.data{
  margin:50px auto;
}
.classify{
  font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
padding: 7px 19px;
background: #003F87;
border-radius: 49px 49px 49px 49px;
transform: translateX(450px);
}
.tp3 img{
  width: 14px;
  height: 14px;
}
.add1{
  width: 351px;
margin: 70px auto;
border-radius: 11px 11px 11px 11px;
position: relative;
}
.tp1{
  position: absolute;
  left: 20px;
  top: 100px;
  color: #FFFFFF

}
.tp2{
  position: absolute;
  left: 20px;
  top: 130px;
  color: #FFFFFF;
  font-size:12px
}
.tp3{

}
.add-all{
  display: flex;
  align-items: center;
  justify-content: center;
}
.address h3{
  padding: 20px;
  width: 168px;
height: 32px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 24px;
color: #003F87;
text-align: left;
font-style: normal;
text-transform: none;

}
.tp3{
  position: absolute;
  left: 20px;
  top: 150px;

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 26px;
text-align: center;
font-style: normal;
text-transform: none;

}
.tp3 img{
  color: #FFFFFF;
transform: translateY(4px);
}
a{
  text-decoration: none;
  color: #FFFFFF;
}
.tip3 a{

}
.l{
  margin-left: 20px;
  margin-top: 20px;
}
.line{
  color: #003F87;
  display: flex;

}
.r{
  margin-left: -150px;
margin-top: 20px;
}
.school{
  color: #003F87;
  display: flex;

}
.exam1{
width: 454px;

background: #F5F7FA;
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);
border-radius: 12px 12px 12px 12px;
margin: 10px;

}
.img9{
  padding-left: 20px;
}
input .text{
  padding-left: 10px;
}
.add-all{
margin-bottom: 100px;
}
/* .nameimg9{
  padding-left: 20px;
} */
.select1{
  padding-top: 50px;
}
.cimg{
  padding-top: 10px;
}
.tp1{
  font-weight: 700;
}
.abc{
  width: 15px;
  height: 15px;
}
.exam{
  display: flex;

}
.picimg{
  display: flex;
  float: left;
    margin: 10px 0;
}
.l{
  width: 42px;
height: 42px;
background-color: #003F87;
}
.example h3{
  width: 96px;
height: 32px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 24px;
color: #003F87;
text-align: left;
font-style: normal;
text-transform: none;
padding-bottom: 40px;
}
.picimg1{
  color: #003F87;
  background-color: #d3dfec;
  padding: 4px 10px;
  border-radius: 20px;
  margin-right: 10px;

}

.content{

  padding: 20px 20px;
}
.picimg{
  padding-left: 20px;
}
/* =============================== */
.standerd{


font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 24px;
color: #003F87;
text-align: center;
font-style: normal;
text-transform: none;

}
.limg{
  width: 53px;
height: 53px;
background: #003F87;
border-radius: 0px 0px 0px 0px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: right;
margin-right: 0;
}
.timg{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 20px;
color: #303133;
text-align: left;
font-style: normal;
text-transform: none;
}
.nameimg{
  display: flex;
  padding: 20px;
}
.cimg{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 15px;
color: #666666;
line-height: 23px;
text-align: left;
font-style: normal;
text-transform: none;
}
.rimg{
  margin-left: 20px;
}
.register{
  display: flex;
  margin: 100px auto;
}
.register1{

width: 776px;
height: 572px;
background: #FFFFFF;
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.16);
border-radius: 15px 15px 15px 15px;
margin: 10px;
}
.register2{

width: 776px;
height: 572px;
background: #FFFFFF;
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.16);
border-radius: 15px 15px 15px 15px;
margin: 10px;
}
.headline{
  width: 776px;
height: 139px;
background: #003F87;
border-radius: 15px 15px 0px 0px;
}
.h1{
padding: 20px 40px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 26px;
color: #FFFFFF;
text-align: left;
font-style: normal;
text-transform: none;
}
.h2{
  padding-left: 40px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 24px;
text-align: left;
font-style: normal;
text-transform: none;
}
input{
  height: 40px;
  width: 320px;
  margin: 0 ;
  border-radius: 10px;
  border: 1px solid #b9bdc4;
  margin: 10px 20px;

}
.input1{
    background: url('./arrow.png') no-repeat;
background-position: 277px center; /* 图标位置 */
}
.detail{
  padding-left: 20px;
  display: flex;
}
.submit{
display: flex;
align-items: center;
justify-content: center;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
text-align: center;
font-style: normal;
text-transform: none;
width: 183px;
height: 52px;
background: #003F87;
border-radius: 49px 49px 49px 49px;
margin-top: 20px;
}
.select{
  margin-top: 100px;
}