.hsldbbd{ background-color:#fff; margin-top:1rem; padding-top:1rem; padding-bottom:1rem; margin-bottom:1rem;}
.hsldbbd1{ margin:0 .5rem;}
.hsldbbd1_1{ width:33.333333333333333%; float:left; margin-top:1rem;}
.hsldbbd1_1 a{ display:block; margin:0 .5rem;}
.hsldbbd1_1 span{ font-weight:bold; display:block; border:1px solid #ff6600; color:#ff6600; width:4rem; height:3.5rem; margin:0 auto; text-align:center; padding:.5rem; font-size:1.3rem; border-radius:.5rem; line-height:1.7rem;letter-spacing:2px;}
.hsldbbd1_1 p{ text-align:center; color:#333; padding-top:.5rem; padding-bottom:1rem;}

.hsldbbd .hsltit a{ color:#ff7d39; border:1px solid #ff7d39; padding:0 1rem; border-radius:3rem; height:2rem; line-height:2rem;}

.hsldbbd2{ margin:1rem;}
.hsldbbd2_1{ height:4rem; margin-bottom:1rem; position:relative;}
.hsldbbd2_1 input{ border:1px solid #e4e4e4; background-color:#f4f4f4; height:3.8rem; font-size:1.3rem; width:98%; border-radius:.3rem; margin-left:.8%; text-indent:3.5rem;}
.hsldbbd2_1 select{-webkit-appearance: none;-moz-appearance: none;appearance: none; border:1px solid #e4e4e4; background-color:#f4f4f4; height:3.8rem; font-size:1.3rem; width:98%; border-radius:.3rem; margin-left:.8%; text-indent:3.5rem;}
.hsldbbd2_1 i{ position:absolute; display:block; font-size:2rem; color:#ccc; line-height:2rem; left:.8rem; height:2rem; border-right:1px solid #ddd; top:1rem; padding-right:.5rem;}
.hsldbbd2_2{ text-align:center; font-size:1rem; color:#ccc;}
.hsldbbd2_2 i{ font-size:1rem; color:#ff6600; padding-right:.5rem;}
.hsldbbd2_1_2{ margin-bottom:.4rem;}
.hsldbbd2_3{ margin-top:.8rem;}
.hsldbbd2_3 input{background-color:#ff7d39; height:3.8rem; font-size:1.3rem; width:100%; border-radius:.3rem; color:#fff; border:1px solid #ff7d39;border-radius:.3rem;}
.hsldbbd2 .hsldbbd2_1_2 .hsl-down{ border:none; right:1rem; left:auto; font-size:1rem;}

.hslfoot{ padding:1rem 0 3rem 0; background-color:#fff;margin-bottom: 6rem;}
.hslfoot h2{ float:left; padding-right:1rem; border-right:1px solid #f1f1f1; width:8rem; margin-top:.4rem;}
.hslfoot1{ padding-left:10rem; color:#444; font-size:1.2rem; line-height:2rem;} 
.hslfoot1 p{color:#444;}
.hslfoot1 p i{ padding-right:.5rem; font-size:1.3rem; color:#999;}
.hslfoot2{ margin:1rem; font-size:1rem; text-align:center; height:3rem; line-height:3rem;background: linear-gradient(to right, #f27231 0%,#f13835 100%);background-color:#f13c35; border-radius:3rem; color:#fff;}
.hslfoot2 i{ font-size:1rem; padding-right:.3rem;}
.hslfoot2 a{color:#fff;}
.hslfoot3{ clear:both; text-align:center; padding-top:1rem; color:#333;font-size:1rem;}
.hslfoot3 a{color:#333;}

.hslbox1223{ margin-top:1rem;}
/*固定底部*/
.bottomnav {
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 40rem;
  border: 0.0625rem solid #f6f6f6;
  border-left: 0;
  border-right: 0;
  background-color: #fff;
  z-index: 999999999;
  height: 5rem;
}

.bottomnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  height: 7.8125rem;
  background-color: #fff;
  z-index: 20;
}

.bottomnav a {
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.125rem;
  color: #959595;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.bottomnav a.msg {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 6.4375rem;
  -moz-box-flex: 0;
  -ms-flex: 0 0 6.4375rem;
  flex: 0 0 6.4375rem;
  height: 8.0375rem;
  margin-top: -1.48rem;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.bottomnav a p {
  white-space: nowrap;
}

.bottomnav a.msg img {
  height: 4.4375rem;
  width: 4.4375rem;
}

.bottomnav a img {
  margin-bottom: 0.3125rem;
  vertical-align: text-bottom;
  width: auto;
  height: auto;
}