@media screen and (max-width: 768px) {
  #PC {
    display: none !important;
  }
  #MOBILE {
    display: block !important;
  }
  #MOBILE .mobile-top-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 0.56rem;
    z-index: 9999999;
    background: url("../../../assets/images/shutterstock_691534279.jpg") no-repeat center top;
    background-size: 100% auto;
  }
  #MOBILE .mobile-top-header .top-header-options {
    float: left;
    height: 100%;
    width: 0.4rem;
    cursor: pointer;
  }
  #MOBILE .mobile-top-header .top-header-options > img {
    width: 0.2rem;
    display: block;
    padding-top: 0.18rem;
    margin: 0 auto;
  }
  #MOBILE .mobile-top-header .top-header-search {
    float: right;
    width: 0.4rem;
    height: 100%;
  }
  #MOBILE .mobile-top-header .top-header-search a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #MOBILE .mobile-top-header .top-header-search img {
    width: 0.2rem;
    display: block;
    padding-top: 0.16rem;
    margin: 0 auto;
    cursor: pointer;
  }
  #MOBILE .mobile-top-header .mobile-search {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
  }
  #MOBILE .mobile-top-header .mobile-search input {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.445);
    margin-left: 0.1rem;
    margin-top: 0.07rem;
    width: 3rem;
    float: left;
    height: 0.4rem;
    padding: 0.05rem;
    background: #fff;
    color: #333;
    border-radius: 5px;
    border: 1px solid #1650ac;
    outline: none;
  }
  #MOBILE .mobile-top-header .mobile-search > img {
    float: left;
    width: 0.16rem;
    height: 0.16rem;
    margin-left: 0.2rem;
    margin-top: 0.18rem;
  }
  #MOBILE .mobile-top-header .mobile-search > div {
    position: absolute;
    left: 2.8rem;
    height: 0.22rem;
    width: 0.22rem;
    top: 0.16rem;
  }
  #MOBILE .mobile-top-header .mobile-search #mobile-search-content {
    display: none;
    position: absolute;
    top: 0.55rem;
    left: 0;
    width: 100%;
    padding: 0.1rem;
    background: #fff;
  }
  #MOBILE .mobile-top-header .mobile-search #mobile-search-content > p {
    line-height: 0.3rem;
  }
  #MOBILE .mobile-top-header .top-header-logo {
    width: 100%;
    height: 100%;
  }
  #MOBILE .mobile-top-header .top-header-logo .logo {
    width: 0.8rem;
    height: 100%;
    margin: 0 auto;
  }
  #MOBILE .mobile-top-header .top-header-logo .logo > img {
    width: 0.4rem;
    display: block;
    padding-top: 0.12rem;
    margin: 0 auto;
  }
  #MOBILE .mobile-top-header #mobile-TopNavigation-box {
    display: none;
    background: #fff;
    text-align: center;
    line-height: 0.4rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ccc;
  }
  #MOBILE .mobile-top-header #mobile-TopNavigation-box > li {
    font-weight: 700;
  }
  #MOBILE .mobile-top-header #mobile-TopNavigation-box > li > section {
    display: inline-block;
    cursor: pointer;
  }
  #MOBILE .mobile-top-header #mobile-TopNavigation-box > li > section > a {
    color: #333;
  }
  #MOBILE .mobile-top-header #mobile-TopNavigation-box > li > section.active {
    font-weight: 700;
    border-bottom: 0.02rem solid #1650ac;
  }
  #MOBILE .mobile-top-header #mobile-TopNavigation-box > li > section.active > a {
    color: #1650ac;
  }
}