@charset "utf-8";

html {
-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
}
body,div,p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
.pos_abs{ position:absolute;}
body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial; background:#ccc;
}
#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	/*top: 0;
	left: 0;*/
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}
.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

/* 页面导航 */
#navBar {
	z-index: 3;
	position: absolute;
	top: 10%;
	right: 3%;
}
#navBar .active {
	background: #ccc;
}
#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 0.3rem;
	text-align: center;
	width: 0.3rem;
	height: 0.3rem;
}

/* 箭头 */
.arrow_up {position:fixed; bottom:0.1rem; left:50%; width:0.9rem; height:0.4rem; z-index:9999;
-webkit-transform:translateX(-50%);
-webkit-animation:dong 1s linear 0s infinite alternate;
transform:translateX(-50%);
animation:dong 1s linear 0s infinite alternate;
}
@-webkit-keyframes dong {
from {
	bottom:0.1rem;
}
to {
	bottom:0.25rem;
}
}
@keyframes dong {
from {
	bottom:0.1rem;
}
to {
	bottom:0.25rem;
}
}


@-webkit-keyframes ball_s{  

    50%{
       transform:scale(1.1);
       -ms-transform:scale(1.1);
       -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
       -o-transform:scale(1.1);
    }
    100%{
       transform:scale(1);
       -ms-transform:scale(1);
       -webkit-transform:scale(1);
       -moz-transform:scale(1);
       -o-transform:scale(1);
    }
  }

.ball_01,.ball_02,.ball_03,.ball_04{
animation: ball_s 1s infinite ease-in-out;
-ms-animation: ball_s 1s infinite ease-in-out;
-webkit-animation: ball_s 1s infinite ease-in-out;
-moz-animation: ball_s 1s infinite ease-in-out;
-o-animation: ball_s 1s infinite ease-in-out;
}

@-webkit-keyframes balls {
from {
	bottom:0.5rem;
	-webkit-transform:scale(1,1);
}
to {
	bottom:5.9rem;
	-webkit-transform:scale(0.2,0.2);
}
}
@keyframes balls {
from {
	bottom:0.5rem;
	transform:scale(1,1);
}
to {
	bottom:5.9rem;
	transform:scale(0.2,0.2);
}
}

.ball_ani{
animation:balls 1s linear;
-webkit-animation:balls 1s linear;
}


@-webkit-keyframes hh {
0% {
	-webkit-transform:scale(1,1);
	opacity:1;
}
50% {
	-webkit-transform:scale(1.3,1.3);
	opacity:0.5;
}
100% {
	-webkit-transform:scale(0.8,0.8);
	opacity:0;
	visibility:hidden!important;
}
}
@keyframes hh {
0% {
	transform:scale(1,1);
	opacity:1;
}
50% {
	transform:scale(1.3,1.3);
	opacity:0.5;
}
100% {
	transform:scale(0.8,0.8);
	opacity:0;
	visibility:hidden!important;
}
}


.hh_ani{
animation:hh 0.5s linear;
-webkit-animation:hh 0.5s linear;
}


/* 页面背景 */
.page1{background:url(../images/1.jpg) no-repeat center top;}
.page2{background:url(../images/2.jpg) no-repeat center top;}
.page3{background:url(../images/2.jpg) no-repeat center top;}
.page4{background:url(../images/2.jpg) no-repeat center top;}
.page5{background:url(../images/2.jpg) no-repeat center top;}
.page6{background:url(../images/2.jpg) no-repeat center top;}
.page7{background:url(../images/2.jpg) no-repeat center top;}
.page8{background:url(../images/2.jpg) no-repeat center top;}
.page9{background:url(../images/2.jpg) no-repeat center top;}
.page10{background:url(../images/2.jpg) no-repeat center top;}
.page11{background:url(../images/2.jpg) no-repeat center top;}
.page12{background:url(../images/2.jpg) no-repeat center top;}
.page13{background:url(../images/2.jpg) no-repeat center top;}
.page14{background:url(../images/2.jpg) no-repeat center top;}
.page15{background:url(../images/2.jpg) no-repeat center top;}
.page16{background:url(../images/2.jpg) no-repeat center top;}
.page17{background:url(../images/2.jpg) no-repeat center top;}
.page18{background:url(../images/2.jpg) no-repeat center top;}

.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14,.page15,.page16,.page17{
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
/*.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14,.page15{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
background:url(../images/bg.jpg) repeat;
}*/

/* 页面元素 */
.contain{overflow:hidden;}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain li img{position:absolute; z-index:10;}

.loading{ width:100%; height:100%; background:#fff; position:absolute; margin:0 auto; z-index:10000;}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-0.95rem; margin-left:-1.56rem;  z-index:10001;}

/* 自适应框架（设计图宽度） */
body {
	max-width: 7.2rem;
	margin: 0 auto;
}
body * {
	max-width: 7.2rem;
}

.mask{ width:100%; height:100%; background:rgba(0,0,0,0.7); left:0; top:0; display:none; z-index:30;}
.fx_box{ width:300px; height:60px; background:#fff; z-index:2; left:50%; top:50%; margin-left:-150px; display:none;
border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;}
.fx_box img{ width:40px;}
.quit{ width:30px; height:30px; font-size:30px; position:absolute; right:-30px; top:-30px; color:#fff; cursor:pointer; z-index:33;}