/* pages/cardReceive/cardReceive.wxss */ page { background: #52a0fd; height: 100%; } .content { position: relative; width: 620rpx; border-radius: 10rpx; background: #fff; margin: 30rpx auto 0; padding: 40rpx 30rpx; transition: all .3s; z-index: 1; } .content.short { padding-bottom: 5rpx !important; } .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; } .fee { font-size: 35rpx; margin-bottom: 25rpx; } .inputBox { position: relative; display: flex; align-items: center; width: 92%; height: 150rpx; background-color: #ffffff; margin-top: 10rpx; 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; } .pwdDialog { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 500rpx; height: 250rpx; background-color: #fff; box-shadow: 0 6px 20px 0 #00000026; z-index: 0; transition: all .3s; opacity: 0; border-radius: 20rpx; padding: 40rpx 50rpx; } .pwdDialog.active { opacity: 1; z-index: 999; } .pwdForm { height: 80rpx; border: 1px solid #326ef9; background-color: #f3f8fe; border-radius: 10rpx; padding-left: 20rpx; margin-bottom: 40rpx; } .list { position: relative; display: flex; justify-content: space-between; margin-bottom: 40rpx; border-bottom: 1px solid #00000027; padding-bottom: 20rpx; } .list .title { width: 200rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list .clickArea { display: flex; justify-content: space-between; width: 100%; } .list .item { margin-bottom: 15rpx; } .list .remainingAmount { position: relative; right: 20rpx; top: 100rpx; color: #e2575b; } .list .date { color: #929292; font-size: 25rpx; } .card { position: absolute; top: 20rpx; right: 120rpx; border: 3px solid #b6e48c; color: #b6e48c; font-size: 35rpx; padding: 0 15rpx; border-radius: 15rpx; transform: rotate(-15deg); } .Ecard { position: absolute; top: 20rpx; right: 120rpx; border: 3px solid #ec9ea0; color: #ec9ea0; font-size: 35rpx; padding: 0 15rpx; border-radius: 15rpx; transform: rotate(-15deg); } .dealRecord { font-size: 40rpx; margin-bottom: 20rpx; color: #52a0fd; }