.header, .footer {
  display: none
}
.header-dropdown-m {
  display: none
}
.header-nav {
  border-bottom: none
}
.mask {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998
}
.nav-mobile {
  position: absolute;
  width: 100%;
  z-index: 1002
}
.nav-mobile .nav-top {
  height: 1rem;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: .5px solid rgba(24, 24, 24, 0.05)
}
.nav-mobile .add-white {
  position: fixed;
  left: 0;
  top: 0
}
.m-nav-logo {
  float: left
}
.nav-mobile .nav-logo {
  float: left;
  margin-left: .32rem;
  margin-top: .3rem;
  width: 3.49rem;
  height: .4rem;
  background-image: url("../image/logo.png");
  background-repeat: no-repeat;
  background-size: contain
}
.nav-mobile .nav-login {
  float: right;
  margin-right: .48rem;
  margin-top: .34rem;
  width: .32rem;
  height: .32rem;
  background-image: url("https://img.juhe.cn/www/v10/logo/nav-black-search-icon.svg");
  background-repeat: no-repeat;
  background-size: contain
}
.nav-mobile .nav-menu {
  margin-top: .34rem;
  width: .32rem;
  height: .32rem;
  float: right;
  margin-right: .32rem
}
.nav-mobile .nav-menu span {
  display: block;
  margin-bottom: .1rem;
  width: .32rem;
  height: .04rem;
  background: #333;
  border-radius: .02rem;
  -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
  transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
  transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s;
  transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}
