.info-box {
  padding-top: 20rpx;
  color: #382c0a;
  background-color: #fff;
  background-image: linear-gradient(#ffc11e, #f5f5f5);
}

.member-header {
  display: flex;
  align-items: center;
  padding: 20rpx;
}

.member-img {
  flex: 0 0 4rem;
  margin-right: 16rpx;
}

.member-img image {
  width: 128rpx;
  height: 128rpx;
  border-radius: 50%;
}

.member-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nickname {
  font-size: 32rpx;
  color: #382c0a;
  line-height: 48rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-id {
  font-size: 24rpx;
  color: #625123;
  line-height: 48rpx;
}

.member-level {
  display: flex;
  align-items: center;
}

.member-level-name {
  display: flex;
  padding: 6rpx 14rpx;
  font-size: 24rpx;
  align-items: center;
  background-color: #a36705;
  border-radius: 30rpx;
  color: #fff;
}

.level-icon {
  width: 28rpx;
  height: 28rpx;
  margin-right: 6rpx;
}

.member-level-time {
  font-size: 24rpx;
  margin-left: 10rpx;
  color: #af820d;
}

.profit {
  width: 710rpx;
  background-color: #fff;
  border-radius: 20rpx;
  margin: 0 auto;
  padding: 32rpx;
  box-sizing: border-box;
}

.profit .title {
  display: flex;
  color: #3a3a3a;
  align-items: center;
  margin-bottom: 32rpx;
}

.profit .title .line {
  width: 5rpx;
  height: 30rpx;
  background-color: #ffc11e;
  margin-right: 16rpx;
}

.profit .content {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 25.6rpx;
  color: #5d5d5d;
  line-height: 48rpx;
  text-align: center;
}

.profit .content .amount {
  color: #cb5701;
  font-weight: 600;
  font-size: 26rpx;
}

.list {
  padding: 32rpx;
}

.list .operation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list .operation .sort {
  display: flex;
  align-items: center;
}

.list .operation .sort .arrow {
  width: 0;
  height: 0;
  border-left: 8rpx solid transparent;
  border-right: 8rpx solid transparent;
  margin-left: 8rpx;
}

.list .operation .sort .arrow-down {
  margin-top: 4rpx;
  border-top: 6px solid #ff5a5a;
}

.list .operation .sort .arrow-down1 {
  margin-top: 4rpx;
  border-top: 6px solid #818181;
}


.list .operation .sort .arrow-up {
  border-bottom: 6px solid #ff5a5a;
}

.list .operation .sort .arrow-up1 {
  border-bottom: 6px solid #818181;
}


.list .operation .date {
  background-color: #fff;
  display: flex;
  width: 200rpx;
  height: 56rpx;
  border: 2.2rpx solid #DCDFE6;
  align-items: center;
  border-radius: 8rpx;
  padding: 0 12.8rpx;

}

.list .operation .select {
  width: 140rpx;
  padding: 0 16rpx;
  position: relative;
}

.select-pick-status{
  position: absolute;
  width: 100%;
  top: 56rpx;
  z-index: 20;
  left: 0;
}

.pick-status-box{
  background-color: #fff;
  border: 3rpx solid #ccc;
  border-radius: 10rpx;
}

.pick-status-text{
  text-align: center;
  line-height: 48rpx;
}

.list .operation .select .select-text {
  flex: 1;
}

.list .operation .select .select-icon {
  transform: rotate(0deg);
  transition: all .3s;
}

.list .operation .select .select-icon1 {
  transform: rotate(-180deg);
  transition: all .3s;
}

.list .operation .text {
  flex: 1;
  font-size: 25.6rpx;
  margin: 0 12.8rpx;
  color: #1f1f1f;
  text-align: center;
  white-space: nowrap;
}

.list-item {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 10rpx;
  margin: 25.6rpx 0;
  padding: 19.2rpx;
  color: #fff;
}

.list-item-info {
  flex: 1;
}

.list-item-info .title {
  display: flex;
  line-height: 48rrpx;
  font-size: 22rpx;
  align-items: center;
}

.list-item-info .title .price {
  color: #ff5a5a;
  font-size: 14px;
  margin-right: 16rpx;
}

.list-item-info .title .status {
  width: 90rpx;
  background-color: #eaf4fc;
  border-radius: 4.1rpx;
  font-size: 22rpx;
  color: #3793f3;
  line-height: 32rpx;
  text-align: center;
}

.list-item-info .time {
  color: #6b6b6b;
  font-size: 24rpx;
  margin-top: 6rpx;
}

.list-item .btn {
  width: 111rpx;
  height: 47rpx;
  background-color: #ff5a5a;
  border-radius: 22rpx;
  line-height: 47rpx;
  text-align: center;
  margin-left: 25.6rpx;
}

.list-item .receive {
  background-color: #ff8814;
}

.detailed-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-wrap: wrap;
}

.close-overlay{
  width: 100%;
  margin-top: 60rpx;
  text-align: center;
}

.detailed {
  width: 510rpx;
  background-color: #fff;
  border-radius: 10rpx;
  color: #6d6d6d;
  font-size: 24rpx;
  padding: 0 26rpx 26rpx;
}

.detailed .title {
  height: 100rpx;
  line-height: 100rpx;
  border-bottom: #f2f2f2 1px solid;
  font-size: 32rpx;
  color: #161615;
  text-align: center;
}

.detailed .detailed-item {
  display: flex;
  line-height: 60rpx;
}

.detailed .label {
  flex: 1;
}

.detailed .content {
  font-size: 24rpx;
  font-weight: normal;
}

.detailed .price {
  color: #ff5a5a;
}

.detailed .status {
  color: #3793f3;
}