*{
	margin: 0;
	padding: 0
}
img{
	border:none;
}
body,html{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	font-size: 10px;
	font-family:Verdana, '黑体',Geneva, sans-serif;
	-webkit-tap-highlight-color: rgba(240,240,240,0);
}
canvas{
	border: 0;border: none;
}
ul,li{
	list-style: none;
	padding: 0;
}
a{
	text-decoration: none;
}
.wrapperdiv{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-slide{
	position: relative;
	overflow: hidden;
}
.swiper-slide img{
	position: absolute;
} 
.animated.delay0{
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
}
.animated.delay1{
	-webkit-animation-delay:.8s;
	animation-delay:.7s;
}
.animated.delay2{
	-webkit-animation-delay:1.1s;
	animation-delay:.9s;
}
.animated.delay3{
	-webkit-animation-delay:1.4s;
	animation-delay:1.2s;
}
.animated.delay4{
	-webkit-animation-delay:1.7s;
	animation-delay:1.2s;
}
.animated.delay5{
	-webkit-animation-delay:2s;
	animation-delay:1.2s;
}
.animated.delay6{
	-webkit-animation-delay:2.3s;
	animation-delay:1.2s;
}
#page1{
	background:url(../Images/a1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page2{
	background:url(../Images/b1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page3{
	background:url(../Images/bg1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page4{
	background:url(../Images/d1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page5{
	background:url(../Images/e1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page6{
	background:url(../Images/f1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page7{
	background:url(../Images/g1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page8{
	background:url(../Images/h1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page9{
	background:url(../Images/i1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page10{
	background:url(../Images/bg1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page11{
	background:url(../Images/k1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page12{
	background:url(../Images/l1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#page13{
	background:url(../Images/bg1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#pagem{
	background:url(../Images/bg1.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}

.a1{
	width: 100%;
}
.b1{
	width: 100%;
	opacity: 0;
}
.c2{
	width: 70%;
	top: 5%;
	left: 15%;
	opacity: 0
}
.c1{
	width: 94%;
	top: 5%;
	left: 3%;
	opacity: 0
}
.d1{
	width: 100%;
	opacity: 0;
}
.e1{
	width: 100%;
	opacity: 0;
}
.f1{
	width: 100%;
	opacity: 0;
}
.g1{
	width: 100%;
	opacity: 0;
}
.h1 {
    width: 100%;
	opacity: 0;
}
.i1 {
    width: 100%;
	opacity: 0;
}

.lun1{
	width: 35%;
	left:20%;
	bottom: 13%;
	/* -webkit-filter:opacity(.4);
	filter:opacity(.4); */
	opacity: .4;
	-webkit-animation:quan1 8s linear infinite;
}

.lun2{
	width: 35%;
	left:40%;
	bottom: 7%;
	/* -webkit-filter:opacity(.2);
	filter:opacity(.2); */
	opacity: .2;
	 -webkit-animation:quan2 12s linear infinite; 
}

.lun3{
	width: 45%;
	right:-10%;
	bottom: -8%;
	/* -webkit-filter:opacity(.2);
	filter:opacity(.2); */
	opacity: .2;
	-webkit-animation:quan1 10s linear infinite; 
}
.lun4{
	width: 70%;
	left: -15%;
	bottom: -20%;
	/* -webkit-filter:opacity(.3);
	filter:opacity(.3); */
	opacity: .3;
	-webkit-animation:quan1 7s linear infinite; 

}
.lun5{
	width: 17%;
	right:32%;
	bottom: 0;
	/* -webkit-filter:opacity(.6);
	filter:opacity(.6); */
	opacity: .6;
	-webkit-animation:quan2 5s linear infinite; 
}
.lun6{
	right:20%;
	bottom: 70%;
}
.lun7{
	top: -15%;
	left:70%
}
.lun8{
	top: 1%;
	right: -7%;
}
.lun9{
	left: 20%;
	top: -20%
}
.lun10{
	right: 15%;
	top: -1%
}
@-webkit-keyframes quan1{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(-360deg)}
}
@-webkit-keyframes quan2{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
.h1{
	width: 70%;
	top: 5%;
	left: 15%;
	opacity: 0
}
.h2{
	width: 80%;
	top: 30%;
	left: 10%;
	opacity: 0
}
.h3{
	width: 80%;
	top: 60%;
	left: 10%;
	opacity: 0
}
.h4{
	width: 70%;
	top: 75%;
	left: 15%;
	opacity: 0
}
.i1{
	width: 80%;
	top: 20%;
	left: 10%;
	opacity: 0 
}
.i2{
	width: 70%;
	top: 50%;
	left: 15%;
	opacity: 0 
}
.i3{
	width: 70%;
	bottom: 2%;
	left: 15%;
	opacity: 0 
}
.j1{
	width: 80%;
	top: 20%;
	left: 10%;
	opacity: 0 
}
.j2{
	width: 70%;
	top: 65%;
	left: 15%;
	opacity: 0 
}
.j3{
	width: 70%;
	top: 85%;
	left: 15%;
	opacity: 0 
}
.k1{
	width: 60%;
	top: 5%;
	left: 20%;
	opacity: 0 
}
.k2{
	width: 70%;
	bottom: 10%;
	left: 15%;
	opacity: 0 
}
#checkday{
	width: 90%;
	position: absolute;
	left: 5%;
	top: 20%;
	color: white;
	font-size: 1.3rem;
	border-collapse: collapse;/* 边框合并属性  */
}
#checkday td{
	padding: .3rem .2rem;
	border:1px white solid;
}
.btd{
	background: rgba(0,0,0,.4);
}
.l1{
	width: 50%;
	left: 25%;
	top: 15%
}
#ulform{
	width: 90%;
	left: 5%;
	position: absolute;
	top: 25%;
	color: white
}
#ulform li{
	margin:.5rem 0
}
#ulform input[type='text']{
	outline: none;
	border:1px white solid;
	background: none;
	height: 4rem;
	line-height: 4rem;
	padding-left:5%;
	border-radius: .5rem;
	width: 95%;
	color: white 
}
#ulform input[type='button']{
	outline: none;
	border:1px rgb(255, 0, 0) solid;
	background: none;
	height: 3rem;
	line-height: 3rem;
	background: rgb(255, 106, 0);
	border-radius: .5rem;
	width: 100%;
	color: black ;
}
.m1{
	width: 90%;
	left: 5%;
	top: 25%
}
.m2{
	width: 60%;
	left: 20%;
	top: 45%
}
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}
.icon-volume-up {
background-image: url("http://a.gongkong.com/camrsapply/Images/up.png");
background-size: 100% 100%
}
.icon-volume-off {
background-image: url("http://a.gongkong.com/camrsapply/Images/close.png");
background-size: 100% 100%
}

.icon-volume {
position: fixed;
left: 5px;
top: 5px;
z-index: 999
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
width: 30px;
height: 30px;
margin-top: 1px;
line-height: 20px;
vertical-align: text-top;


background-repeat: no-repeat;
}
#fixdiv {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  width: 100%;
  height: 7%;
  left: 0;
  bottom: 0;
}
.arrow {
  position: absolute;
  width: 8%;
  left: 45%;
  top: 15%;
  -webkit-animation: ar 1.5s ease-out infinite;
  animation: ar 1.5s ease-out infinite;

}
@-webkit-keyframes ar{
	0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
	50%{-webkit-transform:translateY(60%);transform:translateY(60%);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}

}
@keyframes ar{
	0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
	50%{-webkit-transform:translateY(60%);transform:translateY(60%);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}

}
.i1{
		width: 70%;
		top: 20%;
		left: 15%;
		opacity: 0 
	}
	.i2{
		width: 60%;
		top: 50%;
		left: 20%;
		opacity: 0 
	}
	.i3{
		width: 60%;
		bottom: 2%;
		left: 20%;
		opacity: 0 
	}
	.z1{
		width: 70%;
		left: 15%;
		top: 5%;
		opacity: 0
	}
	.z2{
		width: 80%;
		left: 10%;
		top: 30%;
		opacity: 0
	}
	.z3{
		width: 70%;
		left: 15%;
		bottom: 2%;
		opacity: 0
	}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
	.i1{
		width: 70%;
		top: 20%;
		left: 15%;
		opacity: 0 
	}
	.i2{
		width: 60%;
		top: 50%;
		left: 20%;
		opacity: 0 
	}
	.i3{
		width: 60%;
		bottom: 2%;
		left: 20%;
		opacity: 0 
	}
	#checkday{
		width: 90%;
		position: absolute;
		left: 5%;
		top: 20%;
		color: white;
		font-size: 1.2rem
	}
	#checkday td{
		padding: .2rem 0
	}
   
}