.my-page {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	background: #F7FAFF;

	// padding-bottom:10rpx;
	.my-top {
		padding-top: 8rpx;
		width: 100%;
		height: 505rpx;
		background: url('https://ddh.yyhock.com/ddhMall/my-bg.png') 0 0 no-repeat;
		background-size: 100% 505rpx;

		.my-header {
			display: flex;
			margin-bottom: 66rpx;
			.header-img {
				margin-top: 128rpx;
				margin-left: 28rpx;
				width: 122rpx;
				height: 122rpx;
				background-size: 100%;
			}

			.header-des {
				padding-left: 15rpx;
				margin-top: 128rpx;
				font-family: PingFangSC, PingFang SC;
				text-align: left;
				font-style: normal;

				.des-name {
					padding: 17rpx 0 10rpx;
					height: 50rpx;
					font-weight: 500;
					font-size: 36rpx;
					color: #333333;
					line-height: 50rpx;

				}

				.des-text {
					height: 28rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;
					line-height: 28rpx;
				}
			}

		}

		.my-line {
			margin: 0 30rpx 20rpx;
			display: flex;
			align-items: center;
			height: 144rpx;
			background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
			border-radius: 10rpx;

			.line-left {
				display: flex;
				align-items: center;
				// margin-left: 46rpx;
				padding-left: 46rpx;
				flex: 1;
				height: 104rpx;

				.left-img {
					width: 46rpx;
					height: 46rpx;
					background-size: 100%;
				}

				.l-text {
					padding: 0 45rpx 0 25rpx;
					height: 40rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
					text-align: center;
					font-style: normal;
				}

				.l-go {
					display: inline-block;
					width: 24rpx;
					height: 24rpx;
					background: url('../../static/img/back-icon.png') 0 0 no-repeat;
					background-size: 100%;
				}
			}

			.line-left:nth-child(2n) {
				padding-left: 46rpx;
				border-left: 2rpx solid #E9E9E9;
			}
		}

		.my-box-s {
			margin: 0 30rpx 30rpx;
			width: 690rpx;
			height: 169rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
			border-radius: 10rpx;

			.s-con {
				padding: 27rpx 14rpx;
				display: flex;
				flex-wrap: wrap;

				.con-item {
					margin-right: 50rpx;

					.item-img {
						margin: 0 39rpx;
						width: 50rpx;
						height: 50rpx;
						background-size: 100%;
					}

					.item-text {
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;
						line-height: 45rpx;
						text-align: center;
						font-style: normal;
					}
				}

				.con-item:last-child {
					margin-right: 0;
				}
			}
		}

		.my-contain {
			margin: 0rpx 30rpx 34rpx;

			.con-top {
				display: inline-block;
				width: 136rpx;
				height: 48rpx;
				background: url('https://ddh.yyhock.com/ddhMall/my-text.png') 0 0 no-repeat;
				background-size: 136rpx 48rpx;
			}

			.con-box {
				margin-top: 24rpx;
				background: #FFFFFF;

				.box-line {
					margin: 0 13rpx 0 27rpx;
					height: 110rpx;
					background: #FFFFFF;
					border-bottom: 2rpx solid #E9E9E9;

					.line-item {
						display: flex;
						align-items: center;
						justify-content: space-between;

						.item-l {
							// margin-left:27rpx;
							display: flex;
							align-items: center;

							.l-img {
								width: 40rpx;
								height: 40rpx;
								background-size: 100%;
							}

							.l-text {
								margin-left: 30rpx;
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								font-size: 32rpx;
								color: #333333;
								line-height: 110rpx;
								text-align: left;
								font-style: normal;
							}
						}

						.item-r {
							// margin-right:13rpx;
							width: 30rpx;
							height: 30rpx;
							background: url('https://ddh.yyhock.com/ddhMall/my-back.png') 0 0 no-repeat;
							background-size: 100%;
						}
					}

				}

				.box-line:last-child {
					border-bottom: none;
				}
			}
		}

		.my-footer {
			margin-top: 104rpx;
			background: #F7FAFF;
			padding-bottom: 10rpx;

			.footer-btn {
				margin-left: 38%;
				display: flex;
				width: 180rpx;
				height: 63rpx;
				border-radius: 32rpx;
				border: 1rpx solid #999999;

				.btn-tel {
					margin: 16rpx 12rpx 0 24rpx;
					display: inline-block;
					width: 30rpx;
					height: 30rpx;
					background: url('https://ddh.yyhock.com/ddhMall/my-tel.png') 0 0 no-repeat;
					background-size: 100%;
					vertical-align: middle;
				}

				.btn-text {
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #333333;
					line-height: 63rpx;
					text-align: center;
					font-style: normal;
					vertical-align: middle;
				}
			}

			.footer-des {
				margin: 24rpx 0 14rpx;
				height: 33rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #333333;
				line-height: 33rpx;
				text-align: center;
				font-style: normal;
			}

			.footer-time {
				height: 28rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 20rpx;
				color: #999999;
				line-height: 28rpx;
				text-align: center;
				font-style: normal;
			}

			.footer-tips {
				padding-top: 30rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				line-height: 33rpx;
				text-align: center;
				font-style: normal;
			}
		}
	}

}