
::v-deep .u-line{
	 width: 56rpx!important;
 }
 ::v-deep .u-loading-page{
 	 position: relative!important;
 	 z-index: 99999999999999999999999!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;
				display: flex;
				flex-direction: column;
				// background: red;
				image{
					width: 100%;
					height: 292rpx;
					border-radius: 24rpx 24rpx 0 0;
				}
				.bottom{
					display: flex;
					justify-content: center;
					align-items: center;
					height: 76rpx;
					background: #FFFFFF;
					border-radius: 0 0 24rpx 24rpx;
					
					.txt{
						width: 85%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
			}	
		}