.viewport {
	height: 100vh; 
	width: 100%; 
	background-image: linear-gradient(to bottom, #4095e5 25%, #ffffff 25%);
}
.viewportCenter {
		height: 100vh;
		width: 90%; 
		margin: 35% auto;
		background-image: linear-gradient(to bottom, #f5f5f5 25%, #fff 25%);
		border-radius: 15px;
}
.message {
		width: 90%;
		height: 10%;
		margin: 0 auto;
		padding-top: 15px;
		padding-bottom: 15px;
}
.name1,.phone1 {
		font-size: 35rpx;
		display: block;
		margin: 10px;
		font-weight: 700;
}
.address {
		width: 90%;
		height: 150rpx;
		background-color: #fff;
		margin: 0 auto;
		border-radius: 10px;
}
.addressNow {
		font-size: 40rpx;
		font-weight: 700;
		line-height: 80px;
		padding-left: 20px;
}
.changeAddress {
		width: 40px;
		height: 30px;
		float: right;
		margin-top: 25px;
		margin-right: 20px;
		line-height: 32px;
		padding-left: 5px;
		border-radius: 10px;
		border: 1px solid #7a7a7a;
}
.car {
		width: 100%;
		height: 100vh;
		margin-top: 20px;
}
.goods {
	  margin: 20rpx;
	  padding: 0 20rpx;
	  border-radius: 10rpx;
	  background-color: #fff;
}
.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;
}
.related {
	  margin: 20rpx;
	  padding: 0 20rpx;
	  border-radius: 10rpx;
	  background-color: #fff;
}
.item {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    min-height: 80rpx;
	    font-size: 26rpx;
	    color: #333;
}
.input {
	    flex: 1;
	    text-align: right;
	    margin: 20rpx 0;
	    padding-right: 20rpx;
	    font-size: 26rpx;
	    color: #999;
}
.item .text {
	    width: 125rpx;
}
.picker {
	    color: #666;
}
.picker::after {
	    content: '\e6c2';
}
.settlement {
	  margin: 20rpx;
	  padding: 0 20rpx;
	  border-radius: 10rpx;
	  background-color: #fff;
}
.item {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    height: 80rpx;
	    font-size: 26rpx;
	    color: #333;
}
.danger {
	    color: #000;
}
.toolbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(var(--window-bottom));
  z-index: 1;
  background-image: linear-gradient(to right, #525252 70%, #4095e5 70%);
  height: 20px;
  padding: 0 20rpx;
  border-top: 1rpx solid #eaeaea;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: content-box;
  margin: 0 auto;
  width: 90%;
  border-radius: 50rpx;
  margin-bottom: 10px;
}
.total-pay {
    font-size: 40rpx;
    color: #fff;
	margin-top:30px;
}
.decimal {
      font-size: 75%;
}
.button {
    width: 200rpx;
    text-align: center;
    margin-top: 30px;
    font-size: 30rpx;
    color: #fff;
	font-weight: 700;
}
.box {
	padding-top: 5px;
	padding-bottom: 5px;
}
.left,.right {
	font-size: 30rpx;
}
.right {
	float: right;
	padding-right: 5px;
	font-weight: 700;
}
.left {
	padding-left: 5px;
}