.nav-mobile .nav-menu span:first-child {
  -webkit-transform-origin: .35rem;
  transform-origin: .35rem
}
.nav-mobile .nav-menu span:last-child {
  -webkit-transform-origin: .35rem;
  transform-origin: .35rem;
  margin-bottom: 0
}
.nav-mobile .nav-menu.open span:first-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.nav-mobile .nav-menu.open span:nth-child(2) {
  opacity: 0;
  width: 0
}
.nav-mobile .nav-menu.open span:last-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.nav-mobile .nav-top.add-white {
  background-color: #fff
}
.nav-mobile .nav-top.add-white .nav-logo {
  background-image: url("../image/logo.png")
}
.nav-mobile .nav-top.add-white .nav-login {
  background-image: url("https://img.juhe.cn/www/v10/logo/nav-black-search-icon.svg")
}
.nav-mobile .nav-top.add-white .nav-menu span {
  background-color: #333
}
.nav-mobile .nav-menu-hide {
  display: none;
  width: 100vw;
  height: calc(100vh - 1rem);
  background-color: #fff;
  position: fixed;
  left: 0;
  padding-top: 1rem
}
.nav-mobile .nav-footer {
  position: absolute;
  left: 0;
  bottom: .4rem;
  width: 100vw
}
.nav-mobile .nav-footer .nav-footer-login {
  width: calc(100vw - 1.1rem);
  margin: 0 auto
}
.nav-mobile .nav-footer .nav-footer-login a:first-child {
  float: left;
  width: 3.1rem;
  height: .88rem;
  border: .02rem solid #07aaff;
  border-radius: .08rem;
  text-align: center;
  line-height: .88rem;
  font-size: .28rem;
  color: #07aaff
}
.nav-mobile .nav-footer .nav-footer-login a:last-child {
  float: right;
  width: 3.1rem;
  height: .88rem;
  border-radius: .08rem;
  text-align: center;
  line-height: .88rem;
  font-size: .28rem;
  color: #fff;
  background-color: #07aaff;
  border: .02rem solid #07aaff
}
.nav-mobile .nav-footer .nav-footer-center {
  width: calc(100vw - 1.1rem);
  margin: 0 auto;
  height: .88rem;
  background-color: #07aaff;
  border-radius: .08rem
}
.nav-mobile .nav-footer .nav-footer-center a {
  display: block;
  font-size: .28rem;
  line-height: .88rem;
  text-align: center;
  color: #fff
}
.nav-container {
  height: calc(100vh - 3.2rem);
  margin-top: .2rem;
  overflow: auto
}
.nav-mobile .nav-item {
  display: block;
  width: 100%;
  height: 1.2rem;
  overflow: hidden;
  background-color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  transition: height .3s
}
.nav-mobile .nav-item.active {
  height: auto
}
.nav-mobile .nav-item-top {
  position: relative
}
.nav-mobile .nav-item-top a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}
.nav-mobile .nav-item-name {
  float: left;
  margin-left: .32rem;
  font-size: .32rem;
  color: #262626;
  line-height: 1.2rem;
  font-weight: bold;
  position: relative
}
.nav-mobile .nav-item-name:before {
  content: "";
  width: .1rem;
  height: .1rem;
  background: #fff;
  position: absolute;
  left: -0.3rem;
  top: .55rem
}
.nav-mobile .nav-item-link {
  float: right;
  margin-right: .28rem;
  margin-top: .53rem
}
.nav-mobile .nav-item-link span {
  display: block;
  width: .24rem;
  height: .24rem;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: url("https://img.juhe.cn/www/v10/logo/jiantou.svg") no-repeat;
  background-size: .24rem .24rem;
  transition: transform .3s
}
.nav-mobile .nav-item.active .nav-item-link span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.nav-mobile .nav-item-con li {
  padding: .35rem 0 .37rem .52rem;
  border-bottom: 1px solid #eee;
  font-size: .28rem;
  line-height: .28rem;
  color: #262626;
  background-color: #f8f8f8;
  position: relative
}
.nav-mobile .nav-item-con li:active {
  background-color: #f5f5f5;
  color: #07aaff
}
.nav-mobile .nav-item-con li a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}
.nav-mobile .nav-item-action {
  width: 1.2rem;
  height: 1.2rem;
  float: right
}
.nav-mobile .nav-item-action span {
  display: block;
  margin: .5rem auto 0;
  width: 0;
  height: 0;
  border-left: .15rem solid transparent;
  border-right: .15rem solid transparent;
  border-bottom: none;
  border-top: .15rem solid #fff
}
.nav-mobile .nav-item-action.open span {
  border-left: .15rem solid transparent;
  border-right: .15rem solid transparent;
  border-bottom: .15rem solid #fff;
  border-top: none
}
.nav-mobile .nav-slide-item {
  display: block;
  width: 100%;
  height: 1.2rem;
  background: rgba(41, 41, 41, 0.98);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-size: .3rem
}
.nav-mobile .nav-slide-item .nav-slide-item-name {
  float: left;
  margin-left: .8rem;
  line-height: 1.2rem;
  color: rgba(255, 255, 255, 0.5)
}
.nav-mobile .nav-slide-item .nav-slide-item-desc {
  float: right;
  margin-right: .6rem;
  font-size: .32rem;
  line-height: 1.2rem;
  color: rgba(255, 255, 255, 0.3)
}
.nav-mobile .nav-slide-item-link {
  float: right;
  width: 1.2rem;
  height: 1.2rem;
  color: rgba(255, 255, 255, 0.2);
  font-size: .5rem;
  font-weight: lighter;
  font-family: "Arial"
}
.nav-mobile .nav-slide-item-link span {
  display: block;
  width: .22rem;
  height: .22rem;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: .5rem auto 0
}
.nav-mobile .nav-slide-item-link span:after {
  content: "";
  width: .25rem;
  height: .25rem;
  background: #292929;
  position: absolute;
  right: .04rem;
  top: .04rem
}
.nav-mobile .nav-login-hide {
  display: none;
  position: fixed;
  width: 100vw;
  left: 0;
  top: 0;
  padding-top: 1rem
}
.nav-mobile .nav-login-container {
  width: 100%;
  height: 1.4rem;
  padding-top: .6rem;
  background: rgba(34, 34, 34, 0.98)
}
.nav-mobile .nav-login-btn {
  float: left;
  margin: 0 .3rem 0 .35rem;
  display: block;
  width: 3rem;
  height: .8rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  line-height: .8rem;
  text-align: center;
  font-size: .3rem;
  color: #fff;
  box-sizing: border-box
}
.nav-mobile .nav-register-btn {
  float: left;
  display: block;
  width: 3.5rem;
  height: .8rem;
  border: 1px solid #07aaff;
  line-height: .8rem;
  background: #07aaff;
  text-align: center;
  font-size: .3rem;
  color: #fff;
  box-sizing: border-box
}
.nav-mobile .nav-logout {
  display: block;
  width: 6.4rem;
  height: .8rem;
  margin: 0 auto;
  line-height: .8rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: .3rem;
  color: #fff;
  text-align: center
}
.mobile-footer {
  background: #181818;
  text-align: center;
  padding: .4rem 0
}
.mobile-footer__phone {
  width: calc(100vw - 1.1rem);
  display: none;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  background-color: #07aaff;
  line-height: .88rem;
  border-radius: .08rem;
  font-size: .28rem;
  font-weight: bold
}
.mobile-footer__phone a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%
}
.mobile-footer__phone a:hover {
  color: #fff
}
.mobile-footer__copyright {
  font-size: .2rem;
  line-height: .2rem;
  color: rgba(255, 255, 255, 0.4)
}
.mobile-footer__permit {
  font-size: .2rem;
  line-height: .2rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: .2rem
}
.mobile-footer__record {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .2rem
}
.mobile-footer__record img:first-child {
  width: .15rem;
  height: .2rem;
  margin-right: .1rem
}
.mobile-footer__record img:nth-child(2) {
  width: .18rem;
  height: .2rem;
  margin-right: .1rem
}
.mobile-footer__record span {
  font-size: .2rem;
  line-height: .2rem;
  color: rgba(255, 255, 255, 0.4)
}
.mobile-footer .ercode-img {
  padding-top: .6rem
}
.mobile-footer .ercode-img img {
  width: 3rem;
  height: 3rem;
  margin: 0 auto
}
.mobile-footer .ercode-img p {
  color: #fff;
  font-size: .3rem;
  line-height: .9rem
}
.contact-tel {
  margin: 0 auto;
  display: block;
  width: 4.8rem;
  height: .8rem;
  line-height: .8rem;
  background: #07aaff;
  color: #fff;
  font-weight: bold;
  font-size: .26rem
}
.contact-tel img {
  width: .3rem;
  height: .3rem;
  margin-right: .17rem
}
.contact-us {
  margin: .3rem auto;
  display: block;
  width: 4.8rem;
  height: .8rem;
  line-height: .8rem;
  color: #fff;
  font-size: .24rem;
  font-weight: bold;
  text-align: center;
  border: 1px solid #eee
}
.mobile-right {
  padding-top: .2rem;
  color: #ccc;
  font-size: .18rem;
  line-height: .4rem
}
.mobile-right .mobile-last-p {
  font-size: .2rem
}
.mobile-right .mobile-last-p .img-bei1 {
  width: .15rem;
  height: .2rem;
  margin-right: .07rem
}
.mobile-right .mobile-last-p .img-bei2 {
  width: .18rem;
  height: .2rem
}
.nav-login-hide {
  height: calc(100vh - 1rem);
  background-color: #fff
}
.m-search-top {
  height: .8rem;
  padding: .4rem .32rem 0;
  width: calc(100vw - .64rem)
}
.m-search-input {
  outline: none;
  border: none;
  width: calc(100% - .68rem);
  padding-left: .68rem;
  height: .8rem;
  font-size: .28rem;
  background: url("https://img.juhe.cn/www/v10/logo/m-search-input-icon.svg") no-repeat .2rem .24rem;
  background-size: .32rem .32rem;
  background-color: #f5f5f5;
  border-radius: .08rem;
  float: left
}
.m-search-hot {
  padding: .4rem .32rem 0;
  width: calc(100vw - .64rem)
}
.m-search-hot-title {
  font-size: .24rem;
  line-height: .24rem;
  color: #888;
  margin-bottom: .2rem
}
.m-search-hot-list-item {
  display: block;
  float: left;
  padding: .16rem .2rem;
  font-size: .24rem;
  line-height: .24rem;
  color: #262626;
  border-radius: .08rem;
  background-color: #f5f5f5;
  margin-right: .2rem;
  margin-bottom: .2rem
}
.m-search-hot-list-item:active {
  color: #07aaff
}
.m-search-data-header {
  padding-top: .26rem;
  max-height: calc(100vh - 3rem);
  overflow-y: auto
}
.m-search-data-header .search-data__item {
  display: block;
  padding: .2rem .4rem .2rem .8rem
}
.m-search-data-header .search-data__item:hover {
  background-color: #f6faff
}
.m-search-data-header .search-data__item-title {
  display: flex;
  margin-bottom: 0;
  font-size: .28rem;
  line-height: .28rem;
  color: #5c6373;
  font-weight: 600
}
.m-search-data-header .search-data__item-name {
  max-width: 4.8rem
}
.m-search-data-header .search-data__item-type {
  margin-left: .1rem;
  font-size: .24rem;
  line-height: .28rem
}
.m-search-data-header .search-data__item-des {
  display: none
}