@charset "utf-8";
*{margin:0; padding:0; list-style:none}
*:not(input):not(textarea) {
	-webkit-user-select:none;/* 禁用选择复制 */
	-webkit-touch-callout:none;/* 禁用系统默认菜单 */
} 
html {
	-webkit-tap-highlight-color:rgba(0,0,0,0);/* 禁止点选高亮显示 */
	-webkit-overflow-scrolling:touch;/* 局部滚动 */
}
.cube {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);/* 开启硬件加速 */
}
.wow{visibility: hidden;}
.none{display:none;}

body {
	width:100%;
	*cursor:default;
	font:16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
	background:#fff;
	color:#333; 
}

#pageContain {
	overflow:hidden;
	display:none;
}
.page{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	/*top:0;
	left:0;*/
}
.contain {
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain ul li img{position:absolute; z-index:10;}
.contain ol img{position:absolute; z-index:10;}
.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;
}

#prev,#next {
	z-index:4;
	text-align: center;
	line-height:1rem;
	position: absolute;
	width:1rem;
	height:1rem;
	top:50%;
	cursor:pointer;
	margin-top:-0.5rem;
	font-size:1rem;
	color:rgba(255,255,255,0.5);
}
#prev {
	left:0
}
#next {
	right:0
}*/

/* 页面加载 */
#loading{position:absolute; width:100%; height:100%; background:#fff url("../images/loading.gif") no-repeat 50% 50%; z-index:10000; display:none;}

/* 音乐标志 */
#music_btn{position:fixed; width:0.5rem; height:0.5rem; top:0.1rem; left:0.1rem; z-index:9999; cursor:pointer;
	-webkit-animation:music_dh 10s linear 0s infinite;
	animation:music_dh 10s linear 0s infinite;
}
@-webkit-keyframes music_dh{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes music_dh{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.music_on{
	background:url(../images/m_play.png) no-repeat 50%;
	background-size:100% 100%;
}
.music_off{
	background:url(../images/m_pause.png) no-repeat 50%;
	background-size:100% 100%;
}

/* 箭头 */
.arrow_up {position:fixed; background-image:url("../images/arrow_u.png"); background-size:100%; bottom:0.2rem; left:50%; width:0.4rem; height:0.33rem; z-index:9999;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-animation:arrow_up 1s linear 0s infinite alternate;
animation:arrow_up 1s linear 0s infinite alternate;
}
@-webkit-keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.3rem;}
}
@keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.3rem;}
}

