* {
  box-sizing: border-box; }

.search-data {
  display: none; }
  .search-data .nav-page-list {
    height: 0.59rem; }
  .search-data .spot-goods {
    display: none; }
  .search-data .future-goods {
    display: none; }
  .search-data .goods {
    background: #fff; }
    .search-data .goods .copper-price ul {
      padding: 0 .21rem; }
      .search-data .goods .copper-price ul li {
        position: relative;
        padding: .13rem 0;
        border-bottom: 1px solid #F3F6FB; }
        .search-data .goods .copper-price ul li span {
          font-size: 0.16rem;
          line-height: .22rem;
          color: #121C32;
          font-family: "SourceHanSansCN Medium";
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .search-data .goods .copper-price ul li span em {
            font-style: normal;
            color: #d7000f; }
  .search-data .consult {
    display: none; }
  .search-data .question-answer {
    display: none; }
    .search-data .question-answer .news-user-list {
      height: 0.7rem;
      position: relative;
      border-bottom: 1px solid #f2f2f2;
      background: #fff;
      padding: 0.1rem 1rem 0.1rem 0.7rem; }
      .search-data .question-answer .news-user-list .user-logo {
        position: absolute;
        left: 0.11733rem;
        top: 0.096rem;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        overflow: hidden; }
        .search-data .question-answer .news-user-list .user-logo img {
          display: block;
          width: 100%;
          height: 100%; }
      .search-data .question-answer .news-user-list .user-information .people-name {
        height: 0.27733rem;
        line-height: 0.27733rem;
        font-size: 0.12rem;
        color: #323232; }
      .search-data .question-answer .news-user-list .user-information .people-informatin {
        color: #999; }
      .search-data .question-answer .news-user-list .user-question {
        position: absolute;
        right: 0;
        top: 0.10667rem;
        height: 0.5rem;
        width: 1rem; }
        .search-data .question-answer .news-user-list .user-question a {
          position: absolute;
          top: 0.1rem;
          left: 0;
          width: 66%;
          color: #0790ee;
          height: 0.3rem;
          border: 1px solid #0790ee;
          font-size: 0.14rem;
          border-radius: 0.15rem;
          display: flex;
          justify-content: center;
          align-items: center; }
    .search-data .question-answer .more-user {
      height: 0.46933rem;
      line-height: 0.46933rem;
      width: 100%;
      background: #fff;
      margin-bottom: 0.10667rem; }
      .search-data .question-answer .more-user .more-user-left {
        font-size: 0.128rem;
        color: #727272;
        padding-left: 0.14933rem; }
      .search-data .question-answer .more-user .more-user-right {
        width: 0.16rem;
        height: 100%;
        margin-right: 0.14933rem;
        background: url(../../images/mall/next.png) no-repeat center center;
        background-size: 0.07467rem 0.128rem; }
    .search-data .question-answer .people-question-list {
      padding: 0 .16rem; }
    .search-data .question-answer .word-list {
      line-height: .22rem;
      border-bottom: 1px solid #F3F6FB;
      background: #fff;
      padding: .13rem 0; }
      .search-data .question-answer .word-list span {
        color: #121C32;
        font-size: 0.16rem;
        text-align: center; }
        .search-data .question-answer .word-list span em {
          font-style: normal;
          color: #d7000f; }
  .search-data .footer-text {
    color: #adafae;
    font-size: 0.128rem;
    text-align: center;
    padding-top: 0.26667rem; }
  .search-data .none-data-page {
    display: none; }
    .search-data .none-data-page .img {
      padding: 1.5rem 0;
      width: 100%;
      height: 1rem;
      background: url(./../../images/u103.png) no-repeat center center;
      background-size: 1rem 1rem; }
    .search-data .none-data-page p {
      text-align: center;
      font-size: 0.15rem;
      color: #999; }

.nav-detail {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #121C32;
  padding: 0 15px; }
  .nav-detail .detail-title {
    font-size: .16rem;
    line-height: .22rem;
    padding: .16rem 0; }
  .nav-detail ul.detail-lists {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.1rem; }
    .nav-detail ul.detail-lists li {
      width: 1.16rem;
      height: .38rem;
      border-radius: 2px;
      text-align: center;
      line-height: .38rem;
      margin-right: 0.1rem;
      margin-bottom: .1rem;
      color: #808595;
      background-color: #F7F8FA;
      font-size: .16rem; }
      .nav-detail ul.detail-lists li a {
        color: inherit; }
      .nav-detail ul.detail-lists li.active {
        background: url("../../images/search/icon-btn-selected.png") no-repeat;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: .14rem .15rem;
        color: #D7000F;
        position: relative; }
        .nav-detail ul.detail-lists li.active::after {
          position: absolute;
          top: 0;
          left: 0;
          content: " ";
          opacity: 0.0575;
          background-color: #D7000F;
          display: block;
          width: 100%;
          height: 100%; }