@charset "UTF-8";
html {
  -ms-touch-action: none;
  height: 100%; }

.ys_container {
  display: none;
  height: 100%;
  max-width: 800px !important;
  min-width: 320px !important;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  /*
        如果使用iscroll插件请用overflow属性
    */
  overflow: hidden;
  background: #f2f2f2 !important;
  /*this is important to prevent the whole page to bounce */ }
  .ys_container #wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    overflow: hidden; }
    .ys_container #wrapper #scroller {
      position: absolute;
      z-index: 1;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      width: 100%;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -o-text-size-adjust: none;
      text-size-adjust: none;
      /*background: #fff;*/ }
      .ys_container #wrapper #scroller .footer {
        height: 0.75rem;
        background: #f2f2f2;
        text-align: center;
        line-height: 0.75rem;
        color: #999999; }
        .ys_container #wrapper #scroller .footer a {
          color: #5a99e0; }
      .ys_container #wrapper #scroller .nav-lists-box {
        height: 0.45rem; }
      .ys_container #wrapper #scroller .notice {
        height: 0.74667rem; }

.top-nav {
  height: 0.47rem;
  line-height: 0.47rem;
  text-align: center;
  width: 100%;
  background: #fff;
  color: #121C32;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .top-nav .nav-goback {
    width: .55rem;
    height: 100%;
    display: block; }
    .top-nav .nav-goback span {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: .23rem;
      width: .18rem;
      height: .18rem;
      background: url("./../../images/search/icon-goback.png") no-repeat left center;
      background-size: auto 100%; }
  .top-nav .nav-title {
    height: 100%;
    font-size: 0.15rem;
    flex: auto; }
    .top-nav .nav-title .search {
      height: 100%;
      position: relative; }
      .top-nav .nav-title .search input {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 0.38rem;
        padding: 0 0.11rem;
        border-radius: 4px;
        background: #F7F8FA;
        color: #121C32;
        font-size: .15rem; }
        .top-nav .nav-title .search input::placeholder {
          color: #D1D3DA; }
      .top-nav .nav-title .search .close {
        display: none;
        position: absolute;
        right: .09rem;
        top: 50%;
        transform: translateY(-50%);
        height: 0.23rem;
        width: 0.23rem;
        z-index: 1;
        background: url(./../../images/search/icon-close-grey.png) no-repeat center center;
        background-size: .19rem .19rem; }
  .top-nav .nav-search {
    width: 0.64rem;
    height: 100%;
    display: block; }
    .top-nav .nav-search span {
      color: #121C32;
      font-size: 0.16rem; }

.top-nav-page {
  display: none;
  position: absolute;
  width: 100%;
  top: 0.47rem;
  left: 0;
  z-index: 2;
  background-color: #fff; }
  .top-nav-page ul.question-list {
    padding: .16rem .16rem .09rem;
    display: flex;
    gap: .1rem; }
    .top-nav-page ul.question-list li {
      list-style: none;
      font-size: 0.16rem;
      text-align: center;
      padding: 0 0.27rem;
      background-color: #F7F8FA;
      color: #808595;
      line-height: 0.34rem;
      height: 0.34rem;
      border-radius: 4px; }
      .top-nav-page ul.question-list li.active {
        color: #D7000F;
        position: relative;
        background-color: #fff; }
        .top-nav-page ul.question-list li.active:after {
          position: absolute;
          top: 0;
          left: 0;
          content: " ";
          opacity: 0.0675;
          background-color: #D7000F;
          display: block;
          width: 100%;
          height: 100%; }