}
.card .left .left-3 {
position: absolute;
top: 4.4rem;
font-size: 0.28rem;
color: #fff;
left: 50%;
width: 4rem;
transform: translateX(-50%);
}
.card .left .left-btn {
position: absolute;
top: 5rem;
left: 50%;
transform: translateX(-50%);
width: 2rem;
height: 0.6rem;
color: #fff;
background-color: #7921a1;
border: 1px solid #fff;
font-size: 0.28rem;
border-radius: 0.28rem;
}
.card .right {
flex: 1;
position: relative;
text-align: center;
font-size: 0.44rem;
width: 6rem;
height: 6rem;
background-color: #bde5fc;
}
.card .right img {
position: absolute;
top: 0.5rem;
left: -0.3rem;
width: 110%;
}
.card .right .right-1 {
margin-top: 0.24rem;
letter-spacing: 0.04rem;
color: #013356;
}
.card .right .right-2 {
font-size: 0.48rem;
letter-spacing: 0.02rem;
color: #013356;
}
.card .right .right-3 {
position: absolute;
top: 4.45rem;
font-size: 0.28rem;
color: #013356;
left: 50%;
width: 4rem;
transform: translateX(-50%);
}
.card .right .right-btn {
position: absolute;
top: 5rem;
left: 50%;
transform: translateX(-50%);
width: 2rem;
height: 0.6rem;
color: #013356;
background-color: #fff;
border: 1px solid #013356;
font-size: 0.28rem;
border-radius: 0.28rem;
}
.box {
position: absolute;
text-align: center;
top: -0.75rem;
left: 7.5rem;
width: 5.5rem;
height: 7.5rem;
background-color: #fff;
color: #7921a1;
border: 2px solid #7921a1;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
z-index: 999;
}
.box p {
font-size: 0.68rem;
font-weight: 700;
margin-top: 1.2rem;
}
.box input {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 0.28rem;