.page-index-hot-item {
  float: left;
  width: 204px;
  background-color: #fff;
  border-radius: 10px;
  margin: 22px 11.6px;
  transition: all .15s cubic-bezier(0, 0, .2, 1);
  overflow: hidden;
  box-shadow: 0 0 12px rgba(119, 119, 119, .1);
}

.page-index-hot-item:hover {
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(119, 119, 119, .2);
}

.page-index-hot-item > a {
  display: block;
}

.page-index-hot-item > a > img {
  width: 100%;
}

.page-index-hot-item-inner {
  padding: 7px 21px;
}

.page-index-hot-item-inner > h3 {
  color: #000;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}

.page-index-hot-item-inner > div > * {
  vertical-align: middle;
}

.page-index-hot-item-inner > div > span {
  width: 45%;
  text-align: right;
  float: right;
  color: #bebebe;
  margin-left: 5%;
  font-size: 13px;
  line-height: 27px;
}

.page-index-hot-item-price {
  width: 50%;
  float: left;
  color: #ea421d;
  font-size: 18px;
  font-weight: bold;
}