.commodityBox{
    background-color: #fff;
    width: 96%;
    border-radius: 12rpx;
    overflow: hidden;
    margin: 10rpx auto;
}
.commodityImgBox{
    width: 160rpx;
    height: 160rpx;
    overflow: hidden;
    float: left;
    margin: 20rpx;
    border-radius: 8rpx;
}
.commodityImg{
    width: 100%;
    height: 100%;
}

.contentBox{
    width: 500rpx;
    float: left;
    height: 100rpx;

    margin-top: 20rpx;
}
.topBox{
    overflow: hidden;
}

.title{
    height: 90rpx;
    font-size: 32rpx;
    width: 400rpx;
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.unit{
    float: right;
    font-size: 30rpx;
}
.subhead{
    margin-top: 4rpx;
    color: #a6a6a6;
    font-size: 24rpx;
}
.app-border-topX{
    width: 100%;
    height: 140rpx;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
}
.actually{
    margin-left: 10%;
    font-size: 28rpx;
    color: #a6a6a6;
    line-height: 140rpx;
    float: left;
}
.payZ{
    margin-left: 6rpx;
    font-size: 24rpx;
    color: #d5af67;
    line-height: 144rpx;
    float: left;
}
.price{
    font-size: 30rpx;
    color: #d5af67;
    line-height: 140rpx;
    float: left;  
}
.buyX{
  float: right;
  background: linear-gradient(270deg, #DDAB5A, #B8832D);

  /* width: 80rpx; */
  color: #fff;
  font-size: 30rpx;

  border-radius: 60rpx;
  margin: 30rpx 40rpx;
  padding: 20rpx 40rpx;
}
.go{
    height: 120rpx;
    width: 96%;
    border-radius: 6px;
    overflow: hidden;
    margin: 5px auto;
    background-color: #fff;
}
.goTitle{
    float: left;
    line-height: 120rpx;
    font-size: 30rpx;
    /* color: #a6a6a6; */
    margin-left: 20rpx;
}
.goImg{
    float: right;
    width: 20rpx;
    height: 40rpx;
    margin: 40rpx 20rpx;
}