.records {
	padding: 10px 15px;
	font-family: PingFangSC-Regular, PingFang SC;
	&-list {
		&-item {
			background-color: #fff;
			border-radius: 5px;
			padding: 12px 15px;
			margin-bottom: 10px;
			&-header {
				display: flex;
				justify-content: space-between;
				color: #171717;
				font-size: 18px;
				margin-bottom: 12px;
				view:last-child {
					color: #1767F2;
					font-size: 15px;
				}
				.not-red {
					position: relative;
					&::after {
						content: '';
						position: absolute;
						top: 10px;
						right: -15px;
						width: 7px;
						height: 7px;
						background-color: #f00;
						border-radius: 50%;
					}
				}
			}
			&-content {
				color: #616161;
				font-size: 12px;
				line-height: 17px;
				padding-bottom: 8px;
				border-bottom: solid 1px #DBDBDB;
				view {
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
				}
			}
			&-bottom {
				display: flex;
				justify-content: space-between;
				color: #767676;
				font-size: 12px;
				margin-top: 8px;
			}
		}
	}
	&-empty {
		background-color: #fff;
		padding: 15px;
		border-radius: 5px;
	}
}
