/*  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;height: 100%;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(../img/m/bg1.jpg) no-repeat 50% 0;background-size: cover;}
.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: 19.20rem;position: absolute;left: 0;bottom: 0%;pointer-events: none;background: url(../img/m/slogan.png) no-repeat 50% 0/100% 100%;text-indent: -999em;}
.btn_order{display: block;width: 4.84rem;height: 1.22rem;background: url(../img/m/btn_order.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.42rem;bottom: 1.7rem;text-indent: -999em;}
.btn_order.btnzhih{background: url(../img/m/btn_orderzhih.png) no-repeat 50% 0/100% 100%;pointer-events: none;}
.btn_down{display: block;width: 4.84rem;height: 1.22rem;background: url(../img/m/btn_down.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.42rem;bottom: 1.7rem;text-indent: -999em;}
.pc_channel{display: none;}

/* section2 */
.section2 {background: url(../img/m/bg2.jpg) no-repeat 50% 0;background-size: cover;}
.order_main{width: 9.23rem;height: 15.84rem;background: url(../img/m/order_cont.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 2.63rem 0 0 0;position: absolute;left: 50%;margin-left: -4.615rem;top: 50%;margin-top: -7.92rem;}

.order_pross{width: 8.41rem;height: 12.44rem;margin: 0 auto;position: relative;}
.order_pross li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.order_pross li h3{width: 100%;height: 100%;position: relative;z-index: 2;}
.order_pross li:nth-of-type(1) h3{background: url(../img/m/dj1.png) no-repeat 50% 0/100% 100%;}
.order_pross li:nth-of-type(2) h3{background: url(../img/m/dj2.png) no-repeat 50% 0/100% 100%;}
.order_pross li:nth-of-type(3) h3{background: url(../img/m/dj3.png) no-repeat 50% 0/100% 100%;}
.order_pross li:nth-of-type(4) h3{background: url(../img/m/dj4.png) no-repeat 50% 0/100% 100%;}
.order_pross li:nth-of-type(5) h3{background: url(../img/m/dj5.png) no-repeat 50% 0/100% 100%;}
.order_pross li.on:nth-of-type(1) h3{background: url(../img/m/dj1_h.png) no-repeat 50% 0/100% 100%;}
.order_pross li.on:nth-of-type(2) h3{background: url(../img/m/dj2_h.png) no-repeat 50% 0/100% 100%;}
.order_pross li.on:nth-of-type(3) h3{background: url(../img/m/dj3_h.png) no-repeat 50% 0/100% 100%;}
.order_pross li.on:nth-of-type(4) h3{background: url(../img/m/dj4_h.png) no-repeat 50% 0/100% 100%;}
.order_pross li.on:nth-of-type(5) h3{background: url(../img/m/dj5_h.png) no-repeat 50% 0/100% 100%;}
.order_pross li p{width: 2.55rem;font-size: 0.3rem;color: #47413c;line-height: 0.4rem;text-align: center;position: absolute;z-index: 4;}
.order_pross li:nth-of-type(1) p{left: 3.67rem;top: 2.53rem;}
.order_pross li:nth-of-type(2) p{left: 5.48rem;top: 5.44rem;}
.order_pross li:nth-of-type(3) p{left: 1.39rem;top: 7.46rem;}
.order_pross li:nth-of-type(4) p{left: 5.58rem;top: 9.92rem;}
.order_pross li:nth-of-type(5) p{left: 2.32rem;top: 12.10rem;}

.order_pross li.on:after{z-index: 3;}
.order_pross li:nth-of-type(1).on:after{display: block;content: "";width: 1.47rem;height: 0.89rem;background: url(../img/m/order_success.png) no-repeat 50% 0/100% 100%;position: absolute;left: 4.99rem;top: 1.43rem;}
.order_pross li:nth-of-type(2).on:after{display: block;content: "";width: 1.47rem;height: 0.89rem;background: url(../img/m/order_success.png) no-repeat 50% 0/100% 100%;position: absolute;left: 6.82rem;top: 4.37rem;}
.order_pross li:nth-of-type(3).on:after{display: block;content: "";width: 1.47rem;height: 0.89rem;background: url(../img/m/order_success.png) no-repeat 50% 0/100% 100%;position: absolute;left: 2.69rem;top: 6.48rem;}
.order_pross li:nth-of-type(4).on:after{display: block;content: "";width: 1.47rem;height: 0.89rem;background: url(../img/m/order_success.png) no-repeat 50% 0/100% 100%;position: absolute;left: 6.94rem;top: 9.01rem;}
.order_pross li:nth-of-type(5).on:after{display: block;content: "";width: 1.47rem;height: 0.89rem;background: url(../img/m/order_success.png) no-repeat 50% 0/100% 100%;position: absolute;left: 3.66rem;top: 11.08rem;}

.order_pross li:nth-of-type(2):before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(3):before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg2.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(4):before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg3.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(5):before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg4.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(2).on:before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg1h.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(3).on:before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg2h.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(4).on:before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg3h.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_pross li:nth-of-type(5).on:before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/pross_bg4h.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0rem;top: 0rem;}
.order_prosspic{display: none;}

/* section3 */
.section3 {background: url(../img/m/bg3.jpg) no-repeat 50% 0;background-size: cover;}
.character_tit{width: 5.64rem;height: 1.48rem;background: url(../img/m/character_tit.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.82rem;top: 50%;margin-top: -7.0rem;text-indent: -999em;z-index: 2;}
.character_role{width: 100%;height: 19.20rem;position: absolute;left: 0;top: 50%;margin-top: -9rem;}
.character_main,.character_roleSwiper,.character_roleSwiper .swiper-wrapper,.character_roleSwiper .swiper-slide{width: 100%;height: 100%;overflow: visible;position: relative;z-index: auto;}
.role_img{width: 14.28rem;height: 19.20rem;position: absolute;left: 50%;margin-left: -7.14rem;top: 50%;margin-top: -9.6rem;background-size: 100% 100% !important;}
.character_name{display: none;}
.character_skill{width: 100%;height: 5.21rem;position: absolute;left: 0;top: 50%;margin-top: 1rem;background: url(../img/m/skill_bg.png) no-repeat 50% 0/100% 100%;}
.skill_tabbtns{width: 100%;height: 100%;position: relative;}
.skill_tabbtns a{display: block;width: 1.93rem;height: 1.93rem;background: url(../img/character/skill/avatar.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.15rem;position: absolute;box-shadow: 0 0 0.2rem 50% rgba(174,188,169,0.3);}
.skill_tabbtns a:nth-of-type(1){left: 0.33rem;top: 1.31rem;}
.skill_tabbtns a:nth-of-type(2){left: 2.96rem;top: 2.95rem;}
.skill_tabbtns a:nth-of-type(3){left: 5.93rem;top: 2.95rem;}
.skill_tabbtns a:nth-of-type(4){left: 8.37rem;top: 1.31rem;}
.skill_tabbtns a img{display: block;width: 100%;border-radius: 50%;}

.character_nav{width: 100%;height: 1.39rem;position: absolute;left: 0;top: 50%;margin-top: 7rem;box-sizing: border-box;padding: 0 1rem;}
.character_nav:before{display: block;content: "";width: 10.56rem;height: 1.39rem;background: url(../img/m/avatar_line.png) no-repeat;position: absolute;left: 50%;margin-left: -5.28rem;top: 0%;}
.character_nav .swiper-button-prev{display: block;width: 0.94rem;height: 0.94rem;background: url(../img/m/prev.png) no-repeat 50% 0/100% 100%;position: absolute;margin: 0;right: auto;left: 0.06rem;top: 50%;margin-top: -0.47rem;}
.character_nav .swiper-button-next{display: block;width: 0.94rem;height: 0.94rem;background: url(../img/m/next.png) no-repeat 50% 0/100% 100%;position: absolute;margin: 0;left: auto;right: 0.06rem;top: 50%;margin-top: -0.47rem;}
.character_nav .swiper-button-prev:after,.character_nav .swiper-button-next:after{display: none;}
.character_nav .swiper-slide{display: block;width: 1.76rem;overflow: visible;height: 1.39rem;}
.role_avatar{display: block;width: 1.39rem;height: 1.39rem;margin: 0 auto;position: relative;background: url(../img/character/avatar/avatar_no.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.07rem;}
.role_avatar img{display: block;width: 100%;}
.role_avatar:after{display: block;content: "";width: 1.39rem;height: 1.39rem;background: url(../img/character/avatar/avatar_mask.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;}
.character_nav .swiper-container {position: relative;left: 0;right: 0;bottom: 0;width: auto;height: auto;pointer-events: all;overflow: auto hidden !important;scroll-behavior: smooth;-webkit-scroll-behavior: smooth;}
.character_nav .swiper-slide-active .role_avatar{background: url(../img/character/avatar/avatar_on.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.1rem 0.07rem 0.08rem 0.11rem;}
.character_nav .swiper-slide-active .role_avatar:after{width: 1.58rem;height: 1.58rem;background: url(../img/character/avatar/avatar_onicon.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;top: 50%;margin: -0.79rem 0 0 -0.79rem;}
.skill_cont{display: none;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{pointer-events: all;opacity: 1;}

/* section4 */
.section4 {background: url(../img/m/bg4.jpg) no-repeat 50% 0;background-size: cover;}
.feature_main{width: 100%;height: 15.00rem;position: absolute;left: 0;top: 50%;margin-top: -7.5rem;}
.feature_tit{width: 5.64rem;height: 1.47rem;background: url(../img/m/feature_tit.png) no-repeat 50% 0/100% 100%;margin: 0 auto;text-indent: -999em;}
.feature_cont{width: 100%;height: 13.00rem;position: relative;}
.feature_Swiper{width: 100%;height: 12.14rem;margin: 0.6rem auto 0;position: relative;overflow: hidden;}

/*.feature_Swiper .swiper-slide{width: 11.13rem;height: 6.45rem !important;background: url(../img/m/feature_contbg1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.71rem 1.12rem 0.73rem;margin: 0 auto;filter: brightness(0.6);-webkit-filter: brightness(0.6);transition: filter 0.5s, transform 1s;-webkit-transition: filter 0.5s, transform 1s;backface-visibility: hidden;-webkit-backface-visibility: hidden;pointer-events: none;}*/
.feature_Swiper .swiper-slide{width: 11.13rem;height: 6.45rem !important;background: url(../img/m/feature_contbg1.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.71rem 1.12rem 0.73rem;margin: 0 auto;filter: brightness(0.6);-webkit-filter: brightness(0.6);transition: transform 1s;}
.feature_Swiper img{display: block;width: 100%;}
.feature_Swiper .swiper-slide-active img{border-top-right-radius: 0.2rem;}
.feature_Swiper .swiper-slide-prev, .feature_Swiper .swiper-slide-next {z-index: 9 !important;}
.feature_Swiper .swiper-slide-active{width: 11.13rem;height: 6.45rem !important;background: url(../img/feature_main.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.61rem 0.81rem 0.7rem 1.19rem;position: relative;margin-left: -0.5rem;z-index: 20 !important;filter: brightness(1);-webkit-filter: brightness(1);}
.feature_Swiper .swiper-slide-active:before{display: block;content: "";width: 0.53rem;height: 0.52rem;background: url(../img/feature_mainicon.png) no-repeat 50% 0/100% 100%;position: absolute;left: 10.02rem;top: 0.48rem;}
.feature_cont .swiper-pagination{width: 100%;height: 0.38rem;position: absolute;left: 0;bottom: 0;top: auto;right: auto;}
.feature_cont .swiper-pagination .swiper-pagination-bullet{width: 0.38rem;height: 0.38rem;background: url(../img/feature_point.png) no-repeat 50% 0/100% 100%;margin: 0;vertical-align: top;margin: 0 0.4rem;display: inline-block;opacity: 1;}
.feature_cont .swiper-pagination .swiper-pagination-bullet-active{background: url(../img/feature_pointh.png) no-repeat 50% 0/100% 100%;}
.btn_feature_prev,.btn_feature_next{display: block;width: 0.67rem;height: 0.68rem;position: absolute;top: 5.7rem;z-index: 11;}
.btn_feature_prev{background: url(../img/m/feature_prev.png) no-repeat 50% 0/100% 100%;left: 0;}
.btn_feature_next{background: url(../img/m/feature_next.png) no-repeat 50% 0/100% 100%;right: 0;}
.btn_featurepic_prev{display: block;width: 100%;height: 3.2rem;position: absolute;left: 0;top: 0;z-index: 10;}
.btn_featurepic_next{display: block;width: 100%;height: 3.2rem;position: absolute;left: 0;bottom: 0.9rem;z-index: 10;}

/* section5 */
.section5 {background: url(../img/m/bg5.jpg) no-repeat 50% 0;background-size: cover;}
.news_main{width: 100%;height: 14.74rem;position: absolute;left: 0;top: 50%;margin-top: -7.37rem;}
.news_tit{width: 5.64rem;height: 1.48rem;background: url(../img/m/news_tit.png) no-repeat 50% 0/100% 100%;margin: 0 auto;text-indent: -999em;}
.news_cont{width: 10.68rem;height: 12.70rem;background: url(../img/m/news_main.png) no-repeat 50% 0/100% 100%;margin: 0.58rem auto 0;box-sizing: border-box;padding: 0.8rem 0.74rem 0.64rem 0.73rem;}
.news_box{width: 100%;height: 100%;overflow: hidden;}
.news_banner{width: 100%;height: 5.64rem;position: relative;}
.newsbanner{width: 9.06rem;height: 5.19rem;position: relative;overflow: hidden;}
.newsbanner .swiper-slide a{display: block;width: 100%;height: 100%;background: url(../img/m/news_bannerbg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.11rem 0.11rem 0.11rem 0.12rem;}
.newsbanner .swiper-slide a div{width: 100%;height: 100%;overflow: hidden;}
.newsbanner .swiper-slide img{display: block;width: 100%;}
.news_banner .swiper-pagination{width: 100%;height: 0.38rem;position: absolute;left: 0;bottom: 0;}
.news_banner .swiper-pagination .swiper-pagination-bullet{width: 0.38rem;height: 0.38rem;background: url(../img/feature_point.png) no-repeat 50% 0/100% 100%;margin: 0 0.25rem;opacity: 1;}
.news_banner .swiper-pagination .swiper-pagination-bullet-active{background: url(../img/feature_pointh.png) no-repeat;background-size: 100% 100%;}

.news_modules{width: 8.4rem;height: 5.6rem;margin: 0 auto;}
.news_nav{width: 100%;height: 0.9rem;border-bottom: 0.02rem solid #dbd5c6;font-size: 0;}
.news_nav a{display: inline-block;vertical-align: top;width: 1.9rem;height: 0.9rem;font-size: 0.36rem;color: #383838;line-height: 0.9rem;text-align: center;font-weight: bold;margin-right: 0.1rem;position: relative;}
.news_nav a:nth-of-type(1){text-align: left;width: 1.32rem;}
.news_nav a.on{color: #df7f02;}
.news_nav a:after{display: block;content: "/";position: absolute;right: 1.9rem;top: 0;font-weight: normal;color: #bab6ae;}
.news_nav a:nth-of-type(1):after{display: none;}
.news_nav a:hover{color: #df7f02;font-weight: bold;}
.news_section{width: 100%;position: relative;}
.news_section .btn_more{display: block;width: 1.25rem;height: 0.58rem;position: absolute;right: 0;top: -0.75rem;text-indent: -999em;background: url(../img/m/btn_more.png) no-repeat 50% 0/100% 100%;}
.news_list{width: 100%;padding-top: 0.25rem;}
.news_list li{width: 100%;height: auto;font-size: 0.3rem;}
.news_list li a{font-size: 0.3rem;color: #595650;line-height: 0.84rem;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 em{display: none;}
.news_list li a p{width: 7.1rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li a span{color: #383838;}
.news_list li a:hover,.news_list li a:hover span{color: #df7f02;}
.news_list li:nth-of-type(1){margin-bottom: 0.1rem;}
.news_list li:nth-of-type(1) a{width: 8.4rem;height: 0.68rem;background: url(../img/m/news_listbg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0 0.4rem 0 0.6rem;display: flex;align-items: center;justify-content: center;position: relative;}
.news_list li:nth-of-type(1) a:before{display: block;content: "";width: 0.55rem;height: 0.55rem;background: #edb87d;border: 1px solid #f5f3ef;transform: rotate(45deg);position: absolute;left: -0.1rem;top: 50%;margin-top: -0.275rem;}
.news_list li:nth-of-type(1) a em{display: block;width: 0.55rem;height: 0.55rem;position: absolute;left: -0.1rem;top: 50%;margin-top: -0.275rem;font-size: 0.24rem;color: #383838;line-height: 0.55rem;text-align: center;font-weight: bold;}
.news_list li:nth-of-type(1) a p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;line-height: 0.68rem;}
.news_list li:nth-of-type(1) a span{display: none;}

/* section6 */
.section6 {background: url(../img/m/bg6.jpg) no-repeat 50% 0;background-size: cover;}
.follow_tit{width: 5.64rem;height: 1.47rem;background: url(../img/m/follow_tit.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -2.82rem;top: 50%;margin-top: -7.5rem;text-indent: -999em;}

.share_list{width: 100%;height: 13.6rem;position: absolute;left: 0;top: 50%;margin-top: -5.5rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.share_list li{width: 2.8rem;margin: 0 0.5rem;padding-bottom: 0.1rem;}
.share_list a,.share_list a i img{display: block;width: 100%;}
.share_list li i span{display: block;width: 100%;font-size: 0.32rem;color: #31444b;line-height: 0.34rem;text-align: center;padding-top: 0.25rem;font-weight: bold;}
.share_list a div{display: none;}

/* section7 */
.section7 {height: auto !important;}
.footer {width: 100%;height: 5.8rem;background: url(../img/m/footer.png) no-repeat 50% 0/100% auto;font-size: 0.24rem;color: #7c7d7f;line-height: 0.34rem;text-align: left;position: relative;box-sizing: border-box;padding-top: 0.2rem;}
.footer p{width: 10.30rem;margin: 0 auto;}
.footer p a{color:#7c7d7f;text-decoration: none;}
.footer p a:hover{color: #aeafb1;}
.footer p img{display: inline-block;vertical-align: middle;height: 0.45rem;}
.footer p:nth-of-type(4) a{margin: 0 0.08rem;}
.footer p:nth-of-type(4) a:nth-of-type(1){margin-left: 0;}
.footer p:last-child{padding-top: 0.1rem;}
.footer p:last-child img{margin-right: 0.05rem;}

.arrow {position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 1.51rem;height: 0.92rem;background: url(../img/m/arrow.png) no-repeat 50% 0/100% 100%;display: block;z-index: 10;pointer-events: all;}
.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: 1.51rem;background: url(../img/m/nav_bg.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;pointer-events: all;display: block;}
.head_nav p{width: 10.80;height: 1.51rem;background: url(../img/m/logo_navtext.png) no-repeat 50% 0/100% 100%;position: relative;}
.nav_logo{display: block;width: 1.19rem;height: 1.2rem;background: url(../img/m/icon.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.15rem;top: 50%;margin-top: -0.6rem;text-indent: -999em;}
.nav_order{display: block;width: 2.08rem;height: 0.67rem;background: url(../img/m/btn_navorder.png) no-repeat 50% 0/100% 100%;position: absolute;right: 1.6rem;top: 50%;margin-top: -0.335rem;}
.nav_down{display: block;width: 2.08rem;height: 0.67rem;background: url(../img/m/btn_navdown.png) no-repeat 50% 0/100% 100%;position: absolute;right: 1.6rem;top: 50%;margin-top: -0.335rem;}
.nav_order.btn_zhih{display: block;width: 2.08rem;height: 0.67rem;background: url(../img/m/btn_navorderzhih.png) no-repeat 50% 0/100% 100%;position: absolute;right: 1.6rem;top: 50%;margin-top: -0.335rem;pointer-events: none;}
.nav_show{display: block;width: 0.91rem;height: 0.91rem;background: url(../img/m/btn_menu.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.34rem;top: 0.31rem;pointer-events: all;text-indent: -999em;}

.nav_main{z-index: 12;position: fixed;right: -100vw;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
.nav{width: 100%;height: 11.16rem;position: absolute;left: 0;top: 50%;margin-top: -5.58rem;pointer-events: all;}
.nav a{display: block;width: 100%;height: 1.86rem;margin: 0 auto;position: relative;text-indent: -999em;}
.nav a b{display: none;}
.nav a:nth-of-type(1){background: url(../img/m/nav1.png) no-repeat 50% 50%/100% 100%;}
.nav a:nth-of-type(2){background: url(../img/m/nav2.png) no-repeat 50% 50%/100% 100%;}
.nav a:nth-of-type(3){background: url(../img/m/nav3.png) no-repeat 50% 50%/100% 100%;}
.nav a:nth-of-type(4){background: url(../img/m/nav4.png) no-repeat 50% 50%/100% 100%;}
.nav a:nth-of-type(5){background: url(../img/m/nav5.png) no-repeat 50% 50%/100% 100%;}
.nav a:nth-of-type(6){background: url(../img/m/nav6.png) no-repeat 50% 50%/100% 100%;}
.nav a:before{display: block;content: "";width: 7.6rem;height: 1px;background: url(../img/m/nav_line.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -3.8rem;bottom: -1px;}
.nav a:last-child:before{display: none;}
.nav_hide{display: block;width: 1rem;height: 0.9rem;background: url(../img/m/btn_menuclose.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.77rem;top: 50%;margin-top: -6.45rem;pointer-events: all;text-indent: -999em;}
.logo{display: block;width: 2.12rem;height: 1.1rem;background: url(../img/m/logo.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.28rem;bottom: 0.9rem;pointer-events: all;text-indent: -999em;}
.tag_copyright{display: block;width: 5.37rem;height: 0.21rem;background: url(../img/m/copyright.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.34rem;bottom: 0.58rem;}
.btn_agetag{display: block;width: 0.8rem;height: 1.03rem;background: url(../img/agetag.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.3rem;bottom: 0.64rem;pointer-events: all;}


/* 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: 0%;top: -0.4rem;width: 0.68rem;height: 0.62rem;background: url(../img/m/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_age{width: 9.99rem;height: 13.11rem;background: url(../img/m/pop_age.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 2.5rem 0.8rem 0 0.8rem;}
.age_scroll{width: 100%;height: 100%;}
.age_list{width: 100%;margin: 0 auto;font-size: 0.28rem;color: #31444b;line-height: 0.48rem;text-align: left;}
.age_list li{padding-left: 0.3rem;position: relative;}
.age_list li em{position: absolute;left: 0;top: 0;}

.pop_order {width: 9.15rem;height: 6.98rem;background: url(../img/m/pop_order.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 1.95rem 1.6rem 0 1.14rem;}
.register_box{width: 100%;height: 1.22rem;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;padding-left: 1.2rem;box-sizing: border-box;}
.register_box a{margin: 0 0;position: relative;text-indent: -999em;}
.register_box a:nth-of-type(1){display: block;width: 2.48rem;height: 0.8rem;background: url(../img/btn_Android.png) no-repeat 50% 0/auto 100%;}
.register_box a:nth-of-type(2){display: block;width: 2.18rem;height: 0.8rem;background: url(../img/btn_ios.png) no-repeat 50% 0/100% 100%;}
.register_box a.on:nth-of-type(1){display: block;width: 2.48rem;height: 0.8rem;background: url(../img/btn_Androidchoose.png) no-repeat 50% 0/auto 100%;}
.register_box a.on:nth-of-type(2){display: block;width: 2.18rem;height: 0.8rem;background: url(../img/btn_ioschoose.png) no-repeat 50% 0/100% 100%;}

.register_list{width: 6.4rem;margin: 0 auto;}
.register_list li{width: 100%;height: 0.59rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 0.62rem;}
.register_list li label{display: block;width: 1.4rem;font-size: 0.28rem;color: #31444b;line-height: 0.59rem;text-align: center;}
.register_list li .code_cont{width: 5.00rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.phone_input{display: block;width: 5.00rem;height: 0.59rem;background: url(../img/phone_input.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0 0.15rem;text-align: left;font-size: 0.28rem;color: #ffffff;line-height: 0.59rem;border: none;border-radius: 0px;}
.phone_input::-webkit-input-placeholder {color: #ffffff;}
.phone_input:-ms-input-placeholder {color: #ffffff;}
.phone_input::placeholder {color: #ffffff;}
.code_input{display: block;width: 3.02rem;height: 0.59rem;background: url(../img/code_input.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0 0.15rem;text-align: left;font-size: 0.28rem;color: #ffffff;line-height: 0.59rem;border: none;border-radius: 0px;}
.code_input::-webkit-input-placeholder {color: #ffffff;}
.code_input:-ms-input-placeholder {color: #ffffff;}
.code_input::placeholder {color: #ffffff;}
.btn_sendcode{display: block;width: 1.77rem;height: 0.59rem;background: url(../img/code_send.png) no-repeat 50% 0/100% 100%;font-size: 0.24rem;color: #ffffff;line-height: 0.59rem;text-align: center;}

.countdown{display: block;width: 1.77rem;height: 0.59rem;background: url(../img/code_sendzhih.png) no-repeat 50% 0/100% 100%;font-size: 0.24rem;color: #FFFFFF;line-height: 0.59rem;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;padding-top: 0;}
.btn_popsubmit{display: block;width: 2.49rem;height: 0.8rem;text-indent: -999em;background: url(../img/btn_poporder.png) no-repeat 50% 0/100% 100%;margin: 0 auto 0;}
.btn_popsubmit.btn_popsubmitzhih{background: url(../img/btn_poporderzhih.png) no-repeat 50% 0/100% 100%;}

.pop_success{width: 9.15rem;height: 6.38rem;background: url(../img/m/pop_success.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0;text-indent: -999em;}
.pop_successed{width: 9.15rem;height: 6.38rem;background: url(../img/m/pop_successed.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0;text-indent: -999em;}

.pop_comm{width: 9.15rem;height: 6.38rem;background: url(../img/m/pop_comm.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 1.95rem 1.6rem 0 1.14rem;}
.pop_text{width: 100%;height: 90%;display: flex;align-items: center;justify-content: center;font-size: 0.24rem;color: #31444b;line-height: 0.48rem;text-align: center;}

.pop_code{width: 5.16rem;height: 4.96rem;background: url(../img/m/pop_code.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.52rem 0.89rem 0 0.84rem;}
.pop_code .p_close{right: -0.7rem;top: 0;}
.code_main{width: 3.42rem;height: 3.42rem;background: url(../img/m/code_bg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.02rem;}
.code_main img{display: block;width: 100%;}
.pop_codebox p{width: 100%;padding-top: 0.3rem;font-size: 0.28rem;color: #000000;line-height: 0.28rem;text-align: center;font-weight: bold;}

.pop_skill .p_close{right: -0.7rem;top: 0;}
.pop_skillmain{width: 9.06rem;background: url(../img/character_txtbg1.png) no-repeat 50% 0/100% auto;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 999;padding-top: 0.18rem;}
.pop_skillcont{width: 9.06rem;background: url(../img/character_txtbg3.png) no-repeat 50% 100%/100% auto;box-sizing: border-box;padding-bottom: 0.18rem;}
.pop_skillbg{width: 9.06rem;background: url(../img/character_txtbg2.png) repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.33rem 0.6rem 0.15rem;font-size: 0.3rem;color: #484848;line-height: 0.48rem;text-align: left;position: relative;}
.pop_skillbg .popskill_icon{width: 1.69rem;height: 1.69rem;background: url(../img/character/skill/pop_skill.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.18rem;position: absolute;left: 0.5rem;top: 0.03rem;}
.pop_skillbg .popskill_icon img{display: block;width: 100%;border-radius: 50%;}

.pop_skillbg h3{width: 100%;height: 1.48rem;position: relative;padding: 0 0 0.22rem 1.9rem;}
.pop_skillbg h3 span{font-weight: bold;line-height: 0.76rem;font-size: 0.58rem;}
.pop_skillbg h3 p{line-height: 0.52rem;}
.pop_skillbg span{color: #c47a00;}
.pop_skillbg h3:before{display: block;content: "";width: 7.95rem;height: 0.05rem;background: url(../img/m/popcharacter_line.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.04rem;bottom: 0rem;}
.pop_skillbg ul{padding-top: 0.16rem;}
.pop_skillbg li{padding-left: 0.44rem;position: relative;}
.pop_skillbg li:before{display: block;content: "";width: 0.16rem;height: 0.16rem;background: #c3b89f;transform: rotate(45deg);position: absolute;left: 0.02rem;top: 0.12rem;}