@charset "utf-8";
/******= Reset =******/
section,article,aside,header,footer,nav,dialog,figure,legend{display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show; table-layout:fixed;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"microsoft yahei";font-weight:normal;}
img{border:0;vertical-align:middle;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}[hidden]{display:none;}
input[type=button]{-webkit-appearance:none;outline:none}
a,div{ outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
/******= Common style =******/
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{clear:both;height:1px;margin-top:-1px;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display:block;}
input.button,button{cursor:pointer;overflow:visible;/*Fix IE lt 8 bug*/}
textarea{overflow:auto;/*Hide the scrollbar for IE*/}
label[for]{cursor:pointer;}
body{line-height:1.5em;background:#fff;overflow-x:hidden;}
a{cursor:pointer;text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a{color:#1e1e1e;}
a:hover,a:active{color:#000;}
body{color:#1e1e1e;background:#000;font-family:"microsoft yahei";font-size:14px;line-height:1.5em}
.hide{ display: none; }

/*横屏提示*/
.lock_wrp{position:fixed;width:100%; height:100%;z-index:1001; overflow:hidden; left:0; top:0; background:#000; color:rgba(255,255,255,.8); }
.lock{position:absolute; left:50%; top:50%; width:250px; height:150px; margin:-75px 0 0 -125px;font-size:14px;color:#fff;line-height:24px; text-align:center;}
.lock i{position:relative; display:block; width:74px; height:110px; background:url(https://appmedia.gtimg.com/media/641013281/main/images/wap/iphone.png) 0 0 no-repeat; background-size:100%; margin:0 auto; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-animation:iphone 1.6s ease-in infinite; -moz-animation:iphone 1.6s ease-in infinite; -o-animation:iphone 1.6s ease-in infinite; -ms-animation:iphone 1.6s ease-in infinite; animation:iphone 1.6s ease-in infinite;}
@-webkit-keyframes iphone{0%{-webkit-transform:rotate(-90deg);}25%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(0deg);}75%{-webkit-transform:rotate(-90deg);}100%{-webkit-transform:rotate(-90deg);}}
@-moz-keyframes iphone{0%{-moz-transform:rotate(-90deg);}25%{-moz-transform:rotate(0deg);}50%{-moz-transform:rotate(0deg);}75%{-moz-transform:rotate(-90deg);}100%{-moz-transform:rotate(-90deg);}}
@-o-keyframes iphone{0%{-o-transform:rotate(-90deg);}25%{-o-transform:rotate(0deg);}50%{-o-transform:rotate(0deg);}75%{-o-transform:rotate(-90deg);}100%{-o-transform:rotate(-90deg);}}
@-ms-keyframes iphone{0%{-ms-transform:rotate(-90deg);}25%{-ms-transform:rotate(0deg);}50%{-ms-transform:rotate(0deg);}75%{-ms-transform:rotate(-90deg);}100%{-ms-transform:rotate(-90deg);}}
@keyframes iphone{0%{transform:rotate(-90deg);}25%{transform:rotate(0deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-90deg);}100%{transform:rotate(-90deg);}}

/* portrait */
@media screen and (max-aspect-ratio: 13/9){/*竖屏*/
	.lock_wrp{display:none!important;}
}
/* landscape */
@media screen and (max-width:900px) and (min-aspect-ratio: 13/9){/*横屏*/
	.lock_wrp{display:block!important;}
}

/******= loading =******/
#loading{ display:block;}
.loading_bg { position:fixed; width: 100%; height: 100%; overflow: hidden; background-color: #fff; left: 0; top: 0; -webkit-transform-style: preserve-3d; z-index: 12 }
.loading_wrp { position: absolute; width: 1.3rem; height: 2rem; overflow: hidden; left: 50%; top: 41%; margin: -0.05rem 0 0 -0.65rem; }
.loading_wrp img{ width: 1.24rem; background-size: 100% 100%; }
.loading_wrp b { font-weight: normal; position: absolute; display: block; width: 100%; font-size:0.32rem; line-height: 0.4rem; bottom: 0px; color: #666; text-align: center; }

/******= index =******/
#wrapper{ width:100%; height:auto; position:relative;margin: 0 auto;}

.topBanner{ width: 100%; height: 288px; background: #000; display: block;position: relative;z-index: 10;}
.topBanner .banner_txt{ width: 100%; margin:0 auto; display: block; position: relative;}
.topBanner .banner_txt img{ width: 100%; background-size: 100% 100%;}
/*.topBanner .banner_txt a{ width: 7%; height: 20%; position: absolute; left: 57%; top: 67%; display: block;}*/
 .topBanner .banner_txt a{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; display: block;} 
.topBanner .banner_txt a img{ width: 122px; background-size: 100% 100%;}

.main{width:100%; height:100%; position:absolute; left:0; top: 288px; z-index: 10}
.video_wrap,.video_wrap2,.btn_video2{width: 100%; margin: 0 auto;}
.page1_box{ width: 100%; position: relative;}
.video_bg1,.video_bg2{ width: 100%;height: 100%;}

.pc_show{display:block;}
.pad_show,.phone_show,.lock_wrp,.share_pad{display:none;}
.btn_video1,.btn_video2{ width: 100%; position: absolute; top: 0; left: 0}
.btn_video1 img,.btn_video2 img{ width: 100%; background-size: 100% 100%;}
.btn_video1 .icon_play,.btn_video2 .icon_play{width: 61px; height: 61px; background-size: 100% 100%; position: absolute; top: 243px; left: 487px;}

.page2_box{ width: 100%; position: relative;}
.page2_box .page2_bg{width: 100%;}
.page3_box{ width: 100%; position: relative;}

.bg_02{
	position: relative;z-index: 10;
}
.bg_04_div{
	position: absolute;z-index: 9;
overflow: hidden;width: 100%;
}
.bg_04_div img{
	width: 100%;
	background-size: 100% 100%;
    margin: 0 auto;
}

.page4_box{ width: 100%;position: relative;z-index: 9;}
.page4_box ul{ margin-left: 2.08%;}
.page4_box ul li{ width: 25.7rem; background-size: 100% 100%; float:left; margin-right: 0.52%;}
.page4_box ul li img{ width: 100%; background-size: 100% 100%; }
.page4_box ul li div{ display: flex; }
.page4_txt01, .page4_txt02, .page4_txt03{height: 1.2rem; width: auto !important; margin: 1rem auto;}
.page4_box .btn_more{ position: absolute;left: 60%;top: 15%;width: 15%;height: 10%;}
.page4_box .page4_item1{ position: absolute;left: 40%;top: 25%;width: 25%;height: 60%;}
.page4_box .page4_item2{ position: absolute;left: 70%;top: 25%;width: 25%;height: 60%;}



.bg_05_div{
	position: absolute;z-index: 9;
overflow: hidden;width: 100%;
}
.bg_05_div img{
	width: 100%;
	background-size: 100% 100%;
    margin: 0 auto;
}

.page5_box{ width: 100%;position: relative;z-index: 9;}
.page5_box .btn_gift{ position: absolute;left: 42%;top: 22%;width: 15%;height: 10%;}

.hide{ display: none;}

.page6_box{ width: 100%;margin-top: -0.1rem;}
.page6_box .btn_buy{ width: 100%; margin: 0 auto; display:block;}
.page6_box .btn_buy img{ width: 100%; height: 100%; background-size: 100% 100%;}


/******= bg =******/
.bg_box{ width:100%; height: 100%; position: absolute; top: 9.1rem; left: 0;}
.bg_box img{ width: 100%; background-size: 100% 100%; margin: 0 auto;}

/******= dialog =******/
.hopup{ display:none;}
.close_btn{ width: 40px; height: 40px;position: absolute; top: 0; right: -60px; z-index:3; display:block;}
.close_btn img{ width: 100%; background-size: 100% 100%;}
#j_hopup_video{ width: 80%; height:480px;}
.one_video,.two_video{width:100%;height:100%;background:#000;}

/******= swiper =******/
.swiper-container { width: 750px; z-index: 15;overflow-y: unset;}
.swiper-slide {font-size: 18px; /* Center slide text vertically */
    width: 77.5% !important;
    margin-left: 4.2%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: block; -webkit-box-pack: center; 
-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; 
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:2.5%; height:8rem; background:url("https://applecny2026.spirakon.com/images/btn_prev.png") 0 0 no-repeat; background-size:100%; left:0; margin-top:4.1%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:2.5%; height:8rem; background:url("https://applecny2026.spirakon.com/images/btn_next_active.png") 0 0 no-repeat; background-size:100%; right:0; margin-top:4.1%;}
.swiper-button-prev{ top:0; left: unset; right:10.9%; z-index: 100;}
.swiper-button-next{ top:0; right: 7%; z-index: 100;}
div:focus{ 
	outline: none;
	border-color: transparent;
	box-shadow: none;
}
.swiper-container .swiper-slide img{ width:100%;display: block;}
.swiper_container6{ width: 100%; position: absolute; top: 0rem; left: 0; overflow-x: hidden; padding-top: 11.3%;}
.swiper-container-horizontal>.swiper-pagination{ bottom: -40px;}
.swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 2px;background-color:#626262;border-radius:10px}
.swiper-pagination-bullet-active{background-color: #5c95d3;width: 30px;}

.scroll{
    width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden;
    position: absolute; top: 0; left: 0;
  -ms-overflow-style: none;  /* IE 和 Edge */
  scrollbar-width: none;  /* Firefox */
}
.scroll::-webkit-scrollbar {
    display: none;
}
.scroll_bg{
	height: 100%; background: url("https://applecny2026.spirakon.com/images/pc/scroll_bg.png") 0 0 no-repeat;
    background-size: 100% auto;
}



@media only screen and (max-width : 800px){
	body{background-image:none;}
	.share_pc{display:none;}
	/* .share_pad{display:block;} */
	.main{width:100%;}
	/* .one_video,.two_video{width:768px;height:431px;background:#000;} */

	.video_wrap,.video_wrap2,.btn_video2{ width: 100%; height: 4.31rem;}


	body{font-size:0.24rem;background-image:none;}
	.phone_show{display:block;}
	.pc_show,.pad_show{display:none;}
	.main{width:100%; top: 0rem}
	
	.one_video{width:100%;height:4.22rem;background:#000;}
	.two_video{width:100%;height:4.23rem;background:#000;}
	.topBanner{ position: relative; z-index: 10; width: 100%; height: 4.2rem; background: url("https://applecny2026.spirakon.com/images/wap/btn_buy2.png") 0 0 no-repeat; background-size: 100%}
	.topBanner img{ width: 100%; height: 100%; background-size: 100% 100%;}
	.topBanner a{width: 100%;height: 100%;display: block;}
	.video_wrap{ width: 100%; height: 4.22rem;margin-top: -0.03rem;}
	.page2_box{ width: 100%;  margin-top: -0.03rem; z-index: 10;}
	.page2_box img{ width: 100%; height: auto; background-size: 100% 100%;}
	.page3_box{ margin-top: -0.03rem;}

	.wap_video1{ width: 100%; height: 4.22rem; background-size: 100% 100%; position: relative;}
	.wap_video2{ width: 100%; height: 4.23rem; background-size: 100% 100%; position: relative;}
	.wap_video1 img,.wap_video2 img{ width: 100%; }
	.wap_video1 .icon_play, .wap_video2 .icon_play{ width: 0.85rem; height: 0.85rem; background-size: 100% 100%;position: absolute; top:-0.2rem; left: 3.33rem; }
	.page2_box{ position: relative; }
	.page2_box .page4_txt01{ width: 4.09rem; background-size: 100% 100%; margin-left:1.7rem;}
	.page2_box .page4_img01{ width: 6.4rem; background-size: 100% 100%; }
	.page2_box .page4_img02{ width: 6.4rem; background-size: 100% 100%; }
	
	.page4_box{ margin-top: -0.03rem; z-index: 10; height: 16.47rem; position: relative;background: url("https://applecny2026.spirakon.com/images/wap/bg_03.png") 0 0 no-repeat; background-size: 100%  }
	/* .page4_box .page4_txt01{ width: 5.34rem; background-size: 100% 100%; margin-left:0.81rem;height: auto;padding-top: 1.17rem;}
	.page4_box .page4_img01{ width: 6.4rem; background-size: 100% 100%; margin:1.25rem 0 0 0.55rem;  }
	.page4_box .page4_img02{ width: 6.4rem; background-size: 100% 100%; margin:0.48rem 0 0 0.55rem;  }
	.page4_box .page4_img03{ width: 6.4rem; background-size: 100% 100%; margin:0.48rem 0 0 0.55rem;  } */
	.page4_box .page4_more{ width: 1.6rem; background-size: 100% 100%;position: absolute; top: 2rem; left: 3rem; height: 0.5rem; }

	.page5_box{ width: 100%; position: relative; }
	.page5_box .page5_img{ width: 100%;}
	/* .page5_box .page5_btn{width: 100%;height: 4.18rem;background-size: 100% 100%;position: absolute;top: 0rem;left: 0rem;display: block;z-index: 10;margin: 0;} */
	.page5_box .page5_btn{width: 100%; height: 100%;background-size: 100% 100%;position: absolute;top: 0rem;left: 0rem;display: block;z-index: 10;margin: 0;}
	.page5_box .page5_btn img{ width: 100%; height: 100%; }

	.page6_box{ width: 100%; position: relative; }
	.page6_box .page6_img{ width: 100%;}
	.page6_box .page6_btn{width: 100%; height: 100%;background-size: 100% 100%;position: absolute;top: 0rem;left: 0rem;display: block;z-index: 10;margin: 0;}
	.page6_box .page6_btn img{ width: 100%; height: 100%; }


	.close_btn{ width: 0.6rem; height: 0.6rem;position: absolute; top: -1rem; right: 0.3rem; z-index:3; display:block;}
	.close_btn img{ width: 100%; background-size: 100% 100%;}
	#j_hopup_video{ width: 100%; height:4.2rem;}
	
	
	
	.swiper-container { width: 750px; z-index: 15;overflow-y: unset;}
	.swiper-slide {font-size: 18px; /* Center slide text vertically */
	    width: 100% !important;
	    margin-left: 0;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:22px; height:22px; background:url("https://applecny2026.spirakon.com/images/btn_prev_active.png") 0 0 no-repeat; background-size:100%; left:0; margin-top:14.2%;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:22px; height:22px; background:url("https://applecny2026.spirakon.com/images/btn_next_active.png") 0 0 no-repeat; background-size:100%; right:0; margin-top:14.2%;}
	.swiper-button-prev{ top:0; left: unset; right:72.5px; }
	.swiper-button-next{ top:0; right:39.5px;}
	.swiper-container .swiper-slide img{ width:70%;display: block;}
	.swiper-container .swiper-slide a{ width:70%;display: block;}
	.swiper-container .swiper-slide a img{ width:100%;}
	.swiper_container6{ width: 100%; position: absolute; top: 0rem; left: 0; overflow-x: hidden; padding-top: 2.5rem;}
	.swiper-container-horizontal>.swiper-pagination{ bottom: -40px;}
	.swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 2px;background-color:#626262;border-radius:10px}
	.swiper-pagination-bullet-active{background-color: #5c95d3;width: 30px;}

	.swiper_container4{ width: 100%; position: absolute; top: 0rem; left: 0; overflow-x: hidden; padding-top: 2.8rem;}

}

@media only screen and (max-width : 679px){
	body{font-size:0.24rem;background-image:none;}
	.phone_show{display:block;}
	.pc_show,.pad_show{display:none;}
	.main{width:100%; top: 0rem}
	.one_video{width:100%;height:4.22rem;background:#000;}
	.two_video{width:100%;height:4.23rem;background:#000;}
	.topBanner{ position: relative; z-index: 10; width: 100%; height: 4.2rem; background: url("https://applecny2026.spirakon.com/images/wap/btn_buy2.png") 0 0 no-repeat; background-size: 100%}
	.topBanner img{ width: 100%; height: 100%; background-size: 100% 100%;}
	.topBanner a{width: 100%;height: 100%;display: block;}
	.video_wrap{ width: 100%; height: 4.22rem;margin-top: -0.03rem;}
	.page2_box{ width: 100%;  margin-top: -0.03rem; z-index: 10;}
	.page2_box img{ width: 100%; height: auto; background-size: 100% 100%;}
	.page3_box{ margin-top: -0.03rem;}

	.wap_video1{ width: 100%; height: 4.22rem; background-size: 100% 100%; position: relative;}
	.wap_video2{ width: 100%; height: 4.23rem; background-size: 100% 100%; position: relative;}
	.wap_video1 img,.wap_video2 img{ width: 100%; }
	.wap_video1 .icon_play, .wap_video2 .icon_play{ width: 0.85rem; height: 0.85rem; background-size: 100% 100%;position: absolute; top:-0.2rem; left: 3.33rem; }
	.page2_box{ position: relative; }
	.page2_box .page4_txt01{ width: 4.09rem; background-size: 100% 100%; margin-left:1.7rem; margin-top: -1.78rem;}
	.page2_box .page4_img01{ width: 6.4rem; background-size: 100% 100%;  }
	.page2_box .page4_img02{ width: 6.4rem; background-size: 100% 100%;  }
	.page2_box .page4_img03{ width: 6.4rem; background-size: 100% 100%;  }
	
	.page4_box{ margin-top: -0.03rem; z-index: 10; height: 16.47rem; position: relative;background: url("https://applecny2026.spirakon.com/images/wap/bg_03.png") 0 0 no-repeat; background-size: 100%  }
	/* .page4_box .page4_txt01{ width: 5.34rem; background-size: 100% 100%; margin-left:0.81rem;height: auto;padding-top: 1.17rem;}
	.page4_box .page4_img01{ width: 6.4rem; background-size: 100% 100%; margin:1.25rem 0 0 0.55rem;  }
	.page4_box .page4_img02{ width: 6.4rem; background-size: 100% 100%; margin:0.48rem 0 0 0.55rem;  }
	.page4_box .page4_img03{ width: 6.4rem; background-size: 100% 100%; margin:0.48rem 0 0 0.55rem;  } */
	.page4_box .page4_more{ width: 1.6rem; background-size: 100% 100%;position: absolute; top: 2rem; left: 3rem; height: 0.5rem;  }
	
	.page5_box{ width: 100%; position: relative; }
	.page5_box .page5_img{ width: 100%;}
	/* .page5_box .page5_btn{width: 100%;height: 4.18rem;background-size: 100% 100%;position: absolute;top: 0rem;left: 0rem;display: block;z-index: 10;margin: 0;} */
	.page5_box .page5_btn{width: 100%;height: 100%;background-size: 100% 100%;position: absolute;top: 0rem;left: 0rem;display: block;z-index: 10;margin: 0;}
	.page5_box .page5_btn img{ width: 100%; height: 100%; }

	.page6_box{ width: 100%; position: relative; }
	.page6_box .page6_img{ width: 100%;}
	.page6_box .page6_btn{width: 100%; height: 100%;background-size: 100% 100%;position: absolute;top: 0rem;left: 0rem;display: block;z-index: 10;margin: 0;}
	.page6_box .page6_btn img{ width: 100%; height: 100%; }


	.close_btn{ width: 0.6rem; height: 0.6rem;position: absolute; top: -1rem; right: 0.3rem; z-index:3; display:block;}
	.close_btn img{ width: 100%; background-size: 100% 100%;}
	#j_hopup_video{ width: 100%; height:4.2rem;}
	
	
	
	.swiper-container { width: 750px; z-index: 15;overflow-y: unset;}
	.swiper-slide {font-size: 18px; /* Center slide text vertically */
	    width: 100% !important;
	    margin-left: 0;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:5.86%; height:5.86%; background:url("https://applecny2026.spirakon.com/images/btn_prev_active.png") 0 0 no-repeat; background-size:100%; left:0; margin-top:14.2%;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:5.86%; height:5.86%; background:url("https://applecny2026.spirakon.com/images/btn_next_active.png") 0 0 no-repeat; background-size:100%; right:0; margin-top:14.2%;}
	.swiper-button-prev{ top:0; left: unset; right:72.5px; }
	.swiper-button-next{ top:0; right:39.5px;}
	.swiper-container .swiper-slide img{ width:70%;display: block;}
	.swiper-container .swiper-slide a{ width:70%;display: block;}
	.swiper-container .swiper-slide a img{ width:100%;}
	.swiper_container6{ width: 100%; position: absolute; top: 0rem; left: 0; overflow-x: hidden; padding-top: 2.5rem;}
	.swiper-container-horizontal>.swiper-pagination{ bottom: -40px;}
	.swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 2px;background-color:#626262;border-radius:10px}
	.swiper-pagination-bullet-active{background-color: #5c95d3;width: 30px;}

	.swiper_container4{ width: 100%; position: absolute; top: 0rem; left: 0; overflow-x: hidden; padding-top: 2.8rem;}

}