@-webkit-keyframes topLeftOnecss { /*首次发牌*/
	from {top:-5px;}
	to {}
}

.FPanime{
	-webkit-animation:topLeftOnecss 0.25s; /*Safari and Chrome*/
	-webkit-animation-fill-mode : forwards
}

/*以上为动画样式---------------------------------------------------------------------------------------------------------------------------------*/
html,body{margin:0px; font-family:Helvetica; overflow: hidden; background-color:#000; height: 100%;-webkit-text-size-adjust:none}
body{font-family:Helvetica;	overflow: hidden; height: 100%; }

/* 基础框架 */
.wrap{position:absolute; width:100%;  height: 100%; margin: 0 auto; background:url('./back.jpg'); background-size:100% 100%; z-index: 0}
.wraptwo{position:absolute; top:30%; width:100%; margin: 0 auto; background:url('./mu.png'); background-size:100% 100%; z-index: 3}

/*顶部*/
#top{width:100%;}
#game-back{
	height: 100%; 
	background:url('./backbtn.png'); 
	background-repeat: no-repeat; 
	-webkit-background-size:cover; 
	background-size:80%;
	background-position: 1px center;
}
#game-set{
	height: 100%; 
	position: absolute;
	top: 0px;
	right: 0px;
  }
#game-set div{ float:left; margin-right:10px;}

.music{
  	background:url('./music.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover;
}
.nomusic{
  	background:url('./nomusic.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover;
}
.speech{
  	background:url('./speech.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover;
}
.nospeech{
  	background:url('./nospeech.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover;
}


/* 庄家 */
#zhuangjia{width: 100%; margin-top:4px; position: relative; }
#zhuangjia-face{
	position: absolute;
	top:15px;
	left: 50%;
	width:98px;
	height:88px;
	background:url('./caishen.png'); 
  	background-repeat: no-repeat; 
  	background-size:98px 88px;
  	margin-left:-49px;
  	z-index:2
}
#zhuangjia-info{
	position: absolute;
	top: 5px;
	left:60%;
	width:50px;
  	margin: 0 auto;
  	bottom: 0px;
}
.zhuangjia-icon{
	position: relative;
	left: 40%;
	width:30px;
	height:30px;
	margin:0 auto;
	display: inline-block;
	background:url('./banker.png');
	background-repeat: no-repeat;
	background-size:100%;
}

#zhuangjia-pi{
	width: 110px;
	position: absolute;
	left:75%;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
.piList{margin: 0 auto;	height: 45px;}
.piList div{float: left;}
.pi{
	width: 30px;
	height: 45px;
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
}


#zhuangjia-scroe{color: #f4f20b; font-size: 14px; line-height:10px; position: absolute; bottom:0px; left:45%; }
.zhuangjia-name{font-size: 16px; height: 30px; line-height:30px; font-family: "微软雅黑"; text-indent:2em;}
#zhuangjia-scroe i{
	width: 20px;
	height: 20px;
	display: inline-block;
	background:url('./coin.png'); background-repeat: no-repeat; -webkit-background-size:cover;
	background-size:100%;
	vertical-align: middle;
	margin-right:5px;
}

#zhuangjia-time{
	width: 100px;
	left:5%;
	position: absolute;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;

}
.zhuangjia-time-wrap{
	line-height:0px;
	text-align: center;
}
#timeInfo{
	color: #fc63ac;
	font-size: 16px;
	font-family: "微软雅黑";
	font-weight: bold;
}
#timeSec{
	color: #fc63ac;
	font-size:30px;
	font-weight: bold;
}

/* 筹码 */
#chouma{width:94%; margin: 0 auto; display:-webkit-box;}
#chouma div{ -webkit-box-flex:1; background-repeat: no-repeat; }

#chouma1{background-repeat: no-repeat; background-size:100%; position: relative;}
#chouma2{background-repeat: no-repeat; background-size:100%; position: relative;}
#chouma3{background-repeat: no-repeat; background-size:100%; position: relative;}
#chouma4{background-repeat: no-repeat; background-size:100%; position: relative;}

.jiantou{
	position: absolute;
	width:60px; height:50px;
	background:url('./bet.png');
	background-repeat: no-repeat;
	background-size:60%;
	z-index: 999;
	display: none;
	-webkit-animation-name: jiantouAnima;
    -webkit-animation-duration:0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;   
}

@-webkit-keyframes jiantouAnima {
    /* 0% {-webkit-box-shadow: 0 0 100px rgba(255,0,0,0);}
    100% {-webkit-box-shadow: 0 0 100px rgba(255,0,0,1), 0 0 50px rgba(255,0,0,1);} */
     0% {top:10px;}
    100% {top:20px;}
}

.losewin{
	position: absolute;
	width:40px; height:29px;
	right: -10px;
	top:-10px;
	z-index: 999;
}

.lose{
	background:url('./lose.png');
	background-repeat: no-repeat;
	background-size:100%;
}

