﻿#NavPC {
  height: .65rem;
  line-height: .65rem;
  padding-left: 2%;
  position: fixed;
  width: 100%;
  top: 0;
  background: #ffffff;
  z-index: 160; }
  #NavPC .logo {
    width: 17.7%;
    display: inline-block; }
  #NavPC a:hover {
    color: #333; }
  #NavPC .nav-ul {
    width: 66%; }
    #NavPC .nav-ul .nav-li {
      cursor: pointer;
      margin-right: 3%;
      display: inline-block;
      /*&:nth-of-type(8) {
                display: none;
            }*/ }
      #NavPC .nav-ul .nav-li a {
        display: block; }
      #NavPC .nav-ul .nav-li:last-of-type {
        margin: 0; }
      #NavPC .nav-ul .nav-li.active {
        position: relative;
        font-weight: 550; }
        #NavPC .nav-ul .nav-li.active a {
          color: #e60021; }
          #NavPC .nav-ul .nav-li.active a::after {
            background-color: #e60021;
            content: "";
            width: 30%;
            height: 3px;
            position: absolute;
            bottom: 0;
            z-index: 1;
            left: 0;
            right: 0;
            margin: auto; }
  #NavPC .login {
    font-size: .16rem;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    width: 14%; }
    #NavPC .login img {
      display: inline-block; }
      #NavPC .login img.icon1 {
        width: .25rem;
        margin-right: 5%; }
      #NavPC .login img.icon2 {
        width: .24rem;
        margin-right: 5%; }
      #NavPC .login img.icon3 {
        width: .11rem;
        margin-right: 9%; }
    #NavPC .login .loginBtn span {
      padding-right: 9%;
      border-right: 1px solid #000000; }
    #NavPC .login .location {
      padding-left: 9%; }
    #NavPC .login .logOut {
      cursor: pointer;
      width: 50%;
      display: none;
      text-align: center;
      background-color: #ffffff;
      position: absolute;
      top: .64rem;
      z-index: 50;
      box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }

.popbody {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6); }
  .popbody img {
    width: 100%; }
  .popbody .pop-form {
    width: 4.9rem;
    padding-bottom: 1.5%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }
    .popbody .pop-form .form-content {
      padding: 0 7.5%;
      margin: auto; }
      .popbody .pop-form .form-content .yanzheng {
        width: 32.7%; }
      .popbody .pop-form .form-content .form-input {
        padding-left: 3%;
        width: 58%; }
      .popbody .pop-form .form-content .form-remark .form-agree {
        text-align: left; }
      .popbody .pop-form .form-content .form-btn {
        margin: .35rem 0; }
      .popbody .pop-form .form-content .form-bottom {
        height: .3rem;
        margin: .3rem 0;
        color: #999999;
        font-size: .18rem; }
        .popbody .pop-form .form-content .form-bottom img {
          width: .3rem;
          display: inline-block;
          margin-right: 2%; }
      .popbody .pop-form .form-content .form-bottom1 {
        font-size: .18rem;
        color: #e60021;
        padding-bottom: .25rem;
        text-align: center;
        font-weight: bold;
        cursor: pointer; }

.weiBg {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6);
  display: none; }
  .weiBg img {
    width: 100%; }
  .weiBg .weibox {
    font-size: .24rem;
    color: #fff;
    text-align: center;
    width: 3.88rem;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }
    .weiBg .weibox img {
      margin: 20px 0; }
    .weiBg .weibox .tishi {
      border-radius: 30px;
      font-size: .18rem;
      padding: 20px;
      background-color: #000000; }

@media (max-width: 1024px) {
  #NavPC .nav-ul {
    width: 63%; }
    #NavPC .nav-ul .nav-li {
      margin-right: 2%; }
  .popbody .pop-form .form-content .form-input {
    width: 56%; } }

#NavM {
  position: fixed;
  top: 0;
  z-index: 900;
  width: 100%;
  background-color: #ffffff; }
  #NavM img {
    width: 100%;
    display: inline-block; }
  #NavM .top {
    display: flex;
    height: .84rem;
    padding: 0 3.33%;
    align-items: center;
    display: none;
    justify-content: space-between;
    border-bottom: 1px solid #dadada;
    font-size: .34rem;
    position: relative;
    background-color: #ffffff;
    z-index: 5; }
    #NavM .top .top-l {
      width: 32.3%; }
    #NavM .top .top-back {
      width: .19rem; }
    #NavM .top .top-text {
      flex: 1;
      text-align: center; }
    #NavM .top .top-r {
      width: 4.9%;
      box-sizing: content-box;
      padding: 2% 0 2% 2%; }
  #NavM .content {
    padding: .84rem 3.33%;
    font-size: .28rem;
    display: none;
    position: relative;
    height: 100vh;
    overflow-y: auto;
    top: -.85rem; }
    #NavM .content .person-list {
      display: none; }
    #NavM .content .address {
      font-size: .25rem;
      height: 1rem;
      line-height: 1rem;
      border-bottom: 1px solid #dadada; }
      #NavM .content .address img:nth-of-type(1) {
        width: 3.5%; }
      #NavM .content .address img:nth-of-type(2) {
        width: 2.3%; }
    #NavM .content .list {
      border-bottom: 1px solid #dadada;
      height: 1.3rem;
      margin: 0 8.88%;
      line-height: 1.3rem; }
      #NavM .content .list a {
        display: block; }
        #NavM .content .list a:hover {
          font-weight: bold;
          color: #e60021; }
    #NavM .content .login {
      margin: 8% 8.88% 0;
      border: 1px solid #e70022;
      color: #e70022;
      height: .83rem;
      border-radius: 8px;
      line-height: .83rem; }

@media (max-width: 767px) {
  .popbody .pop-form {
    width: 93.4%;
    padding-bottom: 3%; }
    .popbody .pop-form .form-content .yanzheng {
      width: 33.5%; }
    .popbody .pop-form .form-content .form-bottom {
      height: .5rem;
      line-height: .5rem;
      font-size: .28rem; }
      .popbody .pop-form .form-content .form-bottom img {
        width: .5rem; }
    .popbody .pop-form .form-content .form-bottom1 {
      font-size: .28rem; }
  .weiBg .weibox {
    font-size: .34rem;
    width: 3.42rem; }
    .weiBg .weibox img {
      margin: 10px 0; }
    .weiBg .weibox .tishi {
      font-size: .2rem;
      padding: 10px; } }
