@charset "UTF-8";
html,body{margin:0px;font-family:Helvetica;	overflow: hidden; background-color: #000;}
body{font-family:Helvetica;	overflow: hidden;}
.main{position:relative; width:100%;  margin: 0 auto; background:url('./bk.jpg'); background-size:100% 100%;	overflow: hidden;}
/* 记分牌 */
.JFP{width:297px; height: 50px; margin: 0 auto; position: relative; background:url('./jfp_bj.png') no-repeat; background-size:auto 100%;}
/* 隐藏控制面板 */
@-webkit-keyframes incontrol
{
from {top:-50px;}
to {top:0px;}
}
@-webkit-keyframes outcontrol
{
from {top:0px;}
to {top:-50px;}
}
.Control{width: 263px; height: 100px; margin: 0 auto; background:url('./control.png'); background-size:100% 100%; position: absolute;top:-50px; left: 0px; right: 0px;}
.ControlButton{ width: 220px; height:40px;  margin: 0 auto; position: relative; left: -5px}
.ControlButton div{  width: 40px; height:40px; margin-right:50px;  float: left}
.ControlButton div:last-child{margin-right: 0px;}
.music{background:url('./control_icon.png') no-repeat;background-position:0px 0px;}
.nomusic{background:url('./control_icon.png') no-repeat;background-position:-40px 0px;}
.speech{background:url('./control_icon.png') no-repeat;background-position:-80px 0px;}
.nospeech{background:url('./control_icon.png') no-repeat;background-position:-120px 0px;}
.exit{background:url('./control_icon.png') no-repeat;background-position:-160px 0px;}
.ShowControl{width: 263px; height: 100px; margin: 0 auto;  position: absolute; top:0px; left: 0px; right: 0px; 
-webkit-animation: incontrol 0.2s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-direction: alternate;
z-index: 999
}
.HideControl{width: 263px; height: 100px; margin: 0 auto;  position: absolute; top:-50px; left: 0px; right: 0px; 
-webkit-animation: outcontrol 0.2s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-direction: alternate;
}
.Switch{ width: 50px; height: 50px; margin: 0 auto; position: absolute; top:50px; left: 213px; z-index:999999}
/* 桌面 */
.ZM{ height:58%; width:100%; position: absolute; bottom: 0px; left:50%;  margin:0px 0px 0px -50%; 
	background:url('./desk.png');
	background-size:100% 100%;
}
.ZM_center{width:92%; height: 100%; margin: 0 auto; position:relative; z-index: 99;}
/* 左侧发牌区 */
.leftFP{position: relative; top:15px;}
.leftFP span{
	width: 50px; height: 18px;
	background:url('./left_pi.png');
	background-size:100% 100%;
	position: absolute;
}

/* 右侧发牌区 */
.rightFP{ position: relative; top:15px;}
.rightFP span{
	width: 50px; height: 18px;
	background:url('./right_pi.png');
	background-size:100% 100%;
	position: absolute;
}
.count_25{
	width: 60px; height:64px; 
	background:url('./timer.png'); 
	background-size:100% 100%; position: absolute; 
	z-index: 9999;
	text-align: center;
	line-height:60px;
	font-weight: bold;
	font-size: 18px;
	color: #e66303;
}

.count_25_left{position: absolute; left: 20%;  top:-60px; }
.count_25_right{position: absolute; right: 20%; top:-60px;}
.count_25_my{ position: absolute; left: 50%; margin-left: -30px; top:-60px;}
/*看牌*/
.FP{position:absolute; width:100%; height:70%; bottom:0px; left:0px; right: 0px; z-index:1000;}
.FPlist{width:400%;height:100%; bottom:0px;  }
.pi{height:86px; width:62px;position: relative; display: inline-block;}
.pi:nth-child(n+2){position:relative;} 
.current{position:relative; top: -20px;}

.card_0{background:url('./game_card.png'); background-position: -62px -344px; background-size: 806px 430px;}
.card_1{background:url('./game_card.png'); background-position: 0px -344px;   background-size: 806px 430px;}
.card_2{background:url('./game_card.png'); background-position: -62px -258px; background-size: 806px 430px;}
.card_3{background:url('./game_card.png'); background-position: -62px -172px; background-size: 806px 430px;}
.card_4{background:url('./game_card.png'); background-position: -62px 0px; background-size: 806px 430px;}
.card_5{background:url('./game_card.png'); background-position: -62px -86px; background-size: 806px 430px;}
.card_6{background:url('./game_card.png'); background-position: 0px -258px; background-size: 806px 430px;}
.card_7{background:url('./game_card.png'); background-position: 0px -172px; background-size: 806px 430px;}
.card_8{background:url('./game_card.png'); background-position: 0px 0px;  background-size: 806px 430px;}
.card_9{background:url('./game_card.png'); background-position: 0px -86px; background-size: 806px 430px;}
.card_10{background:url('./game_card.png'); background-position: -744px -258px; background-size: 806px 430px;} /*-865 -301*/
.card_11{background:url('./game_card.png'); background-position: -744px -172px; background-size: 806px 430px;}  /*-865 -201*/
.card_12{background:url('./game_card.png'); background-position: -744px 0px; background-size: 806px 430px;}
.card_13{background:url('./game_card.png'); background-position: -744px -86px; background-size: 806px 430px;}
.card_14{background:url('./game_card.png'); background-position: -682px -258px; background-size: 806px 430px;}
.card_15{background:url('./game_card.png'); background-position: -682px -172px; background-size: 806px 430px;}
.card_16{background:url('./game_card.png'); background-position: -682px 0px; background-size: 806px 430px;}
.card_17{background:url('./game_card.png'); background-position: -682px -86px; background-size: 806px 430px;}
.card_18{background:url('./game_card.png'); background-position: -620px -258px; background-size: 806px 430px;}
.card_19{background:url('./game_card.png'); background-position: -620px -172px; background-size: 806px 430px;}
.card_20{background:url('./game_card.png'); background-position: -620px 0px; background-size: 806px 430px;}
.card_21{background:url('./game_card.png'); background-position: -620px -86px; background-size: 806px 430px;}
.card_22{background:url('./game_card.png'); background-position: -558px -258px; background-size: 806px 430px;}
.card_23{background:url('./game_card.png'); background-position: -558px -172px; background-size: 806px 430px;}
.card_24{background:url('./game_card.png'); background-position: -558px 0px; background-size: 806px 430px;}
.card_25{background:url('./game_card.png'); background-position: -558px -86px; background-size: 806px 430px;}
.card_26{background:url('./game_card.png'); background-position: -496px -258px; background-size: 806px 430px;}
.card_27{background:url('./game_card.png'); background-position: -496px -172px; background-size: 806px 430px;}
.card_28{background:url('./game_card.png'); background-position: -496px 0px; background-size: 806px 430px;}
.card_29{background:url('./game_card.png'); background-position: -496px -86px; background-size: 806px 430px;}
.card_30{background:url('./game_card.png'); background-position: -434px -258px; background-size: 806px 430px;}
.card_31{background:url('./game_card.png'); background-position: -434px -172px; background-size: 806px 430px;}
.card_32{background:url('./game_card.png'); background-position: -434px 0px; background-size: 806px 430px;}
.card_33{background:url('./game_card.png'); background-position: -434px -86px; background-size: 806px 430px;}
.card_34{background:url('./game_card.png'); background-position: -372px -258px; background-size: 806px 430px;}
.card_35{background:url('./game_card.png'); background-position: -372px -172px; background-size: 806px 430px;}
.card_36{background:url('./game_card.png'); background-position: -372px 0px; background-size: 806px 430px;}
.card_37{background:url('./game_card.png'); background-position: -372px -86px; background-size: 806px 430px;}
.card_38{background:url('./game_card.png'); background-position: -310px -258px; background-size: 806px 430px;}
.card_39{background:url('./game_card.png'); background-position: -310px -172px; background-size: 806px 430px;}
.card_40{background:url('./game_card.png'); background-position: -310px 0px; background-size: 806px 430px;}
.card_41{background:url('./game_card.png'); background-position: -310px -86px; background-size: 806px 430px;}
.card_42{background:url('./game_card.png'); background-position: -248px -258px; background-size: 806px 430px;}
.card_43{background:url('./game_card.png'); background-position: -248px -172px; background-size: 806px 430px;}
.card_44{background:url('./game_card.png'); background-position: -248px 0px; background-size: 806px 430px;}
.card_45{background:url('./game_card.png'); background-position: -248px -86px; background-size: 806px 430px;}
.card_46{background:url('./game_card.png'); background-position: -186px -258px; background-size: 806px 430px;}
.card_47{background:url('./game_card.png'); background-position: -186px -172px; background-size: 806px 430px;}
.card_48{background:url('./game_card.png'); background-position: -186px 0px; background-size: 806px 430px;}
.card_49{background:url('./game_card.png'); background-position: -186px -86px; background-size: 806px 430px;}
.card_50{background:url('./game_card.png'); background-position: -124px -258px; background-size: 806px 430px;}
.card_51{background:url('./game_card.png'); background-position: -124px -172px; background-size: 806px 430px;}
.card_52{background:url('./game_card.png'); background-position: -124px 0px; background-size: 806px 430px;}
.card_53{background:url('./game_card.png'); background-position: -124px -86px; background-size: 806px 430px;}

/* 小牌 */
.FP_left{width:200%; height: 44px; position:absolute;  left:120px; top:-60px;}
.FP_right{width:200%; height: 44px; position:absolute; right:120px; top:-60px;}
.FP_self{width:200%; height: 44px; position:absolute; left: 0px; right: 0px;}

.FP_self span{display: inline-block; position: relative;}
.FP_left span{display: inline-block; position: relative;}
.FP_right span{display: inline-block; position: relative; float: right;}
.xpi{ width:32px; height:44px;}
.card_0_xi{background:url('./game_card_xi.png'); background-position: -32px -176px;}
.card_1_xi{background:url('./game_card_xi.png'); background-position: 0px -176px;}
.card_2_xi{background:url('./game_card_xi.png'); background-position: -32px -132px;}
.card_3_xi{background:url('./game_card_xi.png'); background-position: -32px -88px;}
.card_4_xi{background:url('./game_card_xi.png'); background-position: -32px 0px;}
.card_5_xi{background:url('./game_card_xi.png'); background-position: -32px -44px;}
.card_6_xi{background:url('./game_card_xi.png'); background-position: 0px -132px;}
.card_7_xi{background:url('./game_card_xi.png'); background-position: 0px -88px;}
.card_8_xi{background:url('./game_card_xi.png'); background-position: 0px 0px;}
.card_9_xi{background:url('./game_card_xi.png'); background-position: 0px -44px;}
.card_10_xi{background:url('./game_card_xi.png'); background-position: -384px -132px;}
.card_11_xi{background:url('./game_card_xi.png'); background-position: -384px -88px;}
.card_12_xi{background:url('./game_card_xi.png'); background-position: -384px 0px;}
.card_13_xi{background:url('./game_card_xi.png'); background-position: -384px -44px;}
.card_14_xi{background:url('./game_card_xi.png'); background-position: -352px -132px;}
.card_15_xi{background:url('./game_card_xi.png'); background-position: -352px -88px;}
.card_16_xi{background:url('./game_card_xi.png'); background-position: -352px 0px;}
.card_17_xi{background:url('./game_card_xi.png'); background-position: -352px -44px;}
.card_18_xi{background:url('./game_card_xi.png'); background-position: -320px -132px;}
.card_19_xi{background:url('./game_card_xi.png'); background-position: -320px -88px;}
.card_20_xi{background:url('./game_card_xi.png'); background-position: -320px 0px;}
.card_21_xi{background:url('./game_card_xi.png'); background-position: -320px -44px;}
.card_22_xi{background:url('./game_card_xi.png'); background-position: -288px -132px;}
.card_23_xi{background:url('./game_card_xi.png'); background-position: -288px -88px;}
.card_24_xi{background:url('./game_card_xi.png'); background-position: -288px 0px;}
.card_25_xi{background:url('./game_card_xi.png'); background-position: -288px -44px;}
.card_26_xi{background:url('./game_card_xi.png'); background-position: -256px -132px;}
.card_27_xi{background:url('./game_card_xi.png'); background-position: -256px -88px;}
.card_28_xi{background:url('./game_card_xi.png'); background-position: -256px 0px;}
.card_29_xi{background:url('./game_card_xi.png'); background-position: -256px -44px;}
.card_30_xi{background:url('./game_card_xi.png'); background-position: -224px -132px;}
.card_31_xi{background:url('./game_card_xi.png'); background-position: -224px -88px;}
.card_32_xi{background:url('./game_card_xi.png'); background-position: -224px 0px;}
.card_33_xi{background:url('./game_card_xi.png'); background-position: -224px -44px;}
.card_34_xi{background:url('./game_card_xi.png'); background-position: -192px -132px;}
.card_35_xi{background:url('./game_card_xi.png'); background-position: -192px -88px;}
.card_36_xi{background:url('./game_card_xi.png'); background-position: -192px 0px;}
.card_37_xi{background:url('./game_card_xi.png'); background-position: -192px -44px;}
.card_38_xi{background:url('./game_card_xi.png'); background-position: -160px -132px;}
.card_39_xi{background:url('./game_card_xi.png'); background-position: -160px -88px;}
.card_40_xi{background:url('./game_card_xi.png'); background-position: -160px 0px;}
.card_41_xi{background:url('./game_card_xi.png'); background-position: -160px -44px;}
.card_42_xi{background:url('./game_card_xi.png'); background-position: -128px -132px;}
.card_43_xi{background:url('./game_card_xi.png'); background-position: -128px -88px;}
.card_44_xi{background:url('./game_card_xi.png'); background-position: -128px 0px;}
.card_45_xi{background:url('./game_card_xi.png'); background-position: -128px -44px;}
.card_46_xi{background:url('./game_card_xi.png'); background-position: -96px -132px;}
.card_47_xi{background:url('./game_card_xi.png'); background-position: -96px -88px;}
.card_48_xi{background:url('./game_card_xi.png'); background-position: -96px 0px;}
.card_49_xi{background:url('./game_card_xi.png'); background-position: -96px -44px;}
.card_50_xi{background:url('./game_card_xi.png'); background-position: -64px -132px;}
.card_51_xi{background:url('./game_card_xi.png'); background-position: -64px -88px;}
.card_52_xi{background:url('./game_card_xi.png'); background-position: -64px 0px;}
.card_53_xi{background:url('./game_card_xi.png'); background-position: -64px -44px;}
.card_bj_xi{background:url('./game_card_xi.png'); background-position: -64px -176px; }
/* .red{color: #bc1200}
.black{color: #000}
.heitao{background:url('./huase.png'); background-position: 0px 0px;  height:16px; width:15px; position: absolute; left: 3px; top:20px;}
.fanheitao{background:url('./huase.png'); background-position: 0px 0px; height:16px; width:15px; position: absolute; right:3px; bottom: 22px;-webkit-transform: rotate(180deg);}
.maxheitao{background:url('./maxhuase.png'); background-position: 0px 0px; width:29px; height:28px; position: absolute; right:0px; left: 0px; top: 35px; bottom:0px; margin: 0 auto;}
.hongxin{background:url('./huase.png'); background-position: -15px 0px; height:16px; width:15px; position: absolute; left:2px; top:22px;}
.fanhongxin{background:url('./huase.png'); background-position: -15px 0px; height:16px; width:15px; position: absolute; right:3px; bottom: 22px;-webkit-transform: rotate(180deg);}
.maxhongxin{background:url('./maxhuase.png'); background-position:-29px 0px; width:29px; height:28px; position: absolute; right:0px; left: 0px; top: 35px; bottom:0px; margin: 0 auto;}
.fangkuai{background:url('./huase.png'); background-position: -30px 0px;height:16px; width:15px; position: absolute; left: 3px; top:20px;}
.fanfangkuai{background:url('./huase.png'); background-position: -30px 0px; height:16px; width:15px; position: absolute; right:3px; bottom: 22px;-webkit-transform: rotate(180deg);}
.maxfangkuai{background:url('./maxhuase.png'); background-position: -58px 0px; width:29px; height:28px; position: absolute; right:0px; left: 0px; top: 35px; bottom:0px; margin: 0 auto;}
.meihua{background:url('./huase.png'); background-position: -45px 0px; height:16px; width:15px; position: absolute; left: 3px; top:20px;}
.fanmeihua{background:url('./huase.png'); background-position: -45px 0px; height:16px; width:15px; position: absolute; right:3px; bottom: 22px;-webkit-transform: rotate(180deg);}
.maxmeihua{background:url('./maxhuase.png'); background-position: -87px 0px; width:29px; height:28px; position: absolute; right:0px; left: 0px; top: 35px; bottom:0px; margin: 0 auto;}
.pi .zheng{font-size: 1em; position: absolute; left: 5px; top: 5px;}
.pi .fan{font-size: 1em; position: absolute; right: 5px; bottom: 5px;-webkit-transform: rotate(180deg);}
 */
/* 人物 */
.ren{width:90px; height: 110px; position: absolute; }
.renleft{display: none; z-index: 999}
.renright{-webkit-transform: scaleX(-1);display: none;z-index: 999}
.renright span{-webkit-transform: scaleX(-1); display: block;}
.leftuserinfo{border-radius: 10px; padding:5px; position: absolute; top: -55px; width: 110px;  background:rgba(255,255,255,0.3)}
.leftuserinfo img{float:left; border-radius: 20px;}
.info{float:right; width:60%;height: 40px;;}
.info p{ margin: 0px; padding: 0px; }
.leftname{font-weight: bold;}
.leftjf{font-size: 16px; line-height: 22px; color: #ff0000}
.rightuserinfo{border-radius: 10px; padding:5px; position: absolute; top: -55px; width: 110px;  background:rgba(255,255,255,0.3);-webkit-transform: scaleX(-1); }
.rightuserinfo img{float:left;border-radius: 20px;}
.rightname{font-weight: bold;}
.rightjf{font-size: 16px; line-height: 22px; color: #ff0000}
.man_dz{ background:url('./man_dz.png'); background-size:100% 100%; }
.man_nm{ background:url('./man_nm.png'); background-size:100% 100%; }
.woman_dz{ background:url('./woman_dz.png'); background-size:100% 100%; }
.woman_nm{ background:url('./woman_nm.png'); background-size:100% 100%;}
.myface{ width: 50px; height: 50px; position: absolute; bottom:5px; left: 10px; z-index:9999}
.mymannm{background:url('./my_man_nm.png');background-size:100% 100%;}
.mymandz{background:url('./my_man_dz.png');background-size:100% 100%;}
.mywomannm{background:url('./my_woman_nm.png');background-size:100% 100%;}
.mywomandz{background:url('./my_woman_dz.png');background-size:100% 100%;}
.myjf{width:80px; height:24px; position: absolute;
 bottom:5px; left:65px; background:#3f2201; border-radius: 12px;
 z-index: 1; font-size: 16px; color: #fff; line-height: 24px; text-indent:0.4em; display: none}
/*牌局控制*/
.ready{width:100px; height:42px; background:url('./ready.png');background-size:100% 100%; margin:0 auto; position: absolute; left: 0px; right: 0px; }
.call{height: 42px; margin: 0 auto; display:-webkit-box; position: absolute;  left: 0px; right: 0px; z-index: 999}
.call div{  cursor: pointer;width: 90px; height: 42px;}
.nocall{background:url('./qdz.png'); background-position: 0px 0px;}
.one{background:url('./qdz.png'); background-position: -90px 0px;}
.two{background:url('./qdz.png'); background-position: -180px 0px;}
.three{background:url('./qdz.png'); background-position: -270px 0px;}

.chupi{height: 42px; width: 270px; margin: 0 auto; display:-webkit-box;position: absolute; left: 0px; right: 0px; z-index: 999}
.chupi div{ -webkit-box-flex:1; cursor: pointer;}
.nochu{ background:url('./chupi.png'); background-position: 0 0; width: 90px; height: 42px;}
.tip{ background:url('./chupi.png'); background-position: -90px 0; width: 90px; height: 42px;}
.chu{ background:url('./chupi.png'); background-position: -180px 0; width: 90px; height: 42px;}
.notip{ background:url('./chupi.png'); background-position: -90px -42px; width: 90px; height: 42px;}
.gchu{ background:url('./chupi.png'); background-position: -180px -42px; width: 90px; height: 42px;}
.gnochu{ background:url('./chupi.png'); background-position: 0 -42px ; width: 90px; height: 42px;}

.grays{-webkit-filter:grayscale(50%);}

.grayinfo{
	width:auto; height:100px; border-radius: 6px; 
	background-color:rgba(0,0,0,0.8); 
	position: absolute;
	z-index: 999;
}

.nopi{
	width:200px; height:100px;
	position: absolute;
	left:50%;
	background:url('./nopi.png') no-repeat center;
	background-size:100% auto;
	margin: 0px 0px 0px -100px;
}

.picount_left{
	width: 25px; height:25px; border-radius: 15px; background: #ff6600;
 	position: absolute; top: -10px; left: 12px;  z-index: 2;
	text-align: center;
	line-height:25px;
	color: #fff;
}
.picount_right{
	width: 25px; height:25px; border-radius: 15px; background: #ff6600;
 	position: absolute; top: -10px; right:12px;  z-index: 2;
	text-align: center;
	line-height:25px;
	color: #fff;
}
.alt{ width: 69px; height:50px; line-height:45px; text-align: center;
 position: absolute;
 z-index: 999;
 font-weight: bold;
 color: #e66303;
}
.leftalt{background:url('./alt.png') no-repeat center; background-size:100%;  top:-60px; left: -20px;}
.rightalt{background:url('./alt_right.png') no-repeat center; background-size:100%; top:-60px; right: -20px; }
.myalt{background:url('./alt.png') no-repeat center; background-size:100%;  top:100px; left:40px;}
.buchu{width: 71px; height:40px; background:url('./buchu.png') no-repeat center; background-size:100%; position: absolute; z-index: 999;}
.leftbuchu{ top: -50px;}
.rightbuchu{ top: -50px; right: 0px;}
.mybuchu{left: 0px; right: 0px; margin: 0 auto;}
.base{
 width: 78px;
 text-align: center;
 position: absolute;
 top:27px;
 left:8px;
 font-weight: bold;
 color: #e58906;
 }
 .score{
 width: 78px;
 text-align: center;
 position: absolute;
 top:27px;
 right:30px;
 font-weight: bold;
 color: #e58906;
 }
 .dpi{
 width: 110px;
 height: 50px;
 position: absolute;
 left: 0px;
 right: 0px;
 top: 0px;
 margin: 0 auto;
 }
 .dpi span{ float: left; width:32px; height:44px; margin:2px 2px 0 0; display: inline-block; }
/* 动画 */
.rightToleft{
	position: absolute;
	width: 100%;
	height: 80px;
	right: 100px;
	-webkit-animation:RtoL 2000ms steps(100) infinite 0s;
	-webkit-animation-timing-function:ease-out;
}
@-webkit-keyframes RtoL {
    from{right:-10%;} 
	to{right:100%} 
} 
/* 飞机 */
.feiji{
	position: relative;
    background:url('./feiji.png') no-repeat 0 0; 
    -webkit-animation:fjren 800ms steps(3) infinite 0s;
    width: 130px; height:80px; position:absolute;  right: 0px; z-index: 9999;
} 
@-webkit-keyframes fjren {
    100% { background-position:-390px 0;} 
} 
/* 炸弹 */
.bomb{
	position: relative;
    background:url('./bomb.png') no-repeat 0 0; 
    -webkit-animation:bomb 1400ms steps(1) infinite 0s;
    width: 250px; height:200px; margin: -50px auto; z-index: 2;
     z-index: 9999;
} 
@-webkit-keyframes bomb {
    0% {background-position:0px 0;} 
    10% {background-position:0 -200px;} 
    20% {background-position:0 -400px;} 
    30% {background-position:0 -600px;} 
    40% {background-position:0 -800px;} 
    50% {background-position:0 -1000px;} 
    60% {background-position:0 -1200px;} 
    70% {background-position:0 -1400px;} 
    80% {background-position:0 -1600px;} 
} 
/* 顺子 */
.shunzi{
	position: relative;
    background:url('./shunzi.png') no-repeat 0 0; 
    -webkit-animation:shunzi 1800ms steps(1) infinite 0s;
    width: 338px; height:139px; margin: 0px auto; z-index:9999;
    z-index: 9999;
} 
@-webkit-keyframes shunzi {
    0% {background-position:0px 0;} 
    7% {background-position:0 -139px;} 
    14% {background-position:0 -278px;} 
    21% {background-position:0 -417px;} 
    28% {background-position:0 -556px;} 
    35% {background-position:0 -695px;} 
    42% {background-position:0 -834px;} 
    49% {background-position:0 -973px;} 
    56% {background-position:0 -1112px;} 
    63% {background-position:0 -1251px;}
    70% {background-position:0 -1390px;}
    77% {background-position:0 -1529px;}
    84% {background-position:0 -1668px;}
    91% {background-position:0 -1807px;}
} 
/* 结局 */
.fail{width: 138px; height: 138px; background: #ff0000; position: absolute; left: 0px; right: 0px; top:-50px; margin: 0 auto;}
.dz_fail{ background:url('./over_fail.png') no-repeat 0 0; }
.nm_fail{ background:url('./over_fail.png') no-repeat 0 -138px; }
/* 换桌 继续 */
.gameover{width: 230px;  height:45px; position:relative; left:0; right: 0px; top:150px; z-index: 9999;margin: 0px auto;}
.gameover div{width: 100px; height: 45px; float:left; }
.gameover .huanzhuo{ background:url('./huanzhuo.png') no-repeat; width: 100px; height: 45px; }
.gameover .huanzhuo2{ background:url('./huanzhuo.png') no-repeat; width: 100px; height: 45px; position: absolute;left: 50%; margin-left: -50px }
.gameover .zhunbei{ background:url('./zhunbei.png') no-repeat; background-size: 100% 100%; margin-left:30px; }
/*加分*/
.left_fs{width:200px; height:30px; line-height:30px; text-align: center; position: absolute; z-index: 999; top:-50px; left:50px;}
.right_fs{width:200px; height:30px; line-height:30px; text-align: center; position:absolute; z-index: 999; top:-50px; right:50px;}
.self_fs{ width:200px; height:30px; line-height:30px; text-align: center;  position: absolute; z-index: 999;  top:135px; left: 50%;  margin-left:-100px;}

.fs_yellow{
color: #ff0000;
font-size:1.6em;
font-family: 'Arial';
font-weight:bold;
}
.fs_grey{color:#ddd; font-size:1.6em;font-family: 'Arial';font-weight:bold;}

.recorder{
	position: absolute; width: 56px; height: 56px;background:url('./recorder.png') no-repeat; border-radius: 28px;
	background-size: 100% 100%; right:5px; top:126px; 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;    
}