@charset "UTF-8";
/* CSS Document */
html {
  font-size: 200px; }

/* CSS Document */
body {
  background: none; }
.otherprice {line-height: 0.1rem; }
.sitetree {
  padding-top: 0.075rem;
  border-top: 1px solid #f0f0f0;
  width: 100%;
  max-width: 6.22rem;
  margin: auto;
  color: #a5a5a5; }
  .sitetree a {
    font-size: 0.07rem;
    padding-left: 0.06rem;
    color: #a5a5a5; }
    .sitetree a:hover {
      color: #c71621; }
  .sitetree span.space {
    margin: 0 0.04rem;
    width: 0.055rem; }
    .sitetree span.space:before {
      content: "\f105";
      text-decoration: inherit;
      speak: none;
      font-family: 'FontAwesome';
      font-size: 0.07rem;
      color: #a5a5a5; }

h2 {
  font-size: 0.12rem;
  color: #754C24;
  text-align: center;
  width: 100%;
  max-width: 6.22rem;
  margin: 0.05rem auto 0.1rem auto; }
  h2.trad {
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #efefef; }
  h2.re:before {
    content: '';
    background-image: url(/img/system/www/p/icon_recommend.svg);
    background-size: 0.12rem 0.12rem;
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    position: relative;
    margin-right: 0.01rem;
    top: 0.01rem; }
  h2.dis:before {
    content: '';
    background-image: url(/img/system/www/p/icon_preferential.svg);
    background-size: 0.12rem 0.12rem;
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    position: relative;
    margin-right: 0.01rem;
    top: 0.01rem; }

.recommend_tip, .discount_tip {
  color: #333;
  text-align: center;
  margin-bottom: 0.1rem;
  font-size: 0.08rem;
  display: none; }

.referral-cat {
  width: 100%;
  max-width: 6.22rem;
  padding: 0.04rem 0;
  margin: auto;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  text-align: center; }
  .referral-cat a {
    color: #333333;
    padding: 0 0.09rem;
    display: inline-block; }
    .referral-cat a:hover {
      color: #754C24; }
    .referral-cat a.r1 {
      color: #754C24; }
      .referral-cat a.r1:before {
        content: '';
        background-image: url(/img/system/www/p/icon_recommend.svg);
        background-size: 0.08rem 0.08rem;
        display: inline-block;
        width: 0.08rem;
        height: 0.08rem;
        position: relative;
        top: 0.015rem;
        margin-right: 0.01rem; }
    .referral-cat a.r2 {
      color: #754C24; }
      .referral-cat a.r2:before {
        content: '';
        background-image: url(/img/system/www/p/icon_preferential.svg);
        background-size: 0.08rem 0.08rem;
        display: inline-block;
        width: 0.08rem;
        height: 0.08rem;
        position: relative;
        top: 0.015rem;
        margin-right: 0.01rem; }
  .referral-cat .region-div {
    color: #333333;
    padding-right: 0.09rem;
    display: inline-block;
    position: relative; }
    .referral-cat .region-div a.im {
      background: no-repeat 100%;
      background-image: url(/img/system/www/p/chevron.svg);
      background-size: 0.07rem;
      background-position: right 0rem center; }
    .referral-cat .region-div .region-div-list {
      position: absolute;
      background: #fff;
      height: 0;
      left: 0.025rem;
      width: 0.45rem;
      overflow: hidden;
      -webkit-transition: height 1s;
      -moz-transition: height 1s;
      -ms-transition: height 1s;
      -o-transition: height 1s;
      transition: height 1s;
      z-index: 1003;
      box-shadow: 0px 1px 1px #DDD;
      -webkit-box-shadow: 0px 1px 1px #DDD;
      -moz-box-shadow: 0px 1px 1px #DDD; }
      .referral-cat .region-div .region-div-list a.region {
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid #ddd; }
      .referral-cat .region-div .region-div-list.h {
        height: auto; }

.body {
  width: 6.22rem;
  margin: auto;
  display: block;
  min-height: 5rem; }
  .body .left {
    width: 1.4rem;
    float: left;
    margin-bottom: 0.5rem; }
    .body .left .list-type {
      margin-top: 0.15rem;
      margin-left: 0.05rem;
      width: 1.35rem;
      height: 0.125rem;
      border-bottom: 1px solid #efefef; }
      .body .left .list-type a.type {
        width: 0.4rem;
        height: 0.1rem;
        display: block;
        float: left;
        margin-right: 0.075rem;
        color: #a5a5a5;
        font-size: 0.08rem; }
        .body .left .list-type a.type:first-child:before {
          content: "\f00a";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.1rem;
          color: #a5a5a5;
          padding-right: 0.025rem; }
        .body .left .list-type a.type:nth-of-type(2):before {
          content: "\f0c9";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.1rem;
          color: #a5a5a5;
          padding-right: 0.025rem; }
        .body .left .list-type a.type.current {
          color: #754C24; }
          .body .left .list-type a.type.current:before {
            color: #754C24; }
    .body .left .search-div .h2 {
      margin-top: 0.05rem;
      margin-bottom: 0.025rem;
      text-align: left;
      font-size: 0.08rem;
      margin-left: 0.05rem;
      width: 1.35rem;
      color: #333333;
      position: relative;
      display: inline-block; }
      .body .left .search-div .h2 a {
        position: absolute;
        right: 0; }
        .body .left .search-div .h2 a:before {
          content: "\f067";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.1rem;
          color: #a5a5a5; }
    .body .left .search-div .item {
      margin-top: 0.05rem;
      margin-left: 0.05rem;
      width: 1.35rem;
      display: inline-block;
      position: relative; }
      .body .left .search-div .item.group {
        margin-top: 0.1rem;
        border-top: 1px solid #efefef; }
        .body .left .search-div .item.group label {
          width: 100%;
          padding-top: 0.075rem;
          padding-bottom: 0.05rem;
          display: inline-block;
          font-size: 0.08rem; }
        .body .left .search-div .item.group .groupId {
          width: 100%;
          height: 0.16rem;
          display: inline-block;
          line-height: 0.16rem;
          color: #333333;
          background: #fdefef;
          position: relative;
          padding-left: 0.025rem;
          box-sizing: border-box;
          cursor: pointer; }
          .body .left .search-div .item.group .groupId:nth-of-type(2n) {
            background: #fff; }
          .body .left .search-div .item.group .groupId:before {
            content: "\f105";
            text-decoration: inherit;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.1rem;
            color: #a5a5a5;
            right: 0.025rem;
            position: absolute; }
          .body .left .search-div .item.group .groupId.current {
            color: #754C24; }
            .body .left .search-div .item.group .groupId.current:before {
              color: #754C24; }
          .body .left .search-div .item.group .groupId:hover {
            color: #754C24; }
            .body .left .search-div .item.group .groupId:hover:before {
              color: #754C24; }
      .body .left .search-div .item .nametip {
        position: absolute;
        width: 76%;
        right: 0;
        z-index: 1;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        background: #fff; }
        .body .left .search-div .item .nametip li {
          color: #333333;
          font-size: 0.065rem;
          margin-bottom: 0.025rem;
          list-style-type: none;
          display: none;
          cursor: pointer; }
      .body .left .search-div .item .label {
        color: #333333;
        width: 0.34rem;
        display: block;
        float: left; }
      .body .left .search-div .item .ip {
        width: 1rem;
        border: 1px solid #cccccc;
        box-sizing: border-box; }
      .body .left .search-div .item .shot {
        width: 34%;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        float: left; }
      .body .left .search-div .item span {
        width: 6%;
        float: left;
        color: #333333;
        text-align: center; }
      .body .left .search-div .item .contract {
        float: left;
        margin-top: 0.02rem;
        opacity: 0;
        display: block;
        width: 0.07rem;
        height: 0.07rem;
        clear: both; }
        .body .left .search-div .item .contract.first {
          margin-left: 0; }
      .body .left .search-div .item .item-right {
        float: left;
        display: inline-block; }
      .body .left .search-div .item .contract#contract2 {
        clear: both; }
      .body .left .search-div .item .ract {
        float: left;
        color: #333333;
        cursor: pointer;
        position: relative; }
        .body .left .search-div .item .ract:before {
          content: "\f096";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.07rem;
          color: #754C24;
          position: absolute;
          left: -0.065rem;
          top: 0.02rem; }
        .body .left .search-div .item .ract.check:before {
          content: "\f046"; }
      .body .left .search-div .item .submit {
        width: 100%;
        height: 0.15rem;
        display: block;
        background: #754C24;
        color: #fff;
        text-align: center;
        line-height: 0.15rem;
        border: none;
        outline: none;
        cursor: pointer; }
  .body .right {
    width: 4.75rem;
    float: right;
    margin-bottom: 0.25rem; }
    .body .right p.nothing {
      font-size: 0.1rem;
      color: #000000;
      text-align: center;
      margin-top: 1rem; }
    .body .right .loading {
      text-align: center;
      position: fixed;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(115px, -50%);
      -moz-transform: translate(115px, -50%);
      -ms-transform: translate(115px, -50%);
      -o-transform: translate(115px, -50%);
      transform: translate(115px, -50%); }
      .body .right .loading img {
        height: 0.4rem; }
    .body .right .page_list {
      width: 100%;
      margin: auto;
      clear: both; }
      .body .right .page_list .stdPageList {
        text-align: right;
        padding-top: 0.3rem; }
      .body .right .page_list:first-child {
        padding-bottom: 0.015rem;
        border-bottom: 1px solid #efefef; }
        .body .right .page_list:first-child .stdPageList {
          padding-top: 0.105rem;
          height: 0.15rem;
          display: inline-block;
          width: 100%; }
      .body .right .page_list .count {
        font-size: 0.08rem;
        color: #001412;
        width: 0.5rem;
        text-align: left;
        display: inline-block;
        float: left;
        line-height: 0.12rem;
        margin-left: 0.15rem; }
      .body .right .page_list a {
        font-size: 0.07rem;
        color: #001412;
        border: #001412 1px solid;
        width: 0.15rem;
        height: 0.15rem;
        display: inline-block;
        line-height: 0.15rem;
        margin-left: 0.035rem;
        text-align: center;
        box-sizing: border-box; }
      .body .right .page_list select {
        width: 0.25rem;
        height: 0.15rem;
        line-height: 0.15rem;
        box-sizing: border-box;
        border: #001412 1px solid;
        margin-left: 0.035rem;
        color: #001412;
        float: right; }
        .body .right .page_list select.rpage {
          margin-right: 0.075rem;
          margin-left: 0.035rem;
          width: 0.4rem; }
      .body .right .page_list a:first-child {
        margin-left: 0; }
      .body .right .page_list a.current {
        color: #fff;
        background-color: #001412;
        border: #001412 1px solid; }
      .body .right .page_list a:hover {
        color: #fff;
        background-color: #001412;
        border: #001412 1px solid; }
    .body .right .item {
      margin: 0.175rem 0.04rem 0;
      width: 1.1rem;
      min-height: 1.75rem;
      float: left;
      display: list-item; }
      .body .right .item .img {
        width: 1.1rem;
        height: 1.1rem;
        position: relative;
        display: block; }
        .body .right .item .img img {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          max-height: 1.1rem;
          max-width: 1.1rem; }
      .body .right .item .content {
        text-align: center;
        width: 100%;
        color: #333333; }
        .body .right .item .content a.title {
          color: #333333;
          height: 0.285rem;
          overflow: hidden;
          display: inline-block; }
        .body .right .item .content span {
          font-size: 0.1rem;
          font-weight: bold;
          color: #754C24; }
        .body .right .item .content .otherprice span {
          font-size: 0.08rem;
          font-weight: normal;
          color: #333333; }
          .body .right .item .content .otherprice span:nth-child(2) {
            color: #006837; }
      .body .right .item .btn-div {
        margin-top: 0.05rem;
        width: 100%;
        text-align: center; }
        .body .right .item .btn-div select {
          margin-right: 0.025rem;
          height: 0.125rem;
          width: 0.225rem;
          border: 1px solid #dddddd;
          box-sizing: border-box;
          float: left;
          margin-left: 0.125rem; }
        .body .right .item .btn-div .btn {
          height: 0.125rem;
          line-height: 0.115rem;
          width: 0.475rem;
          display: block;
          box-sizing: border-box;
          background: #754C24;
          float: left;
          margin-right: 0.025rem; }
        .body .right .item .btn-div .like {
          float: left;
          width: 0.125rem;
          height: 0.125rem;
          display: block;
          position: relative; }
          .body .right .item .btn-div .like:before {
            content: "\f08a";
            text-decoration: inherit;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.1rem;
            color: #a5a5a5;
            margin-top: 3px;
            position: absolute;
            left: 0; }
          .body .right .item .btn-div .like.current:before {
            color: #754C24;
            content: "\f004"; }
      .body .right .item.style2 {
        width: 4.6rem;
        float: right;
        min-height: 0.2rem;
        height: 0.2rem;
        line-height: 0.2rem;
        text-align: left;
        margin: 0;
        border-bottom: 1px solid #efefef;
        color: #333333;
        margin-right: 0.05rem; }
        .body .right .item.style2 .m {
          display: none; }
        .body .right .item.style2 .year {
          width: 8%;
          float: left; }
        .body .right .item.style2 .year2 {
          display: none; }
        .body .right .item.style2 .content {
          width: 32%;
          float: left;
          text-align: left;
          overflow: hidden;
          display: table; }
          .body .right .item.style2 .content .title {
            color: #333333;
            height: 0.19rem;
            overflow: inherit;
            line-height: 0.08rem;
            display: table-cell;
            vertical-align: middle;
            padding-right: 0.07rem;
            box-sizing: border-box; }
        .body .right .item.style2 .region {
          width: 15%;
          float: left; }
        .body .right .item.style2 .qty {
          width: 10%;
          float: left;
          text-align: center; }
        .body .right .item.style2 .score {
          width: 10%;
          float: left;
          text-align: center; }
        .body .right .item.style2 .priceshow {
          width: 10%;
          float: left;
          color: #006837; }
        .body .right .item.style2 .priceshow2 {
          width: 10%;
          float: left;
          color: #006837; }
        .body .right .item.style2 .btn-div {
          width: 20%;
          float: left; }
          .body .right .item.style2 .btn-div .num {
            margin-left: 0; }
          .body .right .item.style2 .btn-div .like:before {
            top: -0.05rem; }
      .body .right .item.style2.i1 {
        margin-top: 0.1rem;
        height: 0.175rem;
        line-height: 0.175rem; }
        .body .right .item.style2.i1 .tip {
          width: 10%;
          float: left; }
        .body .right .item.style2.i1 .tip.t1 {
          width: 8%; }
        .body .right .item.style2.i1 .tip.t2 {
          width: 32%; }
        .body .right .item.style2.i1 .tip.t3 {
          width: 15%; }
        .body .right .item.style2.i1 .tip.t4 {
          width: 10%;
          text-align: center; }
        .body .right .item.style2.i1 .tip.t5 {
          text-align: center; }
        .body .right .item.style2.i1 .tip.t7 {
          width: 20%; }

div.spacer {
  margin: 0 10px;
  padding: 0;
  height: 0;
  clear: both;
  font-size: 0em;
  overflow: hidden; }

.body-detail {
  width: 100%;
  max-width: 6.22rem;
  margin: auto;
  min-height: 2.25rem; }
  .body-detail .left {
    float: left;
    width: 1.55rem;
    height: 1.55rem;
    margin-top: 0.075rem; }
    .body-detail .left .pro-img {
      width: 1.55rem;
      float: left; }
    .body-detail .left .pro-img .img-container {
      position: relative;
      width: 1.55rem;
      height: 1.55rem;
      border: 1px solid #efefef;
      overflow: hidden; }
    .body-detail .left .pro-img .img-container .loading {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 300; }
    .body-detail .left .pro-img .img-container .prev {
      position: absolute;
      top: 50%;
      left: 10px;
      width: 0.1rem;
      height: 0.18rem;
      background: url(/img/system/www/l/left.png) no-repeat top left;
      background-position: center;
      background-size: cover;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      visibility: hidden;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -webkit-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -moz-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -ms-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -o-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      z-index: 301; }
    .body-detail .left .pro-img .img-container .prev:hover {
      background: url(/img/system/www/l/left_mo.png) no-repeat top left;
      background-position: center;
      background-size: cover; }
    .body-detail .left .pro-img .img-container:hover .prev {
      visibility: visible;
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition: opacity 300ms ease-out;
      -webkit-transition: opacity 300ms ease-out;
      -moz-transition: opacity 300ms ease-out;
      -ms-transition: opacity 300ms ease-out;
      -o-transition: opacity 300ms ease-out; }
    .body-detail .left .pro-img .img-container .next {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 0.1rem;
      height: 0.18rem;
      background: url(/img/system/www/l/right.png) no-repeat top left;
      background-position: center;
      background-size: cover;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      visibility: hidden;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -webkit-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -moz-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -ms-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      -o-transition: opacity 300ms ease-out, visibility 0ms linear 300ms, background 300ms;
      z-index: 302; }
    .body-detail .left .pro-img .img-container .next:hover {
      background: url(/img/system/www/l/right_mo.png) no-repeat top left;
      background-position: center;
      background-size: cover; }
    .body-detail .left .pro-img .img-container:hover .next {
      visibility: visible;
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition: opacity 300ms ease-out;
      -webkit-transition: opacity 300ms ease-out;
      -moz-transition: opacity 300ms ease-out;
      -ms-transition: opacity 300ms ease-out;
      -o-transition: opacity 300ms ease-out; }
    .body-detail .left .pro-img .img-container .img-wrap {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: left;
      overflow: hidden; }
    .body-detail .left .pro-img .img-container .img-wrap a {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 200; }
    .body-detail .left .pro-img .img-container .img-wrap a img {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-width: 1.55rem;
      max-height: 1.55rem; }
    .body-detail .left .pro-img .img-container .img-wrap a.current {
      display: block;
      z-index: 201; }
    .body-detail .left .pro-img .img-thumb {
      margin-top: 0.075rem;
      width: 1.575rem; }
    .body-detail .left .pro-img .img-thumb:after {
      display: block;
      content: '';
      clear: both; }
    .body-detail .left .pro-img .img-thumb .img-thumb-item {
      position: relative;
      margin-right: 0.025rem;
      width: 0.29rem;
      height: 0.29rem;
      float: left;
      border: 1px solid #DDDDDD;
      cursor: pointer;
      margin-bottom: 0.025rem;
      box-sizing: border-box;
      overflow: hidden; }
    .body-detail .left .pro-img .img-thumb .img-thumb-item:last-child {
      margin-right: 0rem; }
    .body-detail .left .pro-img .img-thumb .current {
      border: 1px solid #984848; }
    .body-detail .left .pro-img .img-thumb .img-thumb-item img {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-width: 0.29rem;
      max-height: 0.29rem; }
  .body-detail .right {
    float: left;
    margin-left: 0.35rem;
    margin-top: 0.175rem;
    width: 3.5rem; }
    .body-detail .right h3 {
      color: #333333;
      font-size: 0.1rem; }
    .body-detail .right .option {
      margin-top: 0.1rem;
      color: #333333;
      font-size: 0.08rem;
      line-height: 0.15rem; }
      .body-detail .right .option p {
        margin-top: 0.075rem; }
        .body-detail .right .option p span:first-child {
          font-weight: bold;
          float: left;
          display: block;
          color: #333333;
          width: 100%;
          font-size: 0.07rem; }
        .body-detail .right .option p span:nth-of-type(2) {
          display: grid;
          color: #333333 !important;
          width: 100%;
          line-height: 16px; }
    .body-detail .right .btn-div {
      margin-top: 0.05rem;
      width: 100%;
      text-align: center;
      display: inline-block; }
      .body-detail .right .btn-div .numtitle {
        display: none; }
      .body-detail .right .btn-div .price {
        float: left;
        color: #95060f;
        font-size: 0.1rem;
        font-weight: bold; }
        .body-detail .right .btn-div .price .compare_m {
          display: none; }
      .body-detail .right .btn-div select {
        margin-right: 0.05rem;
        height: 25px;
        width: 0.225rem;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        float: left;
        margin-left: 0.1rem; }
      .body-detail .right .btn-div .btn {
        height: 25px;
        line-height: 23px;
        width: 0.475rem;
        display: block;
        box-sizing: border-box;
        background: #754C24;
        float: left;
        margin-right: 0.05rem; }
      .body-detail .right .btn-div .like {
        float: left;
        width: 0.125rem;
        height: 25px;
        display: block;
        position: relative; }
        .body-detail .right .btn-div .like:before {
          content: "\f08a";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.1rem;
          color: #a5a5a5;
          margin-top: 0.015rem;
          position: absolute;
          left: 0; }
        .body-detail .right .btn-div .like.current:before {
          color: #754C24;
          content: "\f004"; }
    .body-detail .right .score {
      margin-top: 0.25rem; }
      .body-detail .right .score h4 {
        font-size: 0.08rem;
        color: #001412; }
      .body-detail .right .score .score-div .item {
        margin-top: 0.04rem;
        min-height: 0.14rem;
        display: table;
        width: 100%; }
        .body-detail .right .score .score-div .item label {
          color: #333333;
          width: 15%;
          clear: both;
          display: table-cell;
          vertical-align: middle;
          height: 100%; }
        .body-detail .right .score .score-div .item .score-100 {
          float: left;
          height: 0.13rem;
          border: 1px solid #efefef;
          width: 1.3rem; }
          .body-detail .right .score .score-div .item .score-100 span {
            height: 0.13rem;
            display: block;
            background: #c71621;
            color: #fff;
            text-align: center;
            line-height: 0.13rem; }
    .body-detail .right .tab_menu {
      margin-top: 0.175rem;
      height: 0.175rem;
      border-bottom: 1px solid #dedede;
      width: 100%;
      display: inline-block; }
      .body-detail .right .tab_menu a {
        padding: 0 0.05rem;
        height: 0.17rem;
        line-height: 0.17rem;
        text-align: center;
        display: block;
        float: left;
        color: #001412;
        margin-right: 0.045rem;
        border-top: 1px solid #dedede;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede; }
        .body-detail .right .tab_menu a.current {
          border-bottom: 1px solid #fff; }
        .body-detail .right .tab_menu a.compare {
          width: 0.575rem;
          height: 0.14rem;
          float: right;
          line-height: 0.14rem;
          border: none;
          background: #754C24;
          color: #fff; }
          .body-detail .right .tab_menu a.compare:before {
            content: "\f08e";
            text-decoration: inherit;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.07rem;
            color: #fff; }
    .body-detail .right .tab_content {
      width: 100%;
      position: relative;
      overflow: hidden;
      margin-top: 0.15rem;
      margin-bottom: 0.25rem; }
      .body-detail .right .tab_content .tab_relative {
        position: absolute;
        width: 24.5rem; }
        .body-detail .right .tab_content .tab_relative .item {
          width: 3.5rem;
          padding-right: 1px;
          box-sizing: border-box;
          float: left;
          display: inline-block; }
          .body-detail .right .tab_content .tab_relative .item .more {
            width: 0.705rem;
            height: 0.155rem;
            display: block;
            margin: 0.2rem auto 0.15rem auto;
            border: 1px solid #754C24;
            text-align: center;
            color: #754C24;
            line-height: 0.155rem;
            position: relative; }
            .body-detail .right .tab_content .tab_relative .item .more:after {
              content: "\f054";
              color: #754C24;
              text-decoration: inherit;
              display: inline-block;
              speak: none;
              font-family: 'FontAwesome'; }
            .body-detail .right .tab_content .tab_relative .item .more:hover {
              color: #fff;
              background: #754C24; }
              .body-detail .right .tab_content .tab_relative .item .more:hover:after {
                color: #fff; }
          .body-detail .right .tab_content .tab_relative .item .owl-prev {
            position: absolute;
            left: -0.16rem;
            top: 50%; }
            .body-detail .right .tab_content .tab_relative .item .owl-prev:before {
              content: "\f104";
              text-decoration: inherit;
              display: block;
              speak: none;
              font-family: 'FontAwesome';
              font-size: 0.25rem;
              color: #a5a5a5; }
          .body-detail .right .tab_content .tab_relative .item .owl-next {
            position: absolute;
            right: -0.16rem;
            top: 50%; }
            .body-detail .right .tab_content .tab_relative .item .owl-next:before {
              content: "\f105";
              text-decoration: inherit;
              display: block;
              speak: none;
              font-family: 'FontAwesome';
              font-size: 0.25rem;
              color: #a5a5a5; }
          .body-detail .right .tab_content .tab_relative .item .owl {
            width: 3.1rem;
            margin: auto; }
          .body-detail .right .tab_content .tab_relative .item .im {
            width: 0.95rem;
            float: left;
            margin: 0 0.05rem;
            position: relative; }
            .body-detail .right .tab_content .tab_relative .item .im:nth-of-type(3n) {
              margin-right: 0rem; }
            .body-detail .right .tab_content .tab_relative .item .im .img {
              position: relative;
              width: 100%;
              min-height: 0.95rem;
              display: block; }
              .body-detail .right .tab_content .tab_relative .item .im .img img {
                position: absolute;
                margin: auto;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                max-height: 0.95rem;
                max-width: 0.95rem;
                width: auto; }
            .body-detail .right .tab_content .tab_relative .item .im .content {
              color: #3c3c3c;
              text-align: center;
              margin-top: 0.025rem; }
              .body-detail .right .tab_content .tab_relative .item .im .content .title {
                color: #333333;
                height: 0.285rem;
                overflow: hidden;
                display: inline-block; }
              .body-detail .right .tab_content .tab_relative .item .im .content span {
                font-size: 0.1rem;
                font-weight: bold;
                color: #754C24; }
            .body-detail .right .tab_content .tab_relative .item .im .btn-div .num {
              margin-left: 0.025rem; }
          .body-detail .right .tab_content .tab_relative .item p {
            color: #666666;
            font-size: 0.07rem;
            line-height: 0.12rem;
            margin-bottom: 0.05rem; }
            .body-detail .right .tab_content .tab_relative .item p span {
              font-size: 0.07rem; }
            .body-detail .right .tab_content .tab_relative .item p span.space {
              margin: 0 0.04rem;
              width: 0.055rem; }
              .body-detail .right .tab_content .tab_relative .item p span.space:before {
                content: "\f105";
                text-decoration: inherit;
                speak: none;
                font-family: 'FontAwesome';
                font-size: 0.07rem;
                color: #a5a5a5; }
          .body-detail .right .tab_content .tab_relative .item .score-div .items {
            margin-top: 0.04rem; }
            .body-detail .right .tab_content .tab_relative .item .score-div .items label {
              display: inline-block;
              float: left;
              color: #333333;
              width: 15%;
              clear: both; }
            .body-detail .right .tab_content .tab_relative .item .score-div .items .score-100 {
              float: left;
              height: 0.13rem;
              border: 1px solid #efefef;
              width: 1.3rem; }
              .body-detail .right .tab_content .tab_relative .item .score-div .items .score-100 span {
                height: 0.13rem;
                display: block;
                background: #c71621;
                color: #fff;
                text-align: center;
                line-height: 0.13rem; }
            .body-detail .right .tab_content .tab_relative .item .score-div .items p {
              clear: both;
              padding-top: 0.025rem;
              padding-left: 15%;
              margin-bottom: 0.1rem; }
        .body-detail .right .tab_content .tab_relative .item.market_overview {
          display: flex;
          justify-content: space-between;
          min-height: 1.5rem;
          flex-wrap: wrap; }
          .body-detail .right .tab_content .tab_relative .item.market_overview table {
            width: 100%;
            text-align: center;
            border-collapse: collapse;
            width: 48.5%;
            margin-bottom: 0.125rem;
            margin-right: 0.005rem; }
            .body-detail .right .tab_content .tab_relative .item.market_overview table tr th {
              font-weight: bold;
              padding: 0.075rem 0;
              background: #664848;
              color: #fff; }
            .body-detail .right .tab_content .tab_relative .item.market_overview table tr td {
              color: #3c3c41;
              padding: 0.05rem 0.025rem;
              background: #fff;
              border: 1px solid #dbdbdb;
              width: 0px; }
              .body-detail .right .tab_content .tab_relative .item.market_overview table tr td.subheadtwo {
                background: #c5bdbd;
                color: #303232;
                font-weight: bold; }
              .body-detail .right .tab_content .tab_relative .item.market_overview table tr td:first-child {
                text-align: left; }
        .body-detail .right .tab_content .tab_relative .item.marketprice {
          padding-bottom: 0.25rem;
          min-height: 0.75rem; }
          .body-detail .right .tab_content .tab_relative .item.marketprice .datechange {
            width: 0.65rem;
            height: 0.15rem;
            margin-bottom: 0.15rem; }
          .body-detail .right .tab_content .tab_relative .item.marketprice .textbox input {
            background: no-repeat 100%;
            background-image: url(/img/system/www/p/chevron.svg);
            background-size: 0.06rem;
            background-position: right 0.025rem center;
            background-color: #fff;
            padding-left: 0.015rem;
            outline: none;
            border: 1px solid darkgray;
            width: 1.3rem;
            height: 0.15rem;
            margin-bottom: 0.15rem;
            box-sizing: border-box; }
          .body-detail .right .tab_content .tab_relative .item.marketprice table {
            width: 99.5%;
            text-align: center;
            border-collapse: collapse;
            box-sizing: border-box; }
            .body-detail .right .tab_content .tab_relative .item.marketprice table tr th {
              font-weight: bold;
              padding: 0.075rem 0;
              background: #664848;
              color: #fff; }
            .body-detail .right .tab_content .tab_relative .item.marketprice table tr td {
              color: #3c3c41;
              padding: 0.05rem 0.025rem;
              background: #fff;
              border: 1px solid #dbdbdb;
              width: 0px; }
              .body-detail .right .tab_content .tab_relative .item.marketprice table tr td.subheadtwo {
                background: #c5bdbd;
                color: #303232;
                font-weight: bold; }
              .body-detail .right .tab_content .tab_relative .item.marketprice table tr td:first-child {
                text-align: left; }
        .body-detail .right .tab_content .tab_relative .item.charts {
          height: 2rem; }

.marketprice .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 1.35rem;
  position: relative;
  float: left;
  margin-right: 10px; }

.marketprice .bootstrap-select > .dropdown-toggle {
  color: #000;
  border: 1px solid darkgray;
  background: none;
  height: 0.15rem;
  background: no-repeat 100%;
  background-image: url(/img/system/www/p/chevron.svg);
  background-size: 0.06rem;
  background-position: right 0.025rem center;
  background-color: #fff;
  padding-left: 0.015rem;
  outline: none; }

.marketprice .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  line-height: 0.15rem; }

.marketprice .bootstrap-select.btn-group .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 1000;
  float: left;
  font-size: 0.07rem;
  text-align: left;
  list-style: none;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
  width: 100%;
  box-sizing: border-box;
  display: none; }

.marketprice .bootstrap-select.btn-group.open .dropdown-menu {
  display: block;
  min-height: 0.475rem !important; }

.marketprice .bootstrap-select .dropdown-toggle:focus {
  outline: none !important; }

.marketprice .bootstrap-select.btn-group .dropdown-menu li a {
  display: block;
  padding: 0 0.015rem;
  clear: both;
  font-weight: 400;
  color: #333;
  white-space: nowrap; }

.marketprice .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.marketprice .glyphicon-ok:before {
  content: "\f00c"; }

.browsing {
  width: 100%;
  border-top: 1px solid #f2f2f2;
  text-align: center; }
  .browsing h3 {
    padding-top: 0.2rem;
    font-size: 0.12rem;
    color: #984848;
    text-align: center; }
  .browsing .browsing-list {
    text-align: center;
    width: 100%;
    max-width: 4.75rem;
    display: inline-block;
    margin: 0 auto 0.4rem auto;
    height: 1.925rem;
    overflow: hidden; }
    .browsing .browsing-list .item {
      margin: 0.175rem 0.04rem 0;
      width: 1.1rem;
      float: left;
      height: 1.75rem; }
      .browsing .browsing-list .item .img {
        width: 1.1rem;
        height: 1.1rem;
        position: relative;
        display: block; }
        .browsing .browsing-list .item .img img {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          max-height: 1.1rem;
          max-width: 1.1rem;
          width: auto; }
      .browsing .browsing-list .item .content {
        text-align: center;
        width: 100%;
        color: #333333; }
        .browsing .browsing-list .item .content a.title {
          color: #333333;
          height: 0.285rem;
          overflow: hidden;
          display: inline-block; }
        .browsing .browsing-list .item .content span {
          color: #754C24;
          font-size: 0.1rem;
          font-weight: bold; }
      .browsing .browsing-list .item .btn-div {
        margin-top: 0.05rem;
        width: 100%;
        text-align: center; }
        .browsing .browsing-list .item .btn-div select {
          margin-right: 0.025rem;
          height: 25px;
          width: 0.225rem;
          border: 1px solid #dddddd;
          box-sizing: border-box;
          float: left;
          margin-left: 0.125rem; }
        .browsing .browsing-list .item .btn-div .btn {
          height: 25px;
          line-height: 23px;
          width: 0.475rem;
          display: block;
          box-sizing: border-box;
          background: #754C24;
          float: left;
          margin-right: 0.025rem; }
        .browsing .browsing-list .item .btn-div .like {
          float: left;
          width: 0.125rem;
          height: 25px;
          display: block;
          position: relative; }
          .browsing .browsing-list .item .btn-div .like:before {
            content: "\f08a";
            text-decoration: inherit;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 20px;
            color: #a5a5a5;
            margin-top: 3px;
            position: absolute;
            left: 0; }
          .browsing .browsing-list .item .btn-div .like.current:before {
            color: #754C24;
            content: "\f004"; }

.trading {
  width: 100%;
  max-width: 4.5rem;
  min-height: 2.525rem;
  margin: 0.125rem auto 0 auto;
  position: relative; }
  .trading .trading_m {
    display: none; }
  .trading .duedate {
    font-size: 0.1rem;
    color: #000000;
    text-align: center;
    padding-top: 0.75rem; }
  .trading .loading {
    position: absolute;
    margin: auto;
    left: 50%;
    top: 28%;
    display: none; }
    .trading .loading img {
      width: 0.35rem; }
    .trading .loading span {
      color: #754C24;
      clear: both;
      display: block;
      margin-left: -0.125rem;
      font-size: 0.1rem;
      font-weight: bold;
      background: #fff;
      padding: 0.025rem; }
  .trading h4 {
    font-size: 0.12rem;
    text-align: center;
    margin-top: 0.6rem;
    color: #754C24; }
  .trading p {
    color: #754C24;
    font-size: 0.12rem;
    text-align: center;
    margin-top: 0.1rem; }
    .trading p a {
      color: #754C24;
      text-decoration: underline; }
  .trading h5 {
    margin: 0.15rem auto;
    color: #1a1a1a;
    font-size: 0.13rem;
    text-align: center; }
  .trading .descr {
    position: relative; }
    .trading .descr .img {
      background: url(/img/system/www/p/recharge_7.png);
      background-size: cover;
      width: 2.975rem;
      height: 0.4rem;
      margin: auto; }
    .trading .descr .tip1 {
      font-size: 0.08rem;
      color: #931f1b;
      position: absolute;
      left: 1.44rem;
      top: 0.075rem; }
    .trading .descr .tip2 {
      font-size: 0.08rem;
      color: #931f1b;
      position: absolute;
      left: 2.655rem;
      top: 0.075rem; }
      .trading .descr .tip2 a {
        color: #931f1b; }
    .trading .descr .tip3 {
      font-size: 0.08rem;
      color: #333333;
      text-align: center;
      width: 1.05rem;
      position: absolute;
      left: 0.44rem;
      margin-top: 0.05rem; }
    .trading .descr .tip4 {
      font-size: 0.08rem;
      color: #333333;
      text-align: center;
      width: 1.05rem;
      position: absolute;
      left: 1.725rem;
      margin-top: 0.05rem; }
    .trading .descr .tip5 {
      font-size: 0.08rem;
      color: #333333;
      text-align: center;
      width: 1.05rem;
      position: absolute;
      left: 3rem;
      margin-top: 0.05rem; }
  .trading .falsesubmit {
    width: 0.875rem;
    height: 0.17rem;
    display: block;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    background: #754C24;
    text-align: center;
    color: #ffffff;
    line-height: 0.17rem;
    margin: 0.5rem auto 1.25rem auto; }
  .trading .total {
    margin-top: 0.05rem;
    color: #333333;
    text-align: right;
    padding-right: 0.1rem;
    margin-bottom: 0.1rem; }
    .trading .total span {
      color: #000;
      font-size: 0.1rem; }
  .trading table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ebebeb; }
    .trading table tr:first-child {
      background: #ebebeb;
      height: 0.225rem; }
      .trading table tr:first-child td {
        box-sizing: border-box;
        padding-left: 0.06rem;
        vertical-align: middle; }
    .trading table tr:nth-of-type(2) td:first-child img {
      max-width: 0.75rem;
      margin-top: 0.075rem;
      margin-bottom: 0.075rem;
      float: left;
      max-height: 1rem; }
    .trading table tr:nth-of-type(2) td:first-child span {
      margin-top: 0.15rem;
      margin-left: 0.075rem;
      float: left;
      font-size: 0.08rem;
      width: 65%;
      text-align: left; }
    .trading table tr td {
      width: 20%;
      color: #333333;
      text-align: right;
      padding-right: 0.1rem;
      vertical-align: top;
      border-collapse: collapse; }
      .trading table tr td:first-child {
        width: 60%;
        text-align: left; }
      .trading table tr td select {
        width: 0.375rem;
        margin-top: 0.15rem; }
      .trading table tr td span {
        text-align: right;
        margin-top: 0.15rem;
        display: block;
        font-size: 0.08rem; }
  .trading .account {
    margin-top: 0.125rem;
    width: 100%; }
    .trading .account .balance {
      float: left;
      position: relative;
      height: 0.17rem; }
      .trading .account .balance span:first-child {
        position: absolute;
        width: 0.16rem;
        height: 0.16rem;
        border: 1px solid #ededed;
        left: 0.01rem;
        -webkit-border-radius: 0.08rem;
        -moz-border-radius: 0.08rem;
        border-radius: 0.08rem; }
        .trading .account .balance span:first-child:before {
          position: absolute;
          content: "\f154";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.1rem;
          color: #919191;
          top: 0.035rem;
          left: 0.05rem; }
      .trading .account .balance span:nth-of-type(2) {
        float: left;
        height: 0.17rem;
        margin-left: 0.225rem;
        color: #001412;
        line-height: 0.17rem;
        font-size: 0.1rem;
        display: block; }
      .trading .account .balance span:nth-of-type(3) {
        color: #001412;
        margin-left: 0.04rem;
        font-size: 0.1rem;
        line-height: 0.17rem; }
    .trading .account .accountpass {
      display: inline-block;
      float: right;
      position: relative; }
      .trading .account .accountpass .password {
        width: 1.865rem;
        float: right;
        height: 0.17rem;
        border: 1px solid #cccccc;
        box-sizing: border-box; }
      .trading .account .accountpass label {
        display: block;
        float: right;
        height: 0.17rem;
        line-height: 0.17rem;
        margin-right: 0.05rem;
        color: #333333; }
      .trading .account .accountpass .tip {
        position: absolute;
        top: 0.18rem;
        color: #754C24;
        width: 1.865rem;
        right: 0;
        display: none; }
    .trading .account .btn {
      clear: both;
      width: 100%;
      display: block; }
      .trading .account .btn a {
        float: right; }
      .trading .account .btn .reset {
        width: 0.875rem;
        height: 0.17rem;
        display: block;
        float: right;
        box-sizing: border-box;
        border: 1px solid #cccccc;
        margin-top: 0.175rem;
        background: #eeeeee;
        text-align: center;
        color: #333333;
        line-height: 0.17rem; }
      .trading .account .btn .submit {
        width: 0.875rem;
        height: 0.17rem;
        display: block;
        float: right;
        box-sizing: border-box;
        border: 1px solid #cccccc;
        margin-top: 0.175rem;
        background: #754C24;
        text-align: center;
        color: #ffffff;
        line-height: 0.17rem;
        margin-right: 0.075rem; }

.favouritebox {
  position: fixed;
  display: block;
  width: 1.25rem;
  height: 0.3rem;
  text-align: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000000;
  display: none; }
  .favouritebox .background {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)"; }
  .favouritebox span {
    color: #fff;
    position: relative;
    font-size: 0.09rem;
    display: block;
    line-height: 0.3rem; }

@media (min-width: 1025px) {
  .referral-cat .region-div:hover .region-div-list {
    height: auto; } }
@media (max-width: 1000px) {
  .body .left .search-div .item .label {
    width: 33%; }

  .body .left .search-div .item .ip {
    width: 67%;
    box-sizing: border-box; }

  .body .left .search-div .item .shot {
    width: 30%; }

  .body .left .search-div .item span {
    width: 7%; } }
@media (max-width: 850px) {
  .body .left .search-div .item .item-right {
    float: left; } }
.nextButton {
  position: relative;
  right: 0.09rem;
  width: 0.23rem;
  height: 0.405rem;
  background: url(/img/system/www/p/banner_next.png) no-repeat top left;
  cursor: pointer;
  background-size: cover; }

.nextButton:hover {
  background: url(/img/system/www/p/banner_next_over.png) no-repeat top left;
  background-size: cover; }

.previousButton {
  position: relative;
  left: 0.09rem;
  width: 0.23rem;
  height: 0.405rem;
  background: url(/img/system/www/p/banner_prev.png) no-repeat top left;
  cursor: pointer;
  background-size: cover; }

.previousButton:hover {
  background: url(/img/system/www/p/banner_prev_over.png) no-repeat top left;
  background-size: cover; }

div.closebutton {
  position: relative;
  top: 0;
  left: 0rem;
  width: 0.22rem;
  height: 0.22rem;
  background: url(/img/system/www/p/popup_close.png);
  background-size: cover; }

div.closebutton:hover {
  background: url(/img/system/www/p/popup_close_over.png);
  background-size: cover; }

.highslide img {
  border: none !important; }

.highslide-container {
  z-index: 1000000 !important; }

@media (min-width: 751px) {
  .body .left {
    display: block !important; } }
@media (max-width: 750px) {
  .sitetree {
    display: none; }

  h2 {
    display: none; }

  .recommend_tip, .discount_tip {
    display: none !important; }

  .referral-cat {
    margin-top: 0.425rem;
    font-size: 0.15rem;
    position: fixed;
    background: #fff;
    z-index: 8;
    line-height: 0.15rem;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0.075rem 0; }
    .referral-cat a.r1:before {
      background-size: 0.14rem 0.14rem;
      width: 0.14rem;
      height: 0.14rem; }
    .referral-cat a.r2:before {
      background-size: 0.14rem 0.14rem;
      width: 0.14rem;
      height: 0.14rem; }
    .referral-cat.tail {
      margin-top: 0;
      z-index: 1000; }
    .referral-cat .region-div {
      top: 0.025rem; }
      .referral-cat .region-div .im {
        display: none; }
      .referral-cat .region-div .region-div-list {
        width: auto;
        height: 0.15rem;
        line-height: 0.15rem;
        position: initial;
        overflow: initial;
        box-shadow: none; }
        .referral-cat .region-div .region-div-list a.region {
          width: auto;
          float: left;
          border-bottom: none;
          padding: 0 0.09rem; }

  .favouritebox {
    width: 1.9rem;
    height: 0.4rem; }
    .favouritebox span {
      line-height: 0.4rem;
      font-size: 0.12rem; }

  .body {
    width: 100%; }
    .body .left {
      display: none;
      width: 100%;
      margin-bottom: 0;
      background: #fff;
      position: fixed;
      z-index: 9;
      overflow: hidden; }
      .body .left .list-type {
        display: none; }
      .body .left .searchform {
        height: 100%;
        width: 100%;
        text-align: center; }
      .body .left .search-div {
        width: 3.45rem;
        margin: auto;
        display: inline-block;
        padding-top: 0.55rem; }
        .body .left .search-div .h2 {
          display: none; }
        .body .left .search-div .item {
          width: 100%;
          margin-top: 0.15rem;
          margin-left: 0;
          height: 0.4rem; }
          .body .left .search-div .item.wname {
            margin-top: 0rem; }
            .body .left .search-div .item.wname span {
              display: none; }
          .body .left .search-div .item.con {
            height: 0.625rem; }
          .body .left .search-div .item.sub {
            display: block;
            height: 0.44rem;
            margin-bottom: 0.25rem; }
            .body .left .search-div .item.sub .submit {
              height: 0.44rem;
              width: 3.15rem;
              line-height: 0.44rem;
              font-size: 0.18rem;
              margin: 0.1rem auto 0 auto; }
          .body .left .search-div .item.group {
            border-top: 0.16rem solid #ebebeb;
            width: 3.75rem;
            margin-left: -0.15rem;
            margin-bottom: 0.25rem;
            height: 2.6rem; }
            .body .left .search-div .item.group label {
              font-size: 0.15rem;
              margin-bottom: 0;
              padding-bottom: 0;
              width: 3.45rem;
              margin-left: 0.15rem; }
            .body .left .search-div .item.group .groupId {
              width: 1.115rem;
              height: 0.35rem;
              padding: 0;
              line-height: 0.35rem;
              font-size: 0.1rem;
              background: #fff;
              border: 1px solid #e5e5e5;
              margin-left: 0.05rem;
              text-align: center;
              margin-bottom: 0.05rem; }
              .body .left .search-div .item.group .groupId:before {
                display: none; }
              .body .left .search-div .item.group .groupId:nth-of-type(1) {
                margin-left: 0.15rem; }
              .body .left .search-div .item.group .groupId:nth-of-type(3n+1) {
                margin-left: 0.15rem; }
          .body .left .search-div .item .label {
            width: 0.75rem;
            line-height: 0.4rem;
            height: 0.4rem;
            font-size: 0.15rem;
            text-align: left; }
          .body .left .search-div .item .ip {
            width: 2.7rem;
            line-height: 0.4rem;
            height: 0.4rem;
            font-size: 0.15rem;
            box-sizing: border-box;
            padding: 0 0.05rem;
            outline: none;
            -webkit-appearance: none;
            border-radius: 0; }
          .body .left .search-div .item .shot {
            width: 1.175rem;
            line-height: 0.4rem;
            height: 0.4rem;
            font-size: 0.15rem;
            box-sizing: border-box;
            padding: 0 0.05rem;
            outline: none;
            -webkit-appearance: none;
            border-radius: 0; }
          .body .left .search-div .item select {
            background-size: 0.1rem;
            background-position: right 0.05rem center; }
          .body .left .search-div .item span {
            width: 0.35rem;
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.15rem; }
          .body .left .search-div .item .item-right {
            width: 2.7rem; }
            .body .left .search-div .item .item-right .contract {
              clear: both; }
            .body .left .search-div .item .item-right .ract {
              font-size: 0.15rem;
              padding-left: 0.1rem; }
              .body .left .search-div .item .item-right .ract:before {
                font-size: 0.15rem; }
    .body .right {
      width: 100%;
      margin: auto;
      float: none; }
      .body .right .loading {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .body .right p.nothing {
        font-size: 0.15rem;
        margin-top: 1.5rem; }
      .body .right .page_list .stdPageList .count {
        font-size: 0.12rem;
        width: 0.65rem;
        line-height: 0.25rem; }
      .body .right .page_list .stdPageList a {
        width: 0.225rem;
        height: 0.225rem;
        line-height: 0.225rem;
        font-size: 0.12rem; }
      .body .right .page_list .stdPageList select {
        font-size: 0.12rem;
        width: 0.35rem;
        height: 0.225rem;
        line-height: 0.225rem;
        background-size: 0.08rem; }
        .body .right .page_list .stdPageList select.rpage {
          width: 0.59rem; }
      .body .right .page_list:first-child {
        display: block;
        padding: 0;
        border: none;
        width: 100%;
        margin: 0;
        position: fixed;
        z-index: 1;
        top: 1.58rem;
        background: #fff;
        height: 0.365rem;
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef; }
        .body .right .page_list:first-child .stdPageList {
          padding-top: 0.065rem; }
          .body .right .page_list:first-child .stdPageList .count {
            font-size: 0.12rem;
            margin-left: 0.09rem; }
      .body .right .item {
        margin: 0.075rem 0 0 0;
        width: 1.69rem;
        height: 2.7rem;
        border: 1px solid #e6e6e6;
        box-sizing: border-box; }
        .body .right .item:nth-of-type(2n) {
          margin: 0.075rem 0.07rem 0 0.15rem; }
        .body .right .item:nth-of-type(2) {
          margin: 1.2rem 0.07rem 0 0.15rem; }
        .body .right .item:nth-of-type(3) {
          margin: 1.2rem 0 0 0; }
        .body .right .item.style2.i1 {
          display: none; }
        .body .right .item.style2 {
          margin: auto;
          float: none;
          width: 100%;
          border-bottom: 1px solid #efefef;
          border-top: 1px solid #efefef;
          border-left: none;
          border-right: none;
          display: block;
          height: auto; }
          .body .right .item.style2 .year {
            display: none; }
          .body .right .item.style2 .clear {
            width: 100%;
            height: 0.15rem;
            display: block;
            clear: both; }
          .body .right .item.style2 .content {
            width: 3.45rem;
            margin: 0.125rem auto 0 auto;
            overflow: auto;
            float: none; }
            .body .right .item.style2 .content .title {
              width: 100%;
              font-size: 0.15rem;
              font-weight: bold;
              display: block;
              line-height: 0.18rem;
              padding: 0;
              margin: auto;
              height: auto; }
          .body .right .item.style2 .m {
            display: inline-block;
            color: #333; }
          .body .right .item.style2 .year2, .body .right .item.style2 .qty, .body .right .item.style2 .priceshow, .body .right .item.style2 .priceshow2 {
            display: block;
            width: 55%;
            box-sizing: border-box;
            padding-left: 0.15rem;
            font-size: 0.14rem;
            margin-top: 0.075rem;
            float: left;
            clear: both;
            text-align: left; }
          .body .right .item.style2 .region, .body .right .item.style2 .score {
            font-size: 0.14rem;
            margin-top: 0.075rem;
            float: left;
            box-sizing: border-box;
            display: block;
            width: 45%;
            text-align: left; }
          .body .right .item.style2 .btn-div {
            width: 45%; }
            .body .right .item.style2 .btn-div .like:before {
              top: -0.025rem; }
        .body .right .item.style2:nth-of-type(3) {
          margin: 0.8rem auto 0 auto;
          border-top: none; }
        .body .right .item .img {
          width: 1.69rem;
          height: 1.27rem;
          overflow: hidden; }
          .body .right .item .img img {
            max-height: 1.69rem;
            max-width: 1.27rem; }
        .body .right .item .content a.title {
          font-size: 0.12rem;
          height: 0.49rem; }
        .body .right .item .content span {
          font-size: 0.14rem; }
        .body .right .item .btn-div {
          margin-top: 0.1rem; }
          .body .right .item .btn-div select {
            width: 0.35rem;
            height: 0.22rem;
            font-size: 0.12rem;
            padding-left: 0.025rem;
            background-size: 0.08rem;
            margin-right: 0.1rem;
            margin-left: 0.11rem; }
          .body .right .item .btn-div .btn {
            width: 0.75rem;
            height: 0.22rem;
            line-height: 0.22rem;
            font-size: 0.13rem;
            margin-right: 0.1rem; }
          .body .right .item .btn-div .like {
            width: 0.175rem;
            height: 0.165rem;
            margin-top: 0.035rem; }
            .body .right .item .btn-div .like:before {
              font-size: 0.16rem;
              margin-top: 0rem; }
    .body .list-type.m {
      width: 100%;
      height: 0.39rem;
      display: block;
      padding-top: 0.155rem;
      box-sizing: border-box;
      padding-right: 0.15rem;
      text-align: right;
      top: 0.825rem;
      position: fixed;
      background: #fff;
      z-index: 9;
      height: 0.45rem;
      border-bottom: 1px solid #efefef; }
      .body .list-type.m a.type, .body .list-type.m a.screen {
        width: 0.16rem;
        height: 0.135rem;
        display: inline-block;
        float: none;
        margin-right: 0.1rem;
        color: #a5a5a5;
        font-size: 0.135rem; }
        .body .list-type.m a.type:first-child:before, .body .list-type.m a.screen:first-child:before {
          content: "\f00a";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.15rem;
          color: #a5a5a5;
          padding-right: 0.025rem; }
        .body .list-type.m a.type:nth-of-type(2):before, .body .list-type.m a.screen:nth-of-type(2):before {
          content: "\f0c9";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.15rem;
          color: #a5a5a5;
          padding-right: 0.025rem; }
        .body .list-type.m a.type:nth-of-type(3), .body .list-type.m a.screen:nth-of-type(3) {
          margin-right: 0rem; }
          .body .list-type.m a.type:nth-of-type(3):before, .body .list-type.m a.screen:nth-of-type(3):before {
            content: "\f0b0";
            text-decoration: inherit;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.15rem;
            color: #a5a5a5;
            padding-right: 0.025rem; }
        .body .list-type.m a.type.current, .body .list-type.m a.screen.current {
          color: #754C24; }
          .body .list-type.m a.type.current:before, .body .list-type.m a.screen.current:before {
            color: #754C24; }

  .body-detail .left {
    width: 100%;
    height: 400px; }
    .body-detail .left .pro-img {
      width: 100%;
      float: none;
      height: 100%; }
      .body-detail .left .pro-img .img-thumb {
        display: none; }
      .body-detail .left .pro-img .img-container {
        width: 100%;
        height: 100%;
        border: none;
        border-bottom: 1px solid #efefef;
        padding-bottom: 0.075rem; }
        .body-detail .left .pro-img .img-container .next {
          width: 0.23rem;
          height: 0.405rem;
          background: url(/img/system/www/p/banner_next.png) no-repeat top left;
          background-size: cover; }
        .body-detail .left .pro-img .img-container .next:hover {
          width: 0.23rem;
          height: 0.405rem;
          background: url(/img/system/www/p/banner_next_over.png) no-repeat top left;
          background-size: cover; }
        .body-detail .left .pro-img .img-container .prev {
          background: url(/img/system/www/p/banner_prev.png) no-repeat top left;
          width: 0.23rem;
          height: 0.405rem;
          background-size: cover; }
        .body-detail .left .pro-img .img-container .prev:hover {
          background: url(/img/system/www/p/banner_prev_over.png) no-repeat top left;
          width: 0.23rem;
          height: 0.405rem;
          background-size: cover; }
        .body-detail .left .pro-img .img-container .img-wrap a img {
          max-height: 2rem;
          max-width: 3.45rem; }
  .body-detail .right {
    width: 100%;
    margin-left: 0; }
    .body-detail .right h3 {
      width: 3.45rem;
      margin: auto;
      font-size: 0.15rem; }
      .body-detail .right h3 span {
        width: 3.125rem;
        float: left; }
      .body-detail .right h3 .like_m {
        float: right;
        width: 0.175rem;
        height: 0.15rem;
        display: block;
        position: relative;
        margin-top: 0.03rem; }
        .body-detail .right h3 .like_m:before {
          content: "\f08a";
          text-decoration: inherit;
          speak: none;
          font-family: 'FontAwesome';
          font-size: 0.15rem;
          color: #a5a5a5; }
        .body-detail .right h3 .like_m.current:before {
          color: #754C24;
          content: "\f004"; }
    .body-detail .right .btn-div {
      width: 3.45rem;
      margin: auto;
      display: block;
      height: 0.925rem;
      clear: both; }
      .body-detail .right .btn-div .price {
        width: 100%;
        font-size: 0.18rem;
        text-align: left;
        margin-top: 0.05rem;
        height: 0.2rem;
        line-height: 0.2rem; }
        .body-detail .right .btn-div .price .compare_m {
          width: 0.775rem;
          height: 0.2rem;
          float: right;
          line-height: 0.2rem;
          border: none;
          background: #754C24;
          color: #fff;
          font-size: 0.12rem;
          text-align: center;
          display: block; }
          .body-detail .right .btn-div .price .compare_m:before {
            content: "\f08e";
            text-decoration: inherit;
            speak: none;
            font-family: 'FontAwesome';
            font-size: 0.1rem;
            color: #fff; }
      .body-detail .right .btn-div .line {
        width: 100%;
        height: 1px;
        padding: 0.25rem 0.15rem 0 0.15rem;
        border-bottom: 1px solid #ebebeb;
        clear: both;
        margin: 0 0 0.125rem -0.15rem; }
      .body-detail .right .btn-div .numtitle {
        display: block;
        float: left;
        font-size: 0.15rem;
        line-height: 0.15rem;
        height: 0.15rem;
        color: #333333; }
      .body-detail .right .btn-div select {
        height: 0.15rem;
        font-size: 0.12rem;
        line-height: 0.15rem;
        width: 0.4rem;
        float: right;
        padding-left: 0.05rem;
        box-sizing: border-box;
        margin: 0;
        background-size: 0.08rem; }
      .body-detail .right .btn-div .btn {
        display: none; }
      .body-detail .right .btn-div .like {
        display: none; }
    .body-detail .right .option {
      width: 3.45rem;
      margin: auto;
      border-bottom: 0.1rem solid #f5f5f5;
      padding: 0 0.15rem; }
      .body-detail .right .option p {
        margin-bottom: 0.075rem; }
        .body-detail .right .option p span {
          font-size: 0.13rem;
          line-height: 0.16rem; }
          .body-detail .right .option p span:first-child {
            font-size: 0.13rem;
            line-height: 0.16rem; }
          .body-detail .right .option p span:nth-of-type(2) {
            font-size: 0.13rem;
            line-height: 0.16rem; }
    .body-detail .right .score {
      margin-top: 0.2rem;
      margin-bottom: 0.25rem; }
      .body-detail .right .score h4 {
        font-size: 0.17rem;
        text-align: center;
        margin-top: 0.075rem;
        margin-bottom: 0.05rem; }
      .body-detail .right .score .score-div .item {
        width: 3.45rem;
        margin: auto;
        margin: auto auto 0.05rem auto; }
        .body-detail .right .score .score-div .item label {
          font-size: 0.13rem;
          width: 1rem;
          line-height: 0.16rem; }
        .body-detail .right .score .score-div .item .score-100 {
          line-height: 0.16rem;
          width: 2.35rem;
          height: 0.16rem; }
          .body-detail .right .score .score-div .item .score-100 span {
            height: 0.16rem;
            line-height: 0.16rem;
            font-size: 0.11rem;
            text-align: center;
            box-sizing: border-box; }
    .body-detail .right .tab_menu {
      height: 0.31rem;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-items: flex-start; }
      .body-detail .right .tab_menu .tab {
        padding: 0 0.1rem;
        height: 0.3rem;
        line-height: 0.3rem;
        margin-right: 0rem;
        font-size: 0.13rem;
        overflow: hidden; }
        .body-detail .right .tab_menu .tab.current {
          color: #754C24; }
      .body-detail .right .tab_menu .compare {
        display: none; }
    .body-detail .right .tab_content {
      width: 3.5rem;
      padding-left: auto;
      padding-right: auto;
      margin-left: auto;
      margin-right: auto; }
      .body-detail .right .tab_content .tab_relative .item a.more {
        width: 0.925rem;
        height: 0.21rem;
        line-height: 0.21rem;
        font-size: 0.1rem; }
      .body-detail .right .tab_content .tab_relative .item .im {
        margin: auto;
        width: 1.69rem;
        height: 2.375rem;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
        float: none; }
        .body-detail .right .tab_content .tab_relative .item .im .img {
          width: 1.69rem;
          height: 1.27rem;
          overflow: hidden; }
          .body-detail .right .tab_content .tab_relative .item .im .img img {
            max-height: 1.69rem;
            max-width: 1.27rem; }
        .body-detail .right .tab_content .tab_relative .item .im .content a.title {
          font-size: 0.12rem;
          height: 0.49rem; }
        .body-detail .right .tab_content .tab_relative .item .im .content span {
          font-size: 0.14rem; }
        .body-detail .right .tab_content .tab_relative .item .im .btn-div {
          margin-top: 0.1rem;
          width: 100%;
          height: auto; }
          .body-detail .right .tab_content .tab_relative .item .im .btn-div select.num {
            width: 0.35rem;
            height: 0.22rem;
            font-size: 0.12rem;
            padding-left: 0.025rem;
            background-size: 0.08rem;
            margin-right: 0.05rem;
            margin-left: 0.15rem;
            float: left; }
          .body-detail .right .tab_content .tab_relative .item .im .btn-div .btn {
            width: 0.75rem;
            height: 0.22rem;
            line-height: 0.22rem;
            font-size: 0.13rem;
            margin-right: 0.05rem;
            display: block; }
          .body-detail .right .tab_content .tab_relative .item .im .btn-div .like {
            width: 0.175rem;
            height: 0.165rem;
            margin-top: 0.035rem;
            display: block; }
            .body-detail .right .tab_content .tab_relative .item .im .btn-div .like:before {
              font-size: 0.16rem;
              margin-top: 0rem; }
      .body-detail .right .tab_content .tab_relative .item .score-div .items {
        margin-top: 0;
        margin-bottom: 0.2rem; }
        .body-detail .right .tab_content .tab_relative .item .score-div .items label {
          width: 100%;
          font-size: 0.13rem;
          font-weight: bold;
          line-height: 0.13rem;
          margin-bottom: 0.05rem; }
        .body-detail .right .tab_content .tab_relative .item .score-div .items .score-100 {
          width: 2.35rem;
          height: 0.16rem;
          line-height: 0.16rem; }
          .body-detail .right .tab_content .tab_relative .item .score-div .items .score-100 span {
            height: 0.16rem;
            line-height: 0.16rem;
            font-size: 0.1rem; }
        .body-detail .right .tab_content .tab_relative .item .score-div .items p {
          font-size: 0.13rem;
          line-height: 0.16rem;
          padding-top: 0.05rem;
          padding-left: 0; }
      .body-detail .right .tab_content .tab_relative .item p {
        font-size: 0.14rem;
        line-height: 0.15rem; }
        .body-detail .right .tab_content .tab_relative .item p span {
          font-size: 0.14rem; }
        .body-detail .right .tab_content .tab_relative .item p span.space {
          height: 0.15rem; }
          .body-detail .right .tab_content .tab_relative .item p span.space:before {
            font-size: 0.13rem; }

  .body-detail {
    margin-top: 0.3rem; }

  .browsing {
    border-top: 0.1rem solid #f5f5f5; }
    .browsing h3 {
      padding-top: 0.2rem;
      padding-bottom: 0.15rem;
      font-size: 0.15rem;
      color: #001412; }
    .browsing .browsing-list {
      height: 2.6rem;
      margin: auto; }
      .browsing .browsing-list .item {
        margin: auto;
        width: 1.69rem;
        height: 2.4rem;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
        float: none; }
        .browsing .browsing-list .item .img {
          width: 1.69rem;
          height: 1.27rem;
          overflow: hidden; }
          .browsing .browsing-list .item .img img {
            max-height: 1.69rem;
            max-width: 1.27rem; }
        .browsing .browsing-list .item .content a.title {
          font-size: 0.12rem;
          height: 0.49rem; }
        .browsing .browsing-list .item .content span {
          font-size: 0.14rem; }
        .browsing .browsing-list .item .btn-div {
          margin-top: 0.1rem; }
          .browsing .browsing-list .item .btn-div select {
            width: 0.35rem;
            height: 0.22rem;
            font-size: 0.12rem;
            padding-left: 0.025rem;
            background-size: 0.08rem;
            margin-right: 0.1rem;
            margin-left: 0.11rem; }
          .browsing .browsing-list .item .btn-div .btn {
            width: 0.75rem;
            height: 0.22rem;
            line-height: 0.22rem;
            font-size: 0.13rem;
            margin-right: 0.1rem; }
          .browsing .browsing-list .item .btn-div .like {
            width: 0.175rem;
            height: 0.165rem;
            margin-top: 0.035rem; }
            .browsing .browsing-list .item .btn-div .like:before {
              font-size: 0.16rem;
              margin-top: 0rem; }

  .btn_m {
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    display: block;
    background: #754C24;
    font-size: 0.18rem;
    text-align: center;
    margin-bottom: 0.25rem; }

  .trading h4 {
    font-size: 0.15rem;
    margin-top: 1rem; }
  .trading p {
    font-size: 0.15rem;
    margin-top: 0; }
  .trading .falsesubmit {
    font-size: 0.18rem;
    height: 0.44rem;
    line-height: 0.44rem;
    width: 1.4rem;
    margin-top: 0.8rem; }
  .trading h5 {
    font-size: 0.14rem; }
  .trading .descr .tip1 {
    font-size: 0.11rem;
    color: #931f1b;
    position: absolute;
    left: 1.03rem;
    top: 0.05rem; }
  .trading .descr .tip2 {
    font-size: 0.11rem;
    color: #931f1b;
    position: absolute;
    left: 2.2rem;
    top: 0.05rem; }
  .trading .descr .tip3 {
    font-size: 0.11rem;
    color: #333333;
    text-align: center;
    width: 1.05rem;
    position: absolute;
    left: 0.05rem;
    margin-top: 0.025rem; }
  .trading .descr .tip4 {
    font-size: 0.11rem;
    color: #333333;
    text-align: center;
    width: 1.05rem;
    position: absolute;
    left: 1.315rem;
    margin-top: 0.025rem; }
  .trading .descr .tip5 {
    font-size: 0.11rem;
    color: #333333;
    text-align: center;
    width: 1.05rem;
    position: absolute;
    left: 2.575rem;
    margin-top: 0.025rem; }
  .trading table {
    display: none; }
  .trading .trading_m {
    display: block; }
    .trading .trading_m .clear {
      width: 100%;
      height: 1px;
      clear: both;
      display: block; }
    .trading .trading_m .product_title {
      width: 100%;
      margin: auto; }
      .trading .trading_m .product_title .img {
        width: 0.73rem;
        height: 0.685rem;
        margin-left: 0.15rem;
        border: 1px solid #e5e5e5;
        position: relative;
        float: left; }
        .trading .trading_m .product_title .img img {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          max-height: 0.685rem;
          max-width: 0.73rem; }
      .trading .trading_m .product_title .title {
        width: 2.615rem;
        display: block;
        float: left;
        margin-left: 0.1rem;
        margin-top: 0.05rem;
        font-size: 0.15rem;
        color: #333333; }
    .trading .trading_m .product_num {
      margin-top: 0.15rem;
      height: 0.44rem;
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      display: block; }
      .trading .trading_m .product_num span {
        line-height: 0.44rem;
        color: #333;
        font-size: 0.15rem;
        margin-left: 0.15rem; }
      .trading .trading_m .product_num .addnum {
        float: right;
        position: relative;
        top: 0.12rem;
        right: 0.15rem; }
      .trading .trading_m .product_num .reduce {
        width: 0.25rem;
        height: 0.2rem;
        display: block;
        float: left;
        font-size: 0.25rem;
        color: #bfbfbf;
        line-height: 0.165rem;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
        background: #f5f5f5;
        color: #999999 ；; }
      .trading .trading_m .product_num .num {
        width: 0.25rem;
        height: 0.2rem;
        display: block;
        float: left;
        text-align: center;
        line-height: 0.2rem;
        color: #333333;
        font-size: 0.13rem; }
      .trading .trading_m .product_num .add {
        width: 0.25rem;
        height: 0.2rem;
        display: block;
        float: left;
        font-size: 0.25rem;
        color: #bfbfbf;
        line-height: 0.165rem;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
        background: #f5f5f5;
        color: #999999; }
    .trading .trading_m .commissions {
      font-size: 0.15rem;
      color: #333333;
      margin-left: 0.15rem;
      margin-top: 0.1rem;
      margin-bottom: 0.1rem; }
      .trading .trading_m .commissions .str {
        color: #754C24;
        float: right;
        margin-right: 0.15rem; }
  .trading .total {
    font-size: 0.13rem;
    margin-top: 0;
    padding-top: 0.1rem;
    border-top: 1px solid #e5e5e5; }
    .trading .total span {
      font-size: 0.18rem;
      color: #754C24; }
  .trading .account {
    padding-top: 0.1rem;
    margin-top: 0;
    border-top: 0.1rem solid #ebebeb; }
    .trading .account .balance {
      margin-left: 0.15rem;
      height: 0.21rem;
      line-height: 0.21rem; }
      .trading .account .balance span:first-child {
        width: 0.21rem;
        height: 0.21rem;
        box-sizing: border-box;
        text-align: center;
        left: 0;
        border-radius: 0.21rem;
        -webkit-border-radius: 0.21rem;
        -moz-border-radius: 0.21rem;
        line-height: 0.21rem; }
        .trading .account .balance span:first-child:before {
          line-height: 0.21rem;
          top: 0;
          left: 0.06rem;
          font-size: 0.13rem; }
      .trading .account .balance span:nth-of-type(2), .trading .account .balance span:nth-of-type(3) {
        font-size: 0.15rem;
        line-height: 0.21rem; }
    .trading .account .accountpass {
      height: 0.4rem;
      line-height: 0.4rem;
      float: left;
      margin-left: 0.15rem;
      margin-top: 0.05rem;
      width: 3.45rem;
      height: 0.825rem; }
      .trading .account .accountpass label {
        float: left;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.15rem; }
      .trading .account .accountpass .password {
        width: 2.775rem;
        height: 0.4rem;
        font-size: 0.15rem;
        padding: 0 0.075rem; }
      .trading .account .accountpass .tip {
        top: 0.45rem;
        font-size: 0.12rem;
        line-height: 0.12rem;
        text-align: left;
        width: 2.775rem;
        font-size: 0.12rem; }
    .trading .account .btn {
      margin-bottom: 0.4rem;
      display: inline-block; }
      .trading .account .btn .reset {
        margin-right: 0.5rem;
        margin-top: 0;
        width: 1.3rem;
        height: 0.44rem;
        font-size: 0.18rem;
        line-height: 0.44rem; }
      .trading .account .btn .submit {
        margin-right: 0.14rem;
        margin-top: 0;
        width: 1.3rem;
        height: 0.44rem;
        font-size: 0.18rem;
        line-height: 0.44rem; }

  .body-detail .right .tab_content .tab_relative .item table {
    font-size: 0.14rem;
    width: 100% !important; }

  .body-detail .right .tab_content .tab_relative .item.marketprice table {
    font-size: 0.14rem; }

  .body-detail .right .tab_content .tab_relative .item.marketprice .datechange {
    height: 0.25rem;
    width: 1rem;
    font-size: 0.14rem; }

  .body-detail .right .tab_content .tab_relative .item.marketprice .datechange {
    height: 0.25rem;
    width: 1rem;
    font-size: 0.14rem; }

  .marketprice .bootstrap-select > .dropdown-toggle {
    height: 0.25rem;
    font-size: 0.14rem;
    width: 1.8rem; }

  .marketprice .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 1.8rem; }

  .marketprice .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 0.14rem; }

  .marketprice .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 0.25rem; }

  .body-detail .right .tab_content .tab_relative .item.charts #container {
    width: 3.5rem;
    height: 2rem; }
    .body-detail .right .tab_content .tab_relative .item.charts #container div:first-child {
      width: 3.5rem !important;
      height: 2rem !important; }
      .body-detail .right .tab_content .tab_relative .item.charts #container div:first-child canvas {
        width: 3.5rem !important;
        height: 2rem !important; }

  .body .right .item .content .otherprice span {
    font-size: 0.12rem; } }

/*# sourceMappingURL=referral.css.map */