*{margin: 0;padding: 0;}
div{box-sizing: border-box;}
img{border: none;pointer-events: none;}

.arrow{position: absolute;bottom: .2rem;background: url("../img/arrow.png") 0 0/.33rem .33rem no-repeat;width: .33rem;height: .33rem;animation: arrow .8s infinite alternate linear;display: none;}

.container{position: relative;width: 100%;height: 100vh;background: #fbfbfb;overflow: hidden;}
.container>div,.container img{position: absolute;}
/*=============================== 首页（p1）Start ===============================*/
.p1{background: url("../img/p1_bg.jpg") 0 0/6.4rem 100vh no-repeat;}
.p1_logo{top: 0;right: 0;width: 6.4rem;height: 1.03rem;opacity: 0;}
.p1_logo img{width: 6.4rem;height:1.03rem;}
.iphoneX .p1_content{top: 1rem;}
.p1_content{position: absolute;width: 6.4rem;height: 10.08rem;}
.p1_content>div{position: absolute;}
.earth_wrap{width: 32.53rem;height: 26.68rem;transform-origin: 3.6rem 6rem;}
.earth_wrap>img{position: absolute;}
.earth_wrap .earth{left: -14.84rem;top: -8.3rem;width: 32.53rem;height: 26.68rem;}
/* 地标 */
.china{left: .84rem;top: 1.51rem;width: 1.44rem;height: 1.93rem;transform-origin: center bottom;}
.japan{left: 4.42rem;top: 1.99rem;width: 1.05rem;height: 1.61rem;transform-origin: .3rem bottom;}
.hk{left: .95rem;top: 3.63rem;width: 1.38rem;height: 1.39rem;transform-origin: center bottom;}
.malaysia{left: -1.29rem;top: 5.85rem;width: 1.01rem;height: 1.26rem;transform-origin: center bottom;}
.singapore{left: -1.89rem;top: 6.65rem;width: 1.15rem;height: 1.19rem;transform-origin: .7rem bottom;}
.icon{opacity: 0;}
.p1_title{top: 1.34rem;left: 1.125rem;width: 4.15rem;height: 2.09rem;opacity: 0;}
.p1_title img{width: 4.15rem;height: 2.09rem;}
.p1_plane{top: 1.63rem;left: .3rem;width: 6.4rem;height: 2.91rem;display: none;}
.p1_plane img{width: 6.4rem;height: 2.91rem;}
.p1_card_wrap{top: 7.08rem;left: 2rem;width: 2.39rem;height: 1.47rem;display: none;}
.p1_card_shadow{bottom: -.1rem;left: -1.1rem;width: 4.38rem;height: .62rem;}
.p1_card{width: 2.39rem;height: 1.47rem;border-radius: .1rem;}

.p1_icon{bottom: 0;left: 3.02rem;width: .35rem;height: .74rem;display: none;}
.p1_icon img{width: .35rem;height: .74rem;}
/*.p1 .arrow{left: 3.03rem;}*/

@keyframes earth_full { from{transform: scale(1);} to{transform: scale(.2);} }
@keyframes iconScale { from{transform: scale(1);opacity: 1;} to{transform: scale(2);opacity: 1;} }
/*=============================== 首页（p1）End ===============================*/

/*=============================== 基础权益（p2）Start ===============================*/
.p2_top{right: -5.9rem;top: -3.87rem;width: 5.9rem;height: 3.87rem;}
.p2_top img{width: 5.9rem;height: 3.87rem;}
.p2_title{right: .64rem;top: .63rem;width: 1.92rem;height: .48rem;display: none;}
.p2_title img{width: 1.92rem;height: .48rem;}
.p2_card{left: .71rem;top: 1.94rem;width: 2.94rem;height: 1.9rem;display: none;}
.p2_card img{width: 2.94rem;height: 1.9rem;}
.p2_sub_title{top: 3.9rem;left: 1.2rem;width: 2rem;height: .27rem;display: none;}
.p2_sub_title img{width: 2rem;height: .27rem;}
.p2_building{left: 0;bottom: 0;width: 3.42rem;height: 2.32rem;opacity: 0;}
.p2_building img{width: 3.42rem;height: 2.32rem;}
.iphoneX .p2_txt{top: 6.17rem;}
.p2_txt{top: 5.67rem;width: 100%;height: 3rem;}
.p2_txt>div{width: 4.74rem;height: .1rem;background: url("../img/p2_line.png") 0 bottom/4.74rem .1rem no-repeat;}
.p2_txt div{position: absolute;}
.p2_txt1{top: 0;left: 0;transform: translate3d(-4.74rem,0,0);}
.p2_txt2{top: 1.26rem;right: 0;transform: translate3d(4.74rem,0,0) rotateY(180deg);}
.p2_txt3{top: 2.53rem;left: 0;transform: translate3d(-4.74rem,0,0);}
.p2_txt1 .p2_icon{right: 2.5rem;bottom: .15rem;width: .67rem;height: .67rem;}
.p2_txt1 .p2_icon img{width: .67rem;height: .67rem;}
.p2_txt1 .p2_info{right: .1rem;bottom: .25rem;width: 2.28rem;height: .24rem}
.p2_txt1 .p2_info img{width: 2.28rem;height: .24rem}
.p2_txt2>div{transform: rotateY(-180deg);}
.p2_txt2 .p2_icon{right: 2.55rem;bottom: .15rem;width: .69rem;height: .69rem;}
.p2_txt2 .p2_icon img{width: .69rem;height: .69rem;}
.p2_txt2 .p2_info{right: .1rem;bottom: .25rem;width: 2.38rem;height: .23rem;}
.p2_txt2 .p2_info img{width: 2.38rem;height: .23rem;}
.p2_txt3 .p2_icon{right: 2.65rem;bottom: .15rem;width: .58rem;height: .58rem;}
.p2_txt3 .p2_icon img{width: .58rem;height: .58rem;}
.p2_txt3 .p2_info{right: .1rem;bottom: .25rem;width: 2.46rem;height: .24rem;}
.p2_txt3 .p2_info img{width: 2.46rem;height: .24rem;}

.p2_cloud1{left: 0;bottom: 0;width: 3.17rem;height: 2.55rem;opacity: 0;}
.p2_cloud1 img{width: 3.17rem;height: 2.55rem;}
.p2_cloud2{left: -3.66rem;bottom: .8rem;width: 3.66rem;height: 2.52rem;opacity: 0;}
.p2_cloud2 img{width: 3.66rem;height: 2.52rem;}
.p2_plane{left: .5rem;bottom: 0;width: 3.17rem;height: 1.46rem;opacity: 0;}
.p2_plane img{width: 3.17rem;height: 1.46rem;}
.p2_btm{right: 0;bottom: -.74rem;width: 4.24rem;height: .74rem;}
.p2_btm img{width: 4.24rem;height: .74rem;}
.p2 .arrow{right: .16rem;}

@keyframes p2_top { from{right: -5.9rem;top: -3.87rem;} to{right: 0;top: 0;} }
@keyframes p2_btm { from{bottom: -.74rem;} to{bottom: 0;} }
@keyframes opacity { from{opacity: 0;} to{opacity: 1;} }
@keyframes p2_cloud1 { from{transform: translate3d(0,0,0);opacity: 1;} to{transform: translate3d(70%,0,0);opacity: 0;} }
@keyframes p2_cloud2 { from{transform: translate3d(0,0,0);opacity: 1;} to{transform: translate3d(100%,0,0);opacity: 0;} }
@keyframes p2_plane { from{opacity: 1;transform: translate3d(0,0,0) scale(1);} to{opacity: 0;transform: translate3d(-70%,-70%,0) scale(.7);} }
@keyframes p2_txt1 { from{transform: translate3d(-4.74rem,0,0);} to{transform: translate3d(0,0,0);} }
@keyframes p2_txt2 { from{transform: translate3d(4.74rem,0,0) rotateY(180deg);} to{transform: translate3d(0,0,0) rotateY(180deg);} }
/*=============================== 基础权益（p2）End ===============================*/

/*=============================== 特色权益（p3）Start ===============================*/
.p3_top{right: -6.4rem;top: -4.06rem;width: 6.4rem;height: 4.06rem;}
.p3_top img{width: 6.4rem;height: 4.06rem;}
.p3_title{left: .42rem;top: 1.24rem;width: 4.7rem;height: .46rem;display: none;}
.p3_title img{width: 4.7rem;height: .46rem;}
.iphoneX .p3_txt{top: 5.42rem;}
.p3_txt{top: 4.52rem;left: 1.39rem;width: 3.7rem;height: 3.7rem;}
.p3_txt>div{position: absolute;width: 3.63rem;height: .95rem;background: url("../img/p3_line.png") 0 0/3.63rem .95rem no-repeat;opacity: 0;}
.p3_txt1{top: 0;}
.p3_txt2{top: 1.27rem;}
.p3_txt3{top: 2.67rem;}
.p3_icon,.p3_info{position: absolute;opacity: 0;}
.p3_txt1 .p3_icon{left: 1.44rem;top: -.19rem;width: .65rem;height: .58rem;}
.p3_txt1 .p3_info{left: .67rem;bottom: .2rem;width: 2.29rem;height: .23rem;}
.p3_txt2 .p3_icon{left: 1.47rem;top: -.24rem;width: .68rem;height: .61rem;}
.p3_txt2 .p3_info{left: .86rem;bottom: .2rem;width: 1.91rem;height: .23rem;}
.p3_txt3 .p3_icon{left: 1.49rem;top: -.2rem;width: .58rem;height: .58rem;}
.p3_txt3 .p3_info{left: .66rem;bottom: .2rem;width: 2.3rem;height: .23rem;}

.building_wrap{bottom: 0;right: 0;width: 3.5rem;height: 1.9rem;display: none;}
.building_wrap>img{position: absolute;}
.p3_building{bottom: 0;right: 0;width: 3.28rem;height: 1.9rem;}
.p3_bird{bottom: 0;right: .63rem;width: 2.86rem;height: 1.68rem;transform: translate3d(-45%,-25%,0) scale(0);}
.p3_sun{bottom: .2rem;right: 0;width: 2.25rem;height: 1.9rem;transform-origin: 1.35rem .28rem;}

.p3_btm{left:0;bottom: -.63rem;width: 3.62rem;height: .63rem;}
.p3_btm img{width: 3.62rem;height: .63rem;}
.p3 .arrow{left: .31rem;}


@keyframes p3_top { from{right: -6.4rem;top: -4.06rem;} to{right: 0;top: 0;} }
@keyframes p3_bird { from{transform: translate3d(-40%,-45%,0) scale(.3);} to{transform: translate3d(45%,45%,0) scale(1.5);}
}
@keyframes rotate360 { from{transform: rotate(0);} to{transform: rotate(360deg);} }
@keyframes p3_btm { from{bottom: -.63rem;} to{bottom: 0;} }
/*=============================== 特色权益（p3）End ===============================*/

/*=============================== 新客户礼遇（p4）Start ===============================*/
.p4{position: fixed;}
.p4_top{left: -6.4rem;top: -4.17rem;width: 6.4rem;height: 4.17rem;}
.p4_top img{width: 6.4rem;height: 4.17rem;}
.p4_title{left: .41rem;top: 1.3rem;width: 2.42rem;height: .5rem;display: none;}
.p4_title img{width: 2.42rem;height: .5rem;}
.iphoneX .p4_txt{top: 4.5rem;}
.p4_txt{left: .34rem;top: 3.9rem;width: 3.45rem;height: 2.8rem;}
.p4_txt>div{position: absolute;left: 0;opacity: 0;}
.p4_txt1{top: 0;width: 3.52rem;height: 1.37rem;}
.p4_txt1 img{width: 3.52rem;height: 1.37rem;}
.p4_txt2{top: 2.14rem;width: 3.7rem;height: 1.14rem;}
.p4_txt2 img{width: 3.7rem;height: 1.14rem;}
.p4_txt3{top: 3.46rem;width: 1.23rem;height: .21rem;}
.p4_txt3 img{width: 1.23rem;height: .21rem;}
.iphoneX .p4_gift{top: 1rem;}
.p4_gift{right: 0;top: 0;width: 5.6rem;height: 10.09rem;}
.p4_gift img{width: 5.6rem;height: 10.09rem;}
.p4 .arrow{right: .16rem;}
/* p4底部色块同p2底部色块 */
/*-------------------- 活动细则 --------------------*/
.p4_modal_area{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.8);display: none;}
.p4_modal_area>div{position: absolute;}
.p4_modal_area img{vertical-align: top;}
.iphoneX .p4_modal_area .modal_content{top: 2.71rem;}
.p4_modal_area .modal_content{top: 1.81rem;width: 100%;height: 5.38rem;}
.p4_modal_area .modal_content>div{position: absolute;}
.p4_modal_title{left: 2.62rem;top: .3rem;width: 1.26rem;height: .38rem;padding-bottom: .07rem;border-bottom: .02rem solid #f8f8f8;opacity: 0;z-index: 2;}
.p4_modal_title img{width: 1.26rem;height: .29rem;}
.p4_close{top: -.6rem;right: .54rem;width: .36rem;height: .36rem;opacity: 0;z-index: 2;}
.p4_close img{width: .36rem;height: .36rem;}
.p4_modal_txt_wrap{top: 0rem;left: .51rem;width: 5.38rem;height: 6.54rem;background: url("../img/p4_modal_txt_bg.png") 0 0/5.38rem 6.54rem;opacity: 0;}
.p4_modal_txt_content{width: 5.38rem;height: 5.24rem;position: absolute;top: 1rem;overflow-y: scroll;z-index: 1;}
.iphoneX .p4_modal_txt_shadow{top: 2.71rem;}
.p4_modal_txt_shadow{position: fixed;top: 1.81rem;width: 5.38rem;height: 6.54rem;overflow: scroll;background: url(../img/p4_detail_txt_bg.png) 0 0/5.38rem 6.54rem;z-index: 0;}
.p4_modal_txt_detail{position: relative;width: 4.54rem;height: 15.96rem;margin: .1rem auto;}
.p4_modal_txt_detail img{width: 4.54rem;height: 15.96rem;}

.p4_layer{bottom: 0;width: 100%;height: 8.65rem;text-align: center;}
.p4_layer img{width: 4.94rem;height: 8.65rem;}

@keyframes p4_top { from{left: -6.4rem;top: -4.17rem;} to{left: 0;top: 0;} }
/*=============================== 新客户礼遇（p4）End ===============================*/

/*=============================== 保险特权（p5）Start ===============================*/
.p5_top{top: -4.23rem;left: -6.4rem;width: 6.4rem;height: 4.23rem;}
.p5_top img{width: 6.4rem;height: 4.23rem;}
.p5_title{top: 1.43rem;right: .42rem;width: 1.92rem;height: .48rem;display: none;}
.p5_title img{width: 1.92rem;height: .48rem;}
.iphoneX .p5_txt{top: 5.65rem;}
.p5_txt{left: 1.7rem;top: 4.65rem;width: 4.6rem;height: 3.7rem;}
.p5_txt>div{position: absolute;left: 0;width: 4rem;height: 1rem;opacity: 0;}
.p5_txt1{top: 0;}
.p5_txt2{top: .8rem;}
.p5_txt3{top: 2.5rem;}
.p5_icon{position: absolute;}
.p5_info{position: absolute;left: 1.4rem;border-left: .02rem dashed #fe874f;padding: .08rem .15rem;box-sizing: content-box;}
.p5_txt1 .p5_icon{width: .7rem;height: .77rem;}
.p5_txt1 .p5_icon img{width: .7rem;height: .77rem;}
.p5_txt1 .p5_info{width: 1.83rem;height: .56rem;}
.p5_txt1 .p5_info img{width: 1.81rem;height: .56rem;}

.p5_txt2 .p5_icon{width: .79rem;height: .75rem;}
.p5_txt2 .p5_icon img{width: .79rem;height: .75rem;}
.p5_txt2 .p5_info{width: 1.93rem;height: .56rem;}
.p5_txt2 .p5_info img{width: 1.91rem;height: .56rem;}

.p5_txt3 .p5_icon{width: .71rem;height: .74rem;}
.p5_txt3 .p5_icon img{width: .71rem;height: .74rem;}
.p5_txt3 .p5_info{width: 1.22rem;height: .54rem;}
.p5_txt3 .p5_info img{width: 1.19rem;height: .54rem;}

.p5 .p2_cloud2{left: -4.6rem;}
.p5_balloon{left: 0;bottom: .8rem;width: 3rem;height: 2.82rem;opacity: 0;}
.p5_balloon img{width: 3rem;height: 2.82rem;}
.p5_building{left: 0;bottom: 0;width: 3.1rem;height: 2.15rem;display: none;}
.p5_building img{width: 3.1rem;height: 2.15rem;}
.p5_car{left: -1.2rem;bottom: -.28rem;width: 4.79rem;height: 2.8rem;opacity: 0;}
.p5_car img{width: 4.79rem;height: 2.8rem;}
.p5 .arrow{right: .15rem;}



@keyframes p5_top { from{top: -4.23rem;left: -6.4rem;} to{top: 0;left: 0;} }
@keyframes p5_balloon { 0%{transform: translate3d(0,50%,0);opacity: 1;} 50%{transform: translate3d(0,20%,0);opacity: 1;} 100%{transform: translate3d(0,-20%,0);opacity: 0;}}
@keyframes p5_car {
    0%{transform: translate3d(0,0,0);opacity: 0;} 2%{translate3d(0,0,0);opacity: 1;} 100%{transform: translate3d(4.24rem,-.74rem,0);opacity: 1;}
}
/*=============================== 保险特权（p5）End ===============================*/
.p6_top{right: 0;top: 0;width: 5.62rem;height: 3.84rem;}
.p6_top img{width: 5.62rem;height: 3.84rem;}
.p6_title{right: .85rem;top: 1.01rem;width: 2.61rem;height: .47rem;display: none;}
.p6_title img{width: 2.61rem;height: .47rem;}
.iphoneX .p6_txt{top: 5.1rem;}
.p6_txt{top: 4.5rem;left: .95rem;width: 4.52rem;height: 3.6rem;}
.p6_txt>div{position: absolute;width: 2.12rem;height: 1.58rem;background: url("../img/p6_line.png") 0 0/2.12rem 1.58rem;opacity: 0;}
.p6_txt1{top: 0;left: 0;}
.p6_txt2{top: 0;right: 0;}
.p6_txt3{top: 2.09rem;left: 0;}
.p6_txt4{top: 2.09rem;right: 0;}
.p6_txt1 img:nth-of-type(1){left: .63rem;top: -.33rem;width: .73rem;height: .69rem;}
.p6_txt1 img:nth-of-type(2){left: .525rem;bottom: .45rem;width: 1.07rem;height: .57rem;}
.p6_txt2 img:nth-of-type(1){left: .64rem;top: -.33rem;width: .74rem;height: .71rem;}
.p6_txt2 img:nth-of-type(2){left: .415rem;bottom: .45rem;width: 1.29rem;height: .57rem;}
.p6_txt3 img:nth-of-type(1){left: .64rem;top: -.33rem;width: .73rem;height: .72rem;}
.p6_txt3 img:nth-of-type(2){left: .415rem;bottom: .45rem;width: 1.29rem;height: .56rem;}
.p6_txt4 img:nth-of-type(1){left: .61rem;top: -.06rem;width: .75rem;height: .22rem;}
.p6_txt4 img:nth-of-type(2){left: .625rem;bottom: .45rem;width: .87rem;height: .57rem;}
.p6_flowers{width: 1rem;height: 1rem;}
.p6_flowers_top{top: 2.26rem;left: -.15rem;display: none;}
.p6_flowers_btm{bottom: .68rem;right: .4rem;display: none;}
.p6_flowers>img{position: absolute;}
.p6_flowers img:nth-of-type(1){width: .5rem;height: .5rem;}
.p6_flowers img:nth-of-type(2){left: .45rem;top: .35rem;width: .32rem;height: .32rem;}
.p6 .p2_cloud1{left: auto;right: 0;}
.p6_building{right: 0;bottom: 0;width: 2.08rem;height: 2.36rem;display: none;}
.p6_building img{width: 2.08rem;height: 2.36rem;}
.iphoneX .p6_btn{top: 9.63rem;}
.p6_btn{position: absolute;left: 2.13rem;top: 9.03rem;width: 2.23rem;height: .65rem;display: none;}
.p6_btn img{width: 2.23rem;height: .65rem;}
.p6 .arrow{left: .16rem;}

@keyframes p6_top { from{right: -5.62rem;top: -3.84rem;} to{right: 0;top: 0;} }
@keyframes p6_flower1 {
    0%{transform: translate3d(0,0,0);} 25%{transform: translate3d(30%,80%,0);opacity: 1;} 50%{transform: translate3d(0,160%,0);opacity: .6;} 75%{transform: translate3d(30%,240%,0);opacity: .3;} 100%{transform: translate3d(0,320%,0);opacity: 0;}
}
@keyframes p6_flower2 {
    0%{transform: translate3d(0,0,0);} 25%{transform: translate3d(-30%,80%,0);opacity: 1;} 50%{transform: translate3d(0,160%,0);opacity: .6;} 75%{transform: translate3d(-30%,240%,0);opacity: .3;} 100%{transform: translate3d(0,320%,0);opacity: 0;}
}
@keyframes p6_cloud1 { from{opacity: 1;transform: translate3d(100%,0,0);} to{transform: translate3d(0,0,0);opacity: 0;} }
/*=============================== 日本境内优惠（p6）Start ===============================*/

/*=============================== 日本境内优惠（p6）End ===============================*/


@keyframes arrow { from{transform: translate3d(0,0,0);} to{transform: translate3d(0,50%,0);} }