.ys_container #wrapper {
  background-color: #fff; }

.note-header {
  height: 0.5rem;
  border-bottom: 1px solid #e1e1e1; }

.note-header .note-tab {
  position: relative;
  height: 100%;
  text-align: center;
  line-height: 0.5rem;
  padding: 0 0.12rem; }

.note-header .note-tab .title {
  font-size: 0.2rem;
  font-weight: 300;
  color: #323232; }

.futures {
  width: 100%;
  background: #fff; }

.futures ul {
  width: 100%;
  padding: 0 .16rem; }

.futures ul li {
  width: 50%;
  padding: 0.13rem .16rem;
  font-size: 0.16rem;
  overflow: hidden; }

.futures ul li:nth-child(2n-1) {
  border-right: 1px solid #F3F6FB;
  border-bottom: 1px solid #F3F6FB;
  padding-left: 0; }

.futures ul li:nth-child(2n) {
  border-bottom: 1px solid #F3F6FB;
  padding-right: 0; }

.futures ul li span {
  height: 0.22rem;
  line-height: .22rem; }

.futures ul li span.cl-red {
  color: #D7000F; }

.futures ul li span.cl-gray {
  color: #121C32; }

.futures ul li span.cl-black {
  color: #121C32; }

.futures ul li span.cl-green {
  color: #1F995C; }

.futures ul li .wss-type-down {
  background: #1F995C; }

.futures ul li .wss-type-up {
  background: #D7000F; }

.futures ul li span.content-name {
  text-align: left; }

.futures ul li span.content-val {
  text-align: right; }