.win{
	background:url('./win.png');
	background-repeat: no-repeat;
	background-size:100%;
}

.bid{
	position: absolute;
	width:60px;
	top: 5px;
	left:50%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	margin:0px auto 0px -30px;  
	z-index: 999;
}
.bid span{display: inline-block;letter-spacing: normal;}

.selfbid{
	position: absolute;
	width:100px;
	top: 70px;
	left:50%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	margin:0px auto 0px -50px;
	z-index: 999;
}
.selfbid span{display: inline-block;letter-spacing: normal;}

/*以下为数字转样式*/
.num0{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-webkit-background-size:cover;
}
.num1{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -10px 0px;
	-webkit-background-size:cover;
}
.num2{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -20px 0px;
	-webkit-background-size:cover;
}
.num3{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -30px 0px;
	-webkit-background-size:cover;
}
.num4{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -41px 0px;
	-webkit-background-size:cover;
}
.num5{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -51px 0px;
	-webkit-background-size:cover;
}
.num6{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -62px 0px;
	-webkit-background-size:cover;
}
.num7{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -72px 0px;
	-webkit-background-size:cover;
}
.num8{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -82px 0px;
	-webkit-background-size:cover;
}
.num9{
	width:11px; height:15px;
	background:url('./selfcoinsnumber.png');
	background-repeat: no-repeat;
	background-position: -93px 0px;
	-webkit-background-size:cover;
}
.wang{
	width:18px; height:17px;
	background:url('./selfwan.png');
	background-repeat: no-repeat;
	-webkit-background-size:cover;
}



/* 发牌 */
#FP{width:94%; margin: 0 auto; display:-webkit-box;}
#FP .FP{ -webkit-box-flex:1;  text-align:center; position: relative;}
.FP div{float: left;}

/* 隐藏牌 */
.divwrap{width:90px; height:45px; position:absolute; left: 0px;}
.divwrap div{ position: absolute; display: none}
.onepi{z-index: 100}
.twopi{ left: 15px; z-index: 101}
.thresspi{ left: 30px; z-index: 102}
.fourpi{ left: 45px; z-index: 103}
.fivepi{ left: 60px; z-index: 104}


