::v-deep .u-line{
	 width: 56rpx!important;
 }
 ::v-deep .u-loading-page{
 		 position: relative!important;
 		 z-index: 999999999!important;
 		 // background: red;
 	}
 	::v-deep .u-loading-page__warpper__loading-icon__img{
 		 width: 150rpx!important;
 		 height: 150rpx!important;
 	}
.page{
	padding-bottom: 54rpx;
	background: #F1F1F1;
	min-height: calc(100vh - 56rpx);
}
.con{
			width:100%;
			display: flex;
			flex-wrap: wrap;
			padding: 24rpx 32rpx;
			padding-left: 28rpx;
			.item{
				width: 336rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				border: 2rpx solid #F1F1F1;
				margin-right: 16rpx;
				margin-bottom: 24rpx;
				
				.topBox{
					position: relative;
					// background: red;
					height: 292rpx;
					border-radius: 24rpx 24rpx 0 0;
					image{
						width: 100%;
						height: 292rpx;
						border-radius: 24rpx 24rpx 0 0;
					}
						
				}
				.bottom{
					display: flex;
					justify-content: center;
					align-items: center;
					height: 76rpx;
					
					.txt{
						width: 85%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
			}	
		}