main{
  width: 100%;
}
.about-content-module, .form-module{
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 2rem;
}
.about-content-module h3{
  align-self: center; 
  text-align: center;
  font-size:2.81rem;
  
  font-weight:500;
  color:rgba(51,51,51,1);
  margin: 5rem 0 0rem 0;
}
.about-content-module h4{
  font-size:1.88rem;
  
  font-weight:500;
  color:rgba(51,51,51,1);
  margin-top: 6rem;
  margin-bottom: 3rem;
}
.about-content-module h5 {
        font-size: 1.5rem;
        font-weight: 400;
        color: rgba(51,51,51,1);
        margin-top: 6rem;
        margin-bottom: 3rem;
}
.about-content-module p{
  font-size:1rem;
  
  font-weight:400;
  color:rgba(51,51,51,1);
}
.about-content-module div{
  margin-bottom: 6rem;
}
.banner-img{
  width: 100%;
  object-fit: cover;
  max-height: 20.63rem;
}
/* start 表单验证 修改默认样式 */
.error {
  color: red;
}

.form-module input[type=text],
textarea {
  border: none;
  outline: none;
  border-radius: 0.31rem;
  border: 1px solid rgba(220, 223, 230, 1);
  line-height: 2.5rem;
  padding: 0 0.5rem;
  resize: none;
  background: none;
}
.form-module input[type="radio"] {
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(220, 223, 230, 1);
}

/* 单选框样式修改 */
.test-label {
  margin: 20px 20px 0 0;
  display: inline-block;
  position: relative;

}

.form-module  .test-radio,
input[type=checkbox].test-radioInput {
  /* display: none */
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  width: 18px;
  height: 18px;
}

.test-radioInput {
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  height: 16px;
  border: 1px solid rgba(220, 223, 230, 1);
  margin-right: 10px;
  /* margin-top: -1px; */
  vertical-align: middle;
  width: 16px;
  line-height: 1
}

.test-radio:checked+.test-radioInput:after,
.test-checkbox:checked+.test-radioInput:after {
  content: "";
  background-color: #57ad68;
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  margin: 2px;
  width: 12px
}

.test-checkbox.test-radioInput,.test-radio:checked + .test-checkbox.test-radioInput:after {
  border-radius:0
}

.dropdown select{
  border: 0;  /*Removes border*/
  -webkit-appearance: none;  /*Removes default chrome and safari style*/
  -moz-appearance: none;  /*Removes default style Firefox*/
  border-radius: 0.31rem;
  border: 1px solid rgba(220, 223, 230, 1);
  line-height: 2.5rem;
  padding: 0 0.5rem;
}
/* end  表单验证 修改默认样式 */
.about-content-module>p{
  font-size:1.125rem;
  text-align: center;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:2rem;
  margin: 6rem auto;
}
.about-content-module ul.explain-module{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.about-content-module ul.explain-module-vn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}
.about-content-module div img{
  max-width: 100%;
}
.about-content-module ul.explain-module li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 4rem 2rem;
  border-radius:0.19rem;
  border:1px solid rgba(221,221,221,1);
  width: 30%;
  box-sizing: border-box;
  /* width:23.13rem; */
  height:22rem;
}
.about-content-module ul.explain-module li i{
  font-size: 2.5rem;
  color: #31C1DF;
  margin-bottom: 2rem;
}
.about-content-module ul.explain-module li h6{
  font-size:1.5rem;
  
  font-weight:500;
  color:rgba(51,51,51,1);
}
.about-content-module ul.explain-module li p{
  font-size:1.125rem;
  line-height: 2rem;
  font-weight:400;
  text-align: center;
  margin-top: 1rem;
  color:rgba(51,51,51,1);
}
form>ul{
  box-shadow:0rem 0rem 0.5rem 0rem rgba(232,237,250,0.6);
  margin-top: 6rem;
  border:1px solid rgba(235,235,235,1);
  padding: 5rem 0;
  background-color: #fff;
  z-index: 500;
}
form #ul{
  line-height: 3rem;
}
form>ul>li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  background-color: #fff;
  position: relative;
  font-size:1.125rem;
}

form ul li .error{
  margin-right: 5%;
}
form ul li>label:first-child{
  margin-right: 2rem;
  min-width: 15%;
}
#sex-error{
  display: none !important;
}
.form-module input[type=text].error, textarea.error{
  border: 1px solid red;
}
@media screen and (min-width:768px){
form ul li div.error{
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  padding-left: 18%;
}
form ul li>label:first-child{
  text-align: right;
}
}
@media screen and (max-width:768px){
	

  .about-content-module ul.explain-module li i{
    font-size: 5rem;
  }
  .about-content-module ul li{
    width: 100% !important;
    margin-bottom: 2rem;
  }
  .form-module ul li{
    padding: 0 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .form-module ul li>label:first-child,
  .form-module ul li .error{
    margin-bottom: 1rem;
  }
}