.box{width:1200px;height:694px;position: relative;margin:0px auto;overflow: hidden;}
	.box .boxbg{background:url(images/bg.jpg) repeat-x #e7f4d6;margin:10px auto;position: absolute;left:30px;top:20px;width:1150px;height:630px;}
	.box .cloud,.box .cloudanim{width:1160px;height:600px;position:absolute;left:20px;top:20px;overflow:hidden;}
	.box .cloud{background: url(images/cloud.png) no-repeat;}
	.box .cloudanim .cloudsprits{position:absolute;left:0px;top:110px;}
	.box .innerbox{width:100%;height:100%;position: absolute;left:0px;top:0px;}
	.box .building{width:1100px;height:600px;background: url(images/building.png) no-repeat;position: absolute;left: 10px;top:40px;}
	.box .button{width:118px;height:138px;position:absolute;bottom: 50px;left:50px;background: url(images/button.png);}
	.box .statusbar{width:888px;height:149px;position:absolute;bottom: 54px;left:170px;background: url(images/statusbar.png);z-index: 1000;overflow: visible;white-space: nowrap;}
	.box .innerbox .targets{position:absolute;left:185px;top:185px;}
	.box .innerbox .targets li{border:2px dashed #fff;width:69px;height:90px;float:left;margin:1px;}
	.targets #target_1{margin-top:11px;}
	.targets #target_2{margin-top:22px;}
	.targets #target_3{margin-top:31px;}
	.targets #target_4{margin-top:40px;}
	.targets #target_5{margin-top:43px;}
	.targets #target_6{margin-top:50px;}
	.targets #target_7{margin-top:56px;}
	.targets #target_8{margin-top:60px;}
	.targets #target_9{margin-top:62px;}
	.statusbar .source{margin-left:33px;margin-top:36px;white-space: nowrap;overflow: visible;width: 3000px;position:relative;}
	.statusbar li{width:92px;height:90px;cursor:pointer;position:absolute;}
	.statusbar #source_0{background: url(images/animal_03.png) no-repeat;left:570px;top:0px;}
	.statusbar #source_1{background: url(images/animal_05.png) no-repeat;left:80px;top:0px;}
	.statusbar #source_2{background: url(images/animal_07.png) no-repeat;left:720px;top:0px;}
	.statusbar #source_3{background: url(images/animal_09.png) no-repeat;left:240px;top:0px;}
	.statusbar #source_4{background: url(images/animal_11.png) no-repeat;left:320px;top:0px;}
	.statusbar #source_5{background: url(images/animal_13.png) no-repeat;left:490px;top:0px;}
	.statusbar #source_6{background: url(images/animal_15.png) no-repeat;left:410px;top:0px;}
	.statusbar #source_7{background: url(images/animal_17.png) no-repeat;left:0px;top:0px;}
	.statusbar #source_8{background: url(images/animal_19.png) no-repeat;left:640px;top:0px;}
	.statusbar #source_9{background: url(images/animal_21.png) no-repeat;left:160px;top:0px;}
	.backbtn{cursor:pointer;}
.starter{position: absolute;
right: 60px;
bottom: 70px;cursor:pointer;}
.sortbox{width: 800px;
position: absolute;
left: 275px;
top: 200px;}
.huangdiitem{position:absolute;border:1px solid rgba(0,0,0,0)}
.gamelayer .ipt{width:34px;height:34px;display:block;text-align:center;position:absolute;border:none;background:rgba(0,0,0,0);font-size:16px;color:#fff}
.ipt.chun{left: 506px;
top: 172px;}
.ipt.chong{left: 983px;
top: 171px;}
.ipt.zhen{left: 726px;
top: 355px;}
.ipt.dai{
	left: 946px;
top: 317px;
}
.ipt.liu{
	left: 543px;
top: 392px;
}
.ipt.zhen{
	left: 653px;
top: 245px;
}
.ipt.chui{
	left: 726px;
top: 355px;
}
#gamebox{position: absolute;
left: 397px;
top: 150px;
width: 423px;
padding-right: 1px;
padding-bottom: 1px;
height: 423px;background:#000}
#gamebox .imgCell{position:absolute;}
.stage1starter{
position: absolute;
left: 150px;
top: 120px;
}
.obj{position:absolute;opacity:0.1}
.obj:hover{opacity:1}
img.obj.obj1 {
   left: 406px;
    top: 217px;
}
img.obj.obj2 {
left: 456px;
    top: 379px;
}
img.obj.obj3 {
  left: 657px;
    top: 211px;
}
img.obj.obj4 {
	left: 456px;
    top: 135px;
}
img.obj.obj5 {
left: 490px;
top: 336px;
}
img.obj.obj6 {
left: 550px;
top: 293px;
}
img.obj.obj7 {
left: 407px;
top: 332px;
}
img.obj.obj8 {
left: 689px;
top: 410px;
}
img.obj.obj9 {
left: 713px;
top: 182px;
}
.ziwei{position:absolute;left: 387px;
display:none;
top: 160px;}
.success1,.success2,.success3{position:absolute;left:0px;top:0px;display:none;}
.stage2starter{
	position:absolute;left:150px;top:111px;
}
.anim{position:absolute;cursor:pointer;}
img.anim.anim1 {
left: 180px;
top: 90px;
}
img.anim.anim2 {
left: 940px;
top: 90px;
}
img.anim.anim3 {
left: 167px;
top: 430px;
}
img.anim.anim4 {
left: 940px;
top: 430px;
}
.stage3starter{
	position: absolute;
left: 130px;
top: 110px;
}
.doorleft {
position: absolute;
left: 496px;
top: 385px;
background: rgba(233,0,0,0.1);
width: 40px;
height: 54px;
}
.doorcenter {
position: absolute;
left: 586px;
top: 385px;
background: rgba(233,0,0,0.1);
width: 40px;
height: 54px;
}
.doorright {
position: absolute;
left: 677px;
top: 386px;
background: rgba(233,0,0,0.1);
width: 40px;
height: 54px;
}
img.ab.wchun {
 left: 84px;
 top: 155px;
}
img.ab.wchong {
 left: 164px;
 top: 234px;
}
img.ab.wzhen {
left: 163px;
top: 155px;
}
img.ab.wdai {
left: 82px;
top: 77px;
}
img.ab.wchui {
left: 242px;
top: 236px;
}
img.ab.wliu {
 left: 163px;
 top: 77px;
}

.empireitem{
		position:absolute;
		left:0px;top:0px;
		width:108px;height:108px;
		cursor:move;
	}
.empireitem.empireshadow{
	border:1px dashed rgb(253,218,69);
	border-radius:108px;
	display:none;
}
	.empireitem .front{
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		-moz-transform-style: preserve-3d;
		-moz-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		transform-style: preserve-3d;
		backface-visibility: hidden;
	}
	.empireitem .back{
		position: absolute;
		top: 0;
		left: 0;
		text-align:center;
		width:100%;line-height:108px;
		background:url(/statics/css/game/huangdi/bg.png) no-repeat center center;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		-moz-transform-style: preserve-3d;
		-moz-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
		transform-style: preserve-3d;
		backface-visibility: hidden;
		transform: rotateY(-180deg);
	}
	.empireitem:hover .front{
		-moz-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.empireitem:hover .back{
		-moz-transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
.gamelayer .time{
background: #955928;
width: 38px;
height: 38px;
color: #fff;
text-align: center;
line-height: 38px;
font-size: 18px;
cursor:pointer;
}
.gamelayer .work {
width: 44px;
height: 25px;
background: #955928;
color: #fff;
text-align: center;
line-height: 25px;
letter-spacing: 7px;
font-size:15px;
cursor:pointer;
}
img#xiang {
    position: absolute;
    left: 50%;
    margin-left: 2px;
    bottom: 97px;
    height: 359px;
    width: 14px;
}
.ok_counter{
	width:300px;
	height:40px;
	position:absolute;
	left:50%;
	margin-left:-142px;
	top:100px;
}
.ok_counter li{
	float:left;
	width:40px;
	height:40px;
	margin:0px 10px;
	background-image:url('bianzhenjia/luo.png');
	background-size:auto 40px;
	background-position:-53px 0px;
	background-repeat: no-repeat;
}
@keyframes shake{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.5);
	}
	100%{
		transform: scale(1);
	}
}
.ok_counter li.active{
	background-position:0px 0px;
	animation: shake 1s;
}
.pointermask{
	background:rgba(0,0,0,0);
	width:30px;
	height:30px;
	position:absolute;
	pointer-events: all;
}
.pointer1{
	left: 758px;
    top: 256px;
}
.pointer2{
	left: 828px;
    top: 291px;
}
.pointer3{
	left: 972px;
    top: 280px;
}
.pointer4{
	left: 856px;
    top: 366px;
}
.pointer5{
	left: 856px;
    top: 506px;
}
.spinner {
  width: 40px;
  height: 40px;
}
 
.double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
   
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  width: 40%;
  height: 40%;
  margin:30%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e70000;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.5) }
  50% { -webkit-transform: scale(1.3) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  } 50% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
}
.shuanglianpingbg{
	margin-left:14px;
	margin-top:12px;
}
.shuanglianpingtop{
	position:absolute;
	left: 462px;
    top: 93px;
}
.changebtns li{
	background:#8a8a8a;
	width:75px;
	height:75px;
	border-radius: 83px;
	position:absolute;
	left:500px;
	top:500px;
	cursor: pointer;
}
.changebtns .btn1{
	left: 831px;
    top: 185px;
}
.changebtns .btn2{
	left: 914px;
    top: 185px;
}
.changebtns .btn3{
	left: 831px;
    top: 372px;
}
.changebtns .btn4{
	left: 914px;
    top: 372px;
}
.changebtns .btn5{
	left: 831px;
    top: 540px;
}
.changebtns .btn6{
	left: 914px;
    top: 540px;
}
.changebtns li.redbtn{
	background:#e0002f
}
.changebtns li.bluebtn{
	background:#2942c1;
}
.bottleparts li{
	position:absolute;
}
.bottleparts li.part1.red{
	width: 160px;
    height: 160px;
    background: url('shuanglianping/part1red.png') no-repeat;
    left: 452px;
    top: 71px;
}
.bottleparts li.part2.red{
	width: 140px;
    height: 140px;
    background: url('shuanglianping/part2red.png') no-repeat;
    left: 564px;
    top: 70px;
}
.bottleparts li.part3.red{
	width: 170px;
    height: 330px;
    background: url('shuanglianping/part3red.png') no-repeat;
    left: 410px;
    top: 194px;
}
.bottleparts li.part4.red{
	width: 200px;
    height: 330px;
    background: url('shuanglianping/part4red.png') no-repeat;
    left: 560px;
    top: 195px;
}
.bottleparts li.part5.red{
	width: 120px;
    height: 80px;
    background: url('shuanglianping/part5red.png') no-repeat;
    left: 456px;
    top: 498px;
}
.bottleparts li.part6.red{
	width: 120px;
    height: 110px;
    background: url('shuanglianping/part6red.png') no-repeat;
    left: 560px;
    top: 466px;
}
.bottleparts li.part1.blue{
	background:url('shuanglianping/part1blue.png') no-repeat;
}
.bottleparts li.part2.blue{
	background:url('shuanglianping/part2blue.png') no-repeat;
}
.bottleparts li.part3.blue{
	background:url('shuanglianping/part3blue.png') no-repeat;
}
.bottleparts li.part4.blue{
	background:url('shuanglianping/part4blue.png') no-repeat;
}
.bottleparts li.part5.blue{
	background:url('shuanglianping/part5blue.png') no-repeat;
}
.bottleparts li.part6.blue{
	background:url('shuanglianping/part6blue.png') no-repeat;
}

