* {
     padding: 0;
     margin: 0;
 }

 body {
     background: #F7F5F4;
 }

 a {
     text-decoration: none;
 }

 a:hover {
     color: #f9b334;
 }

 .head-ctn {
     height: 300px;
     width: 100%;
     background: url() no-repeat center top;
     position: relative;
 }

 .container-out {
     width: 100%;
 }

 .header-logo-bg {
     height: 110px;
     background: #FFFFFF;
     opacity: 0.62;
 }

 .container-in {
     width: 1000px;
     margin: 0 auto;
 }

 .header-logo {
     position: absolute;
     top: 30px;
 }

 .bread-ctn {
     margin-top: 50px;
     margin-bottom: 40px;
     line-height: 52px;
     height: 52px;
 }

 .bread-ctn .container-in {
     border-bottom: 1px solid #DBD4CD;
     overflow: hidden;
 }

 .columnName {
     float: left;
     font-size: 28px;
     color: #f9b334;
 }

 .breadPath {
     float: right;
 }

 .bread-item {
     font-size: 14px;
     color: #333333;
     padding: 0 5px;

 }


 li {
     list-style: none;
 }

 .fl {
     display: inline;
     float: left;
 }


 .publicbtn {
     display: block;
     width: 132px;
     height: 49px;
     overflow: hidden;
     cursor: pointer;
     color: #ffffff;
     font-size: 20px;
     text-shadow: 0px 2px 0px #85561D;
     background: #f9b334;
     border: 1px solid#f9b334;
     line-height: 49px;
     text-align: center;
 }

 .btn_search {
     background-position: 0 0;
 }

 .btn_search:active {
     background-position: 0 -106px;
 }

 .btn_reset {
     background-position: -147px 0;
     background: #6A5850;
     border: 1px solid #695446;
 }

 .btn_submit {
     background-position: 0 -51px;
 }

 .btn_submit:active {
     background-position: -147px -51px;
 }


 .textsty {
     background-color: #fff;
     border: 1px solid #dbd4cd;
     padding-left: 15px;
     color: #333;
     font-size: 14px;
 }

 .text01,
 .text02 {
     height: 47px;
     line-height: 47px;
 }

 .text01 {
     width: 370px;
 }

 .text02 {
     width: 260px;
 }

 .textarea01 {
     width: 626px;
     height: 165px;
     padding: 15px;
     overflow: auto;
     overflow-x: hidden;
     resize: none;
 }

 .exchange-suggemain {
     padding: 0;
     padding-bottom: 80px;
 }

 .exchange-suggemain ul {
     overflow: hidden;
     width: 100%;
 }

 .exchange-suggemain li {
     float: left;
     width: 100%;
     padding-bottom: 7px;
 }

 .exchange-suggemain li .tit {
     width: 82px;
     font-size: 14px;
     line-height: 49px;
 }

 .exchange-suggemain li .tit .gray {
     font-size: 12px;
     color: #999999;
 }

 .exchange-suggemain li.li-textarea .tit {
     width: auto;
 }

 .exchange-suggemain li.li-textarea .inputbox {
     padding-left: 82px;
 }

 .exchange-suggemain .tip {
     background-color: #fee7cb;
     border: 1px solid #f5d2a8;
     height: 27px;
     padding: 9px 15px 0;
     margin: 5px 0 0 10px;
 }

 .exchange-suggemain .tip img {
     display: inline-block;
     vertical-align: middle;
     margin-right: 3px;
 }

 .exchange-suggemain .button {
     padding: 20px 0 0 82px;
     width: 600px;
     overflow: hidden;
 }

 .exchange-suggemain .button .publicbtn {
     float: left;
     display: inline;
     margin-right: 15px;
 }

 .footer {
    background: #ffffff;
    text-align: center;
    padding: 32px 0;
    color: #8D908E;
}
.footer a {
  color: #8d908e;
}
.footer a:hover {
  color: #f9b334;
}
.footer div span {
  padding: 0 20px;
}