.card-boad{
    width:calc(70px*12);
    height:calc(90px*7); 
    background-color:#2a2a44;
    color:#fff;
    position: relative;
    border-radius: 2%;
}
.card-boad .card{
    caret-color: #eee;
    position: absolute;
    overflow: hidden;
    cursor:pointer;
    width:50px;
    height:80px;   
    margin:15px;
    background-color:#eee;
    border-radius: 15%;
    border: solid 1.5px #c9a04e;
    transition: all 1000ms 0s ease;
    box-sizing: content-box;
}
.card .number1{
    text-align:right;
    margin:5px;
}
.card .number2{
    text-align:left;
    margin:5px;
    bottom: 0;
    position: absolute;
}
.card .type{
    width:50px;
    top:0px;
    text-align:center;
    font-size:28px;     
    line-height:80px;
    position: absolute;
}
.card .card-background{
    width:50px;
    height:80px;  
    line-height:80px;
    text-align:center;
    font-size:40px;
}