/*底部导航栏*/

.footnav {
  width: 19.2rem;

  background: #333333;

  background-size: contain;

  display: flex;

  flex-direction: column;
  padding-bottom: 1rem;

}

.fttop {
  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: space-around;

}

.ftnav {
  display: flex;

  flex-direction: column;

  margin-top: 0.1rem;

  justify-content: center;
}

.ftnavzero {
  display: flex;
}

.ftnavtitle {
  display: flex;

  justify-content: space-around;

  font-size: 0.18rem;

  color: #fff;
}

.grey {
  color: #999;
}

.ftnavfirst {
  display: flex;

  /* margin-top: 0.2rem; */
}

.ftstyle {
  display: flex;

  border-left: 0.01rem solid #fff;

  padding: 0 0.15rem;

  color: #fff;
}

.ftstyle:nth-child(1) {
  border-left: none;

  padding-right: 0.15rem;
}

.none {
  border-left: none;

  padding: 0 0.15rem;

  color: #999;
}

.ftnavzero {
  display: flex;
}

.ftnavtitle {
  display: flex;

  justify-content: space-around;

  font-size: 0.18rem;

  color: #fff;
}

.grey {
  color: #999;
}

.ftnavfirst {
  display: flex;

  margin: 0.2rem 0;

  /* margin-top: 0.2rem; */
}

.ftstyle {
  display: flex;

  border-left: 0.01rem solid #fff;

  padding: 0 0.15rem;

  color: #fff;
}

.ftstyle img {
  width: 0.2rem;

  margin-right: 0.1rem;
}

.ftstyle:nth-child(1) {
  border-left: none;

  padding-right: 0.15rem;
}

.none {
  border-left: none;

  padding: 0 0.15rem;

  color: #999;
}

.ftnavsecond {
  display: flex;

  /* margin-top: 0.2rem; */
}

.ftimg {
  display: flex;

  justify-content: center;

  align-items: center;
}

.ftimg a {
  display: flex;

  justify-content: center;
}

.ftimg img {
  width: 0.26rem;

  margin-left: 0.2rem;

  margin-right: 0.08rem;

  margin-top: 0.02rem;
}

.code {
  width: 10%;

  margin-top: 0.1rem;
}

.codebox {
  display: flex;

  flex-direction: column;

  margin-top: 0.2rem;
}

.codebox span {
  display: flex;

  justify-content: center;

  color: #999;

  margin-top: 0.1rem;
}

.codebox img {
  width: 1.2rem;
}

.ftbtm {
  border-top: 0.01rem solid #999;

  display: flex;

  justify-content: center;

  padding: 0.1rem 0rem;

  /* margin-top: 0.6rem; */
}

.ftcopytext {
  width: 30%;

  margin-bottom: 0.9rem;
}



/*悬浮横幅*/

.float {
  position: fixed;

  bottom: 0;

  margin: 0 auto;

  z-index: 996;
}

.floatbanner {
  width: 19.2rem;

  height: 0.9rem;

  display: flex;

  justify-content: space-around;
}

.floatcolor {
  width: 19.2rem;

  height: 1rem;

  opacity: 0.4;

  margin: 0 auto;

  background: #226ed0;

  position: absolute;

  bottom: 0;

  z-index: 0.1;
}

.hotphone {
  display: flex;

  flex-direction: column;

  z-index: 1;
}

.hotphone span {
  color: #fff;

  font-size: 0.28rem;

  font-weight: bold;
}

.phonecollect {
  display: flex;

  justify-content: space-around;

  margin-top: 0.1rem;

  z-index: 1;
}

.phonecollect input {
  width: 3.5rem;

  height: 0.5rem;

  border-radius: 0.5rem;

  font-size: 0.18rem;

  border: none;

  background: #fff;

  padding-left: 0.1rem;
}

.phonecollect button {
  border: none;

  border-radius: 0.5rem;

  width: 1.7rem;

  height: 0.5rem;

  background-color: #7da7e9;

  font-size: 0.16rem;

  margin-left: 0.2rem;
}

.phonecollect button a {
  color: #fff;
}

.phonebtn {
  display: flex;

  justify-content: space-around;

  margin-top: 0.1rem;

  z-index: 1;
}

.phonebtn button {
  border: none;

  width: 1.5rem;

  height: 0.5rem;

  background: #fff;

  border-radius: 0.25rem;

  color: #000;

  margin-left: 0.2rem;
}