/* pages/list/list.wxss */
@import "../../template/template.wxss";
page{
  background: #f1f1f1;
}
.container {
  background: #f1f1f1;
  width: 100%;
  box-sizing: border-box;
  padding-top: 20rpx;
}
.nothing{
  height: 100vh;
  color: #999;
  line-height: 70vh;
}
.public {
  width: 100%;
  padding: 0 20rpx 20rpx;
  box-sizing: border-box;
}

.top {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}

.top view {
  float: left;
}

.img image {
  width: 250rpx;
  height: 250rpx;
  display: block;
}

.count {
  width: 60%;
  font-size: 30rpx;
  margin-left: 10rpx;
  line-height: 35rpx;
  margin-top: 20rpx;
}

.count view {
  width: 100%;
}

.title {
  height: 115rpx;
}

.bf {
  font-size: 40rpx;
}

.price :nth-child(1), .price text:nth-child(1) {
  float: left;
  color: red;
}

.prices {
  font-size: 28rpx;
}

.price :nth-child(2) {
  float: right;
}

.prices {
  margin-top: 30rpx;
  font-size: 32rpx;
}

.prices text {
  float: right;
}

.offer {
  font-size: 25rpx;
}

.top::after {
  clear: both;
  content: "";
  display: block;
}

.fontgray {
  color: #999;
}

.fontred {
  color: red;
}

.fontgreen {
  color: #1aad19;
}