.borderSt{
  border:1px solid #E8E8E8;
  border-radius: 5px;
  width:990px;
  height:210px;
  margin:20px 0 30px 0;
}
.borderSt:hover,
.borderSt:focus {
  box-shadow: inset -700px 0 0 0 var(--left), inset 290px 0 0 0 var(--right);
}
.borderSt{
   --left: #FFF0F5;
   --right: #ffd7c4;
}
.borderSt {
  color: var(--color);
  transition: 0.65s;
}
.borderSt:hover, .borderSt:focus {
  border-color: var(--left);
  border-color: var(--right);
  border:1px solid  #F4A460;
}


.imgSt{
  border-radius:5px;
  margin:20px;
  float:left;
  height:170px;
  width: 250px; 
  background:url("https://www.gzyiqi.com/ditu.jpg");
  background-size:cover;
}
.titleSt{
  float:left;
  width:40%;
  height: 170px;
  margin:20px 0 0 20px;
}
.h3St{
  font-size: 20px;
  color:black;
  margin: 0;
  padding:0;
}
.pSt1{
  font-size: 15px;
  color:#4F4F4F;
  margin: 15px 0 10px 0;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 80px;
}
.biaoqian{
  float:left;
  min-width:30px;
  background-color: #E6E6FA;
  padding:5px 10px;
  margin: 10px 10px 0 0;
  border-radius: 5px;
}
.biaoqian:hover{
  background-color:#cecefd;
}
.buttonSt{
  float:left;
  height: 170px;
  width:240px;
  margin:20px;
  border-left:1px dashed #D3D3D3;
}
.buttonSta{
  float:left;
  margin:0px;
  padding:0px;
}
.buttonStb{
  float:left;
  margin:15px 0 0 0px;
  padding:0px;
}
.pSt2{
  float:left;
  font-size: 20px;
  color:red;
  width:185px;
  padding:10px;
  margin: 0 0 0 20px;  
  text-align: left;
}
.pSt3{
  float:left;
  width:185px;
  line-height: 50px;
  height: 50px;
  padding:10px;
  margin:0 30px;
  color:#076ce0;
  font-size: 25px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  text-decoration:none;
  background-color:#E6E6FA;
  display:inline-block;
}


.aSt1{  
  float:left;
  font-size: 16px;
  color:#fff;
  width:90px;
  padding:10px;
  margin:0px 5px 30px 30px;
  border-radius: 5px;
  text-align: center;
  text-decoration:none;
  background-color: #FF8247;
}
.aSt1:hover,
.aSt1:focus {
  box-shadow: inset 120px 0 0 0 var(--hover);
}
.aSt1{
   --hover: #076ce0;
}

.aSt1 {
  color: var(--color);
  transition: 0.4s;
}
.aSt1:hover, .aSt1:focus {
  border-color: var(--hover);

}



.aSt2{
    float:left; 
  font-size: 16px;
  color:#fff;
  width:65px;
  padding:10px;
  margin:0px 0px 30px 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration:none;
  background-color: #05a045;
}
.aSt2:hover,
.aSt2:focus {
  box-shadow: inset -100px 0 0 0 var(--hover);
}
.aSt2{
   --hover: #076ce0;
}

.aSt2 {
  color: var(--color);
  transition: 0.4s;
}
.aSt2:hover, .aSt2:focus {
  border-color: var(--hover);

}