/*图片高光*/



 .baseimglight {

   position: relative;

   overflow: hidden;

 }



 .baseimglight::after {

   content: "";

   position: absolute;

   left: -100%;

   top: 0;

   width: 100%;

   height: 100%;

   -webkit-transition: 0.5s;

   transition: 0.5s;

   background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));

   -webkit-transform: skewx(-25deg);

   transform: skewx(-25deg);

 }



 .baseimglight:hover::after {

   left: 100%;

 }



 /*图片放大*/



 .hoverflow img {

   -webkit-transition: 0.5s;

   transition: 0.5s;

 }



 .hoverflow:hover {

   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

   box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

 }



 .hoverflow:hover img {

   -webkit-transform: scale(1.1);

   transform: scale(1.1);

 }



 /*动态边框*/



 .animateBorder {

   position: relative;

 }



 .animateBorder .bdLeft,

 .animateBorder .bdBottom,

 .animateBorder .bdRight,

 .animateBorder .bdTop {

   position: absolute;

   background: #a9894c;

 }



 .animateBorder .bdLeft {

   width: 3px;

   height: 0px;

   left: -2px;

   bottom: 0;

 }



 .animateBorder .bdBottom {

   width: 0px;

   height: 3px;

   left: 0;

   bottom: 0px;

 }



 .animateBorder .bdTop {

   width: 0px;

   height: 3px;

   right: 0;

   top: 0px;

 }



 .animateBorder .bdRight {

   width: 3px;

   height: 0px;

   right: -2px;

   top: 0;

 }