.app {
		font-size: 35rpx;
		padding: 0 0 200rpx 0;
		position: relative;
		text-align: center;
		.service {
		position: absolute;
		top:985rpx;
		left:2%;
		width: 96%;
			height: 100rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
			border-radius: 10rpx;
				image {
					width: 13rpx;
					height: 23rpx;
					position: absolute;
					right:40rpx;
					top:50%;
					transform: translateY(-50%);
				}
			.serviceorder {
				font-size: 32rpx;
				height: 100rpx;
				line-height: 100rpx;
				position: absolute;
				left: 31rpx;
			}
		}
		.content {
			position: absolute;
			top:670rpx;
			left:2%;
			width: 96%;
			height: 300rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
			border-radius: 10rpx;
			.center {
				display: flex;
				justify-content: space-around;
		padding-top: 50rpx;
				.OrderStatus {
					position: relative;
					height: 180rpx;
					width: 25%;
					.title{
						position: absolute;
						top: 80rpx;
						width:100%;
						left:50%;
						transform: translateX(-50%);
					}
					image {
						width: 71rpx;
						height: 63rpx;
						position: absolute;
						left: 50%;
						transform: translateX(-50%);
					}
					.orderCount {
						width: 38rpx;
						height: 38rpx;
						background: #FFFFFF;
						border: 3rpx solid #DC222F;
						position: absolute;
						top: -20rpx;
						right: 35rpx;
						font-size: 22rpx;
						border-radius: 50%;
						line-height: 35rpx;
						color: #DC222F;
					}
				}
			}
			.CommodityOrder {
				font-size: 32rpx;
				height: 80rpx;
				line-height: 80rpx;
				position: relative;
				.title{
					position: absolute;
					left: 31rpx;
				}
				.text{
					position: absolute;
					right: 40rpx;
					font-size: 26rpx;
					color: #969494;
					image{
						position: absolute;
						top:50%;
						transform: translateY(-50%);
						padding-left: 10rpx;
						width: 13rpx;
						height: 23rpx;
					}
				}
				}
		}
		.userinfo{
			position: absolute;
			top:420rpx;
			left:2%;
			display: flex;
			width: 96%;
			height: 220rpx;
			background-color: #fff;
			border-radius: 10rpx;
			box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(101,176,249,0.41);
			.item{
				width: 33%;
				height: 100%;
				padding-top: 40rpx;
				.text{
					font-size: 30rpx;
					line-height: 60rpx;
				}
				image{
					// margin-left: 50%;
					// transform: translateX(-50%);
					width: 85rpx;
					height: 74rpx;
				}
			}
		}
		.user {
			width: 100%;
			height: 550rpx;
			position: relative;
			color: #FFFFFF;
			font-size: 39rpx;
			.modify {
				position: absolute;
				right: 3%;
				top:250rpx;
				font-size:28rpx;
				image{
					width: 23rpx;
					height: 23rpx;
					padding-left: 10rpx;
				}
			}
			.login{
				position: absolute;
				top: 220rpx;
				left: 35%;
				font-size: 36rpx;
				width: 180rpx;
				line-height: 70rpx;
				border:1rpx solid #fff;
				height: 70rpx;
				border-radius: 20rpx;
			}
			.nickname {
				position: absolute;
				top: 300rpx;
				left: 35%;
				font-size: 30rpx;
			}

			.phone {
				position: absolute;
				top: 180rpx;
				left: 35%;
			}
			.bjimg{
				width: 100%;
				height: 100%;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.img {
				width: 150rpx;
				height: 150rpx;
				border-radius: 50%;
				background: #F6F6F6;
				position: absolute;
				top: 180rpx;
				left: 8%;
			}
		}
	}