@charset "UTF-8";
/************* 颜色定义 **************/
/************* 字体定义 **************/
.detail-top {
  width: 100%;
  height: 382px;
  padding: 30px 50px;
  box-sizing: border-box;
  overflow: hidden; }
  .detail-top .img-layout {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    width: 348px;
    height: 320px; }
    .detail-top .img-layout img {
      height: auto;
      max-width: 348px;
      max-height: 320px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 auto; }
    .detail-top .img-layout .help {
      width: 0;
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
  .detail-top .right-info {
    width: 765px; }
    .detail-top .right-info .title-layout {
      height: 20px;
      line-height: 20px; }
      .detail-top .right-info .title-layout .title {
        font-weight: bold;
        color: black; }
      .detail-top .right-info .title-layout .unit {
        font-size: 14px; }
      .detail-top .right-info .title-layout .collect {
        font-size: 14px;
        cursor: pointer; }
    .detail-top .right-info .quotation-info {
      height: 70px;
      background-color: #f2f2f2;
      font-size: 14px; }
      .detail-top .right-info .quotation-info .item {
        width: 25%;
        height: 35px;
        line-height: 35px;
        float: left;
        padding-left: 10px;
        box-sizing: border-box; }
    .detail-top .right-info .order-form {
      width: 51%;
      font-size: 14px; }
      .detail-top .right-info .order-form .order-type {
        font-size: 0; }
        .detail-top .right-info .order-form .order-type .type-item {
          width: 50%;
          height: 34px;
          line-height: 32px;
          font-size: 14px;
          background-color: #f2f2f2;
          text-align: center;
          display: inline-block;
          cursor: pointer;
          box-sizing: border-box;
          border: 1px solid transparent; }
          .detail-top .right-info .order-form .order-type .type-item.selected {
            background-color: #C13F3F;
            color: white; }
          .detail-top .right-info .order-form .order-type .type-item:hover {
            border: 1px solid #C13F3F; }
      .detail-top .right-info .order-form .label-layout div:first-child, .detail-top .right-info .order-form .value-layout div:first-child {
        width: 38%;
        margin-right: 2%; }
      .detail-top .right-info .order-form .hint {
        color: #999999; }
      .detail-top .right-info .order-form .input-layout input, .detail-top .right-info .order-form .input-layout select {
        width: 100%;
        min-width: 0;
        font-size: 16px; }
      .detail-top .right-info .order-form .input-layout .price-layout {
        width: 38%;
        white-space: nowrap; }
      .detail-top .right-info .order-form .input-layout .quantity-layout {
        width: 38%;
        margin-left: 2%;
        white-space: nowrap; }
      .detail-top .right-info .order-form .input-layout .time-layout {
        width: 20%;
        margin-left: 2%;
        white-space: nowrap; }
    .detail-top .right-info .buy-sell-list {
      width: 45%;
      font-size: 0; }
      .detail-top .right-info .buy-sell-list .header {
        background-color: #f2f2f2;
        height: 34px;
        line-height: 34px; }
        .detail-top .right-info .buy-sell-list .header .column-price {
          text-decoration: none; }
      .detail-top .right-info .buy-sell-list span {
        display: inline-block;
        font-size: 14px; }
      .detail-top .right-info .buy-sell-list .column-type {
        width: 15%;
        text-align: center; }
      .detail-top .right-info .buy-sell-list .column-price {
        width: 70%;
        text-align: center;
        text-decoration: underline; }
      .detail-top .right-info .buy-sell-list .column-quantity {
        width: 15%;
        text-align: center; }
        .detail-top .right-info .buy-sell-list .column-quantity.mark {
          background-color: #C13F3F;
          color: white;
          text-decoration: underline;
          border-radius: 3px; }
      .detail-top .right-info .buy-sell-list .list-item {
        height: 20px;
        line-height: 20px;
        margin-top: 5px; }
      .detail-top .right-info .buy-sell-list .divider {
        height: 0;
        width: 100%;
        border-top: 1px solid #dbdbdb; }

.hot-breed {
  width: 250px; }
  .hot-breed .title {
    line-height: 42px;
    font-size: 18px; }

.other-page {
  width: 980px;
  font-size: 14px; }
  .other-page .nav-layout {
    height: 42px;
    line-height: 42px;
    background-color: #d8d8d8; }
    .other-page .nav-layout .nav-item {
      width: 120px;
      text-align: center;
      cursor: pointer;
      display: inline-block; }
      .other-page .nav-layout .nav-item:hover, .other-page .nav-layout .nav-item.selected {
        color: #C13F3F; }