@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.fllow_file_li {
  padding: 24rpx 34rpx;
  background: #fff;
}
.fllow_file_li .fil_li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 14rpx;
  padding-top: 15rpx;
}
.fllow_file_li .fil_li .fileimg {
  width: 20rpx;
  height: 20rpx;
  margin-right: 25rpx;
}
.fllow_file_li .fil_li .filename {
  width: 450rpx;
  font-size: 24rpx;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fllow_file_li .fil_li .closeimg {
  width: 32rpx;
  height: 32rpx;
}
.comment {
  margin-top: 20rpx;
  height: 90rpx;
  background: #fff;
  border-top: 1rpx solid #ededed;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comment image {
  width: 40rpx;
  height: 36rpx;
  float: left;
}
.customer_dynamic {
  margin: 20rpx 0rpx;
}
.customer_dynamic .fllow_item .item_data::before {
  content: "";
  display: inline-block;
  margin: 0 15rpx 0 24rpx;
  width: 20rpx;
  height: 20rpx;
  border-radius: 10rpx;
  border: 2rpx solid #008EFF;
}
.customer_dynamic .fllow_item .item_content {
  display: block;
  background-color: #fff;
  padding: 24rpx 24rpx 10rpx;
  border-radius: 10rpx;
  margin-bottom: 30rpx;
}
.customer_dynamic .fllow_item .item_content .con_img {
  display: flex;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first {
  margin-bottom: 25rpx;
  padding-left: 25rpx;
  flex: 1;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_time {
  line-height: 25px;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left {
  width: 100%;
  margin-top: 25rpx;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left .f_l_yop {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left :first-child {
  font-size: 32rpx;
  margin-right: 10rpx;
  margin-top: -3rpx;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left :last-child {
  margin-top: 2rpx;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .main_type {
  margin-left: 20rpx;
  margin: 20rpx;
  width: 85rpx;
  height: 36rpx;
  background: rgba(0, 142, 255, 0.1);
  border-radius: 10rpx;
  color: #008EFF;
  text-align: center;
  line-height: 36rpx;
}
.customer_dynamic .fllow_item .item_content .con_img image {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
}
.customer_dynamic .fllow_item .item_content .con_main {
  flex: 1;
  margin-left: 30rpx;
  font-size: 30rpx;
  color: #666666;
}
.customer_dynamic .fllow_item .item_content .con_main .main_second {
  padding-bottom: 20rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_img .imgbox {
  padding: 10rpx;
  border-radius: 10rpx;
  width: 160rpx;
  height: 160rpx;
  margin-right: 14rpx;
  margin-bottom: 14rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20rpx 0 10rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_left .icon-setup {
  margin-top: -4rpx;
  margin-right: 10rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right {
  display: flex;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .right_num {
  display: flex;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .right_num .icon-shaixuan {
  margin-top: -4rpx;
  margin-right: 10rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .right_num :last-child {
  margin-right: 20rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .icon-arrows_right {
  margin-top: -4rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_fourth {
  padding-bottom: 10rpx;
}
.customer_dynamic .fontColor {
  color: #999;
}
