html,body{
	padding: 0;
	margin: 0;
	font-family: "HelveticaNeue";
	background-color: #000;
}
.clear:before,.clear:after{
	content: '';
	clear: both;
	display: table;
}
.clear{
	clear: both;
}
.wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    position: relative;
    left: 0;
    top: 0;
    z-index: 11;
}
.swiper-container,.swiper-slide{
    overflow: hidden;
}
.swiper-container,.swiper-slide,.swiper-wrapper {
	height: 100%;
	width: 100%;
	position:relative;
	height:100%;
}
.page1,.page2,.page3,.page4,.page5,.page6,.page7{
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.page1{
	background: url(../images/bg01.jpg) no-repeat top center;
	background-size:100% 100%;
}
.pageform{
	background: url(../images/bgform.jpg) no-repeat top center;
	background-size:100% 100%;
}
.page2{
	background: url(../images/bg02.jpg) no-repeat top center;
	background-size:100% 100%;
}
.page3{
	background: url(../images/bg03.jpg);
	background-size:100% 100%;
}
.page4{
	background: url(../images/bg04.jpg);
	background-size:100% 100%;
}
.page5{
	background: url(../images/bg05.jpg);
	background-size:100% 100%;
}
.page6{
	background: url(../images/bg06.jpg);
	background-size:100% 100%;
}
.page7{
	background: url(../images/bg07.jpg);
	background-size:100% 100%;
}
.page8{
	background: url(../images/bg08.jpg);
	background-size:100% 100%;
}
.page9{
	background: url(../images/bg09.jpg);
	background-size:100% 100%;
}
.page10{
	background: url(../images/bg10.jpg) no-repeat top center;
	background-size:100% 100%;
}
.page11{
	background: url(../images/bg10.jpg) no-repeat top center;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	overflow: hidden;
	position: absolute;
}
.title img{
	/*width: 16rem;*/
	height: 3.73875rem;
	margin: auto;
	display: block;
	margin-top: 12rem;
}
.sub-title{
	width: 12.0625rem;
	height: 2.3125rem;
	line-height: 2.2rem;
	margin: .5rem auto 0;
	font-size: 1.05rem;
	color: #feeaa3;
	text-align: center;
	letter-spacing: 1px;
	text-indent: .3rem;
	background: url(../images/get_border.png);
	background-size: 100% 100%;
}
.chengg{
	width:100%;
	height:0.03125rem;
	background:none;
}
.page_list{
	width:15.8125rem;
	height:13.78125rem;
	background:url(../images/i_bg.png) no-repeat center;
	background-size:100% 100%;
	margin:0 auto 0;
	font-size:0.6875rem;
	position:relative;
	overflow: hidden;
}
.page_list li{
	display: block;
	width:100%;
	height:1rem;
	color:#78090d;
}
.page_list li:nth-child(1){
	margin-top:1.9rem;
}
.page_list li:nth-child(2){
	margin-top:.8rem;
}
.page_list li:nth-child(3){
	margin-top:.8rem;
}
.page_list li:nth-child(4){
	margin-top:.8rem;
}
.page_list li:nth-child(5){
	margin-top:.8rem;
}
.page_list li:nth-child(6){
	margin-top:.8rem;
}
.page_list li:nth-child(1) span{
	margin-right:2rem;
}
.page_list li:nth-child(2) span{
	margin-right:2rem;
}
.page_list li:nth-child(3) span{
	margin-right:2rem;
}
.page_list li:nth-child(4) span{
	margin-right:2rem;
}
.page_list li:nth-child(5) span{
	margin-right:2rem;
}
.page_list li:nth-child(6) span{
	margin-right:1rem;
}
.page_img1{
	display: block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.l_img{
	display: block;
	width:4.09375rem;
	height:4.3125rem;
	position:absolute;
	left:0;
	bottom:7.8125rem;
	z-index:1;
}
.r_img{
	display: block;
	width:4.34375rem;
	height:8.1875rem;
	position:absolute;
	right:0;
	bottom:3.4375rem;
	z-index:1;
}
.page_list li span{
	display: block;
	float:right;
	transform: skew(1deg,-5deg);
    -webkit-transform: skew(1deg,-5deg);
	font-weight:bold;
	margin-right:1.5rem;
}
.list{
	color:#fef0c0;
	font-size: 0.9375rem;
	margin-top:1.975rem;
	text-align: center;
	letter-spacing: 2px;
	text-shadow: 0px 0px 2px rgba(199,180,125,.8), 0px 0px 2px rgba(255,251,237,.8);
	filter: drop-shadow(5px 5px 10px #000);
}
.list li{
	line-height: 2.0375rem;
}
.list span{
	font-size: 1rem;
	color: #F8A253;
	letter-spacing: 0;
	margin: 0 5px;
	background-color:#03032d;
}
.js_load {
	display: none;
}
@-webkit-keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.page1 .start{
	position: absolute;
	width: 11.875rem;
	height: 2.9375rem;
	bottom: 2rem;
	left:50%;
	margin-left:-5.9375rem;
	background: transparent;
	border: none;
	outline: none;
}
.pageform .btn02{
	width: 13rem;
	height: 4.03125rem;
	display: block;
	margin: auto;
	margin-top: 2.5rem;
}
.pageform .login-tit img{
	width: 11.2rem;
	height: 4.46rem;
	display: block;
	margin: auto;
	margin-top: 3rem;
}
.pageform .tab li{
	float: left;
	color: #fde692;
	font-size: 1.125rem;
	width: 50%;
	text-align: center;
	font-weight:bold;
}
.pageform .tab li i{
	width: 1.375rem;
	height: 1.375rem;
	display: inline-block;
	vertical-align: text-top;
	background: url(../images/cir.png) no-repeat center;
	background-size: 100% 100%;
	margin-right:.2rem;
}
/*.pageform .tab li.curr{
	color: #f4c90b !important;
}*/
.pageform .tab li.curr i{
	background: url(../images/cir-1.png) no-repeat center;
	background-size: 100% 100%;
}
.pageform .tab {
	width: 15.9375rem;
	margin: auto;
	margin-top: 2.4375rem;
}
.pageform .form{
	position: absolute;
	top: 11.875rem;
	width:100%;
}
.pageform .form input,.pageform .form select{
	width: 12.59375rem;
	height: 2.46875rem;
	display: block;
	font-size: 0.8125rem;
	color: #fff5c3;
	text-align: center;
	border-radius: 0.45rem;
	border: none;
	margin: 0.625rem auto;
	background: url(../images/input.png) no-repeat;
	background-size: 100% 100%;
}
.pageform .form input{
	margin-top: 1.11375rem;
	color:  #fff5c3;
}
.pageform .form input::-webkit-input-placeholder {
	color:#fff5c3;
}
.pageform .form input:-moz-placeholder {
	color:#fff5c3;
}
.pageform .form input::-moz-placeholder {
	color:#fff5c3;
}
.pageform .form input:-ms-input-placeholder {
	color:#fff5c3;
}
.pageform .form select{
	/*width: auto;*/
	padding: 0 4.1rem;
}
.pageform .down_1{
	width: .427rem;
	height: .361rem;
	position: absolute;
	right: 3.5rem;
	margin-top: 6.25rem;
}
.pageform .android{
	display:none;
}
.page5 .title img,.page6 .title img{
	margin-top: 10rem;
}
.page5 .list,.page6 .list{
	margin-top:0;
}
/*.page7 .title img{*/
	/*margin-top: 10rem;*/
/*}*/
.page7 .list,.page6 .list{
	margin-top: 0.975rem;
}
.page7 .list i{
	font-style: normal;
	width: 6.5rem;
	display: inline-block;
	text-align: right;
}
.page7 .list span{
	font-size: .9rem;
	color: #F8A253;
	letter-spacing: 0;
	margin: 0;
	text-align: left;
	width: 6.5rem;
	display: inline-block;
	margin-left: 1rem;
}
.page8 .list span{
	font-size: .9rem;
	color: #F8A253;
	letter-spacing: 0;
	margin: 0;
	text-align: left;
	width: 3rem;
	display: inline-block;
	margin-left: 1.5rem;
}
.page8 .t1{
	position: absolute;
	top: 13.5rem;
	left: 2.1rem;
	color: #EED6B8;
}
.page8 .t1 span,.page8 .t2 span{
	color: #F8A253;
}
.page8 .t2{
	position: absolute;
	top: 13.5rem;
	right: 1.3rem;
	color: #EED6B8;
}
.page_list1{
	width:12rem;
	height:5.40625rem;
	background:url(../images/list.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0.625rem auto 0;
	overflow: hidden;
}
.page_list1 li:nth-child(1){
	margin-top:.2rem;
}
.page_list1 li{
	width:100%;
	height:1.71875rem;
	font-size:0.625rem;
	color:#7d090e;
	line-height:1.71875rem;
	text-align: right;
}
.page_list1 li span{
	display: block;
	margin-right:1.71875rem;
	font-weight:bold;
}
.page8_txt{
	width:13.28125rem;
	height:7.625rem;
	background:url(../images/title_8.png) no-repeat center;
	background-size:100% 100%;
	margin:0 auto 0;
	position:relative;
}
.page8_txt span{
	display: block;
	width:1.4375rem;
	height:1rem;
	font-size:0.8125rem;
	color:#f1a02c;
	text-align: center;
	line-height:1rem;
	font-weight:bold;
	position:absolute;
}
.page8_txt span:nth-child(1){
	left:2.875rem;
	bottom:0.03125rem;
}
.page8_txt span:nth-child(2){
	right:1rem;
	bottom:0.03125rem;
}
.half {
	width: 18.28125rem;
	height: 11.65625rem;
	background: url(../images/head_img.png) no-repeat center;
	background-size: 100% 100%;
	margin: 9.375rem auto 0;
	position: relative;
}
.half > a {
	width: 8.7rem;
	height: 8.7rem;
	border-radius: 50%;
}
.half > a img {
	width: 7.7rem;
    height: 7.7rem;
    display: block;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 64.5%;
    z-index: 17;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
#file {
	width: 5rem;
	height: 4rem;
	top: 4rem;
	left: 4rem;
	position: absolute;
	opacity: 0;
	z-index: 80;
}
/*ͼƬ�ü��IJ�*/
.htmleaf-container{
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	display: none;
	z-index: 99;
}
/*���߲ü���*/
#clipArea {
	height: 100%;
	background: #2e2e40;
}
/*ȷ����ť*/
#clipBtn{
	color: #EED6B8;
	border: 0;
	outline: none;
	background: none;
	font-size: 0.9375rem;
	z-index: 100;
	display: block;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}
#clierBtn{
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	color: #EED6B8;
}
.page9 .addinfo{
	color: #f9e18e;
	font-size: 1.2rem;
	text-align: center;
	margin-top: 1rem;
}
.page9 .op{
	opacity:0;
}
.page9 .btn03{
	width:13em;
	height: 4.03125rem;
	margin:3.4375rem auto 0;
	display:none;
}
.page10 .btn04,.page10 .btn05{
	width: 8.438em;
	display: inline-block;
	margin: auto;
	bottom: 1rem;
	left: 1rem;
	position: absolute;
}
.page10 .btn05{
	right: .5rem;
	left: auto;
}
.page10 .photo{
	width: 4.063rem;
	height: 4.063rem;
	overflow: hidden;
	background-size: 100% 100%;
	display: block;
	margin: auto;
	margin-top: 13.45rem;
	position: relative;
}
.page10 .photo p{
	width: 2.7rem;
	height: 2.625rem;
	position: absolute;
	overflow: hidden;
	left:.78rem;
	top:.78rem;
}
.page10 .photo p img{
	display: block;
	width: 2.7rem;
	height:2.625rem;
	border-radius: 50%;
}
.page10 .cont{
	padding: 0 3.5rem 0 4rem;
}
.page10 .cont h2{
	font-size: .8125rem;
	color:#6f4624;
}
.page10 .cont p{
	font-size: .65625rem;
	line-height: 1.5rem;
	text-indent: 1rem;
	color:#6f4624;
	font-weight:bold;
}
.page10 .cont p span{
	margin: 0 5px;
	color: #a83f37;
}
.page10 .cont p i{
	margin: 0 5px;
	font-style:normal;
	color: #C70101;
	text-decoration: underline;
}
.page11 .cont{
	padding: 0;
}
.page11 .qrcode{
	text-align: center;
	position: absolute;
	bottom: -11.2rem;
	width: 100%;
}
.page11 .qrcode p{
	color: #CEAA89;
	font-size: .7rem;
	position: absolute;
	width: 100%;
	bottom: -.8rem;
}
.page11 .qrcode img{
	width: 12rem;
	margin: 0 0 0 2.5rem;
	height: auto;
}
.page11 .qrcode img:nth-of-type(2){
	width: 2.9rem;
	margin: 0;
	position: absolute;
	top: .3rem;
	left: 5.55rem;
}
.page11 .share_bg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.page11 .saveimg{
	color: #CEAA89;
	font-size: .7rem;
	position: absolute;
	width: 100%;
	bottom: 1rem;
	text-align:center;
}
.top-img{
	width: 16.8rem;
	height: 12rem;
	margin:auto;
	position:absolute;
	top: 44%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.top-img .photo{
	margin-top:0;
}
.top-img .photo p{
	margin:0;
}
.top-img img{
	width: 3.625rem;
	height: 3.625rem;
	display: block;
	margin:auto;
}
.top-img h2{
	margin-left: 2.0rem;
}
.top-img p{
	margin: .5rem 2.0rem;
}
.down{
	width: 1.5625rem;
	height: 2.03125rem;
	background:url(../images/down.png) no-repeat bottom center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	margin-left: -0.78125rem;
	animation: start infinite 1s ease-in-out;
	-webkit-animation: start infinite 1s ease-in-out;
}
.music_play {
    position: absolute !important;
    width: 0.77333333rem;
    height: 0.77333333rem;
    right: 0.53333333rem;
    top: 0.50666667rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    animation: xuanzhuan 6s linear infinite;
    -webkit-animation: xuanzhuan 6s linear infinite;
    z-index: 99;
}
.music_play {
    width: 1.546667rem !important;
    height: 1.546667rem !important;
    right: 0.866667rem !important;
    top: 0.5rem !important;
}
.music_pause {
    position: absolute;
    width: 1.546667rem !important;
    height: 1.546667rem !important;
    right: 0.866667rem !important;
    top: 0.5rem !important;
    z-index: 99;
}
@-webkit-keyframes xuanzhuan {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes xuanzhuan {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@keyframes rotateIn5{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-360deg);}
}
@-webkit-keyframes rotateIn5{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(-360deg);}
}
@keyframes UpIn{
	0%{opacity:0;}
	100%{transform:translateZ(0.2rem);opacity:1;}
}
@-webkit-keyframes UpIn{
	0%{opacity:0;}
	100%{transform:translateZ(0.2rem);opacity:1;}
}
@keyframes rotateIn3{
	0%{width:2.5rem;opacity: 0.3}
	100%{width:3.76rem;opacity: 1}
}
@-webkit-keyframes rotateIn3{
	0%{width:2.5rem;opacity: 0.3}
	100%{width:3.76rem;opacity: 1}
}
@-webkit-keyframes rightIn{
	0%{opacity:0;transform:translate3d(1000px,0,0);}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1}
	}