.paintparts{
	position:absolute;
	left:200px;
	top:180px;
}
.paintparts li{
	position:absolute;
	left:10px;
	top:10px;
	width:100px;
	height:100px;
	cursor: move;
}
.paintparts li.part1{
	background:url('sanlianbi/print1.png') no-repeat;
	background-position: -21px -37px;
    width: 113px;
    height: 113px;
	left: 10px;
	top:10px;
}
.paintparts li.part2{
	background:url('sanlianbi/print2.png') no-repeat;
	background-position: -13px -37px;
    width: 115px;
    height: 113px;
    left: 146px;
    top: 10px;
}
.paintparts li.part3{
	background:url('sanlianbi/print3.png') no-repeat;
	background-position: 2px -28px;
    width: 115px;
    height: 130px;
    left: 270px;
    top: 4px;
}
.paintparts li.part4{
	background:url('sanlianbi/print4.png') no-repeat;
	background-position: 2px -28px;
    width: 135px;
    height: 130px;
    left: 391px;
    top: 4px;
}
.paintparts li.part5{
	background:url('sanlianbi/print5.png') no-repeat;
	background-position: 2px -28px;
    width: 135px;
    height: 130px;
    left: 536px;
    top: 4px;
}
.paintparts li.part6{
	background:url('sanlianbi/print6.png') no-repeat;
	background-position: 2px -28px;
    width: 135px;
    height: 130px;
    left: 660px;
    top: 11px;
}

