/* components/hot/hot.wxss */
@import "../../app.wxss";

.hotBox {
  width: 710rpx;
  margin: 0 auto;
}

.hotTitle {
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 30rpx;
  display: flex;
  justify-content: space-between;
  font-family: PingFangSC-Medium;
}

.titleL .titleR {
  width: 100rpx;
}

.titleR .text {
  float: left;
  margin-right: 10rpx;
  font-family: PingFangSC-Regular !important;
}

.titleR .view {
  height: 40rpx;
  width: 40rpx;
  /* margin-top: 10rpx; */
  float: left;
}

.titleR .img {
  height: 28rpx;
  width: 28rpx;
}

.sql {
  width: 12rpx;
  height: 24rpx;
  border-radius: 8rpx;
  float: left;
  margin: 20rpx 10rpx 0 0;
}

.hotCon {
  width: 100%;
}

.kanjia,
.pintuan {
  width: 346rpx;
  height: 156rpx;
  float: left;
  border-radius: 12rpx;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.kanjia {
  margin-right: 18rpx;
  background: linear-gradient(130deg, rgba(50, 177, 252, 1) 0%, rgba(47, 108, 255, 1) 100%);
}

.pintuan {
  background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
}

.hotCon .img {
  width: 86rpx;
  height: 86rpx;
  margin: 24rpx 0 46rpx 16rpx;
}

.hotCon .btn {
  width: 80rpx;
  height: 44rpx;
  line-height: 44rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 18rpx;
  font-size: 24rpx;
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  text-align: center;
}

.btnk {
  color: #2C8DFF;
}

.btnp {
  color: #FD782D;
}

.btnNone {
  width: 80rpx;
  height: 44rpx;
  line-height: 44rpx;
  border-radius: 18rpx;
  font-size: 24rpx;
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  text-align: center;
  background: rgba(255, 255, 255, 0.5)
}

.kjText,
.ptText {
  color: #FFFFFF;
  margin: 14rpx 10rpx 20rpx 10rpx;
}

.title {
  width: 210rpx;
  font-size: 30rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.price {
  width: 128rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22rpx;
  text-decoration: line-through;
  float: left;
}

.expect {
  width: 210rpx;
  font-size: 22rpx;
  float: left;
}

.sale {
  width: 140rpx;
  font-size: 32rpx;
  float: left;
  margin-top: -8rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sale .simple {
  font-size: 20rpx !important;
}