@-webkit-keyframes topLeftOnecss { /*首次发牌*/
	from {top:-5px;}
	to {top:114.5px;left:242px;}
}
@-webkit-keyframes moveChip { /*丢筹码*/
	from {left:0px;top:100px;}
	to {left:200px;top:0px;}
}
@-webkit-keyframes moveAllChip /*收回筹码*/
{
	to {left:0px;top:120px;}
}
.coin{width: 35px; height: 35px; position: absolute;}
.green100{background:url('./100_green.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.blue300{background:url('./300_blue.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.yellow500{background:url('./500_yellow.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.violet800{background:url('./800_violet.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}
.black1000{background:url('./1000_black.png'); background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;background-position: center;}

/*开局金币动画样式*/
.Kcoin{width: 35px; height: 35px; position: absolute; display: none;}
/*发牌调用样式*/
.FPanime{
	-webkit-animation:topLeftOnecss 0.1s; /*Safari and Chrome*/
	-webkit-animation-fill-mode : forwards
}
/*发币调用样式*/
.Coinanime{
	-webkit-animation:moveChip 0.1s; /*Safari and Chrome*/
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-fill-mode : forwards
}

/*收钱调用样式*/
.AllCoinanime{
	-webkit-animation:moveAllChip 1s; /*Safari and Chrome*/
	-webkit-animation-fill-mode : forwards
}
#allcoin{
	position: absolute;
}

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*以上为动画样式*/
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('./sanzhang_bg_1.jpg'); background-size:100% 100%; z-index: 0}
.top-bar{position:relative; top: 0px; width: 100%; background:url('./sanzhang_bar_bg.png'); background-size:100% 100%; z-index: 3}
.game-back{
	position: absolute;
	top: 3px; left: 3px;
  	background:url('./Game_back.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover; background-size:90% 90%;
  	background-position: center;
  }
.game-top-show{
	position: relative;
	margin: 0 auto;
  	display:-webkit-box;
 }
 .game-bet{
 	-webkit-box-flex:1; 
  	background:url('./Game_bar_2.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover; background-size:40%;
  	background-position: left;
  }
 #bet{
 	position:relative;
 	top:1px; left:50px;
 	font-size:16px;
 	color: #ffc600;
 	display:table-cell;
 	vertical-align:middle;
 	text-align: left;
 	text-shadow:1px 1px 1px #333;
 }
 .game-all-bet{
 	-webkit-box-flex:2; 
  	background:url('./Game_bar_1.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover; background-size:20%;
  	background-position: left;
 }
.game-all-bet-bg{
 	position:relative;
 	left:50px;
 	background:url('./Game_bar_5.png'); 
 	background-repeat: no-repeat; -webkit-background-size:cover; background-size:65%;
 	background-position: left;
 }
 #allbet{
 	font-size:16px;
 	color: #ffc600;
 	text-align: right;
 	display:table-cell;
 	vertical-align:middle;
 	text-indent:0.5em;
 	padding-top: 2px;
 	text-shadow:1px 1px 1px #333;
 }
 .game-round{
 	-webkit-box-flex:1;
  	background:url('./Game_bar_3.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover; background-size:35%;
  	background-position:5px;
  }
 #round{
 	position:relative;
 	top:1px; left:60px;
 	font-size:16px;
 	color: #00d2ff;
 	display:table-cell;
 	vertical-align:middle;
 	text-align: left;
 	text-shadow:1px 1px 1px #333;
 }
 .zw{-webkit-box-flex:0.5;}
 .game-set{
	position: absolute;
	top: 2px; right: 2px;
  	background-position: center;
  }
 .game-set div{ float:left; margin-right: 10px;}
 .game-set div:last-child{margin-right: 0px;}

.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;
}

 /*比牌弹窗遮罩*/
#bipialt{
	position: relative;
	width:100%;  height: 100%;
	top: 0px; left: 0px; width:100%;  height: 100%; margin: 0 auto; 
	background:rgba(0,0,0,0.1);
	display: none;
	z-index:3;
}
.biwrap{
	position: absolute; 
	left: 50%; top: 50%;
	vertical-align:bottom;
	margin-left: -150px; margin-top: -93px;
	width:300px; height: 186px;
	background:url('./bp_03.png'); 
  	background-repeat: no-repeat; background-size:100%;
  	background-position: center;
}

.biwrap div:last-child{
	margin-right: 0px;
}