@keyframes rightIn{
	0%{opacity:0;transform:translate3d(1000px,0,0);}
	100%{transform:translate3d(0,0,0);opacity:1}
	}	
@-webkit-keyframes leftIn{
	0%{opacity:0;transform:translate3d(-1000px,0,0);}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1}
	}
@keyframes leftIn{
	0%{opacity:0;transform:translate3d(-1000px,0,0);}
	100%{transform:translate3d(0,0,0);opacity:1}
	}
@-webkit-keyframes zoomIn{
	0%{
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
		}
	50%{opacity:1}
}
@keyframes zoomIn{
	0%{
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
		}
	50%{opacity:1}
}
@-webkit-keyframes bottomIn{
0%{
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	visibility:visible
}
100%{
	-webkit-transform:translateY(0);
	transform:translateY(0)}
}
@keyframes bottomIn{
0%{
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	visibility:visible
}
100%{
	-webkit-transform:translateY(0);
	transform:translateY(0)}
}
@keyframes scale{
	0%,100%{
		transform:scale(0.9);
	}
	50%{
		transform:scale(1);
	}
}
@-webkit-keyframes scale{
	0%,100%{
		transform:scale(0.9);
	}
	50%{
		transform:scale(1);
	}
}
@keyframes scale1{
	0%,100%{
		transform:scale(0.9);
	}
	50%{
		transform:scale(1);
	}
}
@-webkit-keyframes scale1{
	0%,100%{
		transform:scale(0.9);
	}
	50%{
		transform:scale(1);
	}
}
@keyframes fade-in{  
    0%,100%{ opacity: 0;}
    50%{opacity:1;}
}
@-webkit-keyframes fade-in{
    0%,100%{ opacity: 0;}
    50%{opacity:1;}
}
@-webkit-keyframes animate-positive {
    0% { width: 0%;}
}
@keyframes animate-positive {
    0% { width:0%; }
}

 /*@keyframes line{ 0% {transform: translateY(-2.333333rem);} 50% {transform: translateY(4.8rem);} 100% {transform: translateY(-2.333333rem);} }*/
 /*@-webkit-keyframes line{ 0% {-webkit-transform: translateY(-2.333333rem);} 50% {-webkit-transform: translateY(4.8rem);} 100% {-webkit-transform: translateY(-2.333333rem);}}*/

@keyframes line{
0% {position:absolute;top: 1.286667rem;} 
 50% {position:absolute;top: 7.66rem;} 
 100% {position:absolute;top: 1.286667rem} }
 @-webkit-keyframes line{
0% {position:absolute;top: 1.286667rem;} 
 50% {position:absolute;top: 7.66rem;} 
 100% {position:absolute;top: 1.286667rem} }