/* reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,form,th,td{margin:0;padding:0;}
body{font:0.12rem SimHei,Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif;word-wrap:break-word;-webkit-overflow-scrolling:touch;}
html,body{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);position:relative;height:100%;}
.div,a,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none outside;}
address,caption,cite,code,dfn,em,strong,u,i,th,var{font-style:normal;} 
abbr[title], acronym[title]{border-bottom:1px dotted;cursor:help;}
:focus{outline:0;}
q:before, q:after{content:''; }
input,button,textarea,select{outline:none;*font-size:100%;}
input,textarea{-webkit-appearance:none;}
abbr,acronym,fieldset,img,fieldset{border:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
a:hover{outline:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.page{
	width: 100%;
	height: 100%;	
	position: relative;
	}
.page_wrap{
	width: 100%;
	height: 12.06rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);	
}
.page1{
	background: url("../img/page1_bg.jpg") no-repeat center top;
	background-size: 100% 100%;
}
.page1_logo1,.page5_logo{
	width: 2.63rem;
	height: 0.57rem;
	position: absolute;
	left: 0.2rem;
	top: 6vh;
	z-index: 2;
}
.page5_logo{
	width: 2.2rem;
	height: 0.48rem;
	top: 2vh;
}
.page1_logo3{
	width: 2.11rem;
	height: 0.36rem;
	position: absolute;
	right: 0.4rem;
	top: 6.5vh;
}
.page1_logo2{
	width: 0.64rem;
	height: 0.63rem;
	position: absolute;
	left: 3.1rem;
	top: 6vh;
	z-index: 2;
}
.page1_text1{	
	width: 7.5rem;
	height: 12.06rem;
	position: absolute;	
	left: 0;
	top: 0;
}
.page1_text2{
	width: 2.41rem;
	height: 2.96rem;
	position: absolute;
	bottom: 1.4rem;
	left: 1.1rem;	
}
.page1_btn,.page2_btn,.page5_btn{
	width: 4.24rem;
	height: 1.18rem;
	background: url("../img/page1_btn.png") no-repeat;
	background-size: 4.24rem 1.18rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -2.12rem;
	-webkit-animation: pulse ease-in-out 1s alternate infinite;
}
.page2_btn{
	background: url("../img/page2_btn.png") no-repeat;
	background-size: 4.24rem 1.18rem;
	bottom: 0.25rem;
	z-index: 3;
}
.page5_btn{
	background: url("../img/page5_btn.png") no-repeat;
	background-size: 4.24rem 1.18rem;
	top: 2.2rem;
	bottom: auto;
}
@-webkit-keyframes pulse {
      from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }

      50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
      }

      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
    }
.page2,.page3,.page4{
	background: url("../img/page_bg.jpg") no-repeat center top;
	background-size: 100% 100%;
}
.page2_text{
	width: 7rem;
	height: 11.21rem;
	position: absolute;
	left: 50%;
	top: 0.12rem;
	transform: translateX(-50%);
}
.waterdrop{
	width: 1.5rem;
	height: 1.08rem;
	position: absolute;
	left: 0.3rem;
	bottom: -0.13rem;
}
.z-index2{
	z-index: 2;	
}
.page3_text{
	width: 1.46rem;
	height: 8.29rem;
	position: absolute;
	left: 0.45rem;
	top: 0.6rem;
}
.page3_img{
	width: 5.63rem;
	height: 12.23rem;
	background: url("../img/page3_img.gif") no-repeat;
	background-size: 5.63rem 12.23rem;
	position: absolute;
	top: 0.12rem;
	right: 0;
}
.page3_sky{
	width: 4.51rem;
	height: 2.28rem;
	position: absolute;
	left: 0.76rem;
	top: 0.56rem;
	/*background: #f60;*/
}
.page3_coral{
	width: 2.37rem;
	height: 4.39rem;
	position: absolute;
	left: 0.76rem;
	top: 3.02rem;
	/*background: #ff0;*/
}
.page3_hill{
	width: 2rem;
	height: 3.36rem;
	position: absolute;
	left: 3.27rem;
	top: 3.02rem;
	/*background: #0f0;*/
}
.page3_sea{
	width: 2.37rem;
	height: 3.77rem;
	position: absolute;
	left: 0.76rem;
	top: 7.55rem;
	/*background: #306;*/
}
.page3_river{
	width: 2rem;
	height: 4.82rem;
	position: absolute;
	left: 3.27rem;
	top: 6.5rem;
	/*background: #0ff;*/
}
.page4_text{
	width: 1.15rem;
	height: 7.27rem;
	position: absolute;
	left: 0.8rem;
	top: 0.57rem;
}
.page4_copyright{
	width: 0.15rem;
	height: 1.52rem;
	position: absolute;
	right: 0.13rem;
	bottom: 1.26rem;
	z-index: 1;
}
.page4_img{
	width: 5.63rem;
	height: 11.94rem;
	background: url("../img/page4_img.png") no-repeat;
	background-size: 5.63rem 11.94rem;
	position: absolute;
	top: 0.12rem;
	right: 0;
}
.page4_filter1,.page4_filter2,.page4_filter3{
	width: 4.6rem;
	height: 3rem;
	position: absolute;
	left: 0.7rem;
	top: 0.49rem;
	/*background: #f00;*/
}
.page4_filter2{
	top: 4.19rem;
	/*background: #30f;*/
}
.page4_filter3{
	top: 7.89rem;
	/*background: #0f0;*/
}
.poster{
	width: 100%;
	height: 100%;
	z-index: 1;
}
.page5_top{
	width: 4.48rem;
	height: 2.72rem;
	box-sizing: border-box;
	background: url("../img/page5_top.png") no-repeat;
	background-size: 4.48rem 2.72rem;
	padding-top: 1.56rem;
	position: absolute;
	top: -0.2rem;
	left: 50%;
	transform: translateX(-50%);
}
.page5_top p{
	width: 3.3rem;
	height: 0.42rem;
	line-height: 0.42rem;
	color: #b2fffa;
	font-size: 0.3rem;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
}
.page5_top p span{
	color: #fcd143;
	text-decoration: underline;
	margin: 0 0.05rem;
}
.page5_text{
	width: 5.52rem;
	height: 2.61rem;
	background: url("../img/page5_textBg.png") no-repeat;
	background-size: 5.52rem 2.61rem;
	position: absolute;
	left: 0;
	top: 4.95rem;
}
.page5_text dt{
	width: 4.65rem;
	height: 1.02rem;
	line-height: 0.36rem;
	box-sizing: border-box;
	color: #6200ea;
	display: flex;
    align-items: center;
	padding: 0.15rem 0.2rem 0.18rem 1.38rem;	
	font-size: 0.26rem;
	font-weight: bold;	
}
.page5_text dd{
	width: 5.52rem;
	height: 1.6rem;		
	line-height: 0.36rem;
	box-sizing: border-box;
	color: #b2fffa;
	padding: 0 0.1rem 0 0.2rem;
	font-size: 0.22rem;
	font-weight: bold;
}
.page5_bottom{
	width: 7.5rem;
	height: 4.63rem;
	background: url("../img/page5_bottom.png") no-repeat;
	background-size: 7.5rem 4.63rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.page5_shareBg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.page5_wb{
	width: 4.89rem;
	height: 2.44rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1.22rem 0 0 -2.445rem;
	z-index: 11;
}
.page5_wx{
	width: 6.2rem;
	height: 5.82rem;
	position: absolute;
	right: 0.76rem;
	top: 0.4rem;
	z-index: 11;
}
.none{
	display: none;
}