.trade-frame {
  background-color: white;
  --pd: 0.77rem;
  transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  position: relative;
}

.trade-frame:hover {
  box-shadow: 0 0.58rem 1.15rem rgba(0, 0, 0, 0.1);
  transform: translate3d(0, -0.08rem, 0);
  -webkit-transform: translate3d(0, -0.08rem, 0);
  -o-transform: translate3d(0, -0.08rem, 0);
  -moz-transform: translate3d(0, -0.08rem, 0);
}

.trade-brand {
  background: linear-gradient(270deg, rgba(197, 217, 13, 1) 0%, rgba(197, 217, 13, 1) 0%, rgba(128, 210, 20, 1) 100%, rgba(128, 210, 20, 1) 100%);
  text-shadow: 1px 1px 2px rgba(125, 173, 14, 0.8);
  position: absolute;
  color: white;
  padding: 0.1rem 0.4rem;
  border-radius: 0.1rem;
}

.trade-frame-img {
  padding: var(--pd) var(--pd) 0.4rem;
}

.trade-frame-img img {
  height: 7.7rem;
  width: 100%;
}

.trade-frame-title {
  padding: 0 var(--pd);
  margin-bottom: 0.2rem;
  height: 2rem;
  line-height: 1rem;
}

.trade-frame .h-center {
  padding: 0 var(--pd);
}

.position-img {
  height: 0.5rem;
  margin-right: 0.15rem;
  margin-bottom: 0.05rem;
}

.trade-frame-price {
  height: 1.54rem;
  color: var(--red);
  cursor: pointer;
  font-size: 0.55rem;
  margin-top: 0.2rem;
}

.trade-frame-price:hover {
  color: white;
  background-color: var(--red);
}

.trade-frame-price:hover .price {
  display: none;
}

.trade-frame-price:hover .price-on {
  display: block;
}

.price-on {
  display: none;
}

.right-recommend a:not(:last-child) {
  margin-bottom: var(--gap);
}