pay-customer/dist/dev/mp-weixin/INDEX/archive_houses/index.wxss

page {
  background-color: #f8f8f8;
}
.archive_header_card {
  background-color: #4892ff;
  border-radius: 15rpx;
  padding: 0 30rpx;
  margin: 30rpx;
  color: #fff;
}
.archive_header_card .archive_card_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 0 15rpx 0;
}
.archive_header_card .archive_card_header text {
  background: rgba(255, 255, 255, 0.2);
  padding: 8rpx 18rpx;
  font-size: 22rpx;
  border-radius: 100rpx;
}
.archive_header_card .archive_card_role {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  font-weight: 400;
  padding-bottom: 35rpx;
}
.archive_header_card .archive_card_role .item {
  padding-right: 20rpx;
  height: 25rpx;
  line-height: 25rpx;
}
.archive_header_card .archive_card_role .item:last-child {
  border-left: 1rpx solid #fff;
  padding-left: 20rpx;
}
.archive_houses_content {
  padding-bottom: 160rpx;
}
.archive_container {
  padding: 30rpx 30rpx 0 30rpx;
}
.archive_container .archive_header_number {
  font-size: 30rpx;
  display: flex;
  align-items: center;
}
.archive_container .archive_header_number .border_left {
  width: 5px;
  height: 35rpx;
  background-color: #4c8bf5;
  border-radius: 50rpx;
}
.archive_container .archive_header_number .title {
  padding-left: 10rpx;
}
.archive_container .archive_items {
  background-color: #fff;
  margin: 30rpx 0;
  padding: 0 30rpx;
  border-radius: 20rpx;
}
.archive_container .archive_items .archive_items_heander {
  display: flex;
  align-items: center;
  padding: 30rpx 0;
}
.archive_container .archive_items .archive_items_heander .avatar {
  width: 80rpx;
  height: 80rpx;
  border-radius: 100rpx;
  overflow: hidden;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.archive_container .archive_items .archive_items_heander .user_info {
  flex: 1;
  padding: 0 20rpx;
}
.archive_container .archive_items .archive_items_heander .user_info .name {
  font-size: 28rpx;
  padding-bottom: 10rpx;
}
.archive_container .archive_items .archive_items_heander .user_info .tabs {
  font-size: 20rpx;
}
.archive_container .archive_items .archive_items_heander .remove {
  color: #2a7efb;
  font-size: 28rpx;
}