@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}.mask-error {
color: #ff3939;
font-size: 13px;
position: absolute;
bottom: -26px;
left: 10px;
background: #fff;
padding: 2px 4px;
border-radius: 3px;
border: 1px solid #ff6a6a;
display: none;
height: 24px;
box-sizing: border-box;
line-height: 13px;
align-items: center;
z-index: 9;
}
.mask-error:after {
content: "";
height: 11px;
width: 11px;
border-left: 1px solid #ff6a6a;
border-top: 1px solid #ff6a6a;
position: absolute;
transform: rotate(45deg);
top: -6px;
left: 12px;
background-image: linear-gradient(135deg, #ffffff 50%, transparent 50%);
}
.card-logo {
position: absolute;
right: 10px;
width: 40px;
height: auto;
display: none;
bottom: 5px;
}