.title {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 222;
  height: 3.2rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 0.16rem 0.8rem #ccc;
}
.title .left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-left: 1.2rem;
}
.title .left > div {
  width: 1.32rem;
  height: 1.12rem;
  background-image: url(https://xinyongfu-data.oss-cn-beijing.aliyuncs.com/web_img/xyf/imgMobile/nav.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.title .tubaio {
  display: none;
  position: absolute;
  padding-top: 0.8rem;
  padding-left: 1.2rem;
  padding-bottom: 0.4rem;
}
.title .tubaio div {
  width: 2rem;
  height: 2rem;
  background-image: url(https://xinyongfu-data.oss-cn-beijing.aliyuncs.com/web_img/xyf/img/cha.png);
  background-repeat: no-repeat;
  background-size: 1.36rem;
}
.title .logo {
  height: 1.52rem;
  width: 4.88rem;
  margin: 0 auto;
}
.title .logo h1 {
  width: 100%;
  height: 100%;
  background-image: url(https://xinyongfu-data.oss-cn-beijing.aliyuncs.com/web_img/xyf/imgMobile/logo.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100%;
}
.nav {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 3.2rem;
  z-index: 3;
  box-shadow: 0px 0.16rem 0.8rem #ccc;
}
.nav .nav_content {
  height: 18.4rem;
  width: 100%;
  padding: 0 2.4rem;
  box-sizing: border-box;
  background-color: #fff;
}
.nav .nav_content li {
  width: 100%;
  height: 3.6rem;
  border-bottom: 1px solid #D8D8D8;
  line-height: 3.6rem;
}
.nav .nav_content li a {
  color: #333333;
  font-size: 1.2rem;
}
.nav .nav_content li:last-child {
  border-bottom: none;
}