.BoxBg{ background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%); } .rqBox{ width: 90%; background: #ffffff; border-radius: 12rpx; margin: 20rpx 5%; height: 860rpx; overflow: hidden; } .arImgBox{ width: 500rpx; height: 500rpx; margin: 80rpx auto 60rpx auto; } .memCode{ width: 562rpx; height: 88rpx; line-height: 88rpx; border-radius:16rpx; border:1px solid rgba(225,225,225,1); margin: 36rpx auto 0; color: #666; display: block; font-size: 24rpx; text-align: center; } .memText{ float: left; margin-left: 40rpx; font-size: 24rpx; color: #999; } .memNum{ float: left; font-weight:600; font-size: 32rpx; color: #3C3C3C; font-family:PingFangSC-Medium; /* text-align: center; */ } .con{ color: #3C3C3C; text-align: center; font-size: 26rpx; } .level{ color: #FD832D; display: inline-block; } .cardsBox{ width: 90%; margin: 20rpx 5%; display: flex; justify-content:space-between; flex-wrap: wrap; } .cardsItemBox{ width: 46%; height: 200rpx; border-radius: 12rpx; background-color: #ffffff; margin: 20rpx 0; position: relative; } .triangle{ width: 0px; height: 0px; border-color: transparent #dab055; border-width: 0 0 110rpx 110rpx; border-style: solid; } .discount{ position: absolute; color: #fff; width: 110rpx; height: 100rpx; font-size: 20rpx; left: 13rpx; top: -11rpx; z-index: 10; transform: rotate(315deg); } .tit{ font-size: 36rpx; color: rgba(51, 51, 51, 1); margin: -40rpx auto 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 280rpx; text-align: center; } .footer{ margin-top: 26rpx; font-size: 26rpx; font-weight: 500; color: rgba(153, 153, 153, 1); } .fl { float: left; } .building{ display: inline-block; } .fr { float: right; } .pgoneImg{ width: 24rpx; margin-right: 33rpx; position: absolute; right: 0rpx; bottom: 20rpx; }