.pic-front_long, .pic-back_long {
  position: absolute;
  width: 198px;
  height: 149px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 5px;
  transition: 0.9s;
  backface-visibility: hidden;
  overflow: hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100%;

}
.pic-front_long:before, .pic-front_long:after, .pic-back_long:before, .pic-back_long:after {
  position: absolute;
}


.pic-front_long {
  width: 198px;
  height: 149px;
}
.pic-back_long {
  
  transform: rotatey(180deg);
}

.mgood_item_area_list:hover .pic-front_long {
  transform: rotatey(-180deg);
}
.mgood_item_area_list:hover .pic-back_long {
  transform: rotatey(0deg);
}