.wrapper {
  width: 1200px;
  margin: 0 auto;
}

header {
  height: 125px;
}

/* 表格样式 */
.table {
  min-height: 280px;
}
.w1200 {
    width: 1200px;
}
.co-blue,
a.co-blue {
    font-size: 12px;
    color: #666;
}

.table .t-head table,
.table .t-body table,
.table .t-foot table {
  width: 100%;
  border: 1px solid #ff0000;
  border-collapse: collapse;
  background-color: #000;
}

.table .t-head tr th {
  height: 28px;
  border-right: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  color: #ffffcc;
}

.table .t-body tr td {
  height: 24px;
  border-right: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  text-align: center;
  color: #ffff37;
}

.table .t-body tr td:nth-of-type(4),
.table .t-body tr td:nth-of-type(5),
.table .t-body tr td:nth-of-type(6),
.table .t-body tr td:nth-of-type(7),
.table .t-body tr td:nth-of-type(10),
.table .t-body tr td:nth-of-type(11) {
  color: #fff;
}

.table .t-body tr td.dec {
  color: #07ed07;
}

.table .t-body tr td.inc {
  color: #ff0000;
}

.table .t-foot tr td {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  padding: 0 20px;
  border-bottom: 1px solid #ff0000;
  color: #ffffcc;
}

.turnover span,
.amount span {
  padding: 20px;
  color: #ff0000;
}

/* 底部样式 */
footer {
  height: 250px;
  padding: 20px 0;
}

footer .wrapper {
  height: 100%;
  display: flex;
}

footer .wrapper ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

footer .wrapper ul li,
footer .wrapper ul li a {
  font-size: 12px;
  color: #020202;
}

footer .wrapper .l {
  flex: 5;
}

footer .wrapper .r {
  flex: 3;
}
.fl {
    float: left
}

.fr {
    float: right
}
.bc {
    margin: 0 auto;
    /* background:#fff; */
}