/* 兑换商城的头部 */
.shophead {
  width: 666rpx;
  height: 232rpx;
  background: url('https://ndnd.duiduiedu.com/uploads/pics/shoptop.png') no-repeat;
  background-size: cover;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.headleft {
  width: 60%;
  height: 232rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.leftup image {

  width: 300rpx;
  height: 90rpx;
  margin: 0 50rpx;

}

.leftdown text {

  color: white;
  font-size: 30rpx;
}

.headright {
  width: 40%;
  height: 232rpx;
}

.headright {
  width: 50%;
  height: 232rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.headright image {

  width: 210rpx;
  height: 60rpx;
}

/* 兑换商城的头部 */

/* 商品列表 */

.goodslist {
  width: 666rpx;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.goodsitems {
  width: 210rpx;
  height: 310rpx;
  margin-left: 5rpx;
  margin-right: 5rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 24rpx;
}

.item1 {
  width: 210rpx;
  height: 213rpx;
  background: url('https://ndnd.duiduiedu.com/uploads/pics/shopbg.png') no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.item1 image {
  width: 192rpx;
  height: 187rpx;
}

.item2 {
  width: 192rpx;
  height: 32rpx;
}

.item2 h2 {
  width: 192rpx;
  height: 32rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 26rpx;
  font-weight: 400;
}

.item3 {

  width: 192rpx;
  height: 30rpx;
  margin-top: 5rpx;
  line-height: 30rpx;
  font-size: 22rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.item3 text {

  width: 192rpx;
  height: 25rpx;
  font-size: 22rpx;
  color: #b2b2b2;
}

.item4 {

  font-size: 24rpx;
}

.item4 text {

  color: #f8bbd2;
  font-size: 24rpx;
}

/* 商品列表 */