.container { background: #ececec; width: 100%; box-sizing: border-box; } .nothing{ height: 100vh; color: #999; line-height: 70vh; } .seller{ width: 100%; background: #fff; display: flex; justify-content: space-between; font-size: 30rpx; padding:15rpx 30rpx; box-sizing: border-box; margin: 15rpx 0; } .seller image{ width: 40rpx; height: 40rpx; } .footimg{ display: flex; align-items: center; } .top { width: 100%; background: #fff; height: 135rpx; padding: 20rpx; box-sizing: border-box; display: flex; justify-content: space-between; } .top view{ float: left; } .save { float: right; display: flex; flex-direction: column; align-items: flex-end; font-size: 40rpx; } .save :nth-child(2) { font-size: 28rpx; } .img image { width: 100rpx; height: 100rpx; border: 1rpx solid #999; } .price { display: flex; align-items: flex-start; flex-direction: column; width: 64%; font-size: 25rpx; margin-left: 10rpx; } .bottomtwo{ width: 100%; display: flex; justify-content:space-between; background: #fff; margin:5rpx 0; font-size: 28rpx; padding: 15rpx; box-sizing: border-box; } .bottomtwo :nth-child(2){ display: flex; margin-left: 20rpx; } .fontcolor{ color: #fb752c; } .fontcolor :nth-child(1){ margin-right: 20rpx; } .head{ width: 100%; display: flex; justify-content: space-between; padding: 10rpx; background: #fff; box-sizing: border-box; font-size: 28rpx; margin: 5rpx 0; } .footer{ width: 100%; background: #fff; padding: 10rpx; box-sizing: border-box; margin-bottom: 10rpx; } .btn{ padding: 10rpx 30rpx; font-size: 28rpx; background: #fb752c; color: #fff; float: right; margin: 0 10rpx; }