.bipiLeft{padding:10px 60px 10px 10px; float:left;}
.bipiRight{padding:10px 10px 10px 60px; float:left;}
.BPface{width:80px; height:80px;}
.BPface img{width: 80px; height:80px;}
.BPname{height:25px;line-height:25px; color:#fff600; text-align: center; font-size: 12px;}

.BPbipi{width:80px; height:60px; background:url('./threepi.png');}

.flash{
	position: absolute; width:200px; height:53px; left:50%; top:120px;  margin-left:-100px;
	background:url('./flash.png');background-size:100%;
	 -webkit-animation:flashImg 1000ms steps(1) ;

/* 	-webkit-animation:flashImg 1s linear;
-webkit-animation-fill-mode : forwards; */
}

@-webkit-keyframes flashImg { /*閃電*/
	0% {background-position: 0px 0px; }
	10% {background-position: 0px -53px;}
	20% {background-position: 0px -106px;}
	30% {background-position: 0px 0px; }
	40% {background-position: 0px -53px;}
	50% {background-position: 0px -106px;}
	60% {background-position: 0px 0px; }
	70% {background-position: 0px -53px;}
	80% {background-position: 0px -106px;}
	90% {background-position: 0px 0px; }
	100% {background-position: 0px -53px;}
}


/*游戏结束弹窗遮罩*/
#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: -240px; margin-top: -140.5px;
	width:480px; height: 281px;
	background:url('./overback1.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
}
.close-gameover{
	position:absolute;
	top: 0px;
	right:0px;
	width: 40px;
	height: 41px;
	background:url('./overback.png'); 
  	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
}
.title{
	width:90%;
	margin: 0 auto;
	height: 60px; line-height:60px;
	text-align: center;
	font-family:'微软雅黑'; 
	color: #fff;
	font-size: 16px;
}
.facelist{
	width: 90%; height:160px;
	margin: 0 auto;
	display: -webkit-box;
}
.facelist .overfaceinfo{
	-webkit-box-flex:1;
	margin-right:10px;
	background:url('./js_03.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
  	text-align: center;
  	font-family:'微软雅黑'; 
  	font-size: 11px;
  	color: #fff;
}
.overfaceinfoWiner{
	-webkit-box-flex:1;
	margin-right:10px;
	background:url('./js_03_win.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
  	text-align: center;
  	font-family:'微软雅黑'; 
  	font-size: 11px;
  	color: #ffc600;
}
.facelist div:last-child{
	margin-right: 0px;
}
.overface{}
.overface img{
	margin-top: 8px;
	width: 50px;
	height: 50px;
	display: none;
}
.overname{
	margin:0 auto;
	line-height:16px;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis; width:55px; text-align: center;
}
.overimg{
	margin: 5px auto;
}
.winer{
	background:url('./balance-w.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
  	margin:0 auto;
  	width: 55px;
  	height: 22px;
}
.fail{
	background:url('./balance-l.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
  	margin:0 auto;
  	width: 40px;
  	height: 22px;	
}
.score{font-size:12px;}
.buttonlist{
	width: 90%; height: 40px; line-height: 40px;
	margin:5px auto 0px auto;
	text-align: center;
	font-family:'微软雅黑'; 
	color: #fff;
	font-size: 16px;
}
.winerbk{
	width: 74px;
	height: 140px;
	background:url('./js_20.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
}
.buttonwrap{ margin: 0 auto; width:280px; height: 40px;}
.buttonwrap div{width: 100px; height: 40px; float: left;  margin-right:80px;}
.buttonwrap div:last-child{margin-right: 0px;}
#change{
	background:url('./js_06.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
}
#ready{
	background:url('./js_09.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:100%;
  	background-position: center;
}
.overpilist{
	position: relative;
	width: 55px;
	height: 40px;
	margin:0 auto;
}
.overpilist div{
	position: absolute;
	float: left;
	width: 25px;
	height: 40px;
	background-size: 100%;
}
.backPi{
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	
}

/* 桌子及按钮 */
.desk{position:absolute; bottom:0px; width:100%;  height:280px;  background:url('./desk.png'); background-size:100% 100%; z-index: 1}
.button-list{height:40px; position:relative; top:70%;  display:-webkit-box;}
.button-list div{-webkit-box-flex:1; margin-right: 6px; }
.buttonOver{ background:url('./Game_btn_1.png'); background-size:100%  100%;}
.buttonAct{ background:url('./Game_btn_2.png'); background-size:100% 100%;}
.gendaodiDea{background:url('./Game_btn_4_1.png'); background-size:100% 100%;}
.gendaodiover{background:url('./Game_btn_4.png'); background-size:100% 100%;}
.gendaodiAct{background:url('./Game_btn_4_2.png'); background-size:100% 100%;}
#biPi span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_1.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:36%;
  	background-position: center; }
#qiPi span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_3.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:36%;
  	background-position: center; }
#kanPi span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_6.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:36%;
  	background-position: center; }
#jiazhu span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_4.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:36%;
  	background-position: center; }
#quanya span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_5.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:36%;
  	background-position: center; }
#genzhu span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_2.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:36%;
  	background-position: center; }
