.app {
		.titles {
			height: 80rpx;
		}

		.myorder {
			position: relative;

			.orderStatus {
				text-align: center;
				margin: 60rpx auto 30rpx;
				width: 90%;
				display: flex;
				justify-content: space-around;
				padding-bottom: 30rpx;

				.item {
					width: 25%;

					.text {
						font-size: 26rpx;
						color: #333333;
						margin-top: 10rpx;
					}

					image {
						width: 70rpx;
						height: 60rpx;
					}
				}
			}

			.righttitle {
				font-size: 26rpx;
				color: #969494;
				position: absolute;
				right: 30rpx;
				top: 5rpx;

				image {
					vertical-align: middle;
					padding-left: 20rpx;
					width: 13rpx;
					height: 23rpx;
					display: inline-block;
				}
			}

			.title {
				margin-left: 30rpx;
				font-size: 32rpx;
				color: #4B4B4B;
			}
		}

		.topbanner {
			width: 100%;
			height: 430rpx;
			position: relative;
			color: #FFFFFF;
			margin-bottom: 50rpx;

			.Threecategories {
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				display: flex;
				justify-content: space-around;
				padding-bottom: 30rpx;

				.item {
					width: 33%;
					text-align: center;

					.text {
						font-size: 22rpx;
					}

					.number {
						font-size: 36rpx;
						padding-bottom: 10rpx;
					}
				}
			}

			.btn {
				position: absolute;
				top: 40%;
				right: 2%;
				width: 170rpx;
				height: 40rpx;
				line-height: 40rpx;
				text-align: center;
				background: #51b9a0;
				border-radius: 5rpx;
				font-size: 24rpx;
			}

			.manage {
				position: absolute;
				top: 54%;
				right: 2%;
			}

			.phone {
				position: absolute;
				top: 56%;
				left: 30%;
				font-size: 24rpx;
			}

			.namesigning {
				position: absolute;
				top: 38%;
				left: 30%;

				.name {
					display: inline-block;
					font-size: 36rpx;
				}

				.signing {
					text-align: center;
					margin-left: 30rpx;
					height: 36rpx;
					line-height: 36rpx;
					display: inline-block;
					width: 90rpx;
					background: #FFFFFF;
					border: 2rpx solid #FFA115;
					border-radius: 5rpx;
					font-size: 22rpx;
					color: #FFA115;
				}
			}


			.title {
				position: absolute;
				top: 15%;
				left: 0%;
				width: 100%;
				text-align: center;
				font-size: 34rpx;
				font-weight: 600;
			}

			.headsculpture {
				position: absolute;
				top: 35%;
				left: 5%;
				width: 150rpx;
				height: 150rpx;
			}

			.userbanner {
				position: absolute;
				top: 0%;
				left: 0%;
				z-index: -1;
				width: 100%;
				height: 100%;
			}
		}
	}