@charset "UTF-8";
.box[data-v-c1ca89dc] {
  background-color: #fff;
  padding: 1rem 0;
  min-height: 100%;
}
.box .top[data-v-c1ca89dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .top .img-box[data-v-c1ca89dc] {
  position: relative;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
}
.box .top .img-box > img[data-v-c1ca89dc] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  transform: translate(-50%, -50%);
}
.box .top .img-box[data-v-c1ca89dc] .van-image__img {
  border-radius: 0.5rem;
}
.box .top .farmer-name[data-v-c1ca89dc] {
  margin: 0.5625rem 0 0;
}
.box[data-v-c1ca89dc] .van-image__loading  {
  border-radius: 0.5rem;
}
.box .resoure-tip[data-v-c1ca89dc] {
  padding: 1rem;
  font-size: 0.875rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 600;
  color: #282828;
  text-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.1);
}
.box .bottom[data-v-c1ca89dc] {
  padding: 0 1rem;
}
.box .bottom .resoure[data-v-c1ca89dc] {
  background: url("https://qnui.xfarmer.com/xfarmer-ui/trace/剪影@2x.png"), linear-gradient(180deg, #ffffff 0%, #fdf0dc 100%);
  background-size: cover;
  border-radius: 0.375rem;
  opacity: 1;
  box-shadow: 0px 0px 0.625rem 0.0625rem rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.875rem;
  margin-bottom: 1rem;
}
.box .bottom .resoure .cooperation[data-v-c1ca89dc] {
  background: #46d1af;
  border-radius: 0.75rem 0px 0.75rem 0.75rem;
  font-size: 0.75rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  padding: 0.1875rem 0.875rem;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.75rem;
}
.box .bottom .resoure .r-detail[data-v-c1ca89dc] {
  display: flex;
  justify-content: space-between;
}
.box .bottom .resoure .r-detail .img-box[data-v-c1ca89dc] {
  width: 6.8125rem;
  height: 6.8125rem;
  overflow: hidden;
  flex-shrink: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 0.5rem;
}
.box .bottom .resoure .r-detail .r-title-detail[data-v-c1ca89dc] {
  margin-left: 0.6875rem;
}
.box .bottom .resoure .r-detail .r-title-detail .r-name[data-v-c1ca89dc] {
  font-size: 1rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.375rem;
}
.box .bottom .resoure .r-detail .r-title-detail .r-remark[data-v-c1ca89dc] {
  font-size: 0.875rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff5c64;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0.375rem;
  text-overflow: ellipsis;
}
.box .bottom .resoure .r-detail .r-title-detail .r-time[data-v-c1ca89dc] {
  width: 100%;
  display: flex;
  margin-bottom: 0.375rem;
  justify-content: space-between;
}
.box .bottom .resoure .r-detail .r-title-detail .r-time span[data-v-c1ca89dc] {
  font-size: 0.625rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.box .bottom .resoure .r-detail .r-title-detail .r-location[data-v-c1ca89dc] {
  margin-bottom: 0.375rem;
}
.box .bottom .resoure .r-detail .r-title-detail .r-location span[data-v-c1ca89dc] {
  font-size: 0.75rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.box .bottom .resoure .r-detail .r-title-detail .r-location .distance[data-v-c1ca89dc] {
  float: right;
}
.van-image[data-v-c1ca89dc] {
  flex-shrink: 0;
  border-radius: 0.3125rem;
}