#gendaodi span{
	display: block;
	width: 100%; height:40px;  background:url('./Game_btn_3_7.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover; background-size:60%;
  	background-position: 75% 45%; }
.main{ position: absolute; width: 100%; z-index: 2}

/* 游戏头像最外层容器 */
.face{
	position: absolute;
	width: 46px;
	height: 88px;
	z-index:3;
	border-radius: 4px;
	background:url('./Game_avatar_1.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;background-size:100%;
}

/* 游戏头像 分数 锅底 */
.faceInfo{
	position: absolute;
	width: 46px;
	height: 88px;
	z-index: 999
}
.LRname{
	color: #eee;
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-size:10px;
	line-height: 14px;
}
.LRface{
	text-align: center;
	padding: 0px;
	margin: 0px;
	height: 40px;
}
.LRface img{
	max-width: 40px;
	max-height: 40px;
}
.LRscore{
	font-size:6px;
	line-height: 16px;
	color: #ffc600;
	text-align: center;
}
.LRsum{
	font-size:6px;
	line-height: 14px;
	color: #a8ff00;
	text-align: center;
}
.leftOne {top:10px;left:20px;}
.leftTwo {top:110px;left:20px;}
.rightOne {top:10px;right:20px;}
.rightTwo {top:110px;right:20px;}
.myCoinwrap{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.my{
	width: 134px;
	height: 68px;
	position: absolute;
	right: 0px;
	bottom:-5px;
	left: 50%;
	margin-left: -68px;
	background:url('./Game_avatar_2.png'); 
	background-size: 100%;
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 100;
}

/* 自己12'等待样式 */
.MyfaceInfo{
	position: absolute;
	top: 0px;
	left:0px;
	width: 134px;
	height: 68px;
	border-radius: 4px;
}
.MYface{
	margin:6px;
	float: left;
}
.MYface img{
	max-width: 54px;
	max-height:54px;
}
.MYcoin{
	margin:5px 0px 5px 0px;
	float: left;
}
.MYname{
	color: #eee;
	font-size:12px;
	line-height: 18px;
	text-align: left;
}
.MYscore{
	font-size:12px;
	line-height: 16px;
	color: #ffc600;
	text-align: left;
}
.MYsum{
	font-size:12px;
	line-height: 16px;
	color: #a8ff00;
	text-align: left;
}
.MyTopRight{
	position: absolute;
	width:132px;
	height: 66px;
	z-index: 20;
	border-radius: 6px;
	clip:rect(0px,0px,0px,0px);
	border:2px solid #ffc600;border-bottom:0;border-left:0;
	-webkit-animation: MytopRightcss 6s linear;
	-webkit-animation-fill-mode : forwards;
}
@-webkit-keyframes MytopRightcss {
	0% {clip:rect(0px, 0px, 2px, 0px);}
	66% {clip:rect(0px, 140px, 2px, 0px);}
	100% {clip:rect(0px,140px, 72px, 0px);}
}
.MyBottomLeft{
	position: absolute;
	width: 132px;
	height: 66px;
	z-index: 10;
	border-radius: 6px;
	clip:rect(0px,0px,0px,0px);
	border:2px solid #ffc600;border-top:0;border-right:0;
	-webkit-animation: MybottomLeftcss 12s linear;
	-webkit-animation-fill-mode : forwards;
}
@-webkit-keyframes MybottomLeftcss {
	0% {clip: rect(64px,134px,68px,134px);}
	50% {clip: rect(64px,134px,68px,134px);}
	83% {clip: rect(64px,134px,68px,0px);}
	100% {clip: rect(0px,134px,68px,0px);}
} 
.MyPiWrap{
	position: absolute;
	width: 105px;
	height: 50px;
	bottom:68px;
	left: 50%;
	margin-left: -52px;
}
.MypiList{
	position: relative;
	width: 100%;
	height: 100%;
}
.MypiList div{
	float: left;
	width: 35px;
	height: 50px;
	display: none;
}
.MyonePi{
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	z-index: 101;
}
.MytwoPi{
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	z-index: 102;
}
.MythreePi{
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	z-index: 103;
}

/*牌样式*/
.RightPiWrap{
	position: absolute;
	width: 65px;
	height: 45px;
	right:50px;
	top: 10px;
}
.LeftPiWrap{
	position: absolute;
	width: 65px;
	height: 50px;
	left:50px;
	top: 10px;
}
.piList{
	position: relative;
	width: 100%;
	height: 100%;
}
.piList div{
	position: absolute;
	float: left;
	width: 35px;
	height: 50px;
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	display: none;
}
.onePi{
	z-index: 101;
}
.twoPi{
	left: 15px;
	z-index: 102;
}
.threePi{
	left: 30px;
	z-index: 103;
}

/* 左右12'等待样式 */
.topRight{
	position: absolute;
	width:44px;
	height:70px;
	z-index: 20;
	border-radius: 6px;
	clip:rect(0px,0px,0px,0px);
	border:2px solid #ffc600;border-bottom:0;border-left:0;
	-webkit-animation: topRightcss 6s linear;
	-webkit-animation-fill-mode : forwards;
}
@-webkit-keyframes topRightcss {
	0% {clip: rect(0px, 0px, 2px, 0px);}
	38% {clip: rect(0px, 46px, 2px, 0px);}
	100% {clip: rect(0px,46px, 70px,0px);}
}
.bottomLeft{
	position: absolute;
	width: 44px;
	height: 70px;
	z-index: 10;
	border-radius: 6px;
	clip:rect(0px,0px,0px,0px);
	border:2px solid #ffc600;border-top:0;border-right:0;
	-webkit-animation: bottomLeftcss 12s linear;
	-webkit-animation-fill-mode : forwards;
}
@-webkit-keyframes bottomLeftcss {
	0% {clip: rect(68px,46px,72px,46px);}
	50% {clip: rect(68px,46px,72px,46px);}
	69% {clip: rect(68px,46px,72px,0px);}
	100% {clip: rect(0px,46px,72px,0px);}
}

/*发牌标志*/
.fplist{
	width: 35px;
	height: 50px;
	background:url('./pi.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -12.5px;
	z-index: 2;
}
#FP{
	width: 35px;
	height: 50px;
	background:url('./card_00.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	position:absolute;
	top: -45px;
	left: 50%;
	right: 50%;
	margin-left: -12.5px;
	margin-right: -12.5px;
	z-index: 3;
}

/*用户状态样式*/
@-webkit-keyframes moveTip { /*丢筹码*/
	from {left:0px;top:10px;opacity:1;}
	to {left:0px;top:-30px;opacity:0;}
}
.UserTips{
	position: absolute;
	left:0px;
	top:10px;
	width:46px;
	height: 29px;
	z-index: 201;
	display: none;
}
.show_compare{
	background:url('./show_compare.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation:moveTip 3s;
}
.show_fold{
	background:url('./show_fold.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation:moveTip 3s;
}
.show_see{
	background:url('./show_see.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation:moveTip 3s;
}
.show_raise{
	background:url('./show_raise.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation:moveTip 3s;
}
.show_call{
	background:url('./show_call.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation:moveTip 3s;
}
.UserKanpi{
	position: absolute;
	left: 8px;
	top:-10px;
	width: 50px;
	height: 20px;
	background:url('./tip_see.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 201;
	display: none;
}

/*弃牌提示*/
.UserQipi{
	position: absolute;
	left: 8px;
	top:-10px;
	width: 50px;
	height: 22px;
	background:url('./tip_fold.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 201;
	display: none;
}
.MyUserQipi{
	position: absolute;
	left: 28px;
	top:-10px;
	width: 50px;
	height: 22px;
	background:url('./tip_fold.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 201;
	display: none;
}

/*输提示*/
.UserDefeat{
	position: absolute;
	width: 46px;
	height: 73px;
	background:url('./tips_otherloseblank.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 999;
	display: none;
}
.MyUserDefeat{
	position: absolute;
	width: 134px;
	height: 68px;
	background:url('./tips_selfloseblank.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 999;
	display: none;
}

/*获胜动画*/
.UserWiner{
	position: absolute;
	left: -15px;
	top: -15px;
	width: 75px;
	height:103px;
	background:url('./sl_bg02.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	z-index: 999;
	display: none; 
}
.UserWinerAnim{
	width: 75px;
	height:103px;
	background:url('./winFlash.png');
	-webkit-background-size:cover;
	 -webkit-animation:WinerAnim 1000ms steps(1) ;
}

@-webkit-keyframes WinerAnim {
	0% {background-position: 0px 0px;}
	20% {background-position: -185px 0px;}
	40% {background-position:-370px 0px;}
	60% {background-position: 0px 0px;}
	20% {background-position: -185px 0px;}
	40% {background-position:-370px 0px;}
} 

.MyUserWiner{
	position: absolute;
	left: -24px;
	top:-24px;
	width: 180px;
	height: 116px;
	background:url('./sl_bg01.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	z-index: 2000;
	display: none; 
}

.MyWinerAnims{
	width: 180px;
	height: 116px;
	background:url('./mywinFlash.png');
	-webkit-background-size:cover;
	-webkit-animation:MyWinerAnim 1000ms steps(1) ;
}
@-webkit-keyframes MyWinerAnim {
	0% {background-position: 0px 0px;}
	20% {background-position: -313px 0px;}
	40% {background-position:-626px 0px;}
	60% {background-position: 0px 0px;}
	20% {background-position: -313px 0px;}
	40% {background-position:-626px 0px;}
}


/*比牌*/
.UserBipi{
	position: absolute;
	width: 46px;
	height: 73px;
	background:url('./bipi_otherloseblank.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 999;
	display: none;
}

/*比牌*/
.UserBipiSel{
	position: absolute;
	width: 46px;
	height: 73px;
	background:url('./bipi_otherloseblank.png'); 
	background-repeat: no-repeat; -webkit-background-size:cover;
	z-index: 999;
	display: none;
}

.BiPi{ /*正在比牌*/
	position: relative;
	top: 16px;
	width: 40px;
	height: 40px;
	margin:0 auto;
	background:url('./bi_pi_ing.png') center; 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation: biPai 1s linear infinite;
}

.BiIcon{
	position: relative;
	top: 16px;
	width: 40px;
	height: 40px;
	margin:0 auto;
	background:url('./bi_pi_select.png') center; 
	background-repeat: no-repeat; -webkit-background-size:cover;
	-webkit-animation: biPai 1s linear infinite;
}
@-webkit-keyframes biPai { /*丢筹码*/
	0% {-webkit-transform:scale(1.5,1.5); }
	50% {-webkit-transform:scale(1,1); }
	100% {-webkit-transform:scale(1.5,1.5);}
}

.BPinfo{
	position: absolute;
	width: 80px;
	height: 60px;
	background:url('./BPwin.png'); 
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 999;
	display: none;
}

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

/*加注选择框*/
#jzOption{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background:url('./jz_03.png') center; 
	background-repeat: no-repeat; -webkit-background-size:cover;
	background-size: 100%;
	display: none;
	z-index: 999;
}
.coinList{
	width: 90%;
	height: 60px;
	margin: 0px auto;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
.coinList div{
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.coinList div:last-child{margin-right:0px;}
.coinOpa{ -webkit-opacity:0.3;}


/* 说话按钮 */
.recorder{
	position: absolute; width: 56px; height: 56px;background:url('./recorder.png') no-repeat; border-radius: 28px;
	background-size: 100% 100%; right:5px; bottom:5px; display: none; z-index: 9999 }
@-webkit-keyframes glow {
    0% {-webkit-box-shadow: 0 0 100px rgba(255, 0, 0, 0.8);}
    100% {-webkit-box-shadow: 0 0 100px rgba(255, 0, 0,1), 0 0 50px rgba(255,0,0,1);}
}
.recover {
    -webkit-animation-name: glow;
    -webkit-animation-duration:0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;    
}

/* LOADING 动画 */
#loading {
    border-radius: 15px;
    position: absolute;
    left:50%;
    top:50px;
    margin-left: -49px;
    text-align: center;
    display: none;
}

.timer-tip{
	font-family: '微软雅黑';
	display: block;
	color: rgba(255,255,255,0.6);
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

.timer-loader {
	-webkit-animation: timer-loader 1250ms infinite linear;
    border: 6px solid rgba(255,255,255,0.3);
    -webkit-border-radius: 24px;
    -webkit-box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
}

.timer-loader:before {
    -webkit-transform-origin: 3px 3px;
    background: rgba(255,255,255,0.3);
    -webkit-border-radius: 3px;
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 19.2px;
    left: 15px;
    top: 15px;
}

@-webkit-keyframes timer-loader{
  	0% { -webkit-transform: rotate(0deg); }
 	 100% {-webkit-transform: rotate(360deg);}
}