.wucaibg{
	width:2130px;
	height:2100px;
	position:absolute;
	left:0;
	top:0;
	background:url('wucai/bigpic.jpg') no-repeat;
	background-size:2130px 2100px;
	background-color:#fff;
	cursor: move;
}
.spparts{
	position:absolute;
	left: 66px;
    top: 87px;
	width:136px;
	height:578px;
	background-image:url('wucai/menubg.png');
	background-repeat:no-repeat;
	background-size:100% auto;
}
.spparts .part{
	width: 126px;
    height: 90px;
	background-repeat:no-repeat;
}
.spparts .part.part1{
	background-image:url('wucai/sp1.png');
	margin-top: 25px;
	background-position: 15px -2px;
}
.spparts .part.part2{
	background-image:url('wucai/sp2.png');
	background-position: 16px 3px;
}
.spparts .part.part3{
	background-image:url('wucai/sp3.png');
    background-position: 23px -8px;
}
.spparts .part.part4{
	background-image:url('wucai/sp4.png');
    background-position: 30px -12px;
}
.spparts .part.part5{
	background-image:url('wucai/sp5.png');
    background-position: 22px -3px;
}
.spparts .part.part6{
	background-image:url('wucai/sp6.png');
    background-position: 20px -6px;
}
#bottle{
	width: 160px;
    height: 200px;
    background-image: url(wucai/bottle.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 938px;
    top: 458px;
}
#bottlemask{
	width:120px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	border:1px solid #e70000;
	background:rgba(0,0,0,0.5);
}