.pixing{
	position: absolute; right:0px; top:-10px; z-index:500;
	width:83px; height:55px;
	display: none;
	-webkit-animation: pixingAnima 0.2s;
	-webkit-animation-fill-mode : forwards
}
@-webkit-keyframes pixingAnima {
 	0% {-webkit-transform:scale(2,2);}
	50% {-webkit-transform:scale(0.5,0.5);}
	100% {-webkit-transform:scale(1,1);}
}
.px01{background:url('./px01.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-1{background:url('./px02-1.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-2{background:url('./px02-2.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-3{background:url('./px02-3.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-4{background:url('./px02-4.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-5{background:url('./px02-5.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-6{background:url('./px02-6.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-7{background:url('./px02-7.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-8{background:url('./px02-8.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px02-9{background:url('./px02-9.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px03{background:url('./px03.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px04{background:url('./px04.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px05{background:url('./px05.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}
.px08{background:url('./px08.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;}

/*发牌标志*/
#FPtag{
	width: 30px;
	height: 45px;
	background:url('./pi.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	position: absolute;
	top: -20px;
	left: 50%;
	z-index: 2;
	display: none;
}
#FPbegin{
	width: 30px;
	height: 45px;
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	position:absolute;
	top: -35px;
	left: 50%;
	right: 50%;
	z-index: 201;
	display: none;
}

/*牌样式*/
.pi0{
	background:url('./card_4.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi1{
	background:url('./card_5.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi2{
	background:url('./card_7.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi3{
	background:url('./card_6.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi4{
	background:url('./card_8.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi5{
	background:url('./card_9.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi6{
	background:url('./card_11.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi7{
	background:url('./card_10.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi8{
	background:url('./card_12.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi9{
	background:url('./card_13.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi10{
	background:url('./card_15.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi11{
	background:url('./card_14.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi12{
	background:url('./card_16.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi13{
	background:url('./card_17.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi14{
	background:url('./card_19.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi15{
	background:url('./card_18.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi16{
	background:url('./card_20.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi17{
	background:url('./card_21.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi18{
	background:url('./card_23.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi19{
	background:url('./card_22.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi20{
	background:url('./card_24.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi21{
	background:url('./card_25.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi22{
	background:url('./card_27.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi23{
	background:url('./card_26.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi24{
	background:url('./card_28.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi25{
	background:url('./card_29.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi26{
	background:url('./card_31.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi27{
	background:url('./card_30.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi28{
	background:url('./card_32.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi29{
	background:url('./card_33.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi30{
	background:url('./card_35.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi31{
	background:url('./card_34.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi32{
	background:url('./card_36.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi33{
	background:url('./card_37.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi34{
	background:url('./card_39.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi35{
	background:url('./card_38.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi36{
	background:url('./card_40.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi37{
	background:url('./card_41.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi38{
	background:url('./card_43.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi39{
	background:url('./card_42.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi40{
	background:url('./card_44.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi41{
	background:url('./card_45.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi42{
	background:url('./card_47.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi43{
	background:url('./card_46.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi44{
	background:url('./card_48.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi45{
	background:url('./card_49.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi46{
	background:url('./card_51.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi47{
	background:url('./card_50.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi48{
	background:url('./card_0.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi49{
	background:url('./card_1.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi50{
	background:url('./card_3.png'); 
	background-repeat: no-repeat; background-size: 100%;
}
.pi51{
	background:url('./card_2.png'); 
	background-repeat: no-repeat; background-size: 100%;
}


/* 操作区 */
#MY{width:100%;margin: 0 auto; bottom: 0px; display:-webkit-box;}
#userinfo{
	position: absolute;
	left:0px;
	width: 30%;
	padding:5px;
	font-family: "微软雅黑";
	font-size: 14px;
}
#userinfo img{width: 50px;height: 50px;}
#userinfo table{margin:0px;border:0px;border-collapse: collapse;}
#userinfo td{vertical-align: top; height:20px; line-height:20px;}
.myusername{padding:2px;margin: 0px;}
.rgb1{color:#764b41;font-weight: bold; text-indent:30px;}
.rgb2{color:#fefe06;}
.rgb2 i{
	font-size: 12px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background:url('./coin.png'); background-repeat: no-repeat; -webkit-background-size:cover;
	background-size:100%;
	vertical-align: middle;
	margin-right:5px;
}
#wode{
	display:-webkit-box;
	position: absolute;
	width: 68%;
	right: 0px;
}
#wode span{
	-webkit-box-flex:1;
	display:block;
	margin-right: 10px;
}
#coin100{
	background:url('./100.png'); 
	background-repeat: no-repeat;
	background-size:70%;
	background-position: center;
}
#coin500{
	background:url('./500.png'); 
	background-repeat: no-repeat;
	background-size:70%;
	background-position: center;
}
#coin1000{
	background:url('./1000.png'); 
	background-repeat: no-repeat;
	background-size:70%;
	background-position: center;
}
#coin5000{
	background:url('./5000.png'); 
	background-repeat: no-repeat;
	background-size:70%;
	background-position: center;
}
#coin10000{
	background:url('./10000.png'); 
	background-repeat: no-repeat;
	background-size:70%;
	background-position: center;
}
.nocoin{-webkit-opacity:0.3;}
.yescoin{-webkit-opacity:1;}
.selcoin{
	-webkit-animation-name: glow;
    -webkit-animation-duration:0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;   
}
@-webkit-keyframes glow {
    /* 0% {-webkit-box-shadow: 0 0 100px rgba(255,0,0,0);}
    100% {-webkit-box-shadow: 0 0 100px rgba(255,0,0,1), 0 0 50px rgba(255,0,0,1);} */
     0% {-webkit-opacity: 0.1;}
    100% {-webkit-opacity:1;}
}

/*金币样式*/
.coin{width: 25px; height: 25px; position: absolute;}
.green100{background:url('./100.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.blue500{background:url('./500.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.yellow1000{background:url('./1000.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.violet5000{background:url('./5000.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.black10000{background:url('./10000.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}


/*弹窗遮罩*/
#gameover{
	position: relative;
	width:100%;  height: 100%;
	top: 0px; left: 0px; width:100%;  height: 100%; margin: 0 auto; 
	background:rgba(0,0,0,0.8);
	display: none;
	z-index:3;
}
.gamewrap{
	position: absolute; 
	left: 50%; top: 50%;
	vertical-align:bottom;
	margin-left: -180px; margin-top: -80px;
	width:360px; height: 160px;
	padding: 10px;
	background:url('./historyback.png'); 
  	background-repeat: no-repeat;  background-size:100%;
  	background-position: center;
}
#zjinfo{ width: 100%; height: 60px; margin:10px auto;}
.gameleft{ width:100px; height: 60px; margin-right:20px; float: left; background: #ddd}
.gameright{width:260px; height: 60px; line-height:60px; font-size:30px; color: #fff000; text-shadow:1px 1px 1px #183a7c }
#selfinfo{ width: 100%; height: 60px; margin:15px auto;}

.zjwin{
	background:url('./overbanker0.png'); background-repeat: no-repeat; 
	-webkit-background-size:cover; background-size:70%;
	background-position: center;
}
.zjlose{
	background:url('./overbanker1.png'); background-repeat: no-repeat; 
	-webkit-background-size:cover; background-size:70%;
	background-position: center;
}
.selfwin{
	background:url('./overself0.png'); background-repeat: no-repeat; 
	-webkit-background-size:cover; background-size:70%;
	background-position: center;
}
.selflose{
	background:url('./overself1.png'); background-repeat: no-repeat; 
	-webkit-background-size:cover; background-size:70%;
	background-position: center;
}