a,a:active{
  text-decoration: none !important;
}
.bm-header-wrapper{
  width:100%;
  height:80px;
  background-color: #FFF;
}

.bm-header{
  max-width:1200px;
  height:80px;
  line-height: 80px;
  margin:0 auto;
}

.bm-header a.logo{
  display: inline-block;
  width:305px;
  height:60px;
  vertical-align: middle;
}

.bm-header img.logo{
  display: block;
  width:305px;
  height:60px;
}

.bm-content{
  width:100%;
  height:500px;
  background-image: url(../../../img/zs/bm_bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.bm-content-c{
  width:900px;
  margin:0px auto;
}

.bm-content-c .title1{
  font-size: 40px;
  color:#FFF;
  text-align: center;
  font-weight:bold;
  text-transform: uppercase;
  text-shadow: 0px 2px 5px rgba(11, 121, 127, 1);
  letter-spacing: 6px;
}

.bm-content-c .xx-item{
  width:752px;
  height:40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  font-size: 22px;
  color:#FFF;
}

.bm-content-c .xx-item .x-label{
  display: inline-block;
  width:190px;
  height:46px;
  line-height:46px;
  text-align: center;
  background-color: #ffa60a;
  font-size: 22px;
  color:#FFF;
  border-radius: 23px;
  margin-right:40px;
}

.bm-content-c .yk-wrapper{
  width:900px;
  height:276px;
  background-color: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(203, 203, 203, 0.38);
  border-radius: 0px 0px 30px 30px;
  margin-top:100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bm-content-c .yk-item{
  display: block;
  width:155px;
  height:213px;
  border:1px solid #00959d;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right:130px;
}

.bm-content-c .yk-item .icon{
  height:60px;
  width:auto;
  margin-bottom: 20px;
}

.bm-content-c .yk-item .title3{
  color:#333;
  font-size: 22px;
  letter-spacing: 2px;
}

.bm-content-c .yk-item .btn55{
  width:96px;
  height:36px;
  line-height:36px;
  font-size: 16px;
  color:#FFF;
  box-shadow: 0px 5px 8px 0px rgba(29, 178, 186, 0.34);
  background-color: #00959d;
  border-radius: 18px;
  text-align: center;
  text-decoration: none;
  margin-top:18px;
}

.bm-content-c .yk-item:nth-last-of-type(1){
  margin-right:0px;
}

.bm-content-c .bottom-tip{
  margin-top:36px;
  text-align: center;
  font-size: 12px;
  color:#999;
}

.model-maskk{
  position: fixed;
  top:0px;
  left: 0px;
  width: 100%;
  height:calc( 100vh );
  background-color: rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-box{
  width:458px;
  height:432px;
  background-color: #FFF;
  border-radius: 12px;
  padding:32px;
  box-sizing: border-box;
}

.model-box .title11{
  height:55px;
  line-height:55px;
  font-size: 24px;
  color:#333;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 25px;
}

.model-box .zd-item{
  height:48px;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.model-box .zd-item .x-label{
  padding-left: 5px;
  font-size: 18px;
  color:#515151;
  box-sizing: border-box;
  width:100px;
  height:48px;
  line-height:48px;
  font-weight: bold;
}

.model-box .zd-item .x-input{
  width:calc( 100% - 100px );
  height:48px;
  font-size: 18px;
  border:none;
  outline: none;
  background-color: transparent;
}

.model-box .x-btn{
  display: block;
  width:360px;
  height:50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  font-size: 18px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.model-box .x-btn.t1{
  background-color: #00959d;
  color:#FFF;
  box-shadow: 0px 5px 8px 0px rgba(29, 178, 186, 0.34);
  margin-bottom:24px;
  margin-top:36px;
}

.model-box .x-btn.t2{
  border:1px solid #00959d;
  color:#00959d;
}

.model-box .zd-item .x-input::-webkit-input-placeholder{
  color:#B2B2B2;
  
}

.h24px{
  height: 24px;
}

.h40px{
  height: 40px;
}

.h60px{
  height: 60px;
}

.h80px{
  height: 80px;
}

.body-bg{
  width:100%;
  min-height:calc( 100vh );
  background-image: url(../../../img/zs/body-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-header-wrapper{
  background-color: rgba(8,41,56,0.35);
  height:80px;
}

.form-header-wrapper .header{
  width:1200px;
  height:80px;
  line-height: 80px;
  margin:0 auto;
}

.form-header-wrapper a.logo{
  display: inline-block;
  width:305px;
  height:60px;
  vertical-align: middle;
}

.form-header-wrapper img.logo{
  display: block;
  width:305px;
  height:60px;
}

.form-box{
  width:1200px;
  border-radius: 20px;
  background-color: #FFF;
  box-shadow: 0px 5px 18px 0px rgba(15, 110, 129, 0.35);
  padding-top:24px;
  padding-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
}

.form-box .sbbtn{
  display: block;
  width:96px;
  height:36px;
  line-height: 36px;
  border-radius: 4px;
  background-color: #00959d;
  font-size: 16px;
  color:#FFF;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top:24px;
}

.form-box .title111{
  width:100%;
  height:40px;
  position: relative;
}


.form-box .title111 .line{
  position: absolute;
  width:100%;
  height:1px;
  top:20px;
  left: 0px;
  background-color: #EEE;
}

.form-box .title111 .text{
  background-color: #FFF;
  position: absolute;
  width:115px;
  height:40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color:#333;
  top:0px;
  left: 25px;
}

.row{
  padding-top:10px;
  padding-bottom:10px;
}

.form-box .zd-wrapper{
  min-height:35px;
  line-height: 35px;
  display: flex;
}

.form-box .zd-wrapper.bt::after{
  content:'*';
  color:#ff0c0a;
  font-size: 30px;
  margin-left: 15px;
}

.form-box .zd-wrapper .bel{
  width:120px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
  color:#999;
  text-align: right;
}

.form-box .zd-wrapper .bel.t2{
  width:160px;

}

.form-box .zd-wrapper .val{
  font-size: 14px;
  color:#333;
}

.form-box .zd-wrapper .input{
  width:calc( 100% - 150px );
  height:35px;
  border:1px solid #ededed;
  background-color: transparent;
  outline: none;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  color:#333;
}

.form-box .zd-wrapper .select{
  width:calc( 100% - 150px );
  height:35px;
  border:1px solid #ededed;
  background-color: transparent;
  outline: none;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  color:#333;
}

.form-box .zd-wrapper .upload-wrapper{
  width:120px;
  height:120px;
  position: relative;
}

.form-box .zd-wrapper .upload-wrapper .jia-layer{
  position: absolute;
  top:0px;
  left: 0px;
  width:100%;
  height:100%;
  box-sizing: border-box;
  background-color: #F4F4F4;
  border:1px solid #EDEDED;
  background-image: url(../../../img/zs/jia.png);
  background-repeat: no-repeat;
  background-position: center center;
  z-index:1;
}

.form-box .zd-wrapper .upload-wrapper .jia-layer .inp{
  position: absolute;
  top:0px;
  left: 0px;
  width:100%;
  height:100%;
  opacity: 0;
  z-index:2;
}

.form-box .zd-wrapper .upload-wrapper .img-layer{
  position: absolute;
  top:0px;
  left: 0px;
  width:100%;
  height:100%;
  display: block;
  object-fit: cover;
  z-index:3;
}

.form-box .zd-wrapper .upload-wrapper .close{
  position: absolute;
  right:-19px;
  top:-19px;
  display: block;
  z-index:11;

}