/* 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; } .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: 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 { position: absolute; top: 573rpx; right: 50%; width: 600rpx; height: 88rpx; line-height: 88rpx; font-size: 28rpx; color: #ffffff; text-align: center; background: #52a0fd; border-radius: 10rpx; transform: translateX(50%); } .pwdDialog { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 500rpx; height: 300rpx; 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; } .pwdDialog .title { text-align: center; font-weight: 600; font-size: 36rpx; margin-bottom: 20rpx; } .pwdForm { height: 80rpx; border: 1px solid #326ef9; background-color: #f3f8fe; border-radius: 10rpx; padding-left: 20rpx; margin-bottom: 40rpx; }