@charset "UTF-8";
html {
  font-size: 25px; }

body * {
  font-family: "microsoft yahei",Helvetica; }

body {
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  color: #515151; }

div, h1, p, h2, h3, h4, h5, h6, ul, li, span, input, p, a, table, th, tr td {
  margin: 0;
  padding: 0; }

table {
  width: 100%;
  text-align: center; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

a, img {
  -webkit-touch-callout: none; }

ul li {
  list-style: none; }

img {
  vertical-align: top;
  border: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.fix:after {
  content: "";
  display: block;
  clear: both; }

.fix {
  zoom: 1; }

.hide {
  display: none !important; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

/***持仓比例 start***/
.datapanel {
  margin: .4rem 0; }

.data_content {
  background: #fff;
  padding: 0 .4rem .84rem .4rem;
  font-size: .56rem;
  color: #515151;
  line-height: .84rem; }

.p-title {
  padding: .64rem 0 .4rem 0;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.4rem;
  font-weight: bold;
  font-size: .8rem; }

.p-title img.icn-img {
  height: 1.2rem;
  float: left;
  margin-top: .06rem;
  margin-right: .24rem;
  display: none; }

/*持仓比例 tab_dkbl*/
.tab_dkbl {
  border: 1px solid #DB0011;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.tab_dkbl a {
  display: inline-block;
  width: 50%;
  color: #515151;
  position: relative;
  float: left;
  text-align: center;
  line-height: 1.4rem; }

.tab_dkbl a span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #DB0011; }

.tab_dkbl a.selected {
  background: #DB0011;
  color: #fff; }

.data_content label {
  display: inline-block;
  padding: .48rem 0 .4rem 0;
  color: #a2a2a2; }

.data_content label.lab_update {
  font-size: .52rem; }

.data_content label em {
  display: inline-block;
  float: left;
  height: .56rem;
  width: .56rem;
  font-size: .5em;
  border-radius: .56rem;
  background: #a2a2a2;
  color: #fff;
  font-weight: 600;
  margin-right: .1rem;
  text-align: center;
  font-style: inherit;
  line-height: .56rem;
  margin-top: .15rem; }

.lundon_jin, .lundon_yin {
  background: #fafafa;
  padding: .48rem .4rem;
  text-align: center;
  position: relative;
  border: .05rem solid #eaeaea;
  width: 42.5%; }

.lundon_jin b {
  color: #59b568;
  font-size: .66rem; }

.lundon_yin b {
  color: #e24647;
  font-size: .66rem; }

.canvas {
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  margin: 1.24rem auto 0 auto; }

.canvas img {
  width: 100%; }

.duotou img {
  float: left;
  width: 1.24rem; }

.kongtou img {
  margin-left: .8rem; }

.d_k_tou {
  text-align: right;
  line-height: .5rem;
  font-size: .5rem; }

.d_k_tou span {
  display: inline-block;
  width: 1.4rem;
  height: .5rem;
  border-radius: 25px;
  float: left;
  margin-right: .2rem; }

.d_k_tou span.dt {
  background: #59b568; }

.d_k_tou span.kt {
  background: #e24647; }

.data_history {
  padding: 0 0.4rem 0.4rem 0.4rem;
  margin-bottom: .84rem; }

/***历史持仓比例 end***/
/***持仓比例 start***/
/*品种 日期*/
.inquiry {
  padding: .68rem 0; }

.control {
  margin-bottom: .5rem; }

.control span {
  float: left;
  display: inline-block;
  line-height: 1.2rem; }

.control .typebox a {
  width: 3.6rem; }

.control .date {
  width: 7.2rem;
  border: .05rem solid #7b7b7b;
  height: 1.2rem;
  line-height: 1.2rem; }

.control .date label {
  display: inline-block;
  padding: 0 0 0 .2rem;
  color: #515151; }

.control .date img {
  height: .8rem;
  float: right;
  margin-right: .2rem;
  margin-top: .2rem; }

/*table*/
.tab_gold {
  width: 100%; }

.tab_gold th {
  color: #fff;
  background: #e4bc50;
  font-weight: normal;
  border-bottom: .05rem solid #fff;
  line-height: 1.2rem;
  padding: .24rem 0; }

.tab_gold td {
  background: #fff;
  border-bottom: .05rem solid #e0e0e0;
  line-height: 1rem;
  padding: .28rem 0;
  white-space: nowrap; }

.shiying td {
  padding: .28rem .5rem .28rem .5rem; }

.tab_gold tr.odd td {
  background: #f2f2f2; }

.tab_gold td img {
  height: .5rem;
  vertical-align: middle;
  margin-left: .2rem;
  margin-top: -.1rem; }

.tab_gold tr.up td em {
  display: inline-block;
  vertical-align: top;
  width: 0.38rem;
  height: 0.46rem;
  background: url(../images/data_center/icn-up.png) no-repeat 0 0;
  background-size: 100% 100%;
  margin-left: 0.2rem;
  margin-top: 0.13rem; }

.tab_gold tr.down td em {
  display: inline-block;
  vertical-align: top;
  width: 0.38rem;
  height: 0.46rem;
  background: url(../images/data_center/icn-down.png) no-repeat 0 0;
  background-size: 100% 100%;
  margin-left: 0.2rem;
  margin-top: 0.13rem; }

table tbody tr:nth-child(2n-1) td {
  background: #f2f2f2; }

table tbody tr:nth-child(2n) td {
  background: #fff; }

.tab_gold td label {
  padding: 0;
  color: #515151; }

/*翻页*/
.page {
  text-align: center;
  padding: .6rem 0; }

.page a {
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  background: #fff;
  color: #515151;
  width: 3rem;
  border: .05rem solid #c5c5c5;
  border-radius: 5px; }

.page a.next {
  margin-left: .6rem; }

.page a:active {
  background: #e5bc50;
  border: .05rem solid #e5bc50;
  color: #fff; }

/***历史持仓比例 end***/
/***实时行情 start***/
.tab_hq a {
  width: 33.33333333%; }

/*贵金属报价*/
.tab_timequotes {
  border: .05rem solid #c5c5c5;
  border-bottom: none; }

.tab_timequotes td {
  line-height: .72rem;
  padding: .28rem .2rem;
  position: relative;
  border-bottom: .05rem solid #c5c5c5;
  white-space: nowrap; }

.tab_timequotes td span {
  background: #929292;
  position: absolute;
  top: -.02rem;
  left: -.05rem;
  bottom: -.05rem;
  width: 3px;
  display: block; }

/*.tab_timequotes td span.up{background:#44b11f;}
.tab_timequotes td span.down{background:#ff4600;}
.tab_timequotes td .sp_block{ position:static; width:auto;background:none;}*/
.tab_timequotes tr.up td span {
  background: #44b11f; }

.tab_timequotes tr.down td span {
  background: #ff4600; }

.tab_timequotes td .sp_block {
  position: static;
  width: auto;
  background: none; }

.tab_timequotes td img {
  height: .5rem;
  vertical-align: middle;
  margin-left: .2rem;
  margin-top: -.1rem; }

.tab_timequotes td b, .tab_timequotes td label {
  display: block; }

.tab_timequotes td label {
  color: #515151;
  padding: 0; }

.tab_timequotes tr.up td b, .tab_timequotes tr.up .zhangdie {
  color: #44b11f; }

.tab_timequotes tr.down td b, .tab_timequotes tr.down td .zhangdie {
  color: #ff4600; }

.tab_timequotes td.border {
  border-right: .05rem solid #c5c5c5; }

/*贵金属行情*/
.tab_gold_hq a {
  width: 24.99%;
  line-height: 1.43rem; }

.tab_gold_hq a label {
  display: block;
  line-height: .70rem;
  padding: .06rem 0 0 0;
  color: #515151; }

.tab_gold_hq a.selected label {
  color: #fff; }

.tab_cftc th {
  background: #fff;
  color: #515151;
  border-bottom: .05rem solid #c5c5c5; }

.tab_cftc th label {
  padding: 0;
  color: #515151; }

.tab_cftc td label.domore {
  color: #45b11f;
  display: inline-block; }

.tab_cftc td label.donull {
  color: #ff4900;
  display: inline-block; }

.tablebox {
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  min-height: .01%;
  margin-bottom: .68rem;
  position: relative;
  display: none; }

/*.tablebox .line{ position:absolute; right:0; top:0;  width:.05rem; background:#c5c5c5; height:100%;}*/
.tab_dkbl a.Newxin {
  width: 100%; }

.tablebox .tab_overflow {
  /* width: 150%; */ }

/***实时行情 end***/
.Gjinshu, .waihui, .bili, .main, .goldjin, .newxin {
  display: block; }

.bg_color tbody tr:nth-of-type(odd) {
  background: #f2f2f2; }

.bg_color tbody tr:nth-of-type(even) {
  background: #fff; }

.bg_color tbody tr td {
  background: none; }

@media (max-width: 375px) {
  .tab_cftc td label.donull {
    display: block; }
  .tab_timequotes td .sp_block {
    display: block; }
  .kongbi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 320px) {
  .kongbi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }