.spcard {
  border: 1px solid #666;
  border-radius: 10px;
  box-shadow: 3px 3px 4px #ccc;
  overflow: hidden;
  margin: 0 5px;
}
.spcard img {
  max-width: 100% !important;
  width: 100%;
  border-radius: 10px;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  height: auto;
}
.spcard table{border:0 !important;width: 100% !important;}
.spcard .spimg>p{font: 400 0/0 Arial;margin: 0 !important;}
.spcard .spimg br{display: none;}
.spcard .spdoc {
  margin: 10px;
}
.docrow{clear:both;border-bottom:1px solid #ddd;}
.docrow:last-child{border-bottom:0;}
.spcard .spname {
  float: left;
  width: 110px;
  text-align:right;
  white-space:nowrap;
}
.spcard .spvalue {
  /* height: 1.6rem; */
  margin-left: 110px;
}
.bhqcorner, .fbhqcorner, .zlycorner {
  position: relative;
}
.bhqcorner::before,.fbhqcorner::before,.zlycorner::before {
  position: absolute;
  top: 1rem;
  left: -0.5rem;
  z-index: 1;
  padding-right: 0.625rem;
  font-weight: bold;
  line-height: 0px;
  color: #fff;
  height: 0px;
  opacity: 0.8;
  border: 0.9375rem solid #07c160;
  border-right-color: transparent;
  content: "保护地";
  box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
}
.fbhqcorner::before {
  border-color:#265aca;
  border-right-color: transparent;
  content: "乡域";
}
.zlycorner::before {
  border-color:#ee7600;
  border-right-color: transparent;
  content: "专类园";
}

#endText ol.hotsotops li{background:#f6f6f6;margin:10px 0;list-style:none;display:block;padding-left:40px;vertical-align:middle;clear: both;color:#666;font-size:12px;text-align:left;box-sizing: border-box;}
#endText ol.hotsotops li:before{content:"";list-style-type:decimal;list-style-position:outside;;display:list-item;color:#f00;float:left;line-height:120px;font-size:20px;}
#endText ol.hotsotops li img{display:inline-block;width:120px;height:120px !important;overflow:hidden;object-fit:cover;padding:0 10px;vertical-align:middle;margin: 0 !important;!i;!;}
#endText ol.hotsotops li a{display:inline-block;width:150px;font-size:18px;}
#endText ol.hotsotops li em{display:inline-block;width:150px;font-style:normal;color:#f00;padding:0 10px;}
@media only screen and (max-width:800px) {
.spcard{margin:0}
#endText ol.hotsotops li{font-size:18px;line-height:2em;height: 120px;position:relative;padding:0;}
#endText ol.hotsotops li:before{position:absolute;top:0;left:0;width:120px;text-align:center;z-index:2;opacity:0.8;font-size:40px;text-shadow:1px 1px 3px #000;list-style-position:inside;}
#endText ol.hotsotops li img{float: left;padding-left:0}
#endText ol.hotsotops li a{display:inline;float:left;width:auto}
#endText ol.hotsotops li a:nth-of-type(2){float:left;width: calc(100vw - 145px);font-weight: 600;}
#endText ol.hotsotops li em{padding:0;}
}