.bigspparts .part {
    position: absolute;
    background: url('wucai/highlight.png') no-repeat;
    background-size: 1193px auto;
    width: 120px;
    height: 120px;
    opacity: 0.1;
}
.bigspparts .part.show{
	opacity:1;
}
.bigspparts .part.part1 {
    left: 1046px;
    top: 30px;
    width: 240px;
    background-position: -982px -38px;
    height: 190px;
}
.bigspparts .part.part2 {
    left: 1678px;
    top: 24px;
    width: 139px;
   background-position: -600px -56px;
}
.bigspparts .part.part3{
	left: 12px;
    top: 915px;
     width: 206px;
    height: 240px;
    background-size: 1160px auto;
    background-position: -742px -12px;
}
.bigspparts .part.part4{
	left: 1136px;
    top: 492px;
    width: 220px;
	background-position: -123px -12px;
    height: 180px;
}
.bigspparts .part.part5 {
    left: 1816px;
    top: 853px;
    width: 190px;
    background-position: -341px -53px;
}
.bigspparts .part.part6{
	left: 1069px;
    top: 1545px;
    width: 160px;
    background-position: 29px -37px;
    height: 160px;
}

.squarebox{
	    position: absolute;
    left: 0px;
    top: 0px;
    width: 180px;
    height: 610px;
   /* background: url('judge/menubg.png') no-repeat;
    background-size: 100% auto;*/
}
.squarefront .part{
	width:80px;
	height:70px;
	background:url('judge/treasures.png') no-repeat;
	background-size:100% auto;
	position:absolute;
	opacity:0;
	z-index:1000;
	cursor: move;
}
.squarefront .part.part1{
	background-position:0px 0px;
}
.squarefront .part.part2{
	background-position:0px -63px;
}
.squarefront .part.part3{
	background-position:0px -126px;
}
.squarefront .part.part4{
	background-position:0px -189px;
}
.squarefront .part.part5{
	background-position:0px -252px;
}
.squarefront .part.part6{
	background-position:0px -315px;
}
.squarefront .part.part7{
	background-position:0px -378px;
}
.squarefront .part.part8{
	background-position:0px -441px;
}
#judgebtn{
	width: 120px;
    height: 120px;
    position: absolute;
    left: 579px;
    top: 430px;
    background: url('judge/judgebtn.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
}
#judgereset{
	width: 52px;
    height: 52px;
    position: absolute;
	left: 612px;
    top: 387px;
    background: url('/statics/images/v2/commimg/reset.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
}


