h5-sugarpark/src/views/wallet/incomeDetail/index.scss

.container{
	background-color: #F7F7F7;
	width: 100vw;
	min-height: 100vh;
	.nav{
		padding-top: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: sticky;
		top: 0;
		background-color: #F7F7F7;
		.nav-item{
			flex: 1;
			height: 45px;
			line-height: 45px;
			font-size: 15px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			text-align: center;
		}
		.nav-line{
			width: 22px;
			height: 4px;
			background: #9580FF;
			position: absolute;
			bottom: 0;
			transition: all .3s;
		}
	}
	.list{
		padding: 0px 16px 0px 16px;
		background-color: #ffffff;
		.list-item{
			background-color: #ffffff;
			
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			
			.li-head{
				width: 35px;
				height: 35px;
				border-radius: 35px;
				background-color: #CCCCCC;
				margin: 16px 10px 0px 0px;
			}
			.li-panel{
				flex: 1;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				padding: 16px 0px;
				border-top: 1px solid #eeeeee;
				.li-left{
					.li-user{
						display: flex;
						justify-content: flex-start;
						align-items: center;
						.li-user-name{
							font-size: 13px;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							max-width: 160px;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space:nowrap;
						}
						.li-user-tag{
							padding: 0px 5px;
							height: 16px;
							background: #F7F7F7;
							border-radius: 8px;
							margin-left: 5px;
							display: flex;
							justify-content: center;
							align-items: center;
							.sex-icon{
								width: 12px;
								height: 12px;
								margin: 0 2px 0 0;
							}
							.sex-num{
								font-size: 10px;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								padding-right: 5px;
								line-height: 13px;
							}
						}
						
					}
					.li-title{
						font-size: 13px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
					}
					.li-info{
						font-size: 15px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #333333;
						margin-top: 5px;
					}
					.li-time{
						font-size: 13px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						margin-top: 6px;
					}
				}
				.li-right{
					display: flex;
					flex-direction: column;
					justify-content: flex-end;
					align-items: flex-end;
					.lir-tag{
						font-size: 13px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #FA8C53;
						margin-bottom: 3px;
					}
					.lir-num{
						font-size: 18px;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: bolder;
					}
				}
			}
			
		}
	}
	.null{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 150px;
		.null-img{
			width: 147px;
			height: 100px;
		}
		.null-text{
			font-size: 12px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #CCCCCC;
			margin-top: 10px;
		}
	}
	.no-more{
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #AAAAAA;
		text-align: center;
		padding: 20px 0px;
	}
}