// 
.details_box {
  // background: #fafafa;
}

// 页面头部样式开始
.details_box .details_box_head {
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: #fafafa;
}

// 返回图标
.details_box .head_div {
  margin: .23rem 0 0 .2rem;
}

.details_box .head_div_img {
  width: .6rem;
  height: .6rem;
}

// 标题
.details_box .head_title {
  // margin: .15rem -.6rem 0 0;
  margin: .15rem 3.5rem 0 0;
}

.details_box .head_title_text {
  font-size: 25px;
  font-weight: 500;
}

// 收藏
.head_collect {
  margin: .3rem .5rem 0 0;
}
.collect_img {
  width: .5rem;
  height: .5rem;
}

// 页面头部样式结束

// 昆虫病害名
.details_box .details_name {
  margin: .5rem 0 0 0;
}

.details_box .details_name_text {
  font-size: 22px;
}

// 后端传来的图片
.details_box .details_axios_div {
  margin: .5rem 0 0 0;
  width: 100%;
  height: 6.6rem;
}

.details_box .details_axios_img {
  width: 100%;
  height: 6.6rem;
}

// 没有图片
.details_box .el-image__error {
  font-size: 25px;
}

// 病虫害详情
.details_box .details_box {
  margin: .5rem 0 0 0;
}

// 详情标题
.details_box .details_tilte_box {
  border: 1px solid #60d0a0;
  margin: 0 0 .3rem 3.5rem;
  width: 3rem;
  height: .8rem;
  background: #60d0a0;
  border-radius: 15px;
}

.details_box .details_tilte {
  border: 1px solid #fff;
  height: .6rem;
  width: 2.8rem;
  margin: .07rem auto;
  border-radius: 15px;
}

.details_box .details_tilte_text {
  color: #fff;
  line-height: .6rem;
  font-size: 15px;
  font-weight: 800;
}

// 详情
.details_box .detail_text_box {
  width: 90%;
  // margin: 0 auto;
  margin: 0 0 1rem .5rem;
}

.details_box .detail_text {
  text-indent: 2em;
  text-align: left;
  font-size: 15px;
}

// 暂无数据
.cry_box {
  margin: 2.5rem 0 0 0;
}

.cry_img {
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
}

.cry_text {
  font-size: 20px;
  margin: 10% 0 0 0;
  color: #b9b9b9;
}

//地址
.address {
  display: flex;
  justify-content: center;
  font-size: 15px;
  margin: 0 0 .2rem 0;
  color: #b9b9b9;
}
.address_img {
  width: .5rem;
  height: .5rem;
}