.mas-social-collapse-wrapper {
  display: flex;
  flex-direction: column;
  margin: 24rpx;
  width: 702rpx;
  padding: 24rpx;
  background-color: #fff;
  height: 260rpx;
  overflow: hidden;
  border-radius: 16rpx;
  box-sizing: border-box;
}
.mas-social-collapse-wrapper.collapse-active {
  overflow: auto;
  height: auto;
}
.mas-social-collapse-wrapper .mas_border_1px_before {
  position: relative;
}
.mas-social-collapse-wrapper .mas_border_1px_before::before {
  content: '';
  width: 100%;
  border-bottom: 1px solid #eee;
  transform: scaleY(0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.mas-social-collapse {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mas-social-collapse-title {
  font-size: 30rpx;
  color: #4A4A4A;
  font-weight: bold;
  padding-bottom: 32rpx;
}
.mas-social-collapse-content {
  display: flex;
  width: 100%;
}
.mas-social-collapse-content-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 33%;
  min-height: 94rpx;
  position: relative;
}
.mas-social-collapse-content-item::after {
  content: ' ';
  position: absolute;
  height: 75rpx;
  width: 2px;
  background: #eee;
  right: 0;
  top: 50%;
  transform: scaleX(0.5) translateY(-50%);
}
.mas-social-collapse-content-item:last-child::after {
  display: none;
}
.mas-social-collapse-content-item .item-desc {
  font-size: 28rpx;
  color: #999;
  margin-bottom: 24rpx;
  text-align: center;
}
.mas-social-collapse-content-item .item-value {
  font-size: 32prx;
  color: #333;
}
.mas-social-collapse .icon {
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  display: flex;
  height: 12px;
}
.mas-social-collapse .icon .image {
  width: 21rpx;
  height: 12rpx;
}
.mas-social-collapse .icon .image.down {
  transform: rotate3d(0);
}
.mas-social-collapse .icon .image.up {
  transform: rotate3d(1, 0, 0, 180deg);
}
.mas-social-collapse .list-wrapper {
  overflow: hidden;
  margin-top: 32rpx;
  padding: 32rpx 0 20rpx;
  opacity: 0;
}
.mas-social-collapse .list-wrapper.list-active {
  opacity: 1;
  transition: all 0.5s;
}
.mas-social-collapse .list-wrapper .list-item {
  display: flex;
  justify-content: space-between;
  font-size: 26rpx;
  line-height: 37rpx;
  color: #999;
  padding-bottom: 16rpx;
}
.mas-social-collapse .list-wrapper .list-item-key {
  width: 200rpx;
}
.mas-social-collapse .list-wrapper .list-item-value {
  flex: 1;
  text-align: right;
}
.mas-social-collapse .list-wrapper .list-item-big {
  font-size: 30rpx;
  line-height: 42rpx;
}
.mas-social-collapse .list-wrapper .list-item-split {
  margin-top: 16rpx;
}
