/*  reset  */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu,iframe{margin:0;padding:0;list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display: block;}
em,i,s,b,th{font-style:inherit;font-weight:inherit;text-decoration:none;}
ol,ul{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
*,*:before,*:after{word-break: break-all;outline: none;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
input {user-select: auto;-ms-user-select: auto;-moz-user-select: auto;-webkit-user-select: auto;}
a{text-decoration: none;tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
body {font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;}

@font-face {
	font-family:"SOURCEHANSERIFCN-BOLD";
	src: url(../font/SOURCEHANSERIFCN-BOLD.ttf);
}
/* comm */
html,body {width: 100%;height: 100%;overflow: hidden;}
body {position: relative;background: #e8eae6;font-size: 12px;line-height: 1;}
.web {position: relative;width: 100%;height: 100%;overflow: hidden;}
.page {background: no-repeat center/cover;display: flex;overflow: hidden;}
.inner {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 1920px;height: 960px;background: no-repeat center/cover;}
.swiper-container {width: 100%;height: 100%;overflow: hidden;position: relative;}
.swiper-container,.swiper-wrapper,.swiper-pagination {z-index: auto !important;}
.swiper-notification {display: none !important;}
.swiper-slide {overflow: hidden;height: 100% !important;}
.hide {display:block;width:0;height:0;overflow:hidden;}

/* section1 */
.section1 {background-image: url(../image/bg1.jpg);}
.bg_media {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.bg_media video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.btn_video {position: absolute;left: 628px;bottom: 515px;width: 134px;height: 134px;pointer-events: all;/*background: url(../img/play_video.png) no-repeat;*/animation: starScale 0.5s linear infinite alternate;-webkit-animation: starScale 0.5s linear infinite alternate;display: none;}
@keyframes starScale {
	0% {transform: scale(1);-webkit-transform: scale(1);}
	100% {transform: scale(0.9);-webkit-transform: scale(0.9);}
}
@-webkit-keyframes starScale {
	0% {transform: scale(1);-webkit-transform: scale(1);}
	100% {transform: scale(0.9);-webkit-transform: scale(0.9);}
}
.slogan{width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;background: url(../image/slogan.png) no-repeat 50% 50%;text-indent: -999em;}
.logo_index{display: block;width: 191px;height: 117px;background: url(../image/logo_big.png) no-repeat;position: absolute;left: 43px;top: 114px;pointer-events: all;}
.btn_order{display: block;width: 499px;height: 337px;position: absolute;left: 50%;margin-left: -249.5px;top: 50%;margin-top: 125px;background: url(../image/btn_ordericon.png) no-repeat;}
.btn_order a{display: block;width: 406px;height: 118px;background: url(../image/btn_order.png) no-repeat;margin: 74px auto 0;text-indent: -999em;}
.btn_order:hover{filter: brightness(1.1);}
.btn_order.btnzhih{background: url(../image/btn_ordericonzhih.png) no-repeat;}
.btn_order.btnzhih a{background: url(../image/btn_orderzhih.png) no-repeat;}
.chanel_down{width: 202px;/*height: 310px;*/position: absolute;right: 54px;top: 50%;margin-top: -36px;}
.chanel_down a{display: block;width: 202px;height: 68px;text-indent: -999em;pointer-events: all;}
.btn_iosdown{background: url(../image/btn_iosdown.png) no-repeat;}
.btn_androiddown{background: url(../image/btn_androiddown.png) no-repeat;}
.btn_mumu{background: url(../image/btn_mumu.png) no-repeat;}
.btn_ldmnq{background: url(../image/btn_ldmnq.png) no-repeat;}
.chanel_down a:hover{filter: brightness(1.1);}
.chanel_downh5{display: none;}

/* section2 */
.section2 {background-image: url(../image/bg.jpg);}
.section2:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.order_giftbox{width: 1542px;height: 1028px;position: absolute;left: 50%;margin-left: -771px;top: 50%;margin-top: -454px;}
.pross_bg{width: 1028px;height: 1028px;background: url(../image/bg2_prosscir.png) no-repeat;position: absolute;left: 50%;margin-left: -514px; top: 0;}
.pross_chartslist{width: 1028px;height: 1028px;position: absolute;left: 50%;margin-left: -514px; top: 0;}
.pross_chartslist li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;}
.pross_chartslist li.on{display: block;}
.pross_charts1{background: url(../image/bg2_charts1.png) no-repeat;}
.pross_charts2{background: url(../image/bg2_charts2.png) no-repeat;}
.pross_charts3{background: url(../image/bg2_charts3.png) no-repeat;}
.pross_charts4{background: url(../image/bg2_charts4.png) no-repeat;}
.pross_charts5{background: url(../image/bg2_charts5.png) no-repeat;}
.pross_charts6{background: url(../image/bg2_charts6.png) no-repeat;}
.pross_charts7{background: url(../image/bg2_charts7.png) no-repeat;}
.pross_charts8{background: url(../image/bg2_charts8.png) no-repeat;}
.pross_charts9{background: url(../image/bg2_charts9.png) no-repeat;}
.sub_main{width: 1542px;height: 1028px;position: absolute;left: 0;top: 0;}
.sub_main li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sub_dj1{background: url(../image/bg2_prossdj1.png) no-repeat;}
.sub_dj2{background: url(../image/bg2_prossdj2.png) no-repeat;}
.sub_dj3{background: url(../image/bg2_prossdj3.png) no-repeat;}
.sub_dj4{background: url(../image/bg2_prossdj4.png) no-repeat;}
.sub_dj5{background: url(../image/bg2_prossdj5.png) no-repeat;}
.sub_dj6{background: url(../image/bg2_prossdj6.png) no-repeat;}
.sub_dj7{background: url(../image/bg2_prossdj7.png) no-repeat;}
.sub_dj8{background: url(../image/bg2_prossdj8.png) no-repeat;}
.sub_dj1.on{background: url(../image/bg2_prossdj1h.png) no-repeat;}
.sub_dj2.on{background: url(../image/bg2_prossdj2h.png) no-repeat;}
.sub_dj3.on{background: url(../image/bg2_prossdj3h.png) no-repeat;}
.sub_dj4.on{background: url(../image/bg2_prossdj4h.png) no-repeat;}
.sub_dj5.on{background: url(../image/bg2_prossdj5h.png) no-repeat;}
.sub_dj6.on{background: url(../image/bg2_prossdj6h.png) no-repeat;}
.sub_dj7.on{background: url(../image/bg2_prossdj7h.png) no-repeat;}
.sub_dj8.on{background: url(../image/bg2_prossdj8h.png) no-repeat;}

.sub_point{width: 1542px;height: 1028px;position: absolute;left: 0;top: 0;}
.sub_point li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sub_1{background: url(../image/bg2_prosspoint1.png) no-repeat;}
.sub_2{background: url(../image/bg2_prosspoint2.png) no-repeat;}
.sub_3{background: url(../image/bg2_prosspoint3.png) no-repeat;}
.sub_4{background: url(../image/bg2_prosspoint4.png) no-repeat;}
.sub_5{background: url(../image/bg2_prosspoint5.png) no-repeat;}
.sub_6{background: url(../image/bg2_prosspoint6.png) no-repeat;}
.sub_7{background: url(../image/bg2_prosspoint7.png) no-repeat;}
.sub_8{background: url(../image/bg2_prosspoint8.png) no-repeat;}
.sub_1.on{background: url(../image/bg2_prosspoint1h.png) no-repeat;}
.sub_2.on{background: url(../image/bg2_prosspoint2h.png) no-repeat;}
.sub_3.on{background: url(../image/bg2_prosspoint3h.png) no-repeat;}
.sub_4.on{background: url(../image/bg2_prosspoint4h.png) no-repeat;}
.sub_5.on{background: url(../image/bg2_prosspoint5h.png) no-repeat;}
.sub_6.on{background: url(../image/bg2_prosspoint6h.png) no-repeat;}
.sub_7.on{background: url(../image/bg2_prosspoint7h.png) no-repeat;}
.sub_8.on{background: url(../image/bg2_prosspoint8h.png) no-repeat;}
.pross_cir{width: 409px;height: 409px;background: url(../image/bg2_prossorder.png) no-repeat;position: absolute;left: 50%;margin-left: -204.5px;top: 50%;margin-top: -204.5px;}
.sub_order{width: 409px;height: 409px;background: url(../image/bg2_prossordertext.png) no-repeat;position: absolute;left: 50%;margin-left: -204.5px;top: 50%;margin-top: -204.5px;}
.sub_order p{width: 434px;height: 43px;background: url(../image/order_numbg.png) no-repeat;position: absolute;left: 50%;margin-left: -217px;top: 304px;font-size: 20px;color: #fce6da;line-height: 43px;text-align: center;font-family:"SOURCEHANSERIFCN-BOLD";}
/* section3 */
.section3 {background-image: url(../image/bg.jpg);}
.section3:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont.png);position: absolute;left: 0;top: 0;pointer-events: none;}
.newsbox{width: 1533px;height: 665px;position: absolute;left: 50%;margin-left: -766.5px;top: 50%;margin-top: -332.5px;z-index: 2;}
.news_tit{text-indent: -999em;width: 447px;height: 138px;background: url(../image/news_tit.png) no-repeat;position: absolute;left: 0;top: 0;}
.news_banner{width: 868px;height: 588px;background: url(../image/banner_bg.png) no-repeat;box-sizing: border-box;padding: 60px 40px 78px 28px;position: absolute;right: 0;bottom: 0;z-index: 2;}
.newsbanner{width: 100%;height: 100%;overflow: hidden;}
.news_banner a{display: block;width: 100%;height: 100%;}
.news_banner img{display: block;width: 800px;margin: 0 auto;}
.news_banner .swiper-pagination{width: 414px;height: 28px;font-size: 0;text-align: center;vertical-align: top;position: absolute;bottom: 35px;left: 50px;}
.news_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{display: inline-block;width: 28px;height: 27px;background: url(../image/point.png) no-repeat;margin: 0 12px;opacity: 1;}
.news_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background: url(../image/pointh.png) no-repeat;}

.news_content{width: 1138px;height: 492px;background: url(../image/news_cont.png) no-repeat;position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 24px 0 70px 66px;}
.news_nav{width: 570px;height: 80px;border-bottom: 1px solid #e9d8c8;font-size: 0;}
.news_nav a{font-size: 22px;color: #565656;line-height: 80px;display: inline-block;vertical-align: top;padding: 0 26px;box-sizing: border-box;position: relative;}
.news_nav a.on{font-weight: bold;}
.news_nav a.on:before{display: block;content: "";width: 100%;height: 3px;background: #f89267; position: absolute;left: 0;bottom: 0;}
.news_nav a:hover{font-weight: bold;}
.news_nav a:hover:before{display: block;content: "";width: 100%;height: 3px;background: #f89267; position: absolute;left: 0;bottom: 0;}

.news_main{width: 570px;position: relative;}
.news_list{width: 100%;}
.news_list li{width: 100%;height: 62px;border-bottom: 1px solid #e9d8c8;}
.news_list li a{font-size: 18px;color: #565656;line-height: 62px;text-align: left;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.news_list li:nth-of-type(1){-webkit-animation:fadeInUp 1s 0.2s  ease both;-moz-animation:fadeInUp 1s 0.2s ease both;}
.news_list li:nth-of-type(2){-webkit-animation:fadeInUp 1s 0.4s  ease both;-moz-animation:fadeInUp 1s 0.4s ease both;}
.news_list li:nth-of-type(3){-webkit-animation:fadeInUp 1s 0.6s  ease both;-moz-animation:fadeInUp 1s 0.6s ease both;}
.news_list li:nth-of-type(4){-webkit-animation:fadeInUp 1s 0.8s  ease both;-moz-animation:fadeInUp 1s 0.8s ease both;}
.news_list li:nth-of-type(5){-webkit-animation:fadeInUp 1s 1.0s  ease both;-moz-animation:fadeInUp 1s 1.0s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(80px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.news_list li a p{width: 440px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li a span{color: #97938e;}
.news_list li a:hover,.news_list li a:hover span{color: #f89267;}
.btn_more{display: block;width: 39px;height: 39px;background: url(../image/btn_more.png) no-repeat;position: absolute;right: 0;top: -59px;}
.btn_more:hover{filter: brightness(1.05);}

/* section4 */
.section4 {background-image: url(../image/bg.jpg);}
.section4:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.section4:before{display: block;content: "";width: 100%;height: 330px;background: no-repeat 50% 100%/100% auto;background-image: url(../image/role_mask.png);position: absolute;left: 0;bottom: 0;pointer-events: none;z-index: 9;}
.role_part{width: 1560px;height: 100%;position: absolute;left: 50%;margin-left: -780px;top: 50%;margin-top: -25%;}
.roletx_main{width: 349px;height: 786px;position: absolute;right: 0;top: 50%;margin-top: -350px;background: url(../image/role_bg.png) no-repeat;z-index: 10;}
.roletx_list li{width: 76px;height: 76px;position: absolute;border-radius: 50%;}
.roletx_list li a{display: block;width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;top: 0;}
.roletx_list li a img{display: block;width: 100%;border-radius: 50%;}
.roletx_list li:nth-of-type(1){left: 106px;top: 34px;}
.roletx_list li:nth-of-type(2){left: 194px;top: 130px;}
.roletx_list li:nth-of-type(3){left: 241px;top: 242px;}
.roletx_list li:nth-of-type(4){left: 259px;top: 361px;}
.roletx_list li:nth-of-type(5){left: 238px;top: 484px;}
.roletx_list li:nth-of-type(6){left: 183px;top: 601px;}
.roletx_list li:nth-of-type(7){left: 86px;top: 694px;}
.roletx_list li:before{display: block;content: "";width: 96px;height: 89px;background: url(../image/tx1.png);box-sizing: border-box;padding: 3px 14px 10px 6px;position: absolute;left: -6px;top: -3px;pointer-events: none;}
.roletx_list li:after{display: block;content: "";width: 96px;height: 89px;background: url(../image/tx1_icon.png);box-sizing: border-box;padding: 3px 14px 10px 6px;position: absolute;left: -6px;top: -3px;pointer-events: none;}

.roletx_list li.on{width: 98px;height: 98px;}
.roletx_list li.on:nth-of-type(1){left: 102px;top: 23px;}
.roletx_list li.on:nth-of-type(2){left: 188px;top: 116px;}
.roletx_list li.on:nth-of-type(3){left: 235px;top: 230px;}
.roletx_list li.on:nth-of-type(4){left: 251px;top: 352px;}
.roletx_list li.on:nth-of-type(5){left: 233px;top: 468px;}
.roletx_list li.on:nth-of-type(6){left: 177px;top: 590px;}
.roletx_list li.on:nth-of-type(7){left: 79px;top: 683px;}
.roletx_list li.on:before{display: block;content: "";width: 133px;height: 148px;background: url(../image/tx2.png);box-sizing: border-box;padding: 23px 6px 27px 29px;position: absolute;left: -29px;top: -23px;pointer-events: none;}
.roletx_list li.on:after{display: block;content: "";width: 133px;height: 148px;background: url(../image/tx2_icon.png);box-sizing: border-box;padding: 23px 6px 27px 29px;position: absolute;left: -29px;top: -23px;pointer-events: none;}

.role_cont{width: 100%;height: 100%;}
.role_main,.roleSwiper{width: 100%;height: 100%;overflow: visible;}
.roleSwiper .swiper-slide{overflow: visible;opacity: 1;}
.roleSwiper .swiper-slide-active{overflow: visible;opacity: 1;}
.h5_role{display: none;}
.role_img{position: relative;width: 100%;height: 100%;}
.role_img .roleprototype{display: block;}
.role_img .role_up{display: none;}
.role_img.on .roleprototype{display: none;}
.role_img.on .role_up{display: block;}
.role_img img{display: block;width: 130%;position: absolute;left: -304px;top: -173px;pointer-events: none;z-index: 2;}
.role_img .show{display: block;width: auto;height: 1550px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -40%);transform: translate(-50%, -40%);pointer-events: none;z-index: 1;}
.role_img .role_up .role_img3{-webkit-transform: translate(-45%, -42%);transform: translate(-45%, -42%);}
.btn_shapeshift{display: block;width: 331px;height: 93px;background: url(../image/btn_role.png) no-repeat;position: absolute;left: 140px;top: 650px;text-indent: -999em;z-index: 10;}
.btn_shapeshift.btn_shapeshiftback{background: url(../image/btn_roleback.png) no-repeat;}
.btn_shapeshift:hover{filter: brightness(1.1);}
.roleSwiper .swiper-button-prev,.roleSwiper .swiper-button-next{display: none;}

/* section5 */
.section5 {background-image: url(../image/bg.jpg);}
.section5:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont.png);position: absolute;left: 0;top: 0;pointer-events: none;}
.feature_box{width: 1550px;height: 753px;position: absolute;left: 50%;margin-left: -775px;top: 50%;margin-top: -356.5px;}
.feature_tit{width: 347px;height: 100px;background: url(../image/act_tit.png) no-repeat;position: absolute;right: 299px;top: 0;text-indent: -999em;z-index: 2;}
.swiperpic_main{width: 100%;height: 666px;position: absolute;left: 0;top: 87px;overflow: hidden;}
.Swiperpic{width: 100%;height: 100%;overflow: visible;}
.pic_adorn{width: 1550px;height: 666px;position: relative;}
.pic_adorn img{display: block;width: 100%;border-radius: 4px;}
.pic_adorn .prev_img,.pic_adorn .next_img{width: 970px;height: 585px;background: url(../image/feature_box2.png) no-repeat;box-sizing: border-box;padding: 39px 38px 45px 42px;position: relative;transform: scale(0.567);position: absolute;z-index: 1;}
.pic_adorn .prev_img:before,.pic_adorn .next_img:before{display: block;content: "";width: 890px;height: 501px;background: rgba(0,0,0,0.6); position: absolute;left: 42px;top: 39px;border-radius: 4px;}
.pic_adorn .active_img{width: 970px;height: 585px;background: url(../image/feature_box1.png) no-repeat;box-sizing: border-box;padding: 39px 38px 45px 42px;position: absolute;left: 50%;margin-left: -485px;top: 25px;z-index: 3;transform: scale(0.567);transition: all 1s;}
.pic_adorn .prev_img{left: -130px;top: -125px;}
.pic_adorn .next_img{right: -130px;top: 175px;}
.Swiperpic .swiper-slide-active .pic_adorn .active_img{transform: scale(1);}
.Swiperpic .swiper-pagination{width: 100%;font-size: 0;text-align: center;height: 28px;bottom: 30px;}
.Swiperpic .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{display: inline-block;width: 28px;height: 27px;background: url(../image/point.png) no-repeat;margin: 0 12px;opacity: 1;}
.Swiperpic .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background: url(../image/pointh.png) no-repeat;}
.swiperpic-prev{width: 476px;height: 588px;background: url(../image/btn_prev.png) no-repeat;position: absolute;left: 0;top: -39px;}
.swiperpic-next{width: 476px;height: 588px;background: url(../image/btn_next.png) no-repeat;position: absolute;right: 0;top: 77px;}
.swiperpic-prev .swiper-button-prev,.swiperpic-next .swiper-button-next{display: block;width: 114px;height: 114px;position: absolute;z-index: 10;}
.swiperpic-prev .swiper-button-prev{left: 0;top: 402px;}
.swiperpic-next .swiper-button-next{right: 0;top: 120px;}
.swiperpic-next .swiper-button-next:after, .swiperpic-prev .swiper-button-prev:after{display: none;}
.Swiperpic_length{display: none;}

/* section6 */
.section6 {background-image: url(../image/bg21.jpg);}
.section6:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont.png);position: absolute;left: 0;top: 0;pointer-events: none;}
.follow_cont{width: 1560px;height: 511px;position: absolute;left: 50%;margin-left: -780px;top: 50%;margin-top: -325.5px;z-index: 3;}
.follow_tit{width: 952px;height: 144px;background: url(../image/follow_tit.png) no-repeat;margin: 0 auto;text-indent: -999em;}
.share_list{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 55px;}
.share_list li{width: 202px;}
.share_list a{display: block;position: relative;transition: transform 0.3s;-webkit-transition: transform 0.3s;width: 100%;}
.share_list a:hover{transform: translateY(10px);-webkit-transform: translateY(10px);filter: brightness(1.05);}
.share_list a i img{display: block;width: 100%;}
.share_list a div{width: 236px;height: 245px;background: url(../image/code_bg.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -118px;top: 240px;box-sizing: border-box;padding: 50px 44px 44px 42px;display: none;-webkit-animation:fadeIn 1s .1s ease both;-moz-animation:fadeIn 0.3s .1s ease both;}
.share_list a div img{display: block;width: 100%;}
.share_list a:hover div{display: block;}
.share_list a i p{display: none;}
.btn_top{display: block;width: 72px;height: 77px;background: url(../image/btn_top.png) no-repeat;position: absolute;top: 176px;right: 50px;z-index: 3;}

/* section7 */
.section7 {height: auto !important;}
 

.arrow {position: absolute;left: 0;right: 0;bottom: -20px;margin: auto;width: 96px;height: 96px;background: url(../image/arrow.png) no-repeat 50% 100%;display: block;z-index: 10;}
.arrow {animation: arrowAnim 0.6s linear infinite alternate;-webkit-animation: arrowAnim 0.6s linear infinite alternate;}
@keyframes arrowAnim {
	0% {transform: translateY(0);-webkit-transform: translateY(0);}
	100% {transform: translateY(-10px);-webkit-transform: translateY(-10px);}
}
@-webkit-keyframes arrowAnim {
	0% {transform: translateY(0);-webkit-transform: translateY(0);}
	100% {transform: translateY(-10px);-webkit-transform: translateY(-10px);}
}

.cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;}
.menu{width: 100%;height: 102px;background: url(../image/nav_bg.png) no-repeat 50% 0/cover;position: fixed;left: 0;top: 0;box-sizing: border-box;padding: 0 37px 0 280px;}
.logo{display: none;width: 123px;height: 79px;background: url(../image/logo_nav.png) no-repeat;position: absolute;left: 33px;top: 2px;text-indent: -999em;pointer-events: all;}

.nav{width: 100%;height: 78px;margin-top: 2px;pointer-events: all;position: relative;}
.nav a{display: block;height: 78px;text-indent: -999em;position: absolute;top: 0;}
.nav a:nth-of-type(1){width: 132px;background: url(../image/nav1.png) no-repeat;left: 0;}
/*.nav a:nth-of-type(2){width: 176px;background: url(../img/nav2.png) no-repeat;left: 166px;}*/
/*.nav a:nth-of-type(2){width: 175px;background: url(../image/nav3.png) no-repeat;left: 377 166px;}
.nav a:nth-of-type(3){width: 177px;background: url(../image/nav4.png) no-repeat;left: 769  377px;}
.nav a:nth-of-type(4){width: 179px;background: url(../image/nav5.png) no-repeat;left: 986  769px;}
.nav a:nth-of-type(5){width: 177px;background: url(../image/nav6.png) no-repeat;left: 1426  px;}
.nav a:nth-of-type(6){width: 172px;background: url(../image/nav7.png) no-repeat;left: 1212px;}*/
.nav a:nth-of-type(2){width: 175px;background: url(../image/nav3.png) no-repeat;left: 166px;}
.nav a:nth-of-type(3){width: 177px;background: url(../image/nav4.png) no-repeat;left: 377px;}
.nav a:nth-of-type(4){width: 179px;background: url(../image/nav5.png) no-repeat;left: 820px;}
.nav a:nth-of-type(5){width: 177px;background: url(../image/nav6.png) no-repeat;left: 1300px;}
.nav a:nth-of-type(6){width: 172px;background: url(../image/nav7.png) no-repeat;left: 1070px;}

.nav a.on:nth-of-type(1),.nav a:nth-of-type(1):hover{width: 132px;background: url(../image/nav1_hover.png) no-repeat;}
/*.nav a.on:nth-of-type(2),.nav a:nth-of-type(2):hover{width: 176px;background: url(../img/nav2_hover.png) no-repeat;}*/
.nav a.on:nth-of-type(2),.nav a:nth-of-type(2):hover{width: 175px;background: url(../image/nav3_hover.png) no-repeat;}
.nav a.on:nth-of-type(3),.nav a:nth-of-type(3):hover{width: 177px;background: url(../image/nav4_hover.png) no-repeat;}
.nav a.on:nth-of-type(4),.nav a:nth-of-type(4):hover{width: 179px;background: url(../image/nav5_hover.png) no-repeat;}
.nav a.on:nth-of-type(5),.nav a:nth-of-type(5):hover{width: 177px;background: url(../image/nav6_hover.png) no-repeat;}
.nav a.on:nth-of-type(6),.nav a:nth-of-type(6):hover{width: 172px;background: url(../image/nav7_hover.png) no-repeat;}
.btn_agetag{display: block;width: 71px;height: 90px;background: url(../image/agetag.png) no-repeat;position: absolute;right: 23px;bottom: 45px;pointer-events: all;}
.btn_agetag:hover{filter: brightness(1.05);}
.tag_copyright{display: block;width: 161px;height: 15px;background: url(../image/copyright.png) no-repeat;position: absolute;right: 21px;bottom: 20px;}
.shareicon_list{width: 200px;height: 44px;position: absolute;right: 50px;top: 130px;pointer-events: all;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}

.icon_list{width: 360px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.icon_list li{width: 44px;height: 44px;position: relative;}
.icon_list li a{display: block;width: 100%;height: 100%;}
.icon_list li i{display: block;}
.icon_list li i img{display: block;border-radius: 50%;box-shadow: 0 0 10px rgba(162,182,255,0.38);}
.icon_list li .share_choose{display: none;}
.icon_list li div{width: 136px;height: 141px;background: url(../image/code_bg.png) no-repeat;box-sizing: border-box;padding: 31px 26px 26px;position: absolute;left: 50%;margin-left: -70.5px;top: 40px;display: none;-webkit-animation:fadeIn 1s .1s ease both;-moz-animation:fadeIn 0.3s .1s ease both;}
@-webkit-keyframes fadeIn{0%{opacity:0;transform: translateY(-10px);-webkit-transform: translateY(-10px);}100%{opacity:1;transform: translateY(0);-webkit-transform: translateY(0);}}
@-moz-keyframes fadeIn{0%{opacity:0;transform: translateY(-10px);-webkit-transform: translateY(-10px);}100%{opacity:1;transform: translateY(0);-webkit-transform: translateY(0);}}
.icon_list li div img{display: block;width: 100%;}
.icon_list li a:hover i img{display: none;}
.icon_list li a:hover i .share_choose{display: block;}
.icon_list li a:hover div{display: block;}
.btn_bgm{display: block;width: 44px;height: 44px;position: relative;background: url(../image/btn_paused.png) no-repeat;border-radius: 50%;box-shadow: 0 0 10px rgba(162,182,255,0.38);box-sizing: border-box;padding: 12px 12px 10px;display: flex;justify-content: space-between;align-items: flex-end;}
.btn_bgm:hover{filter: brightness(1.2);}
.btn_bgm i{display: none;}
.btn_bgm.playing{background: url(../image/btn_play.png) no-repeat;}
.btn_bgm.playing i{display: block;width: 3px;background:linear-gradient(to bottom, #f1f1f1, #cec3a7);animation: up-and-down 1.3s ease infinite alternate;}
.btn_bgm.playing i:nth-of-type(1){height: 10px;left: 12px;}
.btn_bgm.playing i:nth-of-type(2){height: 18px;left: 18px;animation-delay: -3.7s;}
.btn_bgm.playing i:nth-of-type(3){height: 13px;left: 24px;animation-delay: -1s;}
.btn_bgm.playing i:nth-of-type(4){height: 6px;left: 30px;animation-delay: -2.4s;}
@keyframes up-and-down{10% {height: 30%;}30% {height: 100%;}60% {height: 50%;}80% {height: 75%}100% {height: 20%;}}

/* pop */
.pop_bg,.pop {animation: fadeIN 0.3s both;-webkit-animation: fadeIN 0.3s both;}
.pop_bg.off,.pop.off {animation: fadeOUT 0.3s both;-webkit-animation: fadeOUT 0.3s both;}
@keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
.pop_bg {z-index: 999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.pop_bg.on {display: block;}
.pop {z-index: 1000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: none;}
.pop.on {display: block;}
.p_close {position: absolute;right: -20px;top: 0;width: 57px;height: 53px;background: url(../image/pop_close.png) no-repeat 50% 0;}

.pop_video{width: 1280px;height: 720px;border: 2px solid #363a39;}
.pop_video .p_close{right: -65px;top: -34px;}

.pop_order {width: 702px;height: 569px;background: url(../image/pop_order.png) no-repeat 50% 0;box-sizing: border-box;padding: 150px 88px 0 60px;}
.register_box{width: 100%;height: 50px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;align-content: center;align-items: center;}
.register_box a{margin: 0 30px;position: relative;text-indent: -999em;}
.register_box a:nth-of-type(1){display: block;width: 160px;height: 31px;background: url(../image/btn_Android.png) no-repeat 50% 0;}
.register_box a:nth-of-type(2){display: block;width: 106px;height: 31px;background: url(../image/btn_ios.png) no-repeat 50% 0;}
.register_box a:nth-of-type(2):before{content: "";display: block;width: 3px;height: 24px;background: url(../image/register_line.png) no-repeat;position: absolute;left: -30px;top: 50%;margin-top: -12px;}
.register_box a.on:nth-of-type(1){display: block;width: 160px;height: 31px;background: url(../image/btn_Androidchoose.png) no-repeat 50% 0;}
.register_box a.on:nth-of-type(2){display: block;width: 106px;height: 31px;background: url(../image/btn_ioschoose.png) no-repeat 50% 0;}
.register_list{width: 450px;margin: 0 auto;}
.register_list li{width: 100%;height: 70px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 25px;}
.phone_input{display: block;width: 450px;height: 70px;background: #bfbfcb;box-sizing: border-box;padding: 0 10px;text-align: left;font-size: 24px;color: #f4f9f1;line-height: 70px;border: none;border-radius: 5px;}
.phone_input::-webkit-input-placeholder {color: #f4f9f1;}
.phone_input:-ms-input-placeholder {color: #f4f9f1;}
.phone_input::placeholder {color: #f4f9f1;}
.code_input{display: block;width: 250px;height: 70px;background: #bfbfcb;box-sizing: border-box;padding: 0 10px;text-align: left;font-size: 20px;color: #f4f9f1;line-height: 70px;border: none;border-radius: 5px;}
.code_input::-webkit-input-placeholder {color: #f4f9f1;}
.code_input:-ms-input-placeholder {color: #f4f9f1;}
.code_input::placeholder {color: #f4f9f1;}
.btn_sendcode{display: block;width: 180px;height: 70px;background: url(../image/code_send.png) no-repeat 50% 0;font-size: 24px;color: #f4f9f1;line-height: 70px;text-align: center;}
.countdown{display: block;width: 180px;height: 70px;background: url(../image/code_sendzhih.png) no-repeat 50% 0/100% 100%;font-size: 24px;color: #FFFFFF;line-height: 70px;text-align: center;}
.countdown i{font-style: normal;}
.pop_btns{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.btn_popsubmit{display: block;width: 331px;height: 93px;text-indent: -999em;background: url(../image/btn_login.png) no-repeat 50% 0;margin: 22px auto 0;}
.btn_popsubmit:hover{filter: brightness(1.05);}
.btn_popsubmit.btn_popsubmitzhih{background: url(../image/btn_loginzhih.png) no-repeat 50% 0;}

.agreement{padding-top: 10px;width: 100%;height: 22px;font-size: 20px;color: #6e6c80;line-height: 22px;text-align: center;}
.agreement a{color: #6e6c80;}
.agreement a:before{display: inline-block;content: "";width: 19px;height: 19px;background: url(../image/check.png) no-repeat;vertical-align: top;margin-right: 10px;}
.agreement a.on:before{display: inline-block;content: "";width: 19px;height: 19px;background: url(../image/checked.png) no-repeat;vertical-align: top;margin-right: 10px;}

.pop_age{width: 1011px;height: 820px;background: url(../image/pop_age.png) no-repeat 50% 0;box-sizing: border-box;padding: 165px 126px 50px 85px;}
.age_scroll{width: 100%;height: 100%;}
.age_list{width: 780px;margin: 0 auto;font-size: 22px;color: #6e6c80;line-height: 26px;text-align: left;}
.age_list li{margin-bottom: 12px;}

.pop_success{width: 702px;height: 569px;background: url(../image/pop_comm.png) no-repeat 50% 0;box-sizing: border-box;padding: 154px 88px 0 60px;}
.pop_ordersuccess{width: 550px;height: 75px;background: url(../image/pop_ordersuccess.png) no-repeat;text-indent: -999em;margin-top: 60px;}

.pop_comm{width: 702px;height: 569px;background: url(../image/pop_comm.png) no-repeat 50% 0;box-sizing: border-box;padding: 40px 88px 35px 60px;}
.pop_text{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #6e6c80;line-height: 34px;text-align: center;}

.pop_active{width: 1062px;height: 582px;}
.active_box img{width: 100%;}
/*.pop_active .p_close{right: -60px;top: -50px;}*/