	page {
		background-color: #F7F5F5;
	}

.app {
	padding:  0;
	.submits {
		width: 501rpx;
		height: 71rpx;
		background: #26A888;
		border-radius: 26rpx;
		text-align: center;
		line-height: 71rpx;
		color: #ffffff;
		font-size: 34rpx;
		margin-top: 5%;
		margin-left: 15%;
	}
	
	// 弹框确认收货
	.chat {
		.word {
			font-size: 26rpx;
			color: #010000;
			line-height: 36rpx;
			width: 70%;
			margin: 50rpx auto;
			text-align: center;
		}
	
		.image {
			position: relative;
	
			.blackground {
				width: 183rpx;
				height: 69rpx;
				background: #030303;
				opacity: 0.5;
				color: #ffffff;
				font-size: 36rpx;
				text-align: center;
				line-height: 69rpx;
				position: absolute;
				bottom: 0%;
				left: 50%;
				transform: translateX(-50%);
			}
	
			image {
				width: 182rpx;
				display: block;
				margin: 0 auto;
				height: 182rpx;
			}
		}
	
	}
	.payment {
		width: 100%;
		font-size: 42rpx;
		color: #000000;
		line-height: 120rpx;
		text-align: center;
	
		span {}
	
		image {
			width: 31rpx;
			height: 31rpx;
			position: absolute;
			right: 5%;
			top: 5%;
		}
	}
		.time{
			height: 80rpx;
			width: 95%;
			text-align: center;
			line-height: 80rpx;
			background-color: #fff;
			margin: 30rpx auto 0;
			border-radius: 20rpx;
		}
		.OrderStatus{
			text-align: center;
			width: 300rpx;
			height: 70rpx;
			margin: 30rpx auto 0;
			line-height: 70rpx;
			background-color:#26A888 ;
			border-radius: 50rpx;
			// color: #26A888;
			color: #FFFFFF;
			border:  1rpx solid #26A888;
		}
		.buy {
			background: #FFFFFF;
			position: fixed;
			bottom: 0;
			height: 100rpx;
			width: 100%;
			height: 125rpx;
			background: #FFFFFF;
			box-shadow: 0rpx -3rpx 13rpx 0rpx rgba(0,0,0,0.1);
			border-radius: 20rpx;
			.logistics{
				width: 216rpx;
				height: 68rpx;
				text-align: center;
				color: #ffffff;
				border-radius: 5rpx;
				font-size: 36rpx;
				line-height: 68rpx;
				position: absolute;
				right: 260rpx;
				top: 50%;
				background: #E1AE3C;
				transform: translateY(-50%);
				z-index: 999;
			}
			.pay {
				width: 216rpx;
				height: 68rpx;
				text-align: center;
				color: #ffffff;
				background:#26A888;
				border-radius: 5rpx;
				font-size: 36rpx;
				line-height: 68rpx;
				position: absolute;
				right: 20rpx;
				top: 50%;
				transform: translateY(-50%);
			}
		}

		.content {
			width: 95%;
			background: #FFFFFF;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			margin: 30rpx auto;
			position: relative;

			.name {
				width: 95%;
				height: 80rpx;
				font-size: 30rpx;
				color: #969394;
				line-height: 90rpx;
				border-bottom: 1rpx solid #D8D4D4;
				margin: 0 auto;

				image {
					width: 15rpx;
					height: 23rpx;
					padding-left: 25rpx;
				}
			}

			.details {
				height: 380rpx;
				position: relative;
				.detailslist {
					display: flex;

					image {
						width: 182rpx;
						height: 182rpx;
						margin: 20rpx 0 0 20rpx;
					}

					.model {
						width: 70%;
						margin: 30rpx 0 0 20rpx;

						span {
							font-size: 32rpx;
							color: #000000;
						}

						span:nth-child(1) {
							display: inline-block;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: 65%;
						}

						span:nth-child(2) {
							color: #969394;
							float: right;
							margin-right: 20rpx;
						}

						.bottom {
							// margin-top: 40rpx;
							margin-top: 15rpx;

							.box {
								color: #969394;
								font-size: 30rpx;
							}
						}
						.refund {
							width: 159rpx;
							height: 54rpx;
							line-height: 54rpx;
							text-align: center;
							background: #FFFFFF;
							font-size: 26rpx;
							color: #969394;
							position: absolute;
							right: 20rpx;
							bottom: 100rpx;
							border-radius: 26rpx;
							text{
								border-radius: 26rpx;
								display: block;
								width: 100%;
								height: 100%;
								border: 1rpx solid #969394;
							}
						}
					}
				}

				.payinfo {
					width: 95%;
					position: absolute;
					left: 2.5%;
					bottom: 20rpx;
				
					.pay {
						font-size: 30rpx;
						color: #020000;
					}

					.price {
						float: right;
						font-size: 41rpx;
						color: #D43953;
						margin-right: 10rpx;
					}
				}
			}
		}

		.info {
			padding-top: 30rpx;
			height: 40%;
			background: #FFFFFF;
			box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			width: 95%;
			margin: 0 auto;
			font-size: 30rpx;
			color: #020000;

			span {
				display: block;
				line-height: 65rpx;
				margin-left: 20rpx;
				padding-right: 20rpx;
				text {
					color: #BFBDBE;
					word-break:break-all;
				}
			}
		}
	}
