.wenti {
  margin: 50px 0;
}

.wenti input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.wenti .tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.wenti .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.wenti .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #ebebeb;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
}

.wenti .tab:last-child .tab-label {
  margin-bottom: 0;
}

.wenti .tab-label:hover {
  background: #172A88;
  color: #fff;
}

.wenti .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}

.wenti .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #000;
  background: white;
  transition: all 0.35s;
  line-height: 25px;
}

.wenti input:checked+.tab-label {
  background: #172A88;
  color: #fff;
}

.wenti input:checked+.tab-label::after {
  transform: rotate(90deg);
}

.wenti input:checked~.tab-content {
  max-height: 100vh;
  padding: 1em;
}

.message2 {
  margin: 40px 0;
}

.message2 .form-box {
  flex-wrap: wrap;
}


.message2 .form-box:nth-of-type(5)>div,
.message2 .form-box:nth-of-type(6)>div,
.message2 .form-box:nth-of-type(7)>div {
  width: 100%;
}

.message2 .form-box:nth-of-type(7)>div {
  align-items: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.message2 .form-box input[type=radio] {
margin-top: 4px;
  margin-right: 10px;
}

.message2 .form-box>div {
  width: 49%;
  margin-bottom: 15px;
}

.message2 .form-box label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.message2 .form-box label span,
.message2 .form-box .p span{
  background-color: #172A88;
  font-weight: 500;
  font-size: 14px;
  margin-left: 10px;
  color: #fff;
  padding: 0px 10px;
}
.message2 .form-box .p a{
  color: #172A88;
  text-decoration: underline;
}
.message2 .form-box .p a img{
  margin-left: 5px;
  vertical-align: middle;
}
.message2 .form-box input[type=text],
.message2 .form-box select {
  width: 100%;
  height: 35px;
  outline: none;
  border: 1px solid #999;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
}


.message2 .form-box .sc {
  width: 100%;
  height: 35px;
  border: 1px solid #999;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding-left: 10px;
}

.message2 .form-box .sc span {
  display: inline-block;
  width: calc(100% - 280px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 35px;
  float: right;
}

.message2 .form-box .sc .bt {
  position: absolute;
  width: 280px;
  left: 0;
  border: none;
  padding: 0 20px;
  height: 35px;
  background-color: #cbcbcb;
  color: #000;

}

.message2 .form-box .sc .file {
  opacity: 0;
  position: absolute;
  left: 0;
  
}

.message2 .form-box .sc input[type=file]::-webkit-file-upload-button {
  display: inline-block;
  width: 280px;
  height: 35px;
  border: none;
  cursor: pointer;
}



.message2 .form-box textarea {
  width: 100%;
  height: 100px;
  outline: none;
  border: 1px solid #999;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
}

.message2 .form-box .btn {
  padding: 10px 35px;
  border: none;
  background-color: #172A88;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}

.content .border_ico img{
  width: 100%;
}

.content .border_ico{
  margin: 15px 0;
}
.content .border_titie2{
  margin-bottom: 20px;
  font-weight: 700;
}
.content .border_text{
  background-color: #172A88;
  margin-bottom: 30px;
}
.content .border_text>div{
  flex: 1;
  padding: 30px;
  margin: 20px;
  font-size: 16px;
  line-height: 25px;
  background-color: #fff;
}

.content .border_text2{
  margin: 20px 0;
  font-size: 16px;
  line-height: 28px;
}
.message3{
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.message3>div{
  width: 48%;
}
.message3 .lf img{
  width: 100%;
}

.message3 .form-box input[type=radio] {
  margin-left: 20px;
  margin-right: 5px;
}

.message3 .form-box>div {
  width: 100%;
  margin-bottom: 15px;
}

.message3 .form-box label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.message3 .form-box label span,
.message3 .form-box .p span{
  background-color: #172A88;
  font-weight: 500;
  font-size: 14px;
  margin-left: 10px;
  color: #fff;
  padding: 0px 10px;
}
.message3 .form-box .p a{
  color: #172A88;
  text-decoration: underline;
}
.message3 .form-box .p a img{
  margin-left: 5px;
  vertical-align: middle;
}
.message3 .form-box input[type=text] {
  width: 100%;
  height: 35px;
  outline: none;
  border: 1px solid #999;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
}

.message3 .form-box textarea {
  width: 100%;
  height: 100px;
  outline: none;
  border: 1px solid #999;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
}

.message3 .form-box .btn {
  padding: 10px 35px;
  border: none;
  background-color: #172A88;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}



@media screen and (max-width: 768px) {
  .message2 .form-box>div,
  .message3>div{
      width: 100%;
  }

  .message2 .form-box .sc .bt {
  position: absolute;
  width: 180px;
  padding: 0 20px;
  }
  .message2 .form-box .sc .file {
  width: 180px;
      
  }
  .message2 .form-box .sc input[type=file]::-webkit-file-upload-button {
  width: auto;
  }
  
  .message2 .form-box .sc span {
  width: calc(100% - 180px);
  }
  
  .content .border_text{
      flex-direction: column;
  }
  .content .border_text>div {
      padding: 15px;
  }
}