

/********************************* 翻牌   ***********************************************/
.cardOver{position: absolute;height: 100%;top:0;}
.cardOver .cardResult{position: relative;height: 100%;}
.cardOver .name{color: #fff;font-size: 10px;text-align: center;line-height: 16px;position: absolute;top: 15%;width: 100%;left:0;}

.cardOver .openCard{position: absolute;width: 100%;top: 34%;left: 15%;}
.cardOver .cards{width: 31px;height: 43px;position: absolute;}
.cardOver .face{width: 31px;height: 43px;border-radius:3px;position: absolute;-webkit-backface-visibility: hidden;-webkit-transition:all .6s;}
/*牌面定位样式*/
.cardOver .card414{background: url("images/pai/cardA1.png")0 0/100% 100%;}
.cardOver .card420{background: url("images/pai/cardA2.png")0 0/100% 100%;}
.cardOver .card403{background: url("images/pai/cardA3.png")0 0/100% 100%;}
.cardOver .card404{background: url("images/pai/cardA4.png")0 0/100% 100%;}
.cardOver .card405{background: url("images/pai/cardA5.png")0 0/100% 100%;}
.cardOver .card406{background: url("images/pai/cardA6.png")0 0/100% 100%;}
.cardOver .card407{background: url("images/pai/cardA7.png")0 0/100% 100%;}
.cardOver .card408{background: url("images/pai/cardA8.png")0 0/100% 100%;}
.cardOver .card409{background: url("images/pai/cardA9.png")0 0/100% 100%;}
.cardOver .card410{background: url("images/pai/cardA10.png")0 0/100% 100%;}
.cardOver .card411{background: url("images/pai/cardA11.png")0 0/100% 100%;}
.cardOver .card412{background: url("images/pai/cardA12.png")0 0/100% 100%;}
.cardOver .card413{background: url("images/pai/cardA13.png")0 0/100% 100%;}
.cardOver .card314{background: url("images/pai/cardB1.png")0 0/100% 100%;}
.cardOver .card320{background: url("images/pai/cardB2.png")0 0/100% 100%;}
.cardOver .card303{background: url("images/pai/cardB3.png")0 0/100% 100%;}
.cardOver .card304{background: url("images/pai/cardB4.png")0 0/100% 100%;}
.cardOver .card305{background: url("images/pai/cardB5.png")0 0/100% 100%;}
.cardOver .card306{background: url("images/pai/cardB6.png")0 0/100% 100%;}
.cardOver .card307{background: url("images/pai/cardB7.png")0 0/100% 100%;}
.cardOver .card308{background: url("images/pai/cardB8.png")0 0/100% 100%;}
.cardOver .card309{background: url("images/pai/cardB9.png")0 0/100% 100%;}
.cardOver .card310{background: url("images/pai/cardB10.png")0 0/100% 100%;}
.cardOver .card311{background: url("images/pai/cardB11.png")0 0/100% 100%;}
.cardOver .card312{background: url("images/pai/cardB12.png")0 0/100% 100%;}
.cardOver .card313{background: url("images/pai/cardB13.png")0 0/100% 100%;}
.cardOver .card214{background: url("images/pai/cardC1.png")0 0/100% 100%;}
.cardOver .card220{background: url("images/pai/cardC2.png")0 0/100% 100%;}
.cardOver .card203{background: url("images/pai/cardC3.png")0 0/100% 100%;}
.cardOver .card204{background: url("images/pai/cardC4.png")0 0/100% 100%;}
.cardOver .card205{background: url("images/pai/cardC5.png")0 0/100% 100%;}
.cardOver .card206{background: url("images/pai/cardC6.png")0 0/100% 100%;}
.cardOver .card207{background: url("images/pai/cardC7.png")0 0/100% 100%;}
.cardOver .card208{background: url("images/pai/cardC8.png")0 0/100% 100%;}
.cardOver .card209{background: url("images/pai/cardC9.png")0 0/100% 100%;}
.cardOver .card210{background: url("images/pai/cardC10.png")0 0/100% 100%;}
.cardOver .card211{background: url("images/pai/cardC11.png")0 0/100% 100%;}
.cardOver .card212{background: url("images/pai/cardC12.png")0 0/100% 100%;}
.cardOver .card213{background: url("images/pai/cardC13.png")0 0/100% 100%;}
.cardOver .card114{background: url("images/pai/cardD1.png")0 0/100% 100%;}
.cardOver .card120{background: url("images/pai/cardD2.png")0 0/100% 100%;}
.cardOver .card103{background: url("images/pai/cardD3.png")0 0/100% 100%;}
.cardOver .card104{background: url("images/pai/cardD4.png")0 0/100% 100%;}
.cardOver .card105{background: url("images/pai/cardD5.png")0 0/100% 100%;}
.cardOver .card106{background: url("images/pai/cardD6.png")0 0/100% 100%;}
.cardOver .card107{background: url("images/pai/cardD7.png")0 0/100% 100%;}
.cardOver .card108{background: url("images/pai/cardD8.png")0 0/100% 100%;}
.cardOver .card109{background: url("images/pai/cardD9.png")0 0/100% 100%;}
.cardOver .card110{background: url("images/pai/cardD10.png")0 0/100% 100%;}
.cardOver .card111{background: url("images/pai/cardD11.png")0 0/100% 100%;}
.cardOver .card112{background: url("images/pai/cardD12.png")0 0/100% 100%;}
.cardOver .card113{background: url("images/pai/cardD13.png")0 0/100% 100%;}


.cardOver .card7121{background: url("images/pai/12.png");background-size:7vh 7.5vh;}
.cardOver .card7122{background: url("images/pai/12.png");background-size:7vh 7.5vh;}

.cardOver .card6021{background: url("images/pai/2.png");background-size:7vh 7.5vh;}
.cardOver .card6022{background: url("images/pai/2.png");background-size:7vh 7.5vh;}

.cardOver .card5081{background: url("images/pai/8.png");background-size:7vh 7.5vh;}
.cardOver .card5082{background: url("images/pai/8.png");background-size:7vh 7.5vh;}

.cardOver .card4041{background: url("images/pai/41.png");background-size:7vh 7.5vh;}
.cardOver .card4042{background: url("images/pai/41.png");background-size:7vh 7.5vh;}

.cardOver .card3101{background: url("images/pai/101.png");background-size:7vh 7.5vh;}
.cardOver .card3102{background: url("images/pai/101.png");background-size:7vh 7.5vh;}

.cardOver .card3061{background: url("images/pai/62.png");background-size:7vh 7.5vh;}
.cardOver .card3062{background: url("images/pai/62.png");background-size:7vh 7.5vh;}

.cardOver .card3041{background: url("images/pai/4.png");background-size:7vh 7.5vh;}
.cardOver .card3042{background: url("images/pai/4.png");background-size:7vh 7.5vh;}

.cardOver .card2111{background: url("images/pai/11.png");background-size:7vh 7.5vh;}
.cardOver .card2112{background: url("images/pai/11.png");background-size:7vh 7.5vh;}

.cardOver .card2101{background: url("images/pai/10.png");background-size:7vh 7.5vh;}
.cardOver .card2102{background: url("images/pai/10.png");background-size:7vh 7.5vh;}

.cardOver .card2071{background: url("images/pai/7.png");background-size:7vh 7.5vh;}
.cardOver .card2072{background: url("images/pai/7.png");background-size:7vh 7.5vh;}

.cardOver .card2061{background: url("images/pai/6.png");background-size:7vh 7.5vh;}
.cardOver .card2062{background: url("images/pai/6.png");background-size:7vh 7.5vh;}

.cardOver .card1091{background: url("images/pai/9.png");background-size:7vh 7.5vh;}
.cardOver .card1092{background: url("images/pai/91.png");background-size:7vh 7.5vh;}

.cardOver .card1081{background: url("images/pai/81.png");background-size:7vh 7.5vh;}
.cardOver .card1082{background: url("images/pai/82.png");background-size:7vh 7.5vh;}

.cardOver .card1071{background: url("images/pai/71.png");background-size:7vh 7.5vh;}
.cardOver .card1072{background: url("images/pai/72.png");background-size:7vh 7.5vh;}

.cardOver .card1051{background: url("images/pai/51.png");background-size:7vh 7.5vh;}
.cardOver .card1052{background: url("images/pai/5.png");background-size:7vh 7.5vh;}

.cardOver .card1061{background: url("images/pai/61.png");background-size:7vh 7.5vh;}
.cardOver .card1031{background: url("images/pai/3.png");background-size:7vh 7.5vh;}

201,202,251,252,271,272,281,282,291,292

.cardOver .card-flipped .front{z-index: 91;-webkit-transform: rotateY(180deg);}
.cardOver .card-flipped .back{z-index: 92;-webkit-transform: rotateY(0deg);}
