@charset "UTF-8";
@import url(../css/public.css);
@import url(../css/iconfont.css);
#head .info .slogan {
  float: right;
  margin-top: 15px;
  position: relative;
  z-index: -1; }
  #head .info .slogan li {
    float: left;
    margin-left: 20px; }
    #head .info .slogan li .one {
      float: left;
      position: relative;
      padding-left: 23px; }
      #head .info .slogan li .one:before {
        background: url(img/img_05.png) no-repeat;
        position: absolute;
        width: 17px;
        height: 20px;
        content: "";
        left: 0px; }
    #head .info .slogan li .two {
      float: left;
      position: relative;
      padding-left: 23px; }
      #head .info .slogan li .two:before {
        background: url(img/img_06.png) no-repeat;
        position: absolute;
        width: 20px;
        height: 15px;
        content: "";
        left: 0px;
        top: 2px; }
    #head .info .slogan li .three {
      float: left;
      position: relative;
      padding-left: 23px; }
      #head .info .slogan li .three:before {
        background: url(img/img_07.png) no-repeat;
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        left: 0px; }

.page_market_index {
  background: #f8f8f8;
  float: left;
  width: 100%;
  position: relative;
  z-index: 998;
  padding: 30px 0; }
  .page_market_index .position {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    color: #666; }
    .page_market_index .position i {
      font-size: 18px;
      line-height: 17px;
      float: left; }
  .page_market_index .numShow {
    background: #fff;
    border-radius: 10px;
    float: left;
    width: 100%;
    box-shadow: 0 0 15px rgba(251, 104, 59, 0.1);
    padding: 15px 0; }
    .page_market_index .numShow ul li {
      float: left;
      padding: 0 40px;
      position: relative; }
      .page_market_index .numShow ul li:before {
        position: absolute;
        border-right: 1px dotted #ccc;
        content: "";
        right: 0px;
        width: 1px;
        height: 100%; }
      .page_market_index .numShow ul li .text {
        font-size: 15px;
        color: #999; }
      .page_market_index .numShow ul li .num {
        font-size: 24px;
        font-weight: bold;
        color: #fb683b; }
  .page_market_index .dataBox {
    width: 100%;
    float: left;
    margin-top: 30px; }
    .page_market_index .dataBox .left {
      width: 80%;
      float: left; }
      .page_market_index .dataBox .left .top_nav {
        background: #fff;
        float: left;
        width: 100%; }
        .page_market_index .dataBox .left .top_nav ul {
          float: left; }
          .page_market_index .dataBox .left .top_nav ul li {
            float: left; }
            .page_market_index .dataBox .left .top_nav ul li a {
              display: block;
              padding: 0 20px;
              line-height: 50px; }
            .page_market_index .dataBox .left .top_nav ul li:hover a {
              color: #fb683b; }
          .page_market_index .dataBox .left .top_nav ul .on a {
            background: #fb683b;
            color: #fff; }
          .page_market_index .dataBox .left .top_nav ul .on:hover a {
            color: #fff; }
        .page_market_index .dataBox .left .top_nav .search {
          float: right;
          background: #f0f0f0;
          margin-right: 10px;
          margin-top: 10px; }
          .page_market_index .dataBox .left .top_nav .search input {
            background: none;
            border: 0px;
            line-height: 30px;
            float: left;
            padding: 0 10px; }
          .page_market_index .dataBox .left .top_nav .search button {
            float: left;
            background: none;
            border: 0px;
            font-size: 18px;
            line-height: 26px; }
      .page_market_index .dataBox .left .list {
        float: left;
        width: 100%; }
        .page_market_index .dataBox .left .list li {
          background: #fff;
          float: left;
          padding: 20px;
          width: 100%;
          margin-top: 10px;
          transition: all .2s;
          -moz-transition: all .2s;
          /* Firefox 4 */
          -webkit-transition: all .2s;
          /* Safari 和 Chrome */
          -o-transition: all .2s;
          /* Opera */ }
          .page_market_index .dataBox .left .list li .title {
            float: left;
            width: 100%; }
            .page_market_index .dataBox .left .list li .title em {
              float: left;
              font-weight: bold;
              font-size: 18px;
              color: #fb683b; }
            .page_market_index .dataBox .left .list li .title .tel {
              float: left;
              font-size: 14px;
              color: #666;
              margin-top: 4px; }
              .page_market_index .dataBox .left .list li .title .tel span {
                margin-left: 15px; }
            .page_market_index .dataBox .left .list li .title .region {
              font-size: 14px;
              float: right;
              margin-top: 4px; }
          .page_market_index .dataBox .left .list li .text {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #999;
            margin-top: 10px; }
          .page_market_index .dataBox .left .list li:hover {
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
            transform: scale(1.01);
            -ms-transform: scale(1.01);
            /* IE 9 */
            -webkit-transform: scale(1.01);
            /* Safari 和 Chrome */
            -o-transform: scale(1.01);
            /* Opera */
            -moz-transform: scale(1.01);
            /* Firefox */ }
            .page_market_index .dataBox .left .list li:hover .title .tel {
              color: #fb683b; }
    .page_market_index .dataBox .right {
      float: left;
      width: 20%;
      padding-left: 20px; }
      .page_market_index .dataBox .right .g_img {
        float: left; }
        .page_market_index .dataBox .right .g_img img {
          width: 100%; }
      .page_market_index .dataBox .right .r_server {
        float: left;
        margin-top: 20px; }
        .page_market_index .dataBox .right .r_server .box_title {
          float: left;
          width: 100%; }
          .page_market_index .dataBox .right .r_server .box_title .fl {
            background-image: linear-gradient(120deg, #fb683b 0%, #fda085 100%);
            width: 100%;
            float: left;
            padding: 0 10px;
            line-height: 35px;
            color: #fff;
            font-size: 16px; }
        .page_market_index .dataBox .right .r_server ul {
          float: left;
          width: 100%; }
          .page_market_index .dataBox .right .r_server ul li {
            width: 100%;
            float: left;
            background: #fff;
            padding: 10px;
            margin-top: 10px;
            border: 1px dotted #ccc; }
            .page_market_index .dataBox .right .r_server ul li img {
              width: 100%;
              float: left; }
            .page_market_index .dataBox .right .r_server ul li .title {
              float: left;
              width: 100%; }
              .page_market_index .dataBox .right .r_server ul li .title a {
                font-size: 15px;
                font-weight: bold;
                display: inline-block;
                float: left; }
            .page_market_index .dataBox .right .r_server ul li .price {
              color: #ff0000;
              float: left;
              margin: 10px 0 5px 0;
              width: 100%;
              font-size: 18px;
              font-weight: bold; }
            .page_market_index .dataBox .right .r_server ul li .desc {
              color: #666; }

.page_market_desc {
  background: #f8f8f8;
  float: left;
  width: 100%;
  position: relative;
  z-index: 998;
  padding: 30px 0; }
  .page_market_desc .dataBox {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px; }
    .page_market_desc .dataBox .left {
      width: 70%;
      float: left;
      border-right: 1px dotted #ccc; }
      .page_market_desc .dataBox .left .info {
        width: 100%;
        float: left; }
        .page_market_desc .dataBox .left .info .time {
          color: #666;
          margin: 10px 0; }
        .page_market_desc .dataBox .left .info ul {
          float: left;
          margin-top: 10px;
          width: 100%; }
          .page_market_desc .dataBox .left .info ul .last {
            text-align: right;
            padding-right: 50px; }
          .page_market_desc .dataBox .left .info ul li {
            float: left;
            width: 20%; }
            .page_market_desc .dataBox .left .info ul li .share {
              position: relative;
              cursor: pointer; }
              .page_market_desc .dataBox .left .info ul li .share:before {
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid black;
                right: -20px;
                top: 8px; }
            .page_market_desc .dataBox .left .info ul li p {
              color: #666;
              margin-top: 4px; }
      .page_market_desc .dataBox .left .demand {
        width: 100%;
        float: left;
        margin-top: 20px;
        border-top: 1px dotted #ccc;
        padding-top: 20px; }
        .page_market_desc .dataBox .left .demand em {
          position: relative;
          width: 100%;
          float: left;
          font-size: 18px;
          font-weight: bold;
          padding-left: 15px;
          color: #666; }
          .page_market_desc .dataBox .left .demand em:before {
            width: 3px;
            background: #fb683b;
            height: 18px;
            position: absolute;
            left: 0px;
            top: 4px;
            content: ""; }
        .page_market_desc .dataBox .left .demand ul {
          float: left;
          width: 100%;
          margin-top: 5px; }
          .page_market_desc .dataBox .left .demand ul li {
            float: left;
            margin-right: 50px;
            color: #666;
            margin-top: 5px; }
    .page_market_desc .dataBox .right {
      padding: 0 30px;
      float: left;
      width: 30%;
      text-align: center; }
      .page_market_desc .dataBox .right .img {
        display: inline-block; }
        .page_market_desc .dataBox .right .img img {
          width: 100px;
          border-radius: 50%;
          border: 5px solid #f0f0f0; }
      .page_market_desc .dataBox .right p {
        color: #666;
        font-size: 15px;
        margin-top: 5px; }
        .page_market_desc .dataBox .right p span {
          color: #fb683b; }
  .page_market_desc .details {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    color: #666; }
    .page_market_desc .details .small_title {
      width: 100%;
      float: left; }
      .page_market_desc .details .small_title em {
        position: relative;
        float: left;
        font-size: 18px;
        font-weight: bold;
        padding-left: 15px;
        color: #666;
        margin-bottom: 10px; }
        .page_market_desc .details .small_title em:before {
          width: 3px;
          background: #fb683b;
          height: 18px;
          position: absolute;
          left: 0px;
          top: 4px;
          content: ""; }
      .page_market_desc .details .small_title .more {
        cursor: pointer;
        float: right;
        color: #fb683b; }
  .page_market_desc .tj_server {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px; }
    .page_market_desc .tj_server .small_title .fl {
      position: relative;
      float: left;
      font-size: 18px;
      font-weight: bold;
      padding-left: 15px;
      color: #666;
      margin-bottom: 10px; }
      .page_market_desc .tj_server .small_title .fl:before {
        width: 3px;
        background: #fb683b;
        height: 18px;
        position: absolute;
        left: 0px;
        top: 4px;
        content: ""; }
    .page_market_desc .tj_server .small_title a {
      float: right; }
      .page_market_desc .tj_server .small_title a:hover {
        color: #fb683b; }
    .page_market_desc .tj_server ul {
      float: left;
      width: 105%; }
      .page_market_desc .tj_server ul li {
        width: 216px;
        float: left;
        margin-right: 20px;
        border: 1px solid #f0f0f0;
        padding: 10px; }
        .page_market_desc .tj_server ul li img {
          width: 100%; }
        .page_market_desc .tj_server ul li .price {
          width: 100%;
          float: left;
          margin-top: 10px; }
          .page_market_desc .tj_server ul li .price span {
            float: left;
            color: #fb683b;
            font-weight: bold; }
            .page_market_desc .tj_server ul li .price span em {
              font-size: 18px; }
          .page_market_desc .tj_server ul li .price div {
            float: right; }
        .page_market_desc .tj_server ul li .text p {
          margin-top: 3px;
          color: #999; }
  .page_market_desc .xg_server {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px; }
    .page_market_desc .xg_server .small_title .fl {
      position: relative;
      float: left;
      font-size: 18px;
      font-weight: bold;
      padding-left: 15px;
      color: #666;
      margin-bottom: 10px; }
      .page_market_desc .xg_server .small_title .fl:before {
        width: 3px;
        background: #fb683b;
        height: 18px;
        position: absolute;
        left: 0px;
        top: 4px;
        content: ""; }
    .page_market_desc .xg_server .small_title a {
      float: right; }
      .page_market_desc .xg_server .small_title a:hover {
        color: #fb683b; }
    .page_market_desc .xg_server ul {
      width: 100%;
      float: left; }
      .page_market_desc .xg_server ul li {
        border: 1px solid #ccc;
        float: left;
        padding: 0 10px;
        line-height: 30px;
        margin-right: 15px;
        border-radius: 5px;
        margin-top: 15px; }

/*# sourceMappingURL=index.css.map */
