.viewport {
	height: 100vh; 
	width: 100%; 
	background-image: linear-gradient(to bottom, #4095e5 25%, #ffffff 25%);
}
.viewportCenter {
		height: 100vh; 
		width: 90%;
		margin: 15% auto;
		background-image: linear-gradient(to bottom, #f5f5f5 30%, #fff 30%);
		border-radius: 15px;
}
.image {
		width: 100px;
		height: 100px;
		margin-top: 15px;
		margin-left: 15px;
}
.merchantState {
		float: right;
		margin-top: 50px;
		margin-right: 100px;
		font-weight: 700;
		font-size: 35rpx;
}
.userPhone,.sequence {
		font-size: 30rpx;
		padding-top: 15px;
		margin-left: 10px;
}
.goods {
	  margin: 20rpx;
	  padding: 0 20rpx;
	  border-radius: 10rpx;
	  background-color: #fff;
	  border: 1px solid #9f9f9f;
}
.item {
	    display: flex;
	    padding: 30rpx 0;
	    border-top: 1rpx solid #eee;
}
&:first-child {
	      border-top: none;
}
.picture {
	      width: 250rpx;
	      height: 170rpx;
	      border-radius: 15rpx;
	      margin-right: 20rpx;
}
.meta {
	      flex: 1;
	      display: flex;
	      flex-direction: column;
	      justify-content: center;
	      position: relative;
}
.name {
	      height: 20px;
	      font-size: 30rpx;
		  font-weight: 700;
	      color: #444;
}
.attrs {
	      line-height: 1.8;
	      padding: 0 15rpx;
	      margin-top: 6rpx;
	      font-size: 24rpx;
	      align-self: flex-start;
	      border-radius: 4rpx;
	      color: #888;
	      background-color: #f7f7f8;
}
.money {
			font-size: 30rpx;
			font-weight: 700;
			margin-left: 20px;
}