.sh-content {
	padding: 25rpx;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	
	overflow: hidden;
    .u-form-item {
		padding: 5rpx 0px;
	}
	.u-input__input {
		background-color: #ffffff;
	}
	.sh-search {
		// display: flex;
		padding: 18rpx 18rpx;
		background-color: #F2F2F2;
		// background-color: #bdc3c7;
		.barNo{
				width: 85%;
				margin: 0 auto;
				height: 30px;
				font-size: 14px;
				margin-top: px;
				border: 1px solid #bdc3c7;
				border-radius: 5px;
				text-align: center;
			}
			.dotBar{
				width: 85%;
				height: 30px;
				margin: 0 auto;
				font-size: 14px;
				margin-top: 10px;
				text-align: center;
				border: 1px solid #bdc3c7;
				border-radius: 5px;
			}

		.sh-form {
			width: 100%;
			
		}

		.sh-sub-search {
			display: flex;
			align-items: center;
			background-color: red;
			padding: 15rpx 0 15rpx 15rpx;

			.sh-search-button {
				height: 100%;
			}
		}
	}
	.all-card{
		flex: 400px;
		overflow: auto;
		margin-bottom: 72px;
		}
	.sh-card {
		// margin-top: 30rpx;
		// padding: 20rpx 0rpx;
		border: 0.5px solid #bdc3c7;
		border-radius: 20rpx;
		line-height: 50rpx;
		width: 90%;
		margin: 0 auto;
		margin-top: 14rpx;
		position: relative;
		.sh-card-title {
			display: flex;
			flex-direction: column;
			padding: 0 20px;
			background-color: #f2f2f2;
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
			.sh-button{
					position: absolute;
					width: 38px;
					height: 28px;
					line-height: 28px;
					border-radius: 50%;
					top: 0;
					right: 0;
			}
			.receipt-number {
				display: flex;
				.receipt-number-title {
					color: #333333;
					font-size: 24rpx;
				}
				.receipt-number-value {
					color: #333333;
					font-size: 28rpx;
					font-weight: 600;
					margin-left: 20rpx;
				}
			}
		}
		.sh-card-title-two{
			display: flex;
			flex-direction: column;
			padding: 0 20px;
			background-color: #d7d7d7;
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
			.receipt-number {
				display: flex;
				.receipt-number-title {
					color: #333333;
					font-size: 24rpx;
				}
				.receipt-number-value {
					color: #333333;
					font-size: 28rpx;
					font-weight: 600;
					margin-left: 20rpx;
				}
			}
		}
		.borderBottom {
			border-bottom-left-radius: 20rpx;
			border-bottom-right-radius: 20rpx;
		}
		.sh-card-title-border {
			border-bottom: 2px dashed #797979;
		}
		.sh-card-content {
			position: relative;
			margin: 16rpx 0;
			padding: 0rpx 70rpx;

			.detail-icon {
				position: absolute;
				right: 10rpx;
				top: 90rpx;
			}
			.goods-card-content {
				display: flex;
				justify-content: space-between;
				align-items: center;
				.goods-card-content-item {
					display: flex;
					align-items: center;
					width: 50%;
					.goods-title {
						font-size: 32rpx;
						color: #555555;
					}
					.goods-value {
						font-size: 32rpx;
						color: #666666;
						margin-left: 20rpx;
					}
					
				}
				
			}
		}
		
		.goods-no{
			font-weight: bold;
			margin-right: 20rpx;
		}
		.pad-content {
			padding-bottom: 16rpx;
		}

		.card-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			.card-content-item {
				width: 90%;
				display: flex;
				// align-items: center;
				// position: relative;
				.item-title {
					font-size: 36rpx;
					// font-family: '黑体';
					color: #555555;
					width: 160rpx;
					text-align: right;
					// right: 0;
				}
				.item-value {
					font-size: 36rpx;
					color: #666666;
					margin-left: 32rpx;				}
			}
			.card-content-item:first-child{
					width: 100%;
				}
			.sh-bold {
				font-weight: bold;
				word-break: break-all;
			}
		}

	}
	
	.loadmore-data{
		padding-top: 30rpx;
	}
.recommend {
  text-align: center;
  height: 50rpx;
  margin-top: 4vh;
}

.recommend-title {
  display: table;
  width: 100%;
  line-height: 50rpx;
  white-space: nowrap;
  border-spacing: 2rem 0;
  font-size: 30rpx;
  color: gray
}

.recommend-title::before, .recommend-title::after {
  display: table-cell;
  content: "";
  width: 50%;
  background: linear-gradient(#eee, #eee) repeat-x center;
  
  background-size: 0.1rem 0.1rem;
}


	.bottom{
		background-color: #fff;
			position:fixed;
			height: 65px;	
			display: flex;
			align-items: center;
			width: 100%;
			padding-top: 15px;
			padding-bottom: 15px;
			bottom:0px;
			button{
				float: left;
				height: 100%;
				line-height: 35px;
				width: 70%;
				background-color: rgb(31, 163, 219);
				font-size: 16px;
			}
		
		}

	



}

.popupOut{
	width: 90%;
	height: 180px;
}