/* packageH/circleCommunity/circleExtend/circleExtend.wxss */

.top-bg {
  height: 6.6563rem;
  background-color: #ee2e2b;
  box-sizing: border-box;
  padding: 1.5625rem;
}

.top-bg .left {
  display: flex;
}

.top-bg .left .avatar {
  width: 2.875rem;
  height: 2.875rem;
  background-color: #cfcfcf;
  margin-right: 0.6875rem;
  border-radius: 50%;
}

.top-bg .left .avatar image {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
}

.top-bg .left .name {
  display: flex;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1rem;
  color: #fff;
}

.tabs {
  margin-top: 0.625rem;
  background: #fff;
}

.Reward-tabs {
  margin-top: 0.625rem;
}

.Reward-list .list:first-child {
  border-top: solid 1px #f2f2f2;
}

.Reward-list .list {
  padding: 0.9375rem;
  text-align: left;
  background: #fff;
  margin-bottom: 0.625rem;
}

.Reward-list .list .ordersn {
  font-size: 0.8125rem;
  margin-top: 0.3125rem;
}

.Reward-list .list .tip-title {
  font-size: 0.75rem;
  margin-top: 0.3125rem;
}

.Reward-list .list .Reward-people {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.3125rem;
}

.Reward-list .list .time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: #8c8c8c;
  margin-top: 0.3125rem;
}

.Reward {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  height: 3.75rem;
  background: #fff;
  box-sizing: border-box;
}

.Reward .left {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.Reward .left .cash {
  font-size: 1rem;
  color: #f15353;
}

.Reward .left .text {
  color: #8c8c8c;
  font-size: 0.875rem;
}

.Reward .right {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.Reward .right .cash {
  font-size: 1rem;
  color: #f15353;
}

.Reward .right .text {
  color: #8c8c8c;
  font-size: 0.875rem;
}

.commision {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  height: 3.75rem;
  background: #fff;
  box-sizing: border-box;
}

.commision .left {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.commision .left .cash {
  font-size: 1rem;
  color: #f15353;
}

.commision .left .text {
  color: #8c8c8c;
  font-size: 0.875rem;
}

.commision .right {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.commision .right .cash {
  font-size: 1rem;
  color: #f15353;
}

.commision .right .text {
  color: #8c8c8c;
  font-size: 0.875rem;
}

.video-record {
  margin-top: 0.625rem;
}

.video-record .record .title {
  padding-left: 1.3125rem;
  font-size: 0.75rem;
  color: #666;
  text-align: left;
  margin-bottom: 0.625rem;
}

.video-record .record .record-list {
  background: #fff;
}

.video-record .record .record-list .list {
  padding: 0.875rem;
  border-bottom: solid 1px #f2f2f2;
}

.video-record .record .record-list .list .list-order {
  display: flex;
  justify-content: space-between;
}

.video-record .record .record-list .list .list-order .ordersn {
  font-size: 0.8125rem;
}

.video-record .record .record-list .list .list-order .cash {
  color: #f15353;
  font-size: 1rem;
}

.video-record .record .record-list .list .list-amount {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
}

.video-record .record .record-list .list .list-amount .amount {
  color: #666;
  font-size: 0.75rem;
  display: flex;
}

.video-record .record .record-list .list .list-amount .wait {
  color: #8c8c8c;
  font-size: 0.75rem;
}

.total-money {
  margin-top: 0.625rem;
  height: 3.75rem;
  background: #fff;
  box-sizing: border-box;
  padding: 0 0.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.total-money .left {
  font-size: 0.9375rem;
  color: #333;
}

.total-money .right {
  font-size: 1rem;
  color: #f15353;
}

.pay-record {
  margin-top: 0.625rem;
  background-color: #fff;
}

.pay-record .list {
  padding: 0.875rem;
  border-bottom: solid 1px #f2f2f2;
}

.pay-record .list .top {
  display: flex;
  justify-content: space-between;
}

.pay-record .list .top .name {
  font-size: 0.8125rem;
}

.pay-record .list .top .money {
  color: #f15353;
  font-size: 1rem;
}

.pay-record .list .bottom {
  margin-top: 0.5625rem;
  display: flex;
  justify-content: space-between;
}

.pay-record .list .bottom .pay-name {
  font-size: 0.75rem;
  color: #747474;
}

.pay-record .list .bottom .time {
  font-size: 0.75rem;
  color: #8c8c8c;
}
