/* packageI/cps/conponent/cpslist.wxss */
.cpslist {
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cpslist .right {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 260.16rpx;
  overflow: hidden;
}

.cpslist .right .discounts div:nth-child(n+1) {
  margin-right: 9.92rpx;
}

.cpslist .right .discounts {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 7.04rpx;
}

.cpslist .right .discounts .earnings {
  display: flex;
  font-size: 20.16rpx;
  color: #39342e;
  align-items: center;
  padding: 9.92rpx;
  background-color: #fee3b7;
  border-radius: 20.16rpx;
  margin-left: 4px;
}

.cpslist .right .discounts .couponBox {
  display: flex;
  align-items: center;
  padding: 4rpx 8rpx;
  background: #e64a40;
  border-radius: 20.16rpx;
  font-size: 20.16rpx;
  color: #fff5dc;
}

.cpslist .right .discounts .couponBox image {
  width: 32rpx;
  height: 32rpx;
  margin-right: 9.92rpx;
}

.cpslist .right .top_rol_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.cpslist .right .top_rol_price .originalPrice {
  text-decoration: line-through;
  font-size: 20.16rpx;
  color: #777;
  margin-left: 24.96rpx;
}

.cpslist .right .top_rol_price .currentPrice {
  color: #e64a40;
  font-size: 48rpx;
}

.cpslist .right .top_rol_price .currentPrice .sym {
  font-size: 20.16rpx;
  color: #e64a40;
}

.cpslist .right .top_rol_title {
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cpslist .right .top_rol_title .top_rol_platform {
  margin-right: 20.16rpx;
  background: #bb3e26;
  padding: 0 4px;
  height: 38.4rpx;
  color: #fff;
  text-align: center;
  line-height: 38.4rpx;
  border-radius: 11.2rpx;
  font-size: 24rpx;
  display: inline-grid;
}

.cpslist .right .top_rol {
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 19.2rpx;
}

.cpslist .right .top_rol .top_rol_name {
  width: 60%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20.16rpx;
  color: #777;
}

.cpslist .right .top_rol .top_rol_sale {
  width: 40%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20.16rpx;
  color: #777;
  text-align: right;
}

.cpslist .right .top_rol span {
  white-space: nowrap;
}

.cpslist .left {
  width: 260.16rpx;
  height: 260.16rpx;
  border-radius: 9.6rpx;
  background: #efefef;
  margin-right: 18.88rpx;
}

.cpslist .left image {
  width: 260.16rpx;
  height: 260.16rpx;
  border-radius: 9.6rpx;
}
