@charset "utf-8";*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
*{margin:0px;padding:0px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
html{font-size:62.5%}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{margin:0px auto;font-size:1.6rem;color:#595757}
img{border:none}
button,submit{cursor:pointer}
li{list-style-type:none}
ul{list-style:none}
i{font-style:normal}
a:link,a:visited{text-decoration:none;color:#333}
a:hover{color:rgba(225,50,26,1);text-decoration:none}
.cl{clear:both}
.fr{float:right}
.fl{float:left}
.mar{margin:0px auto}
input{outline:none}
.trans{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
a.mask{text-decoration:none;overflow:hidden;display:block}
img.zoom-img:hover{-webkit-transform:scale(1.15);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:750ms;-moz-transform:scale(1.15);-moz-transition-timing-function:ease-out;-moz-transition-duration:750ms;overflow:hidden}
img.zoom-img{-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:550ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:550ms}
.wap{display:none}


.botinput{width:100%;float:left;text-align:center;margin-top:50px;}
.botinput a{display:inline-block;padding:8px 25px;color:#fff;background:#940C85;font-size:16px;border-radius:5px;}

.header{width:100%;padding:20px 50px;}
.header .logo{float:left;}
.header .logo img{max-height:55px;}
.header .header-r{float:right;line-height:55px;}
.header .header-r a{font-size:18px;margin-right:20px;}
.jb-box{margin:0 auto;width:1200px;background: #fff;padding: 20px;padding-bottom: 80px;}

.jb-body{
  width: 100%;
  background: #eee;
  padding: 15px;

}
.title-1{
  width: 100%;
  float: left;
  text-align: center;
  font-size: 30px;
  color: #940C85;
  margin-top: 30px;
}
.title-2{
  width: 100%;
  float: left;
  text-align: center;
  font-size: 24px;
  color: #000;
  margin-top: 20px;
  border-bottom:dashed 1px #eee;
  padding-bottom: 30px;
}
.jb-content{
  width: 100%;
  float: left;
  padding: 20px;
  text-align: justify;
  font-size: 18px;
  line-height: 36px;

}
.jb-qudao{
  width: 80%;
  margin:0 auto;
  margin-top: 50px;
  border:dashed 3px #940C85;
  padding: 25px;
  border-radius: 8px;
}
.jb-qudao .title-2{
  color: #940C85;
  font-size: 30px;
}
.title-3{
  width: 100%;
  float: left;
  font-size: 24px;
  color: #000;
  position: relative;
  padding-left: 20px;
  margin-top: 30px;
}
.title-3::before{
  content: "";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  background: #940C85;
}

.form-list{
  width: 100%;
  float: left;
  margin-top: 30px;
  padding: 30px;
}
.form-list ul{
  width: 100%;
  float: left;
  margin-top: 30px;
}
.form-list li{
  width: 50%;
  float: left;
  min-height: 30px;
  padding: 10px;
}
.form-list li label{
  width: 100%;

}
.form-list li .text{
  border:1px solid #ddd;
  border-radius: 5px;
  height: 34px;
  padding: 0 10px;
  width: 100%;
  margin-top: 10px;
}
.form-list li .text2{
  border:1px solid #ddd;
  border-radius: 5px;
  height: 134px;
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  outline: none;
  font-size: 18px;
}
.form-list li .form_control{
  position: relative;
}
.form_control.error .text {

    border: 1px #f00 solid;

    background-color: #FBF9BB;

}
.form-list li span label{
  margin-right: 35px;
}
.form-list li label input{
  margin-right:10px;
}




  .form_control .valid_message {

    color: #32BC61;

    position: absolute;

    right: 0;

    top: 0;

    padding-right: 10px;

  }



  .form_control.error .valid_message {

    color: #f00;

  }



  .form_control.success .valid_message {

    background: url(../images/sucess.png) no-repeat;

    left: auto;

    right: 5px;

    top: 4px;

    width: 16px;

    height: 16px;

  }



  .none {

    display: none;

  }
 .bot-input{
    width: 100%;
    float: left;
    margin-top: 30px;
    text-align: left;
    padding: 0 10px;
    margin-bottom: 40px;
 }
.bot-input .add{
  width: 100%;
  border:1px solid #ddd;
  height: 38px;
  background:#eee;
  border-radius: 5px;
  font-size: 18px;
  outline: none;
}
.bot-input .submit{
  width: 100%;
  color: #fff;
  border:none;
  height: 38px;
  background:#940C85;
  border-radius: 5px;
  font-size: 18px;
  outline: none;
  margin-top: 20px;
}
.jb-qudao .jb-content a{color:#940C85;}

@media screen and (max-width: 760px) {
  .jb-box{width:100%;}
.header{padding:15px 10px;}
.header .logo,.header .header-r{float:none;display:inline-block;vertical-align: middle;margin-right:20px;line-height:normal;}
.header .logo img{max-height:auto;max-width:120px;}
.header .header-r a{font-size:16px;}
.jb-content{font-size:16px;padding:0;}
.jb-qudao{width:100%;}
}