@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.searchbox {
  display: flex;
  justify-content: flex-end;
  margin: 24rpx;
}
.searchbox .searchtext {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rpx;
  color: #008EFF;
  padding: 8rpx 28rpx;
  background: #fff;
  border-radius: 5rpx;
  box-shadow: 2rpx 2rpx 50rpx rgba(0, 0, 0, 0.1);
}
.searchbox .searchtext .icon-shaixuan {
  color: #008EFF;
}
.tab_list {
  width: 750rpx;
  height: 80rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #fff;
}
.tab_list .tabli {
  font-size: 24rpx;
  color: #333;
  line-height: 75rpx;
  text-align: center;
  border-bottom: 4rpx solid #fff;
}
.tab_list .tabliactive {
  border-bottom: 4rpx solid #008EFF;
}
.querylist {
  margin: 24rpx 0;
  padding: 0 30rpx;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.querylist .queryfir {
  box-shadow: 2rpx 2rpx 50rpx rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 8rpx;
}
.querylist .form_right {
  width: 180rpx;
  height: 50rpx;
  font-size: 22rpx;
  color: #666;
  text-align: center;
  line-height: 48rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.querylist .form_right .bottomimg {
  width: 20rpx;
  height: 33rpx;
  margin-left: 15rpx;
}
.fllow_item {
  position: relative;
}
.fllow_item .unread {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  position: absolute;
  right: 5rpx;
  top: 5rpx;
  background: #F43F3B;
}
.fllow_item .item_data {
  margin: 30rpx 0;
}
.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;
}
.fllow_item .item_content {
  display: block;
  background-color: #fff;
  padding: 24rpx 24rpx;
  border-radius: 10rpx;
  margin-bottom: 30rpx;
}
.fllow_item .item_content .con_img {
  display: flex;
}
.fllow_item .item_content .con_img .main_first {
  margin-bottom: 25rpx;
  padding-left: 25rpx;
  flex: 1;
}
.fllow_item .item_content .con_img .main_first .main_time {
  line-height: 25px;
}
.fllow_item .item_content .con_img .main_first .main_title {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.fllow_item .item_content .con_img .main_first .main_title .first_left {
  display: flex;
}
.fllow_item .item_content .con_img .main_first .main_title .first_left :first-child {
  font-size: 32rpx;
  margin-right: 10rpx;
  margin-top: -3rpx;
}
.fllow_item .item_content .con_img .main_first .main_title .first_left :last-child {
  margin-top: 2rpx;
}
.fllow_item .item_content .con_img .main_first .main_title .main_type {
  padding: 5rpx 20rpx;
  border-radius: 10rpx;
  color: #fff;
}
.fllow_item .item_content .con_img .main_first .main_title .daofang {
  background: #008EFF;
}
.fllow_item .item_content .con_img .main_first .main_title .genjin {
  background: #ff7800;
}
.fllow_item .item_content .con_img .main_first .main_title .other {
  background: #1CBBB4;
}
.fllow_item .item_content .con_img image {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
}
.fllow_item .item_content .con_main .main_second {
  padding-bottom: 20rpx;
}
.fllow_item .item_content .con_main .main_img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20rpx;
}
.fllow_item .item_content .con_main .main_img .imgbox {
  padding: 10rpx;
  border-radius: 5rpx;
  border: 1rpx solid #CCCCCC;
  width: 160rpx;
  height: 160rpx;
  margin-right: 14rpx;
  margin-bottom: 14rpx;
}
.fllow_item .item_content .con_main .main_third {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0rpx 0 10rpx;
}
.fllow_item .item_content .con_main .main_third .third_left {
  display: flex;
  align-items: center;
}
.fllow_item .item_content .con_main .main_third .third_left .icon-clock {
  font-size: 32rpx;
}
.fllow_item .item_content .con_main .main_third .third_left .lxs_time {
  margin-left: 5px;
  font-size: 26rpx;
}
.fllow_item .item_content .con_main .main_third .third_right {
  display: flex;
}
.fllow_item .item_content .con_main .main_third .third_right .right_num {
  display: flex;
}
.fllow_item .item_content .con_main .main_third .third_right .right_num :last-child {
  margin-right: 20rpx;
}
.fllow_item .item_content .con_main .main_third .third_right .icon-arrows_right {
  margin-top: -4rpx;
}
.fllow_item .item_content .con_main .main_fourth {
  padding-bottom: 10rpx;
}
.fontColor {
  color: #999;
}
.customer {
  margin-top: 15rpx;
}
