/* pages/cardReceive/cardReceive.wxss */ page { background: #52a0fd; height: 100%; } .content { position: relative; width: 620rpx; height: 1250rpx; border-radius: 10rpx; background: #fff; margin: 30rpx auto 0; padding: 40rpx 30rpx; transition: all .3s; z-index: 1; overflow: hidden; } .content.active { opacity: 0.7; } .remain { font-size: 50rpx; font-weight: 600; margin-bottom: 50rpx; } .cardNumber { font-size: 40rpx; margin-top: 20rpx; margin-bottom: 50rpx; } .highBold { font-weight: 600; } .fee { font-size: 35rpx; margin-bottom: 25rpx; } .inputBox { position: relative; display: flex; align-items: center; width: 92%; height: 150rpx; background-color: #ffffff; margin-top: 50rpx; border-radius: 15rpx; box-shadow: 0 6px 20px 0 #00000026; padding: 0 25rpx; } .line { color: #cacaca; margin-right: 25rpx; } .unit { position: absolute; right: 40rpx; } .memberIds { width: 600rpx; height: 88rpx; line-height: 88rpx; font-size: 28rpx; color: #ffffff; text-align: center; background: #52a0fd; border-radius: 10rpx; margin: 50rpx auto; } .tagStatus { position: absolute; top: 30rpx; right: -80rpx; width: 300rpx; height: 50rpx; line-height: 50rpx; color: #ffffff; font-size: 35rpx; text-align: center; padding: 10rpx 0; transform: rotate(45deg); z-index: 999; } .tagStatus.refunding { background-color: #ff9900; } .tagStatus.refunded { background-color: #2ba245; } .tagStatus.refused { background-color: #ff0000; }