@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.boxwarp.data-v-050352f7 {
  width: 750rpx;
}
.boxwarp .tabwarp.data-v-050352f7 {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 30rpx 0;
}
.boxwarp .tabwarp .tabli.data-v-050352f7 {
  font-size: 26rpx;
  color: #333;
  text-align: center;
}
.boxwarp .tabwarp .tabli .tab_bot.data-v-050352f7 {
  margin-top: 10rpx;
  width: 80rpx;
  height: 8rpx;
  background: #fff;
  border-radius: 4rpx;
  transition: all 0.3 ease;
}
.boxwarp .tabwarp .tabli_active .tab_bot.data-v-050352f7 {
  background: #008EFF;
}
.scrollbox.data-v-050352f7 {
  width: 750rpx;
  height: 900rpx;
}
.scrollbox .list_warp.data-v-050352f7 {
  width: 100%;
  height: 100%;
}
.scrollbox .list_warp .list_item.data-v-050352f7 {
  width: 630rpx;
  margin: 24rpx auto 0;
  border-radius: 10rpx;
  padding: 30rpx;
  background: #fff;
  box-shadow: 1rpx 1rpx 8rpx 2rpx rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24rpx;
}
.scrollbox .list_warp .list_item .headerimg.data-v-050352f7 {
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
  margin-right: 24rpx;
}
.scrollbox .list_warp .list_item .headerimg .staffname.data-v-050352f7 {
  font-size: 24rpx;
  color: #000;
}
