/*  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;}
a,li,ul,div,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
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%;}
body {position: relative;background: #fff;font-size: 0.14rem;line-height: 1;overflow: hidden;}
.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;margin: auto;width: 10.80rem;min-height: 19.20rem;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;font-size: 0;}

/* section1 */
.section1 {background: url(../image/bg11.jpg) no-repeat 50% 0/100% auto;}
.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: none;}
.btn_video {position: absolute;left: 6.06rem;bottom: 4.26rem;width: 1.34rem;height: 1.34rem;pointer-events: all;/*background: url(../img/play_video.png) no-repeat 50% 0/100% 100%;*/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: 10.80rem;height: 23.37rem;position: absolute;left: 0;top: 0;pointer-events: none;background: url(../image/slogan1.png) no-repeat 50% 0/100% 100%;text-indent: -999em;}
.logo_index{display: block;width: 2.37rem;height: 1.45rem;background: url(../image/logo_big.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.4rem;top: 0.3rem;pointer-events: all;}
.btn_order{display: block;width: 5.47rem;height: 3.92rem;position: absolute;left: 2.62rem;top: 16.67rem;background: url(../image/btn_ordericon1.png) no-repeat 50% 0/100% 100%;}
.btn_order a{display: block;width: 5.47rem;height: 1.46rem;background: url(../image/btn_order1.png) no-repeat 50% 0/100% 100%;margin: 0.7rem auto 0;text-indent: -999em;}
.btn_order.btnzhih{background: url(../image/btn_ordericonzhih1.png) no-repeat 50% 0/100% 100%;}
.btn_order.btnzhih a{background: url(../image/btn_orderzhih1.png) no-repeat 50% 0/100% 100%;}
.chanel_downh5{display: block;width: 5.47rem;height: 3.92rem;position: absolute;left: 2.62rem;top: 16.87rem;background: url(../image/btn_ordericon1.png) no-repeat 50% 0/100% 100%;}
.chanel_downh5 a{display: block;width: 5.2rem;height: 1.62rem;background: url(../image/btn_bigdown.png) no-repeat 50% 0/100% 100%;margin: 0.5rem auto 0;text-indent: -999em;}
.chanel_down{display: none;}

/* section2 */
.section2 {background-image: url(../image/bg2.jpg);}
.section2:before{display: block;content: "";width: 100%;height: 100%;background: url(../image/follow_cir.png) no-repeat 50% 0/100% auto;position: absolute;left: 0;top: 0;pointer-events: none;}
.section2:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont1.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.order_giftbox{width: 10.80rem;height: 16.84rem;position: absolute;left: 0;top: 2.06rem;}
.pross_bg{width: 10.80rem;height: 10.80rem;background: url(../image/bg2_prosscir1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 50%;margin-top: -5.4rem;}
.pross_chartslist{width: 10.80rem;height: 10.80rem;position: absolute;left: 0;top: 50%;margin-top: -5.4rem;}
.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_charts11.png) no-repeat 50% 0/100% 100%;}
.pross_charts2{background: url(../image/bg2_charts21.png) no-repeat 50% 0/100% 100%;}
.pross_charts3{background: url(../image/bg2_charts31.png) no-repeat 50% 0/100% 100%;}
.pross_charts4{background: url(../image/bg2_charts41.png) no-repeat 50% 0/100% 100%;}
.pross_charts5{background: url(../image/bg2_charts51.png) no-repeat 50% 0/100% 100%;}
.pross_charts6{background: url(../image/bg2_charts61.png) no-repeat 50% 0/100% 100%;}
.pross_charts7{background: url(../image/bg2_charts71.png) no-repeat 50% 0/100% 100%;}
.pross_charts8{background: url(../image/bg2_charts81.png) no-repeat 50% 0/100% 100%;}
.pross_charts9{background: url(../image/bg2_charts91.png) no-repeat 50% 0/100% 100%;}
.sub_main{width: 10.80rem;height: 16.84rem;position: absolute;left: 0;top: 0;z-index: 9;}
.sub_main li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.sub_dj1{background: url(../image/bg2_prossdj11.png) no-repeat 50% 0/100% 100%;}
.sub_dj2{background: url(../image/bg2_prossdj21.png) no-repeat 50% 0/100% 100%;}
.sub_dj3{background: url(../image/bg2_prossdj31.png) no-repeat 50% 0/100% 100%;}
.sub_dj4{background: url(../image/bg2_prossdj41.png) no-repeat 50% 0/100% 100%;}
.sub_dj5{background: url(../image/bg2_prossdj51.png) no-repeat 50% 0/100% 100%;}
.sub_dj6{background: url(../image/bg2_prossdj61.png) no-repeat 50% 0/100% 100%;}
.sub_dj7{background: url(../image/bg2_prossdj71.png) no-repeat 50% 0/100% 100%;}
.sub_dj8{background: url(../image/bg2_prossdj81.png) no-repeat 50% 0/100% 100%;}
.sub_dj1.on{background: url(../image/bg2_prossdj1h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj2.on{background: url(../image/bg2_prossdj2h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj3.on{background: url(../image/bg2_prossdj3h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj4.on{background: url(../image/bg2_prossdj4h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj5.on{background: url(../image/bg2_prossdj5h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj6.on{background: url(../image/bg2_prossdj6h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj7.on{background: url(../image/bg2_prossdj7h1.png) no-repeat 50% 0/100% 100%;}
.sub_dj8.on{background: url(../image/bg2_prossdj8h1.png) no-repeat 50% 0/100% 100%;}

.sub_point{width: 10.80rem;height: 16.84rem;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_prosspoint11.png) no-repeat 50% 0/100% 100%;}
.sub_2{background: url(../image/bg2_prosspoint21.png) no-repeat 50% 0/100% 100%;}
.sub_3{background: url(../image/bg2_prosspoint31.png) no-repeat 50% 0/100% 100%;}
.sub_4{background: url(../image/bg2_prosspoint41.png) no-repeat 50% 0/100% 100%;}
.sub_5{background: url(../image/bg2_prosspoint51.png) no-repeat 50% 0/100% 100%;}
.sub_6{background: url(../image/bg2_prosspoint61.png) no-repeat 50% 0/100% 100%;}
.sub_7{background: url(../image/bg2_prosspoint71.png) no-repeat 50% 0/100% 100%;}
.sub_8{background: url(../image/bg2_prosspoint81.png) no-repeat 50% 0/100% 100%;}
.sub_1.on{background: url(../image/bg2_prosspoint1h1.png) no-repeat 50% 0/100% 100%;}
.sub_2.on{background: url(../image/bg2_prosspoint2h1.png) no-repeat 50% 0/100% 100%;}
.sub_3.on{background: url(../image/bg2_prosspoint3h1.png) no-repeat 50% 0/100% 100%;}
.sub_4.on{background: url(../image/bg2_prosspoint4h1.png) no-repeat 50% 0/100% 100%;}
.sub_5.on{background: url(../image/bg2_prosspoint5h1.png) no-repeat 50% 0/100% 100%;}
.sub_6.on{background: url(../image/bg2_prosspoint6h1.png) no-repeat 50% 0/100% 100%;}
.sub_7.on{background: url(../image/bg2_prosspoint7h1.png) no-repeat 50% 0/100% 100%;}
.sub_8.on{background: url(../image/bg2_prosspoint8h1.png) no-repeat 50% 0/100% 100%;}
.pross_cir{width: 4.83rem;height: 4.83rem;background: url(../image/bg2_prossorder1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.415rem;top: 50%;margin-top: -2.415rem;}
.sub_order{width: 4.83rem;height: 4.83rem;background: url(../image/bg2_prossordertext1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.415rem;top: 50%;margin-top: -2.415rem;}
.sub_order p{width: 5.38rem;height: 0.54rem;background: url(../image/order_numbg1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.69rem;top: 3.67rem;font-size: 0.32rem;color: #fce6da;line-height: 0.54rem;text-align: center;}

/* section3 */
.section3 {background-image: url(../image/bg2.jpg);}
.section3:before{display: block;content: "";width: 100%;height: 100%;background: url(../image/follow_cir.png) no-repeat 50% 0/100% auto;position: absolute;left: 0;top: 0;pointer-events: none;}
.section3:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont1.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.newsbox{width: 100%;height: 15.76rem;position: absolute;left: 0;top: 2.65rem;z-index: 2;}
.news_tit{text-indent: -999em;width: 100%;height: 2.01rem;background: url(../image/news_tit1.png) no-repeat 50% 0/100% 100%;}
.news_banner{width: 10.33rem;height: 6.97rem;background: url(../image/banner_bg1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.73rem 0.45rem 0.88rem 0.35rem;margin: 0.23rem auto 0;position: relative;}
.newsbanner{width: 100%;height: 100%;overflow: hidden;}
.news_banner img{display: block;width: 100%;margin: 0 auto;}
.news_banner .swiper-pagination{width: 100%;height: 0.28rem;font-size: 0;text-align: center;vertical-align: top;position: absolute;top: 6.45rem;left: 0;}
.news_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{display: inline-block;width: 0.28rem;height: 0.27rem;background: url(../image/point1.png) no-repeat 50% 0/100% 100%;margin: 0 0.12rem;opacity: 1;}
.news_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background: url(../image/pointh1.png) no-repeat 50% 0/100% 100%;}

.news_content{width: 10.18rem;height: 6.26rem;background: url(../image/news_cont1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.33rem 0.7rem 0 0.8rem;margin: 0.3rem auto 0;}
.news_nav{width: 100%;height: 0.9rem;border-bottom: 1px solid #e9d8c8;font-size: 0;}
.news_nav a{font-size: 0.36rem;color: #565656;line-height: 0.9rem;display: inline-block;vertical-align: top;padding: 0 0.4rem;box-sizing: border-box;position: relative;}
.news_nav a.on{font-weight: bold;}
.news_nav a.on:before{display: block;content: "";width: 100%;height: 0.04rem;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: 0.04rem;background: #f89267; position: absolute;left: 0;bottom: 0;}

.news_main{width: 100%;position: relative;}
.news_list{width: 100%;}
.news_list li{width: 100%;height: 0.92rem;border-bottom: 1px solid #e9d8c8;}
.news_list li a{font-size: 0.28rem;color: #565656;line-height: 1.02rem;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 a p{width: 6.4rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li a span{color: #97938e;}
.btn_more{display: block;width: 0.39rem;height: 0.39rem;background: url(../image/btn_more1.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0;top: -0.59rem;}
.btn_more:hover{filter: brightness(1.05);}

/* section4 */
.section4 {background-image: url(../image/bg2.jpg);}
.section4:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont1.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.role_part{width: 100%;height: 19.20rem;position: absolute;left: 0;top: 0;z-index: 2;}
.roletx_main{width: 100%;height: 16.80rem;position: absolute;left: 0;bottom: 0;background: url(../image/role_bg1.png) no-repeat 50% 100%/100% 4.00rem;z-index: 10;pointer-events: none;}
.roletx_rotate{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.roletx_list{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.3s;}
.roletx_list li{width: 1.26rem;height: 100%;box-sizing: border-box;padding-top: 15.24rem;position: absolute;left: 50%;margin-left: -0.63rem;top: 0;}
.roletx_list li div{width: 1.26rem;height: 1.26rem;position: relative;border-radius: 50%;transform-origin: 50% 50% 0;}
.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 div{pointer-events: all;/*transition: all 0.3s;*/}
.roletx_list li div:before{display: block;content: "";width: 1.58rem;height: 1.46rem;background: url(../image/tx1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.05rem 0.22rem 0.15rem 0.1rem;position: absolute;left: -0.1rem;top: -0.05rem;pointer-events: none;}
.roletx_list li div:after{display: block;content: "";width: 1.58rem;height: 1.46rem;background: url(../image/tx1_icon.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.05rem 0.22rem 0.15rem 0.1rem;position: absolute;left: -0.1rem;top: -0.05rem;pointer-events: none;}

.roletx_list li.on{left: 50%;margin-left: -0.77rem;top: 0;width: 1.54rem;padding-top: 14.96rem;}
.roletx_list li.on div{width: 1.54rem;height: 1.54rem;}
.roletx_list li.on div:before{display: block;content: "";width: 2.08rem;height: 2.31rem;background: url(../image/tx2.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.34rem 0.09rem 0.43rem 0.45rem;position: absolute;left: -0.45rem;top: -0.34rem;pointer-events: none;}
.roletx_list li.on div:after{display: block;content: "";width: 2.08rem;height: 2.31rem;background: url(../image/tx2_icon.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.34rem 0.09rem 0.43rem 0.45rem;position: absolute;left: -0.45rem;top: -0.34rem;pointer-events: none;}
.roletx_list li:nth-of-type(1){transform: rotate(55.5deg);}
.roletx_list li:nth-of-type(2){transform: rotate(37.0deg);}
.roletx_list li:nth-of-type(3){transform: rotate(18.5deg);}
.roletx_list li:nth-of-type(4){transform: rotate(0deg);}
.roletx_list li:nth-of-type(5){transform: rotate(-18.5deg);}
.roletx_list li:nth-of-type(6){transform: rotate(-37.0deg);}
.roletx_list li:nth-of-type(7){transform: rotate(-55.5deg);}
.roletx_list li:nth-of-type(1) div{transform: rotate(-55.5deg);}
.roletx_list li:nth-of-type(2) div{transform: rotate(-37.0deg);}
.roletx_list li:nth-of-type(3) div{transform: rotate(-18.5deg);}
.roletx_list li:nth-of-type(4) div{transform: rotate(0deg);}
.roletx_list li:nth-of-type(5) div{transform: rotate(18.5deg);}
.roletx_list li:nth-of-type(6) div{transform: rotate(37.0deg);}
.roletx_list li:nth-of-type(7) div{transform: rotate(55.5deg);}

.role_cont{width: 100%;height: 16.07rem;}
.role_main,.roleSwiper{width: 100%;height: 100%;overflow: hidden;}
.roleSwiper .swiper-slide{overflow: hidden;}
.pc_role{display: none;}
.h5_role{display: block;}
.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: 100%;position: absolute;left: 0;top: 0;pointer-events: none;}

.btn_shapeshift{display: block;width: 4.67rem;height: 1.3rem;background: url(../image/btn_role1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.335rem;top: 14.88rem;text-indent: -999em;z-index: 10;}
.btn_shapeshift.btn_shapeshiftback{background: url(../image/btn_roleback1.png) no-repeat 50% 0/100% 100%;}
.btn_shapeshift:hover{filter: brightness(1.1);}
.roleSwiper .swiper-button-prev,.roleSwiper .swiper-button-next{display: block;width: 1.68rem;height: 1.68rem;position: absolute;top: 11.80rem;margin: 0 !important;}
.roleSwiper .swiper-button-prev{left: 0.34rem;background: url(../image/btn_prev1.png) no-repeat 50% 0/100% 100%;}
.roleSwiper .swiper-button-next{right: 0.34rem;background: url(../image/btn_next1.png) no-repeat 50% 0/100% 100%;}
.roleSwiper .swiper-button-prev:after,.roleSwiper .swiper-button-next:after{display: none;}

/* section5 */
.section5 {background-image: url(../image/bg2.jpg);}
.section5:before{display: block;content: "";width: 100%;height: 100%;background: url(../image/follow_cir.png) no-repeat 50% 0/100% auto;position: absolute;left: 0;top: 0;pointer-events: none;}
.section5:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont1.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.feature_box{width: 100%;height: 16.15rem;position: absolute;left: 0;top: 2.64rem;}
.feature_tit{width: 100%;height: 1.98rem;background: url(../image/act_tit1.png) no-repeat 50% 0/100% 100%;text-indent: -999em;}
.swiperpic_main{width: 100%;height: 13.47rem;margin-top: 0.7rem;position: relative;}
.Swiperpic{width: 100%;height: 100%;pointer-events: none;}
.pic_adorn{width: 10.80rem;height: 13.47rem;position: relative;}
.pic_adorn img{display: block;width: 100%;border-radius: 0.04rem;}
.pic_adorn .prev_img,.pic_adorn .next_img{width: 10.18rem;height: 6.29rem;background: url(../image/feature_box21.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.42rem 0.4rem 0.62rem 0.44rem;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: 9.34rem;height: 5.25rem;background: rgba(0,0,0,0.6); position: absolute;left: 0.44rem;top: 0.42rem;border-radius: 0.04rem;}
.pic_adorn .active_img{width: 10.18rem;height: 6.29rem;background: url(../image/feature_box11.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.42rem 0.4rem 0.62rem 0.44rem;position: absolute;left: 50%;margin-left: -5.09rem;top: 50%;margin-top: -3.145rem;z-index: 3;transform: scale(0.567);transition: all 0.3s;}
.pic_adorn .prev_img{right: -1.82rem;top: -1.25rem;}
.pic_adorn .next_img{right: -1.82rem;top: 8.4rem;}
.Swiperpic .swiper-slide-active .pic_adorn .active_img{transform: scale(1);}
.Swiperpic .swiper-pagination{display: none;}
.Swiperpic_length{display: block;width: 3.00rem;height: 3.00rem;background: url(../image/point_bg.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.45rem;top: 0.56rem;pointer-events: none;}
.Swiperpic_length em{font-size: 0.78rem;color: #ffffff;line-height: 0.8rem;position: absolute;left: 0.64rem;top: 1.22rem;font-family:"SOURCEHANSERIFCN-BOLD";font-weight: bold;font-style: italic;}
.Swiperpic_length span{font-size: 0.46rem;color: #ffffff;line-height: 0.48rem;position: absolute;left: 1.74rem;top: 1.46rem;font-family:"SOURCEHANSERIFCN-BOLD";font-weight: bold;font-style: italic;}
.swiperpic-prev{width: 5.5rem;height: 5.88rem;background: url(../image/btn_prev2.png) no-repeat 50% 0/100% 100%;position: absolute;left: 1.63rem;top: 0;}
.swiperpic-next{width: 4.67rem;height: 5.61rem;background: url(../image/btn_next2.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;bottom: 0;}
.swiperpic-prev .swiper-button-prev,.swiperpic-next .swiper-button-next{display: block;width: 0.68rem;height: 4.04rem;position: absolute;z-index: 10;}
.swiperpic-prev .swiper-button-prev{left: 2.02rem;top: 0.12rem;}
.swiperpic-next .swiper-button-next{right: 0.34rem;bottom: 0.32rem;}
.swiperpic-next .swiper-button-next:after, .swiperpic-prev .swiper-button-prev:after{display: none;}

/* section6 */
.section6 {background-image: url(../image/bg22.jpg);}
.section6:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/cover;background-image: url(../image/bg_cont1.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.follow_cont{width: 100%;height: 13.50rem;position: absolute;left: 0;top: 2.65rem;}
.follow_tit{width: 100%;height: 2.01rem;background: url(../image/follow_tit1.png) no-repeat 50% 0/100% 100%;margin: 0 auto;text-indent: -999em;}
.share_list{width: 10.80rem;height: 17.10rem;background: url(../image/follow_cirbg.png) no-repeat 50% 0/100% 100%;position: relative;margin-top: -1.5rem;}
.share_list li{width: 3.66rem;height: 3.66rem;position: absolute;}
.share_list li img{display: block;width: 100%;}
.share_list li:nth-of-type(1){left: 0.2rem;top: 2.55rem;}
.share_list li:nth-of-type(2){left: 3.58rem;top: 2.55rem;}
/*.share_list li:nth-of-type(3){left: 3.58rem;top: 5.74rem;}*/
.share_list li:nth-of-type(3){right: 0.2rem;top: 2.55rem;}
.share_list li:nth-of-type(4){left: 0.2rem;top: 5.74rem;}
.share_list li:nth-of-type(5){left: 3.58rem;top: 5.74rem;}
.share_list li:nth-of-type(6){right: 0.2rem;top: 5.74rem;}
.share_list li:nth-of-type(7){left: 3.58rem;top: 8.92rem;}
.share_list a{display: block;position: absolute;width: 3.18rem;height: 3.18rem;left: 50%;margin-left: -1.59rem;top: 50%;margin-top: -1.59rem;}
.share_list a i img{display: none;}
.share_list a i p img{display: block;}
.share_list a div{display: none;}
.btn_top{display: none;}

/* section7 */
.section7 {height: auto !important;}
.footer {width: 100%;height: 4.53rem;background: url(../image/footer1.png) no-repeat 50% 0/100% 100%;font-size: 0.14rem;color: #797979;line-height: 1.38rem;text-align: left;position: relative;}
.footer p{width: 7.15rem;margin-left: 0.2rem;padding-top: 0.15rem;}
.footer p a{color:#fac87a;text-decoration: underline;}
.footer_link1 {position: absolute;left: 5.93rem;top: 1.49rem;width: 1.7rem;height: 0.22rem;}
.footer_link2 {position: absolute;left: 0.28rem;top: 2.68rem;width: 0.8rem;height: 0.22rem;}
.footer_link3 {position: absolute;left: 1.21rem;top: 2.68rem;width: 2.6rem;height: 0.22rem;}
.footer_link4 {position: absolute;left: 3.83rem;top: 2.68rem;width: 1.76rem;height: 0.22rem;}
.footer_link5 {position: absolute;left: 5.6rem;top: 2.68rem;width: 2.06rem;height: 0.22rem;}

.arrow {position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 1.19rem;height: 0.9rem;background: url(../image/arrow1.png) no-repeat 50% 0/100% 100%;display: block;z-index: 10;pointer-events: none;}
.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: 30;}
.head_nav{width: 100%;height: 2.01rem;background: url(../image/nav_bg1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;pointer-events: all;display: none;}
.head_nav p{width: 10.80;height: 1.68rem;background: url(../image/logo_navtext.png) no-repeat 50% 0/100% 100%;position: relative;}
.nav_logo{display: block;width: 2.31rem;height: 1.68rem;background: url(../image/logo_nav1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;text-indent: -999em;}
.nav_order{display: block;width: 3.08rem;height: 0.94rem;background: url(../image/btn_order2.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.37rem;top: 0.42rem;}
.nav_order.btn_zhih{display: block;width: 3.08rem;height: 0.94rem;background: url(../image/btn_order2zhih.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.37rem;top: 0.42rem;}
.nav_down{display: block;width: 3.08rem;height: 0.94rem;background: url(../image/btn_down.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.37rem;top: 0.42rem;}

.menu{z-index: 12;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.menu.on{display: block;}
.logo{display: none;}

.nav{width: 100%;height: 14.00rem;position: absolute;left: 0;top: 50%;margin-top: -7.00rem;pointer-events: all;}
.nav a{display: block;width: 100%;height: 2.00rem;margin: 0 auto;position: relative;}
.nav a b{display: none;}
.nav a:nth-of-type(1){background: url(../image/nav11.png) no-repeat 50% 50%/3.66rem 0.82rem;}
/*.nav a:nth-of-type(2){background: url(../img/m/nav2.png) no-repeat 50% 50%/3.66rem 0.82rem;}*/
.nav a:nth-of-type(2){background: url(../image/nav31.png) no-repeat 50% 50%/3.66rem 0.82rem;}
.nav a:nth-of-type(3){background: url(../image/nav41.png) no-repeat 50% 50%/3.66rem 0.82rem;}
.nav a:nth-of-type(4){background: url(../image/nav51.png) no-repeat 50% 50%/3.66rem 0.82rem;}
.nav a:nth-of-type(5){background: url(../image/nav61.png) no-repeat 50% 50%/3.66rem 0.82rem;margin-top: 2rem;}
.nav a:nth-of-type(6){background: url(../image/nav71.png) no-repeat 50% 50%/3.66rem 0.82rem;margin-top: -4rem;}
.nav a:before{display: block;content: "";width: 100%;height: 0.14rem;background: url(../image/nav_line.png) no-repeat 50% 0/3.66rem 0.14rem;position: absolute;left: 0;bottom: -0.07rem;}
.btn_menuclose{display: block;width: 0.87rem;height: 0.84rem;background: url(../image/btn_menuclose.png) no-repeat 50% 0/100% 100%;position: absolute;right: 1.14rem;top: 50%;margin-top: -7.2rem;pointer-events: all;}

.icon_list{display: none;}
.btn_bgm{display: block;width: 0.75rem;height: 0.75rem;position: absolute;right: 1.28rem;top: 2.34rem;background: url(../image/btn_paused1.png) no-repeat 50% 0/100% 100%;border-radius: 50%;box-shadow: 0 0 0.1rem rgba(162,182,255,0.38);box-sizing: border-box;padding: 0.2rem 0.19rem 0.22rem;display: flex;justify-content: space-between;align-items: flex-end;pointer-events: all;transition: all 1s;}
.btn_bgm.newspos{top: 0.64rem;}
.btn_bgm:hover{filter: brightness(1.2);}
.btn_bgm i{display: none;}
.btn_bgm.playing{background: url(../image/btn_play1.png) no-repeat 50% 0/100% 100%;}
.btn_bgm.playing i{display: block;width: 0.05rem;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: 0.18rem;left: 0.19rem;}
.btn_bgm.playing i:nth-of-type(2){height: 0.3rem;left: 0.29rem;animation-delay: -3.7s;}
.btn_bgm.playing i:nth-of-type(3){height: 0.23rem;left: 0.4rem;animation-delay: -1s;}
.btn_bgm.playing i:nth-of-type(4){height: 0.11rem;left: 0.5rem;animation-delay: -2.4s;}
@keyframes up-and-down{10% {height: 30%;}30% {height: 100%;}60% {height: 50%;}80% {height: 75%}100% {height: 20%;}}
.btn_menu{display: block;width: 0.75rem;height: 0.75rem;position: absolute;right: 0.33rem;top: 2.34rem;background: url(../image/btn_menu.png) no-repeat 50% 0/100% 100%;border-radius: 50%;box-shadow: 0 0 0.1rem rgba(162,182,255,0.38);pointer-events: all;transition: all 1s;}
.btn_menu.newspos{top: 0.64rem;}
.btn_agetag{display: block;width: 1.09rem;height: 1.38rem;background: url(../image/agetag.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.23rem;bottom: 0.65rem;pointer-events: all;}
.btn_agetag:hover{filter: brightness(1.05);}
.tag_copyright{display: block;width: 2.55rem;height: 0.31rem;background: url(../image/copyright1.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.21rem;bottom: 0.2rem;}

/* 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;left: 50%;margin-left: -0.44rem;bottom: -1.9rem;width: 0.87rem;height: 0.84rem;background: url(../image/btn_menuclose.png) no-repeat 50% 0/100% 100%;}

.pop_video{width: 100%;height: 6.08rem;}
.pop_video .p_close{left: auto; right: 0;top: -1.1rem;}

.pop_order {width: 10.40rem;height: 8.43rem;background: url(../image/pop_order1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 2.28rem 1.3rem 0 0.9rem;}
.register_box{width: 100%;height: 0.6rem;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 0.3rem;position: relative;text-indent: -999em;}
.register_box a:nth-of-type(1){display: block;width: 1.60rem;height: 0.31rem;background: url(../image/btn_Android.png) no-repeat 50% 0/100% 100%;}
.register_box a:nth-of-type(2){display: block;width: 1.06rem;height: 0.31rem;background: url(../image/btn_ios.png) no-repeat 50% 0/100% 100%;}
.register_box a:nth-of-type(2):before{content: "";display: block;width: 0.03rem;height: 0.24rem;background: url(../image/register_line.png) no-repeat 50% 0/100% 100%;position: absolute;left: -0.3rem;top: 50%;margin-top: -0.12rem;}
.register_box a.on:nth-of-type(1){display: block;width: 1.60rem;height: 0.31rem;background: url(../image/btn_Androidchoose.png) no-repeat 50% 0/100% 100%;}
.register_box a.on:nth-of-type(2){display: block;width: 1.06rem;height: 0.31rem;background: url(../image/btn_ioschoose.png) no-repeat 50% 0/100% 100%;}
.register_list{width: 6.68rem;margin: 0 auto;}
.register_list li{width: 100%;height: 1.05rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 0.35rem;}
.phone_input{display: block;width: 100%;height: 100%;background: #bfbfcb;box-sizing: border-box;padding: 0 0.25rem;text-align: left;font-size: 0.36rem;color: #f4f9f1;line-height: 1.05rem;border: none;border-radius: 0.05rem;border: 1px solid #dcdcdd;}
.phone_input::-webkit-input-placeholder {color: #f4f9f1;}
.phone_input:-ms-input-placeholder {color: #f4f9f1;}
.phone_input::placeholder {color: #f4f9f1;}
.code_input{display: block;width: 3.7rem;height: 100%;background: #bfbfcb;box-sizing: border-box;padding: 0 0.25rem;text-align: left;font-size: 0.36rem;color: #f4f9f1;line-height: 1.05rem;border: none;border-radius: 0.05rem;border: 1px solid #dcdcdd;}
.code_input::-webkit-input-placeholder {color: #f4f9f1;}
.code_input:-ms-input-placeholder {color: #f4f9f1;}
.code_input::placeholder {color: #f4f9f1;}
.btn_sendcode{display: block;width: 2.67rem;height: 1.05rem;background: url(../image/code_send1.png) no-repeat 50% 0/100% 100%;font-size: 0.36rem;color: #f4f9f1;line-height: 1.05rem;text-align: center;}
.countdown{display: block;width: 2.67rem;height: 1.05rem;background: url(../image/code_sendzhih1.png) no-repeat 50% 0/100% 100%;font-size: 0.36rem;color: #FFFFFF;line-height: 1.05rem;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: 4.91rem;height: 1.38rem;text-indent: -999em;background: url(../image/btn_login1.png) no-repeat 50% 0/100% 100%;margin: 0.42rem auto 0;}
.btn_popsubmit.btn_popsubmitzhih{background: url(https://dldlnzsk.cmge.com/img/m/btn_loginzhih.png) no-repeat 50% 0/100% 100%;}
.agreement{padding-top: 0.36rem;width: 100%;height: 0.3rem;font-size: 0.3rem;color: #6e6c80;line-height: 0.3rem;text-align: center;}
.agreement a{color: #6e6c80;}
.agreement a:before{display: inline-block;content: "";width: 0.3rem;height: 0.29rem;background: url(../image/check1.png) no-repeat 50% 0/100% 100%;vertical-align: top;margin-right: 0.15rem;}
.agreement a.on:before{display: inline-block;content: "";width: 0.3rem;height: 0.29rem;background: url(../image/checked1.png) no-repeat 50% 0/100% 100%;vertical-align: top;margin-right: 0.15rem;}
.pop_qrcode{width: 5.22rem;height: 5.81rem;box-sizing: border-box;padding: 0.52rem 0.51rem 0.25rem;background: url(../image/pop_code.png) no-repeat 50% 0/100% 100%;}
.pop_qrcode div{width: 4.2rem;height: 4.2rem;box-sizing: border-box;padding: 0.2rem;background: #FFFFFF;border-radius: 0.05rem;}
.pop_qrcode div img{display: block;width: 100%;}
.pop_qrcode p{width: 100%;height: 0.84rem;font-size: 0.4rem;color: #FFFFFF;line-height: 0.84rem;text-align: center;font-family:"SOURCEHANSERIFCN-BOLD";font-weight: bold;}
.pop_age{width: 10.11rem;height: 8.2rem;background: url(../image/pop_age.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 1.65rem 1.26rem 0.5rem 0.85rem;}
.age_scroll{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;}
.age_scroll::-webkit-scrollbar {width: 0.1rem;height: 1px;}
.age_scroll::-webkit-scrollbar-thumb {border-radius: 0.05rem;background: #7f7f7f;}
.age_scroll::-webkit-scrollbar-track {border-radius: 0.05rem;background: #DCDCDC;}
.age_list{width: 7.8rem;margin: 0 auto;font-size: 0.32rem;color: #6e6c80;line-height: 0.36rem;text-align: left;}
.age_list li{margin-bottom: 0.12rem;}

.pop_success{width: 10.4rem;height: 8.43rem;background: url(../image/pop_comm1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.6rem 1.3rem 0.5rem 0.9rem;}
.pop_ordersuccess{width: 5.5rem;height: 0.75rem;background: url(../image/pop_ordersuccess.png) no-repeat 50% 0/100% 100%;text-indent: -999em;margin: 2.7rem auto 0;}

.pop_comm{width: 10.4rem;height: 8.43rem;background: url(../image/pop_comm1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.6rem 1.3rem 0.5rem 0.9rem;}
.pop_text{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 0.3rem;color: #6e6c80;line-height: 0.36rem;text-align: center;}

.pop_active{width: 10.40rem;height: 12.95rem;}
.active_box img{display: block;width: 100%;}
/*.pop_active .p_close{bottom: -0.8rem;}*/