/* ---------- 行业数据 + 快讯 ---------- */
.marketbar { margin-top: 20px; }
.marketbar-row { display: flex; height: 227px; }
.marketbar-main { display: flex; flex: none; width: 1120px; margin-right: 20px; flex-direction: column; padding: 20px; background: #fff; border-radius: 6px; }
.marketbar-head { display: flex; align-items: center; justify-content: space-between; }
.marketbar-title { display: flex; align-items: center; }
.marketbar-title img { width: 20px; height: 20px; }
.marketbar-title h2 { margin-left: 6px; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; }
.market-quotes { position: relative; flex: 1; width: 100%; min-width: 0; min-height: 0; margin-top: 12px; overflow: hidden; }
.market-quotes-track { display: flex; height: 100%; }
.market-quotes-track .slider-item { width: 252px; }
.quote-block { display: flex; height: 100%; flex-direction: column; padding: 16px 12px 0; background: #F6F6F6; border-radius: 3px; box-shadow: 0 0 18px rgba(109,109,109,.1); }
.quote-block-head { display: flex; align-items: center; justify-content: space-between; }
.quote-block-name { flex: 1; min-width: 0; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 18px; color: #000; white-space: nowrap; text-overflow: ellipsis; }
.quote-block-arrow { flex: none; margin-left: 8px; color: #999; }
.quote-block:hover .quote-block-name, .quote-block:hover .quote-block-arrow { color: #4267B5; }
.quote-block-vals { display: flex; margin-top: 12px; align-items: baseline; }
.quote-block-vals span { font-size: 14px; line-height: 18px; }
.quote-block-vals .v2 { margin-left: 24px; } .quote-block-vals .v3 { margin-left: 24px; font-size: 12px; }
.quote-block-chart { flex: 1; min-height: 0; margin-top: 4px; }
.quote-block-chart svg { width: 100%; height: 100%; display: block; }
.marketbar-news { display: flex; flex: none; width: 360px; padding-bottom: 12px; flex-direction: column; background: #fff; border-radius: 6px; }
.marketbar-news-list { flex: 1; padding: 0 20px; }
.marketbar-news-list li { display: flex; margin-top: 16px; align-items: center; }
.marketbar-news-list li:first-child { margin-top: 8px; }
.marketbar-news-list i { flex: none; width: 4px; height: 4px; border-radius: 50%; background: #4267B5; }
.marketbar-news-list a { flex: 1; min-width: 0; margin-left: 10px; font-size: 14px; line-height: 20px; color: #333; }
.marketbar-news-list a:hover { color: #4267B5; }
.marketbar-news-list span { flex: none; margin-left: 16px; font-size: 12px; line-height: 20px; color: #999; }