/* 页面背景 */
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{background:url(../images/001.jpg) no-repeat 50%;}
.page2{background:url(../images/002.jpg) no-repeat 50%;}
.page5,.page6{background:#FFF2B8;}
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{
-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{
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%;
} */

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

/* 启动页 */
#index{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
	background:url(../images/000.jpg) no-repeat 50%;
	background-size:cover;
	display:none; 
}
#index .contain{display:block;}

/* 图标 */
.imgList{position:absolute; z-index:20;}
.imgList img{width:100%; height:auto;}
.imgList a{float:left; min-width:1.3rem; min-height:1.3rem; position:relative;}
.yes i{
	position:absolute;
	z-index:21;
	bottom:0;
	right:0;
	width:0.5rem;
	height:0.5rem;
	background:url(../images/yes.png) no-repeat 50%;
	background-size:100% 100%;
}

.btn_submit{
	position:absolute;
	z-index:30;
	bottom:0.2rem;
	left:0.3rem;
	width:2.16rem;
	height:1.68rem;
	background:url(../images/btn_next.png) no-repeat 50%;
	background-size:100% 100%;	
}
.page2 .btn_submit,.page5 .btn_submit{left:5.2rem;}

.page4 .imgList{top:1.8rem; left:0.5rem;}
.page4 .imgList a{width:1.6rem; height:1.6rem; margin:0.3rem;}
.page5 .imgList{top:1.5rem;}
.page5 .imgList a{width:7rem; height:2.3rem; margin:0.3rem;}

.page6 .imgList2{position:absolute; z-index:10; top:6rem;}
.page6 .imgList2 img{width:100%; height:auto;}
.page6 .imgList2 a{position:relative; float:left; min-width:1.65rem; min-height:1.5rem; margin:0.3rem 0.4rem;}
.page6 .imgList2 a.imgw{width:6.5rem; height:2.2rem;}

.postCard{
	position:absolute;
	top:0.5rem;
	left:0;
	width:7.5rem; 
	height:5.5rem;
}
.postCard .postCard_bg{position:absolute; z-index:-1; width:100%; height:100%;}
.postCard i{position:absolute; font-size:0.45rem; font-weight:bold; font-style:normal; color:#EB7528;}
.postCard i:nth-of-type(1){top:0.5rem; left:5.2rem; font-size:0.7rem; color:#000;}
.postCard i:nth-of-type(2){top:2.85rem; left:4.95rem;}
.postCard i:nth-of-type(3){top:3.45rem; left:2.7rem;}
.postCard dt{position:absolute; top:2.95rem; left:0.6rem; width:1.5rem; height:1rem; text-align:center;}
.postCard dt img{position:relative; width:0.8rem; height:0.8rem; border-radius:50%;}
.postCard dt h1{font-size:0.24rem; font-weight:normal;}

.savePic{
	width:100%;
	height:100%;
	position:relative;
}
.noSelect{
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.simg{position:absolute; top:0; left:0; width:100%; opacity:0; z-index:50;}
.page6 .contain ul li img{z-index:21;}

.basic a{position:absolute;}
.basic a:nth-of-type(1){top:0.38rem; left:3.75rem;}
.basic a:nth-of-type(2){top:0.6rem; left:5.4rem;}
.basic a:nth-of-type(3){top:2.1rem; left:6.75rem}
.basic a:nth-of-type(4){top:3.75rem; left:7.14rem;}
.basic a:nth-of-type(5){top:5.4rem; left:6.75rem;}
.basic a:nth-of-type(6){top:6.9rem; left:5.4rem;}
.basic a:nth-of-type(7){top:7.13rem; left:3.75rem;}
.basic a:nth-of-type(8){top:6.9rem; left:2.1rem;}
.basic a:nth-of-type(9){top:5.4rem; left:0.75rem;}
.basic a:nth-of-type(10){top:3.75rem; left:0.38rem;}
.basic a:nth-of-type(11){top:2.1rem; left:0.75rem;}
.basic a:nth-of-type(12){top:0.6rem; left:2.1rem;}

/* 旋转动画 */
.basic{
	position:absolute;
	width:9rem;
	height:9rem;
}
.page1 .basic,.page3 .basic{
	top:-2.5rem;
	left:-3.6rem;
	background:url(../images/001_r1.png) no-repeat 50%;
	background-size:100% 100%;
}
.page1 .basic.r2,.page3 .basic.r2{
	top:4.4rem;
	left:1.8rem;
	background:url(../images/001_r2.png) no-repeat 50%;
	background-size:100% 100%;
}
.page2 .basic{
	top:4.2rem;
	left:-2.8rem;
	background:url(../images/002_r1.png) no-repeat 50%;
	background-size:100% 100%;
}
.page2 .basic.r2{
	top:-3.2rem;
	left:2rem;
	background:url(../images/002_r2.png) no-repeat 50%;
	background-size:100% 100%;
}
/*顺时针自转，同时该元素下所有的子元素也会一起旋转起来*/
.avatar{animation: spin 30s infinite linear;}
/*逆时针旋转“自转”，与“公转”导致的旋转相抵消。形成一种不动的错觉*/
.avatar > a {animation:spin-reverse 30s infinite linear;}
/* 顺时针自转 */
@keyframes spin {
	to {transform: rotate(1turn);}
}
 /* 逆时针自转 */    
@keyframes spin-reverse {
	from {transform: rotate(1turn);}
}

/*微信分享*/
#mcover{
display:none;
position:fixed;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.7);
z-index:10000;
}
#mcover img{
position:fixed;
top:0.1rem;
width:100%;
height:auto;
z-index:10001;
}
.wx_btn{position:absolute; z-index:9999; cursor:pointer;}

.btn_go,.btn_next,.btn_back,.btn_end{cursor:pointer;}

/* 移动端自适应 */
/* iphoneX */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.contain{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:100%;
	}
	#index .contain{height:11.83rem;}
}
/* iphoneXS MAX */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	.contain{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:100%
	}
	#index .contain{height:11.83rem;}
}
/* iphoneXR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	.contain{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:100%;
	}
	#index .contain{height:11.83rem;}
}