::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); overflow-x: hidden; } .con{ width:100%; display: flex; flex-direction: column; padding: 24rpx 32rpx; padding-left: 28rpx; .item{ width:calc(100% - 64rpx); background: #FFFFFF; border-radius: 48rpx; border: 4rpx solid #333; margin-right: 16rpx; margin-bottom: 24rpx; padding-bottom: 40rpx; display: flex; flex-direction: column; .topBox{ position: relative; padding: 0 32rpx; padding-top: 20rpx; image{ width: 100%; height: 292rpx; border-radius: 40rpx 40rpx 0 0; } .cutDown{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; .item2{ width: 48rpx; height: 48rpx; background: rgba(0, 0, 0, .69); border-radius: 4rpx; margin-top: 24rpx; font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; display: flex; justify-content: center; align-items: center; } .item_d{ width: 12rpx; height: 40rpx; font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #000000; margin: 0 10rpx; background:none; } } } .bottom{ display: flex; flex-direction: column; padding: 0 64rpx; // height: 76rpx; .txt{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20rpx; font-weight: 600; } .txt1{ margin-top: 20rpx; display: flex; justify-content: space-between; font-weight: 300; .l{ // color:red; // text-align: justify; } } } } }