@charset "UTF-8";
/* ---------------------- In-header[header] ---------------------- */
.In-header {
  width: 100%;
  height: 1.2857rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.In-header .header_logo {
  height: 0.8571rem;
}

.In-header .header_logo .header_logo_img {
  height: 100%;
  max-width: 1.5rem;
}

.In-header .header_logo.return {
  width: 0.6286rem;
  height: 0.6286rem;
}

.In-header .header_search {
  margin: 0 auto;
  width: 100%;
  max-width: 6.5714rem;
  height: 0.8571rem;
}

.In-header .header_search .search-key {
  width: 100%;
  height: 0.8571rem;
  border-radius: 0.8571rem;
  overflow: hidden;
  background: var(--Cf5f5f7);
  padding: 0 0.2857rem;
  display: flex;
  align-items: center;
}

.In-header .header_search .search-key input {
  height: 0.8571rem;
}

.In-header .header_search .search-key input.but {
  width: 0.8571rem;
  height: 0.8571rem;
  display: inline-block;
  background: url(../images/icon_sos.png) no-repeat 50%/60%;
}

.In-header .header_search .search-key input.key {
  flex: 1;
  background: var(--Cf5f5f7);
}

.In-header .header_menu {
  width: 0.8571rem;
  height: 0.8571rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

.In-header .header_menu .icon_menu {
  width: 0.6429rem;
  height: 0.6143rem;
}

.In-header .header_menu.min {
  width: 0.6286rem;
  height: 0.6286rem;
}

.In-header .header_menu.min .icon_menu {
  height: 90%;
  width: initial;
}

.In-header .header_h3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--C4c4c4c);
}

.In-header .header_screen {
  margin-left: auto;
  width: 0.6286rem;
  height: 0.6286rem;
  text-align: center;
}

.In-header .header_screen .icon_menu {
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
}

.In-header .header_cancel {
  margin-left: auto;
  width: 1rem;
  height: 0.6286rem;
  line-height: 0.6286rem;
}

/* 菜单导航 */
.In-nav {
  position: fixed;
  width: 0vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: var(--Cf5f5f7);
  z-index: 9;
  overflow: hidden;
}

.In-nav .nav_header {
  height: 1.2857rem;
  background: var(--Cffffff);
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
}

.In-nav .nav_header .nav_return {
  width: 0.6286rem;
  height: 0.6286rem;
  display: inline-block;
}

.In-nav .nav_header .nav_return img {
  height: 100%;
}

.In-nav .nav_header .nav_h3 {
  margin-left: auto;
  margin-right: auto;
}

.In-nav .nav_main ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.In-nav .nav_main ul li {
  width: 45.0667vw;
  height: 15.7333vw;
  margin-top: 0.25rem;
}

.In-nav .nav_main ul li .nav_anav {
  background: var(--Cffffff);
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 100%;
  padding-left: 10vw;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"] {
  width: 0.5143rem;
  height: 0.5143rem;
  display: inline-block;
  margin-right: 0.1rem;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_home {
  background: url(../images/nav_shouy.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_zyy {
  background: url(../images/nav_zyy.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_zsy {
  background: url(../images/nav_zsy.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_zwa {
  background: url(../images/nav_zwa.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_zsp {
  background: url(../images/nav_zsp.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_hyzx {
  background: url(../images/nav_hyzx.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_ask {
  background: url(../images/nav_ask.png) no-repeat;
  background-size: contain;
}

.In-nav .nav_main ul li .nav_anav [class^="icon_"].icon_gywm {
  background: url(../images/nav_gywm.png) no-repeat;
  background-size: contain;
}

.main-header {
  padding-top: 0.3429rem;
}