	view {
		box-sizing: border-box;
	}
 
	.container {
 .topBox{
	height: 140rpx;
	background: #55ACF9;
	padding-top: 24rpx;
	padding-left: 30rpx;
	padding-right: 30rpx;
	.bar{
		height: 64rpx;
		background: #E2F0FF;
		border-radius: 32rpx;
		display: flex;
		align-items: center;
		padding-left: 20rpx;
		font-size: 28rpx;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: bold;
		color: #333333;
		.tag{
			width: 78rpx;
			height: 34rpx;
			background: linear-gradient(132deg, #4FDDFF 0%, #5ECFFF 49%, #017AFF 100%);
			filter: blur(0.5px);
			display: flex;
			align-items: center;
			// justify-content: center;
			font-style: italic;
			margin-right: 12rpx;
		}
	}
	
	
		}
		.mianContent{
			padding-left: 30rpx;
			padding-right: 30rpx;
			padding-top: 48rpx;
			min-height:calc(100vh - 140rpx);
			background: #FFFFFF;
			// background: skyblue;
			box-shadow: 0rpx 4rpx 16rpx -8rpx rgba(0,103,104,0.16);
			border-radius: 40rpx 40rpx 0 0;
			position: relative;
			margin-top: -30rpx;
			.sanjiaoxing{
				position:absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				 width: 0;
				    height: 0;
				    border-left: 20rpx solid transparent;
				    border-right: 20rpx solid transparent;
				    border-top: 20rpx solid #56AAFB; 
			}
			
			.list{
				display: flex;
				flex-direction: column;
				padding-top: 34rpx;
				// background: red;
				height: 100%;
				
				.item{
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-bottom:24rpx;
					
					height: 176rpx;
					background: linear-gradient(287deg, #E5F1FF 0%, #FFFFFF 100%);
					box-shadow: 0rpx 4rpx 16rpx -8rpx rgba(0,103,104,0.16);
					border-radius: 32rpx;
					border: 2rpx solid rgba(102, 178, 255, 1);
					// border-image: linear-gradient(90deg, rgba(102, 178, 255, 1), rgba(255, 255, 255, 0)) 2 2;
					// border-image-repeat: round;
					// border-image-slice: 1; 
					padding-left: 32rpx;
					padding-right: 32rpx;
					position: relative;
					
					.water2{
						width: 114rpx;
						height: 126rpx;
						position: absolute;
						bottom: 0;
						left: 0;
						border-radius:0 0 0 32rpx;
						z-index: 0;
					}
					.left{
						display: flex;
						align-items: center;
						position: relative;
						z-index: 1;
						.avatar{
							width: 80rpx;
							height: 80rpx;
							border-radius: 50%;
							margin-right: 20rpx;
						}
						.des{
							.name{
								font-size: 28rpx;
								font-family: PingFang-SC, PingFang-SC;
								font-weight: bold;
								color: #333333;
							}
							.time{
								font-size: 24rpx;
								font-family: PingFang-SC, PingFang-SC;
								font-weight: 500;
								color: #999999;
								margin-top: 14rpx;
							}
						}
					}
					.right{
						display: flex;
						flex-direction:column;
						align-items: flex-end;
					.money{
						font-size: 32rpx;
						font-family: PingFang-SC, PingFang-SC;
						font-weight: bold;
						color: #333333;
						
					}
					.count{
						width: 144rpx;
						height: 32rpx;
						background: linear-gradient(135deg, #A6EAFF 0%, #4EDCFF 100%);
						border-radius: 0rpx 14rpx 0rpx 14rpx;
						
						font-size: 24rpx;
						font-family: PingFang-SC, PingFang-SC;
						font-weight: 500;
						color: #007AFF;
						
						display: flex;
						align-items: center;
						justify-content: center;
						margin-top: 16rpx;
					}
					}
				
				}
				
			}
			
		}
	}