html,
body {
  font-family: Helvetica Neue, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #222222;
}
body {
  padding-top: 1.2rem;
}
.title {
  width: 100%;
  height: 1.2rem;
  box-shadow: 0px 4px 4px 0px rgba(224, 227, 236, 0.5);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.4rem;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.title .logo {
  width: 1.55rem;
  height: 0.36rem;
}
.title .menu {
  width: 0.5rem;
  height: 0.5rem;
}
.index_banner {
  margin: 0.3rem auto 0;
  width: 6.7rem;
  height: 2.8rem;
  background: url(../img/index_banner.png);
  background-size: 100% 100%;
  padding-left: 0.4rem;
  color: #fff;
}
.index_banner .banner_text1 {
  padding-top: 0.8rem;
  padding-bottom: 0.3rem;
  font-weight: bold;
  font-size: 0.3rem;
}
.index_banner .banner_text2 {
  width: 4rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.index_title {
  text-align: center;
  padding: 0.95rem 0;
}
.index_title div:nth-child(1) {
  color: #222;
  font-size: 0.34rem;
  font-weight: bold;
  padding-bottom: 0.25rem;
}
.index_title div:nth-child(2) {
  color: #C9151E;
  font-size: 0.24rem;
}
.index_title2 {
  text-align: center;
  padding: 0.4rem 0 0.95rem;
  color: #222;
  font-size: 0.24rem;
}
.index_title2 div:nth-child(1) {
  padding-bottom: 0.25rem;
}
.index_feature {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.index_feature .index_feature_item {
  width: 3.2rem;
  height: 1.8rem;
  background-size: 100% 100% !important;
  padding: 0.3rem 0.2rem;
  margin-bottom: 0.3rem;
}
.index_feature .index_feature_item .index_feature_tit {
  font-size: 0.26rem;
  font-weight: bold;
}
.index_feature .index_feature_item .index_feature_info {
  margin-top: 0.2rem;
  width: 2rem;
  color: #666;
  font-size: 0.2rem;
  line-height: 0.32rem;
}
.index_feature .index_feature_item_1 {
  background: url(../img/index_feature_1.png);
}
.index_feature .index_feature_item_2 {
  background: url(../img/index_feature_2.png);
}
.index_feature .index_feature_item_3 {
  background: url(../img/index_feature_3.png);
}
.index_feature .index_feature_item_4 {
  background: url(../img/index_feature_4.png);
}
.index_main_bg {
  width: 6.7rem;
  height: 4.4rem;
  background: #F3F5F8;
  margin: 0.7rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.index_main_bg img {
  width: 3rem;
  height: 3.5rem;
}
.index_main_bg .t {
  top: 0.4rem;
  left: 0.3rem;
  position: absolute;
  color: #C9151E;
  font-weight: bold;
  font-size: 0.32rem;
}
.index_bg_1 {
  width: 7.5rem;
  height: 5rem;
  background: url(../img/index_bg_1.png);
  background-size: 100% 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
}
.index_bg_1 div {
  width: 100%;
}
.index_bg_1 .index_bg_info1 {
  padding-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.38rem;
}
.index_bg_1 .index_bg_info2 {
  font-size: 0.24rem;
  padding-top: 0.4rem;
}
.index_shop {
  display: flex;
  overflow-x: scroll;
  padding-left: 0.4rem;
}
.index_shop .index_shop_item {
  margin-right: 0.3rem;
  flex-shrink: 0;
  width: 2.8rem;
  display: flex;
  flex-wrap: wrap;
  color: #222;
  font-size: 0.26rem !important;
}
.index_shop .index_shop_item div {
  width: 100%;
  text-align: center;
  margin-bottom: 0.3rem;
}
.index_shop .index_shop_item img {
  width: 2.8rem;
  height: 1.8rem;
}
.index_type .tit {
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 1rem 0 1rem;
  font-size: 0.34rem;
}
.index_type .index_type_view {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.index_type .index_type_view .index_type_item {
  width: 2.5rem;
  margin: 0 0.4rem 0.7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index_type .index_type_view .index_type_item img {
  width: 1.08rem;
  height: 1.08rem;
}
.index_type .index_type_view .index_type_item div {
  padding-top: 0.3rem;
  text-align: center;
  font-size: 0.26rem;
  width: 2.3rem;
  color: #222;
  line-height: 0.52rem;
}
.index_bg_2 {
  width: 7.5rem;
  height: 4.6rem;
  background: url(../img/index_bg_2.png);
  background-size: 100% 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
}
.index_bg_2 img {
  width: 2rem;
  height: 2rem;
}
.index_bg_2 .index_bg2_info {
  width: 100%;
  padding-top: 0.5rem;
  font-weight: bold;
  font-size: 0.3rem;
}
.footer {
  width: 7.5rem;
  height: 1.9rem;
  background: #333;
  text-align: center;
}
.footer .footer_info1 {
  color: #fff;
  font-size: 0.24rem;
  padding-top: 0.4rem;
  padding-bottom: 0.1rem;
}
.footer .footer_info2 {
  padding-top: 0.2rem;
  color: #B4B4B4;
  font-size: 0.2rem;
}
.footer a {
  color: #B4B4B4;
}
.cooperate_banner {
  margin: 0.3rem auto 0;
  width: 6.7rem;
  height: 2.8rem;
  background: url(../img/cooperate_banner.png);
  background-size: 100% 100%;
  padding-left: 0.6rem;
  color: #fff;
}
.cooperate_banner .banner_text1 {
  padding-top: 0.7rem;
  padding-bottom: 0.23rem;
  font-weight: bold;
  font-size: 0.3rem;
}
.cooperate_banner .banner_text2 {
  width: 4rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.cooperate_banner .banner_text3 {
  margin-top: 0.26rem;
  width: 1.2rem;
  height: 0.4rem;
  background: #FFFFFF;
  border-radius: 4px;
  color: #E8431A;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.4rem;
}
.content-title {
  font-size: 0.34rem;
  font-weight: bold;
  margin: 0.9rem auto 0.7rem;
  text-align: center;
}
.cooperate_in {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.cooperate_in .cooperate_in_item {
  text-align: center;
  color: #222;
  font-size: 0.24rem;
}
.cooperate_in .cooperate_in_item img {
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: 0.25rem;
}
.cooperate_in .rightIcon {
  width: 0.34rem;
  height: 0.24rem;
  margin-bottom: 0.4rem;
}
.cooperate_in_tips1 {
  font-size: 0.26rem;
  color: #222;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  text-align: center;
}
.cooperate_in_tips2 {
  font-size: 0.24rem;
  text-align: center;
  color: #222;
}
.cooperate_op {
  display: flex;
  padding-left: 0.3rem;
  overflow: scroll;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.cooperate_op .cooperate_op_item {
  width: 4.6rem;
  height: 5.6rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px 0px rgba(49, 50, 51, 0.12);
  border-radius: 0.16rem;
  margin-right: 0.3rem;
  padding: 0.3rem;
}
.cooperate_op .cooperate_op_item .bg1,
.cooperate_op .cooperate_op_item .bg2,
.cooperate_op .cooperate_op_item .bg3 {
  width: 4rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #fff;
  background-size: 100% 100% !important;
  margin-bottom: 0.4rem;
}
.cooperate_op .cooperate_op_item .bg1 {
  background: url(../img/cooperate_op1.png);
}
.cooperate_op .cooperate_op_item .bg2 {
  background: url(../img/cooperate_op2.png);
}
.cooperate_op .cooperate_op_item .bg3 {
  background: url(../img/cooperate_op3.png);
}
.cooperate_op .cooperate_op_item .info {
  color: #222;
  font-size: 0.26rem;
  line-height: 0.52rem;
}
.question {
  width: 6.7rem;
  margin: 0 auto 0.3rem;
  border: 0.02rem solid #D40909;
  border-radius: 0.16rem;
  padding: 0.4rem 0.3rem 0.3rem;
}
.question .question_title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #222;
  margin-bottom: 0.2rem;
}
.question .info {
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #999999;
}
.menu_mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.menu_mask .menu {
  padding-top: 1.4rem;
  padding-bottom: 0.3rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
.menu_mask .menu .menu_item {
  width: 2.5rem;
  color: #222;
  text-align: center;
  height: 1rem;
  font-size: 0.26rem;
  line-height: 1rem;
}
.menu_mask .menu .menu_item.active {
  color: #C7161D;
}
.zd_shopcenter_mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.zd_shopcenter_mask .zd_shopcenter {
  border-radius: 0.16rem;
  width: 3.4rem;
  height: 3.4rem;
}
.city_banner {
  margin: 0.3rem auto 0;
  width: 6.7rem;
  height: 2.8rem;
  background: url(../img/city_banner.png);
  background-size: 100% 100%;
  padding-left: 0.4rem;
  color: #fff;
}
.city_banner .banner_text1 {
  padding-top: 1.1rem;
  padding-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.32rem;
}
.city_banner .banner_text2 {
  width: 4rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.city_main {
  width: 4.9rem;
  height: 2.8rem;
  margin: 0 auto 0.6rem;
  display: block;
}
.city_type {
  display: flex;
  justify-content: space-around;
}
.city_type .city_type_item {
  display: flex;
  flex-wrap: wrap;
  width: 1.4rem;
  color: #222;
  font-size: 0.2rem;
  line-height: 0.4rem;
  justify-content: center;
  text-align: center;
}
.city_type .city_type_item img {
  width: 0.7rem;
  height: 0.7rem;
  margin-bottom: 0.2rem;
}
.city_main_info {
  text-align: center;
}
.city_main_info:nth-child(1) {
  margin-bottom: 0.5rem;
}
.city_main_info img {
  width: 6.7rem;
  height: 3.4rem;
  border-radius: 0.12rem;
}
.city_main_info .tit {
  color: #222;
  font-size: 0.3rem;
  font-weight: bold;
  padding: 0.4rem 0;
}
.city_main_info .info {
  color: #222;
  padding: 0 0.5rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
}
.city_service {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.7rem;
}
.city_service .item {
  width: 3.05rem;
}
.city_service .item div {
  color: #C7161D;
  font-size: 0.32rem;
  font-weight: bold;
}
.city_service .item span {
  display: block;
  margin-top: 0.35rem;
  color: #222;
  font-size: 0.24rem;
  line-height: 0.5rem;
}
.city_service .item:nth-child(1) {
  margin-bottom: 0.8rem;
}
.city_service .item:nth-child(2) {
  margin-bottom: 0.8rem;
}
.city_profit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.city_profit .item {
  width: 2.5rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  color: #222;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.city_profit .item img {
  width: 1.1rem;
  height: 1.1rem;
}
.city_profit .item .tit {
  font-size: 0.3rem;
  font-weight: bold;
  margin-top: 0.4rem;
}
.city_profit .item .info {
  height: 2.4rem;
  margin-top: 0.25rem;
  color: #222;
  font-size: 0.24rem;
  line-height: 0.48rem;
}
.city_gain {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.city_gain .item {
  width: 3.2rem;
  height: 2.4rem;
  border: 0.02rem solid #C7161D;
  border-radius: 0.1rem;
  color: #222222;
  padding: 0.3rem 0.2rem;
  margin-bottom: 0.3rem;
}
.city_gain .item div {
  font-weight: bold;
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}
.city_gain .item span {
  display: block;
  font-size: 0.24rem;
  line-height: 0.48rem;
}
.city_conformity {
  color: #222222;
  font-size: 0.24rem;
  line-height: 0.48rem;
  padding: 0 0.4rem;
}
.city_conformity img {
  width: 6.7rem;
  height: 3.65rem;
  margin-bottom: 0.5rem;
}
.city_support {
  padding: 0 0.4rem;
}
.city_support .item {
  display: flex;
  margin-bottom: 0.6rem;
}
.city_support .item img {
  width: 0.72rem;
  height: 0.72rem;
  margin-right: 0.3rem;
  flex-shrink: 0;
}
.city_support .item .item_right .tit {
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.city_support .item .item_right .info {
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.city_bg {
  width: 7.5rem;
  height: 3.6rem;
  background: url(../img/city_bg.png);
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.city_bg div {
  width: 100%;
}
.city_bg div:nth-child(1) {
  font-size: 0.4rem;
  padding-bottom: 0.3rem;
  font-weight: bold;
}
.city_bg div:nth-child(2) {
  font-size: 0.3rem;
}
.oto_banner {
  margin: 0.3rem auto 0;
  width: 6.7rem;
  height: 2.8rem;
  background: url(../img/oto_banner.png);
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.oto_banner div {
  width: 100%;
}
.oto_banner .banner_text1 {
  padding-bottom: 0.3rem;
  font-size: 0.34rem;
}
.oto_banner .banner_text2 {
  font-weight: bold;
  font-size: 0.44rem;
}
.oto_plan {
  padding-left: 0.4rem;
  display: flex;
  overflow: scroll;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.oto_plan .item {
  width: 4.8rem;
  height: 5.6rem;
  margin-right: 0.3rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  box-shadow: 0px 0px 16px 0px rgba(49, 50, 51, 0.12);
}
.oto_plan .item img {
  width: 4.8rem;
  height: 2.6rem;
}
.oto_plan .item .tit {
  padding: 0 0.3rem;
  font-size: 0.26rem;
  line-height: 0.44rem;
  font-weight: bold;
}
.oto_plan .item .info {
  font-size: 0.22rem;
  line-height: 0.38rem;
  padding: 0 0.3rem;
}
.oto_inter {
  width: 7.5rem;
  height: 4.2rem;
  background: url(../img/oto_inter.png);
  background-size: 100% 100%;
  color: #fff;
}
.oto_inter .num_step {
  padding-top: 1.2rem;
  margin-bottom: 0.4rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.oto_inter .num_step .item {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 0.68rem;
  font-size: 0.3rem;
  color: #C7161D;
  font-weight: bold;
}
.oto_inter .num_step img {
  width: 0.12rem;
  height: 0.2rem;
}
.oto_inter .info_step {
  display: flex;
  justify-content: space-evenly;
  font-size: 0.2rem;
}
.oto_inter .info_step div {
  text-align: center;
  line-height: 0.4rem;
  flex: 1;
}
.oto_inter .info_step .sp {
  text-align: left;
}
.oto_phont {
  width: 6.7rem;
  height: 3.65rem;
  margin: 0 auto 1rem;
  display: block;
}
.about_banner {
  margin: 0.3rem auto 0;
  width: 6.7rem;
  height: 2.8rem;
  background: url(../img/about_banner.png);
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.about_banner div {
  width: 100%;
}
.about_banner .banner_text1 {
  padding-bottom: 0.3rem;
  font-size: 0.34rem;
}
.about_banner .banner_text2 {
  font-weight: bold;
  font-size: 0.44rem;
}
.about_us {
  padding: 0 0.6rem;
  font-size: 0.28rem;
  line-height: 0.56rem;
}
.us_feature img {
  width: 6.7rem;
  height: 3.4rem;
  margin: 0 auto;
  display: block;
}
.us_feature .info {
  padding: 0.6rem 0.65rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  text-align: center;
}
.contact_banner {
  margin: 0.3rem auto 0;
  width: 6.7rem;
  height: 2.8rem;
  background: url(../img/contact_banner.png);
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.contact_banner div {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.5rem;
}
.contact_banner div:nth-child(3) {
  padding-top: 0.2rem;
}
.contact_banner .banner_text1 {
  font-weight: bold;
}
.contact_banner .banner_text2 {
  font-size: 0.26rem;
}
.contact .contact_item {
  display: flex;
  padding: 0 0.4rem 0.6rem;
}
.contact .contact_item .main {
  width: 3.2rem;
  height: 2.2rem;
  margin-right: 0.3rem;
}
.contact .contact_item .contact_item_right {
  height: 2.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2rem 0;
}
.contact .contact_item .contact_item_right .tit {
  font-size: 0.3rem;
  font-weight: bold;
}
.contact .contact_item .contact_item_right .info {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
}
.contact .contact_item .contact_item_right .info img {
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.contact .contact_item .contact_item_right .cont {
  display: flex;
  font-size: 0.24rem;
  line-height: 0.38rem;
}