.page-detail-trend #chartLineBox {
  width: 80%;
  height: 70vh;
}
.page-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.page-info .info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.page-info .column-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
}
.page-info .column-item .column-icon {
  margin-right: 10px;
}
.page-info .column-item .column-img {
  width: 40px;
  height: 40px;
}
.page-info .column-item .number {
  font-size: 18px;
  font-weight: bold;
}
.page-info .column-item .name {
  margin-top: 7px;
  font-size: 12px;
}
.new-page-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.new-page-info .info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-page-info .info-column .info-column-label {
  color: #fff;
  line-height: 78px;
  padding: 0 30px;
  font-size: 18px;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: bold;
}
.new-page-info .info-column .blue {
  background-color: #3a76d4;
  border: 1px solid #3b68ab;
}
.new-page-info .info-column .red {
  background-color: #f38836;
  border: 1px solid #cea88e;
}
.new-page-info .info-column .info-column-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.new-page-info .info-column .info-column-value .el-icon-top {
  font-size: 14px;
  color: #f3847d;
  vertical-align: bottom;
}
.new-page-info .info-column .info-column-value .el-icon-bottom {
  font-size: 14px;
  color: #70bab0;
  vertical-align: bottom;
}
.new-page-info .info-column .info-column-value .el-icon-money {
  font-size: 14px;
  vertical-align: bottom;
}
.new-page-info .info-column .info-column-value .column-item {
  padding: 20px 40px;
}
.new-page-info .info-column .info-column-value .column-item .title {
  color: #a1a1a1;
  margin-bottom: 10px;
}
.new-page-info .info-column .info-column-value .column-item .number {
  font-size: 16px;
  font-weight: bold;
}
.new-page-info .info-column .value-blue {
  background-color: #f5f8fd;
  border: 1px solid #3b68ab;
  border-left: none;
}
.new-page-info .info-column .value-red {
  background-color: #fef9f5;
  border: 1px solid #cea88e;
  border-left: none;
}