/* packageH/newRetail/newRetailSalesExtension/newRetailSalesExtension.wxss */
#newRetail-extension .top-member-box {
  display: flex;
  padding: 52rpx 44rpx;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #f14e4e;
}

#newRetail-extension .top-member-box .member-acator {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0 0.625rem 0 0;
  background: #fff;
}

#newRetail-extension .top-member-box .member-info {
  flex: 1;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

#newRetail-extension .top-member-box .member-info .member-name {
  width: 100%;
  line-height: 60rpx;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;

  /* 超出部分隐藏 */
  text-overflow: ellipsis;

  /* 超出部分显示省略号 */
  white-space: nowrap;

  /* 规定段落中的文本不进行换行 */
}

#newRetail-extension .top-member-box .member-info .member-grade {
  display: flex;
  height: 40rpx;
  line-height: 40rpx;
  padding: 0 16rpx;
  border-radius: 32rpx;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
}

#newRetail-extension .grand-num {
  height: 64rpx;
  line-height: 64rpx;
  padding: 0 28rpx;
  background: #fff;
  text-align: left;
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #ebebeb;
}

#newRetail-extension .red-color {
  color: #f14e4e;
}

#newRetail-extension .statistics-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 28rpx;
  background: #fff;
}

#newRetail-extension .statistics-box .statistics-child {
  width: 320rpx;
  display: flex;
  flex-direction: column;
  padding-bottom: 28rpx;
  text-align: center;
}

#newRetail-extension .statistics-box .statistics-child .statistics-num {
  font-size: 20px;
  line-height: 32px;
}

#newRetail-extension .red {
  color: #f0201f;
}

#newRetail-extension .time {
  color: #8e8e8e;
}

#newRetail-extension .content {
  font-size: 15px;
  padding-bottom: 32rpx;
  background: #fff;
}

#newRetail-extension .content .li {
  padding: 28rpx 28rpx 0 28rpx;
  line-height: 32rpx;
  display: flex;
  flex-direction: column;
}

#newRetail-extension .content .li .p {
  display: flex;
  line-height: 48rpx;
}

#newRetail-extension .content .li .p .left {
  width: 50%;
  text-align: left;
}

#newRetail-extension .content .li .p span {
  display: inline-block;
}

#newRetail-extension .content .li .p .time {
  font-size: 10px;
}

#newRetail-extension .content .li .right {
  flex: 1;
  text-align: right;
}
