jigesi/pages/my/sellAfterCon/index.scss

.page{
	height:100vh;
	background: #F1F1F1;
}
.content{
	.box{
		display: flex;
	flex-direction: column;
		
		width: 686rpx;
		// height: 784rpx;
		padding-bottom:70rpx ;
		padding-top: 20rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.06);
		border-radius: 8rpx 24rpx 8rpx 24rpx;
		margin-left: 50%;
		transform: translateX(-50%);
		padding-left: 24rpx;
		padding-right: 32rpx;
		margin-top: -200rpx;
		box-sizing: border-box;
		.item{
			height: 182rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			.part1{
				display: flex;
				align-items: flex-start;
				width: 100%;
				.left{
					display: flex;
					align-items: flex-start;
					margin-top: 8rpx;
				}
				.cen{
					margin-left: 8rpx;
					width: 100%;
					position: relative;
					.water{
						position: absolute;
						z-index:1;
						font-size: 64rpx;
						font-family: Arial-BoldMT, Arial;
						font-weight: 600;
						color:#F6F6F6;
						margin-top: -30rpx;
					}
					.top{
						font-size: 28rpx;
						font-family: PingFang-SC-Bold, PingFang-SC;
						font-weight: bold;
						color: #333333;
						z-index:2;
						position: relative;
					}
					.bot1{
						box-sizing: border-box;
						margin-top: 18rpx;
						width: 250rpx;
						// height: 308rpx;
						background: #333333;
						border-radius: 24rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.top{
							font-size: 24rpx;
							font-family: PingFang-SC-Medium, PingFang-SC;
							font-weight: 500;
							color: #FFFFFF;
							display: flex;
							align-items: center;
							justify-content: center;
							height: 56rpx;
							box-sizing: border-box;
						}
						.code{
							box-sizing: border-box;
							border-radius:  0rpx 0rpx 24rpx 24rpx;
							border-left:4rpx solid #999;
							border-right:4rpx solid #999;
							border-bottom:4rpx solid #999;
							box-sizing: border-box;
						}
					}
					.bot{
						font-size: 28rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #000000;
						margin-top: 18rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;
						width: 100%;
						z-index:2;
						position: relative;
						
						.call{
							font-size: 28rpx;
							font-family: PingFang-SC-Medium, PingFang-SC;
							font-weight: 500;
							color: #F7790C;
							height: 100%;
						}
					}
				}
			}
			// .right{
			// 	font-size: 28rpx;
			// 	font-family: PingFang-SC-Medium, PingFang-SC;
			// 	font-weight: 500;
			// 	color: #F7790C;
			// 	height: 100%;
			// 	display: flex;
			// 	align-items: flex-end;
			// }
		}
	}
}