*{
			padding: 0;
			margin: 0;
		}
		body{
			
			/*opacity: 0.5;*/
		}
		.zhe{
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			background: #fff;
			z-index: 99999;
		}
		.img{
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 380px;
			height: auto;
		}
		.img-move{
			animation: move 0.6s ease-in-out forwards;
		}
		@keyframes move{
			from{
				transform: rotate(0deg) scale(1,1);
			}
			to{
				transform: rotate(720deg) scale(0,0);
			}
		}
		#canvas,.box{
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			z-index: 70;
			background: url(img/8.gif)center no-repeat;
			background-size: 104.4%;
		}
		.qipu{
			position: relative;
			height: 500px;
			width: 500px;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			z-index: 80;
			background: #fff;
			box-shadow: 0 0 0 1000px rgba(0,0,0,0.8);
			display: none;
		}
		.qipu img{
			width: 100%;
		}
		.look{
			width: 160px;
			height: 50px;
			background: url(img/1.png);
			background-size: 100%;
			position: fixed;
			right: 200px;
			top: 80%;
			z-index: 9999999;
			font-size: 20px;
			color: #fff;
			text-align: center;
			line-height: 50px;
		}
		.qipu a{
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			margin: auto;
		}
		.qipu .close{
			width: 30px;
			height: 30px;
			background: url(img/1.png);
			color: #fff;
			font-size: 25px;
			text-align: center;
			line-height: 30px;
			border: 1px solid #000;
			position: absolute;
			top: -30px;
			right: -30px;
			border-radius: 50%;
			cursor: pointer;
		}
		.box{
			width: 600px;
			height: 600px;
			z-index: 10;
		}
		.box img{
			width: 105%;
			height: 105%;
		}
		.rg-biao{
			position: fixed;
			right: 40px;
			top: 250px;
		}
		.rg-biao img{
			display: block;
			width: 300px;
			height: auto;
		}
		.lf-biao{
			position: fixed;
			left: 40px;
			top: 250px;
		}
		.lf-biao img{
			display: block;
			width: 300px;
			height: auto;
		}
		#canvas1{
			position: absolute;
			left: 150px;
			top: 30px;
			background: url(img/7.jpg) no-repeat;
			background-size: 65%;
		}
		#canvas2{
			position: absolute;
			right: 0px;
			top: 30px;
			background: url(img/7.jpg) no-repeat;
			background-size: 65%;
		}
		#huabu{
			position: relative;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			background: url(img/15.jpg)center no-repeat;
	        background-size: 100% auto;
		}
		
		.info{
			width: 200px;
			height: 200px;
			position: absolute;
			left: 0;
			top: -1000px;
			bottom: 0;
			right: 0;
			margin: auto;
			z-index: 999999999999;
			transition: all 0.3s ease;
		}
		.active{
			top: -10px;
		}
		.info div{
			width: 100%;
			height: 60px;
			line-height: 60px;
			text-align: center;
			font-size: 20px;
			color: #000;
		}
		.info span{
			float: left;
			font-size: 20px;
			color: #000;
			width: 200px;
			line-height: 200px;
			text-align: center;
			background:url(img/hei.png)center no-repeat;
			font-size: 60px;
			color: #FFF;
		}
		#text{
			display: block;
			width: 100%;
		}
		.cancel{
			margin-top: 60px;
		}
		/*.chioce{
			position: absolute;
			left: 150px;
			top: 200px;
			width: 100px;
			height: 100px;
		}*/
		.ai{
			position: absolute;
			left: 200px;
			top: 200px;
			width: 100%;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 20px;
			width: 160px;
            color: #FFF;
			background: url(img/1.png);
        }
		.normal{
			position: absolute;
			left: 200px;
			top: 270px;
			width: 100%;
			height: 50px;
			line-height: 50px;
			text-align: center;
            font-size: 20px;
			width: 160px;
            color: #FFF;
			background: url(img/1.png);
        }
		.red{
			color: red;
		}
		#jiemian{
	display: block;
}
.bg{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:100%;
	background:url(img/1.jpg)0% 88% no-repeat;
	background-size:100% ;
	opacity: 0.6;
}
.qipan{
	position: absolute;
	left: 3%;
	bottom: 1%;
	z-index: 5;
	opacity: 0.3;
}
.title{
	z-index: 10;
	position: absolute;
	left: 38%;
	top: 8%;
}
.denglu{
	z-index: 6;
	position: absolute;
	left: 35%;
	bottom: 32%;
}
.jiesao{
	margin-top: 50px;
}
#jiesao{
	display: none;
	font-family: arial;
	background: #eee;
	width: 80%;
	height: auto;
	z-index: 9;
	position: absolute;
	left: 10%;
	top: 20%;
	padding-left: 20px;
	padding-right: 20px;
}
#jiesao .first{
	margin-top: 50px;
}
#jiesao .close{
	float: right;
	margin-top: -0px;
	background: #FFF;
	padding: 20px;
}
.hao{
	display: none;
	
}
.again{
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	position: absolute;
	left: 200px;
	top: 58%;
	background: url(img/1.png);
	font-size: 20px;
}
.cancel{
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	position: absolute;
	left: 200px;
	top: 60%;
	background: url(img/1.png);
	font-size: 20px;
}
.heizi{
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background: url(img/1.png);
	font-size: 20px;
	position: absolute;
	right: 200px;
	top: 220px;
}
.shijian{
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background: url(img/1.png);
	font-size: 20px;
	position: absolute;
	right: 200px;
	top: 300px;
}
.baizi{
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background: url(img/1.png);
	font-size: 20px;
	position: absolute;
	right: 200px;
	top: 55%;
}
.shijian1{
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background: url(img/1.png);
	font-size: 20px;
	position: absolute;
	right: 200px;
	top: 65%;
}