.app {

	.Submit {
			width: 217rpx;
			height: 68rpx;
			background: #26A888;
			border-radius: 26rpx;
			text-align: center;
			line-height: 68rpx;
			color: #FFFFFF;
			margin-left: 65%;
			margin-top: 45%;
		}
		.discribe {
			width: 95%;
			height: 342rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			padding: 3%;
			margin: 30rpx auto;
			.supplement input {
				margin-top: 3%;
				margin-left: 5%;
				font-size: 26rpx;
				color: #BAB7B8;
				line-height: 67rpx;
			}

			.voucher {
				height: 70rpx;
				border-bottom: 1rpx solid #D8D4D4;
			}
		}
		.content {
			width: 95%;
			// hheight: 302rpx;
			background: #FFFFFF;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20rpx;
			margin: 0 auto;

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

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

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

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

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

						span {
							font-size: 32rpx;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}

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

						span:nth-child(2) {
							color: #969394;
							float: right;
							font-size: 32rpx;
							margin-right: 30rpx;
						}

						.bottom {
							margin-top: 40rpx;
							color: #969394;

							span {
								font-size: 30rpx;
							}
						}

						.box {
							font-size: 30rpx;
							color: #969394;
						}

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

					}
				}

				.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;
					}

				}
			}
		}

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

			.refund {
				height: 70rpx;
				line-height: 70rpx;
				width: 95%;
				margin: 0 auto;
				border-bottom: 1px solid #D8D4D4;
			}

			.myrefund {
				display: flex;
				width: 95%;
				margin: 20rpx auto;
				height: 80rpx;
				line-height: 40rpx;

				// background-color: red;
				.images {
					width: 46rpx;
					height: 42rpx;
					margin-top: 20rpx;
				}

				.picture {
					width: 18rpx;
					height: 27rpx;
					margin-top: 20rpx;
					position: absolute;
					right: 60rpx;
				}

				.refundfo {
					font-size: 28rpx;
					color: #030303;
					margin-left: 20rpx;
				}

				.text {
					font-size: 20rpx;
					line-height: 40rpx;
					color: #BAB7B8;
				}
			}
		}

	}
