/*前端黄老师于20260127新增的表单页面*/

#formPageBody{min-height: 100vh;display: flex;justify-content: center;align-items: center;background: #f5f5f5;}
.commForm1{width: 100%;}
.commForm1 .commForm2{width: 1200px;margin: 0 auto;}
.commForm2 .itembox{width: 100%;padding-bottom: 30px;box-sizing: border-box;}
.commForm2 .itembox:first-child{padding-top: 0;}
.commForm2 .itembox .inputbox{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.commForm2 .itembox .inputbox .fls{display: inline-flex;align-items: center;width: 15%;}
.commForm2 .itembox .inputbox .fls i{font-size: 18px;color: red;font-weight: 700;}
.commForm2 .itembox .inputbox .fls p{font-size: 16px;font-weight: 700;box-sizing: border-box;padding-left: 10px;color: #092F6F;}
.commForm2 .itembox .inputbox .frs{width: 85%;}
.commForm2 .itembox .inputbox .frs select,.commForm2 .itembox .inputbox .frs input{display: block;width: 100%;height: 44px;line-height: 44px;box-shadow: none;transition: all 0.4s;margin-bottom: 0;background: #fff;}
.commForm2 .itembox .inputbox .frs select option{display: block;width: 100%;height: 50px;}
.commForm2 .itembox .tipbox{display: block;width: 100%;box-sizing: border-box;padding-top: 15px;padding-left: 15%;font-size: 16px;color: #555;}
.commForm2 .itembox.ifYanZhengMaClass{justify-content: inherit;}
.commForm2 .itembox.ifYanZhengMaClass .frs{width: 70%;}
.commForm2 .itembox.ifYanZhengMaClass .fr2{width: 10%;margin-left: 5%;}
.commForm2 .itembox.ifYanZhengMaClass .fr2 a{overflow: hidden;border-radius: 5px;border: 1px solid #ccc;height: 44px;display: flex;justify-content: center;align-items: center;transition: all 0.4s;}
.commForm2 .itembox.ifYanZhengMaClass .fr2 a img{display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.commForm2 .submitbox{width: 100%;display: flex;justify-content: center;align-items: center;padding-top: 30px;}
.commForm2 .submitbox a{width: 50%;height: 44px;line-height: 44px;padding: 0;}
.commForm2 .switchVerify{width: 100%;text-align: center;padding-top: 18px;font-size: 15px;}
.commForm2 .switchVerify a{color: #0E4AAD;text-decoration: underline;}

/*前端黄老师于20260127新增的表单页面~~~其他样式*/

@media (any-hover: hover){
  /*--*/
  .commForm2 .itembox.ifYanZhengMaClass .fr2 a:hover{border: 1px solid #129fea;}
  /*--*/
  }
@media screen and (max-width: 1000px){
  /*--*/
  .commForm2 .itembox.ifYanZhengMaClass .fr2 a:active{border: 1px solid #129fea;}
  /*--*/
  }
@media screen and (max-width: 1300px){
  /*--*/
  .commForm1 .commForm2{width: 90%;}
  /*--*/
  }
@media screen and (max-width: 1200px){
  /*--*/
  .commForm2 .itembox .inputbox .fls{width: 20%;}
  .commForm2 .itembox .inputbox .frs{width: 80%;}
  .commForm2 .itembox.ifYanZhengMaClass .frs{width: 65%;}
  .commForm2 .itembox .tipbox{padding-left: 20%;}
  /*--*/
  }
@media screen and (max-width: 1000px){
  /*--*/
  #formPageBody{min-height: initial;display: block;padding: 0.6rem 0;}
  .commForm1{padding-bottom: 0.6rem;}
  .commForm2 .itembox .inputbox .fls{width: 40%;}
  .commForm2 .itembox .inputbox .frs{width: 60%;}
  .commForm1 .commForm2{width: 95%;}
  .commForm2 .itembox{padding-bottom: 0.3rem;}
  .commForm2 .itembox .tipbox{padding-left: 0;font-size: 0.26rem;}
  .commForm2 .itembox .inputbox .fls p{font-size: 0.28rem;font-weight: 600;}
  .commForm2 .itembox .inputbox .frs select, .commForm2 .itembox .inputbox .frs input,.commForm2 .itembox.ifYanZhengMaClass .fr2 a,.commForm2 .submitbox a{height: 0.7rem;line-height: 0.7rem;}
  .commForm2 .itembox.ifYanZhengMaClass .frs{width: 30%;}
  .commForm2 .itembox.ifYanZhengMaClass .fr2{width: 25%;margin-left: 5%;}
  .commForm2 .itembox.ifYanZhengMaClass .frs input{text-align: center;}
  .commForm2 .submitbox{padding-top: 0.3rem;}
  .commForm2 .submitbox a{width: 90%;}
  /*--*/
  }

/*文件上传的file的input的样式重写（默认input的高度要给一个高度才行）*/

input[type="file"], input[type="file"]:visited, input[type="file"]:hover, input[type="file"]:focus, input[type="file"]:active{ margin: 0; padding: 0; overflow: hidden; background: #fff; outline: none; border: 1px solid #ccc; cursor: pointer; -webkit-appearance: textfield; -moz-appearance: textfield; width: 100%;}
input[type="file"]:hover{ background: #f9f9ff; border: 1px solid #ccc;}
input[type="file"]:visited, input[type="file"]:focus, input[type="file"]:active{ background: #fff; border: 1px solid #ccc;}
input[type="file"]:disabled{ margin: 0; padding: 0em 0em; padding: 0rem 0rem; overflow: hidden; background: #ddd; outline: none; border: 1px solid #ccc; cursor: pointer; -webkit-appearance: textfield; -moz-appearance: textfield;}
input[type="file"]:disabled:hover{ background: #ddd; border: 1px solid #ccc;}
input[type="file"]:disabled:visited, input[type="file"]:disabled:focus, input[type="file"]:disabled:active{ background: #ddd; border: 1px solid #ccc;}
::file-selector-button{ display: inline-block; -webkit-appearance: button; text-align: center; outline: none; border: none; border-right: 1px solid #ccc; background: #eee; white-space: nowrap; cursor: pointer;margin: 0 20px 0 0;padding: 0 20px;box-sizing: border-box;border-radius: 5px;overflow: hidden;}
::-webkit-file-upload-button{ display: inline-block; -webkit-appearance: button; padding: 0px; text-align: center; outline: none; border: none; border-right: 1px solid #ccc; background: #eee; white-space: nowrap; cursor: pointer;padding: 0 20px;box-sizing: border-box;border-radius: 5px;overflow: hidden;}

/*郭少楠说，他们要左边的文字排列成第一行，所以这部分代码是干这个事情的*/

#formPageBody{display: block;}
.commForm1{padding: 60px 0;}
.commForm2 .itembox .inputbox{display: block;}
.commForm2 .itembox .inputbox .fls{width: 100%;padding-bottom: 10px;}
.commForm2 .itembox .tipbox{padding-left: 0;padding-top: 10px;}
.commForm2 .itembox .inputbox .frs{width: 100%;}
.commForm2 .itembox.ifYanZhengMaClass .inputbox{display: flex;flex-wrap: wrap;justify-content: inherit;}
.commForm2 .itembox.ifYanZhengMaClass .inputbox .frs{width: 80%;}
.commForm2 .itembox.ifYanZhengMaClass .inputbox .fr2{width: 15%;}
@media screen and (max-width: 1000px){
  /*--*/
  #formPageBody{padding: 0;}
  .commForm1{padding: 0.6rem 0;}
  .commForm2 .itembox .inputbox .fls{padding-bottom: 0.15rem;}
  .commForm2 .itembox.ifYanZhengMaClass .inputbox .frs{width: 60%;}
  .commForm2 .itembox.ifYanZhengMaClass .inputbox .fr2{width: 30%;margin-left: 10%;}
  /*--*/
  }

/*从原网址直接抄下来的头部区域*/

body{padding-top: 70px;}
#formPageBody .comHeader1{display: flex;align-items: center;background: #d0e5fa !important;}
#formPageBody .comHeader2{justify-content: center;}
#formPageBody .comHeader2 .list1{flex: inherit;}
@media screen and (max-width: 1000px){
  /*--*/
  #formPageBody .comHeader1{padding: 0.3rem 0;}
  /*--*/
  }

/*从原网址直接抄下来的头部区域*/

#formPageBody .footerList2{display: block;text-align: center;padding: 30px 0;}
#formPageBody .footerList2 .frs{padding-top: 15px;}
@media screen and (max-width: 1000px){
  /*--*/
  #formPageBody .footerList2{padding: 0.3rem 0;text-align: left;}
  #formPageBody .footerList2 .frs{padding-top: 0;display: block;}
  #formPageBody .footerList2 .frs a{display: block;width: 100%;padding-top: 0.2rem;}
  #formPageBody .footerList2 .frs a:first-child{padding-top: 0;}
  /*--*/
  }

/*layer.tips样式~~~基础布局*/

.layui-layer-tips div{color: #092F6F !important;}
.layui-layer-tips div img{display: block !important;width: 100% !important;margin-top: 10px;}

/* layer.tips样式~~~背景颜色+箭头颜色 */

.layui-layer-tips .layui-layer-content{background: #d5e3f8 !important;}
.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT{border-right-color: #d5e3f8 !important;}