#judgecount{
	    width: 60px;
    height: 60px;
    position: absolute;
    left: 608px;
    top: 194px;
    background: url('judge/judgecount.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    color: #f7c25c;
    font-size: 31px;
    text-align: center;
    line-height: 60px;
}
#judgegan{
	width: 372px;
    height: 60px;
    background: url('judge/gan.png') no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    left: 448px;
    top: 160px;
	transition:transform 500ms;
}
#judgeleft,#judgeright{
	width: 215px;
    height: 340px;
	position:absolute;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
}
#judgeleft{
	background-image:url('judge/judgeleft.png');
    left: 320px;
    top: 177px
}
#judgeright{
	background-image:url('judge/judgeright.png');
	left: 730px;
    top: 174px;
}
#successarea{
	background:url('judge/successarea.png') no-repeat;
	background-size:100% auto;
	background-repeat:no-repeat;
	position:absolute;
	left:970px;
	top:160px;
	width:123px;
	height:180px;
	display: none;
	
}
#judgegan.leftdown{
	transform:rotate(-20deg);
}
#judgegan.rightdown{
	transform:rotate(20deg);
}


.treasurebox {
    width: 90%;
    height: 460px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    z-index: -1;
    padding: 0 3% 0 3%;
    margin-left: 2%;
    top: 133px;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transition:transform 1.5s;
	-webkit-transition:-webkit-transform 1.5s;
}
.treasurebox.lefthide{
	transform: translateX(-1500px);
	-webkit-transform: translateX(-1500px);
}
.treasurebox .treasureimg{
	    position: absolute;
    width: 380px;
    height: 460px;
	left:0px;
}
.treasurebox .treasuretxt{
	    position: absolute;
    left: 420px;
    width: 670px;
    color: #fff;
	padding-top:70px;
}
.treasurebox .treasuretxt .treasuretitle{
	font-size:24px;
	line-height: 50px;
	padding-bottom: 10px;
}
.treasurebox .treasuretxt .treasurecontent{
	font-size:15px;
	line-height: 26px;
	opacity: 0.9;
}

.treasurebox .treasuretxt a
{
	color: #f9af3b;
}

.square.highlight,.square.focushighlight {
	    background-position: -89px 0px;
}

.treasurelight 
{
	position: absolute;
	right: 131px;
    top: 75px;
    
    animation: rotate  5s  linear 0s infinite;
	-webkit-animation:  rotate  5s  linear 0s infinite;
	-o-animation:  rotate  5s  linear 0s infinite;
	-moz-animation:  rotate  5s  linear 0s infinite;

	mix-blend-mode:screen;

}


@keyframes rotate
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

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

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

@-o-keyframes rotate 
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}
.alertbg{
	    width: 1200px;
    height: 680px;
    background: rgba(0,0,0,0.5);
	display: none;
}
.alertbg .alertbox{
	    left: 50%;
    width: 120px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 300px;
    text-align: center;
    line-height: 40px;
    margin-left: -22px;
    border-radius: 3px;
}