@charset "utf-8";
body{overflow-x: hidden; margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; }
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
span{outline:none;}

.wrap{ position: relative; overflow: hidden; width: 25.6rem; height: 81rem; background: url(https://p5x.wanmei.com/images/cover2407/body_bg.jpg) center 11.91rem no-repeat; background-size: 100% auto;}
/* head */
.section_head{ position: relative; overflow: hidden; width: 25.6rem; height: 11.91rem; background: url(https://p5x.wanmei.com/images/cover250703/section-head-bg.jpg) center top no-repeat; background-color: #000; background-size: 100% auto;}
.head_bg_video{ width: 100%;}

.logo{ position:absolute; left: 0.31rem; top: 0.47rem; z-index: 5; width: 2.85rem;}
.btn_main{ position: absolute; right: 2.24rem; top: 0.21rem; z-index: 5; width: 2.28rem; height: 1.12rem;}
.btn_main span{ display: block; position: relative; z-index: 2; width: 100%; height: 100%; background: url(https://p5x.wanmei.com/images/cover2407/btn_main.png); background-size: 100% auto; transition: transform 0.6s; -webkit-transition: transform 0.6s; -ms-transition: transform 0.6s;}
.btn_main:after{ position: absolute;bottom: 1.68rem; left: 1rem; z-index: 1; width: 3.19rem; height: 1.68rem;  content: ""; background: url(https://p5x.wanmei.com/images/cover2407/nav_on.png) no-repeat; background-size: 100% auto; transition: all 0.6s; -webkit-transition: all 0.6s;  -ms-transition: all 0.6s;}
.btn_main:hover span{ transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg);}
.btn_main:hover:after{ bottom: -0.35rem; left: -0.39rem;}
.share_menu{ position: absolute; right: .96rem; top: .44rem; z-index: 5; width: .68rem; height: .68rem;}
.icon_share{ position: absolute;  left: 0; top: 0; z-index: 2; width: .68rem; height: .68rem; background: url(https://p5x.wanmei.com/images/cover2407/menu_share.png) no-repeat 0 0; background-size: 100% auto;}
.share_list{ display: none; position: absolute; left: 0; top: 0; width: 0.68rem; height: 4.14rem; padding-top: 0.82rem; background-color: #000000; border-radius: 0.68rem;}
.share_list li{ position: relative; z-index: 3; width: 0.44rem; height: 0.44rem; margin: 0 auto 0.15rem; opacity: 0.7;}
.followUs_wechat{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_wechat.png) no-repeat 0 0; background-size: 100% auto;}
.followUs_sina{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_sina.png) no-repeat 0 0; background-size: 100% auto; }
.followUs_douliu{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_douliu.png) no-repeat 0 0; background-size: 100% auto; }
.followUs_tap{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_tap.png) no-repeat 0 0; background-size: 100% auto; }
.followUs_qq{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_qq.png) no-repeat 0 0; background-size: 100% auto; }
.followUs_tieba{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_tieba.png) no-repeat 0 0; background-size: 100% auto; }
.followUs_bili{ background: url(https://p5x.wanmei.com/images/cover230301/followUs_bili.png) no-repeat 0 0; background-size: 100% auto; }

.share_list li a{ display: block; width: 100%; height: 100%;}
.share_list li .ewm_box{ display: none; position: absolute; right: 0.42rem; top: 50%; width: 1.5rem; height: 1.41rem; margin-top: -0.7rem; background: url(https://p5x.wanmei.com/images/cover2407/share_ewm_bg.png); background-size: 100% auto;}
.share_list li .ewm_box img{ position: absolute; left: 0.05rem; top: 0.05rem; width: 1.3rem; height: 1.3rem;}
.share_menu:hover .share_list{ display: block;}
.share_list li:hover{ opacity: 1;}
.share_list li:hover .ewm_box{ display: block;}

.pv_btn{ position: absolute; bottom: 1.77rem; left: .3rem; z-index: 5; width: .8rem; height: .8rem;}
.pv_btn span{ display: block; width: 100%; height: 100%; background: url(https://p5x.wanmei.com/images/cover230710/pv_box0710.png) no-repeat 0 0; background-size: 100% auto;transition: transform 0.8s; -webkit-transition: transform 0.8s; -ms-transition: transform 0.8s;}
.pv_btn:hover span{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.age18{ position: absolute; bottom: .65rem; left: .3rem; z-index: 5; width: .8rem;}

.slogan{position:absolute; top: 5.9rem; left: 50%; width: 7.64rem; margin-left: -3.82rem;}
.downBtns{ display: flex; position: absolute; left: 0; top: 9.8rem; width: 100%; justify-content: center;}
.downBtns a{ height: .95rem; margin: 0 .33rem;}
.down_pc{ width: 2.65rem; background: url(https://p5x.wanmei.com/images/cover240411/down_pc.png) no-repeat 0 0; background-size: 100% auto; animation-duration: 1.5s;}
.down_other{ width: 2.63rem; background: url(https://p5x.wanmei.com/images/cover240411/down_other.png) no-repeat 0 0; background-size: 100% auto;}
.downCont{display: none; position:absolute; bottom: 0; left: 0; z-index: 6; width: 100%; height: 2.9rem; background: url(https://p5x.wanmei.com/images/cover240411/downCont.png) no-repeat 0 0; background-size: cover; }
.downInner{ position: relative; width: 10.8rem; height: 100%; margin: 0 auto;}
.downCode{ position: absolute; top: .22rem; left: .23rem;}
.downCode img{ display: block}
.downCodeTit{ width: 1.41rem; margin: 0 auto .2rem auto;}
.downCodeImg{ width: 1.63rem; height: 1.63rem;}
.otherDownBtns{ display: flex; position: absolute; top: 0.72rem; left: 2.1rem;}
.otherTop{top: 1.52rem;}
.otherDownBtns a{ margin-right: .13rem; width: 1.87rem; height: .67rem;}
.down_ios{ background: url(https://p5x.wanmei.com/images/cover240411/down_ios.png) no-repeat 0 0; background-size: 100% auto;}
.down_and{ background: url(https://p5x.wanmei.com/images/cover240411/down_and.png) no-repeat 0 0; background-size: 100% auto;}
.down_mumu{ background: url(https://p5x.wanmei.com/images/cover240411/down_mumu.png) no-repeat 0 0; background-size: 100% auto;}
.down_thunder{ background: url(https://p5x.wanmei.com/images/cover240411/down_thunder.png) no-repeat 0 0; background-size: 100% auto;}
.down_zq{ background: url(https://p5x.wanmei.com/images/cover250410/btn_down.png) no-repeat 0 0; background-size: 100% auto;}
.down_steam{ background: url(https://p5x.wanmei.com/images/cover250410/btn_steam.png) no-repeat 0 0; background-size: 100% auto;}
.downContClose{ position: absolute; top: .13rem; right: 0; z-index: 1; width: .52rem; height: .52rem; background: url(https://p5x.wanmei.com/images/cover240411/downContClose.png) no-repeat 0 0; background-size: 100% auto;}
/* version */
.section_version{ position: relative; overflow: hidden; width: 25.6rem; height: 17.88rem;}
.scroll_tip{ position: absolute; left: 50%; top: 0.6rem; width: .93rem; margin-left: -0.46rem; animation: key_scroll 1s infinite alternate;-webkit-animation: key_scroll 1s infinite alternate;-ms-animation: key_scroll 1s infinite alternate;}
@keyframes key_scroll{
	0%{ transform: translate3d(0,0,0)}
	100%{ transform: translate3d(0,0.2rem,0)}
}
@-webkit-keyframes key_scroll{
	0%{ -webkit-transform: translate3d(0,0,0)}
	100%{ -webkit-transform: translate3d(0,0.2rem,0)}
}
@-ms-keyframes key_scroll{
	0%{ -ms-transform: translate3d(0,0,0)}
	100%{ -ms-transform: translate3d(0,0.2rem,0)}
}
.section_t_version{ position: absolute; left: .58rem; top: 4.28rem; height: 1.61rem;}
.version_cont{ position: absolute; right: 0; top: 6.3rem; width: 25.6rem; height: 9.8rem;}
.version_swiper,.version_swiper .swiper-slide{ width: 100%; height: 100%;}
.version_img_box{ position: absolute; left: 3.57rem; top: 0.53rem; width: 18.33rem; height: 8.09rem; background-color: #fff;}
.version_img_box img{ position: absolute; left: 0.22rem; top: 0.22rem; width: 13.6rem; height: 7.65rem; border-radius: 0.2rem;}
.version_r{ position: absolute; right: 0; top: 0; width: 11.1rem; height: 9.13rem; background: url(https://p5x.wanmei.com/images/cover2407/version_cont_bg.png); background-size: 100% auto;}
.version_t_line{ position: absolute; right: 0; top: 1.33rem; overflow: hidden; width: 9.9rem; height: 1.35rem; font-size: 0.6rem; font-weight: bold; line-height: 1.35rem; color: #fff; background-color: #0c141c; text-indent: 0.7rem;}
.version_info{ position: absolute; right: 0; top: 3.34rem; overflow: hidden; width: 8.94rem; height: 5.28rem;}
.version_p{ width: 6.8rem; font-size: .36rem; line-height: 0.48rem; color: #fff;}
.h330{ height: 3.3rem;}
.bold{ font-weight: bold;}
.version_prize{ display: inline-block; height: 0.84rem; margin-top: 0.26rem;}
.btn_prev,.btn_next{ position: absolute; width: 1.2rem; height: 1.82rem; cursor: pointer; opacity: 1;}
.btn_prev::after,.btn_next::after{ content: "";}
.btn_prev{ left: .58rem; background: url(https://p5x.wanmei.com/images/cover2407/btn_prev.png); background-size: 100% auto;}
.btn_next{ right: .58rem; background: url(https://p5x.wanmei.com/images/cover2407/btn_next.png); background-size: 100% auto;}
.btn_prev,.btn_next{ top: 3.74rem; margin: 0;}
.page_box{ width: 100%; height: 0.5rem; text-align: center;}
.page_box .swiper-pagination-bullet{ width: 0.5rem; height: 0.5rem; background: url(https://p5x.wanmei.com/images/cover2407/icon_page.png); background-size: 100% auto; opacity: 1;}
.page_box .swiper-pagination-bullet-active{background: url(https://p5x.wanmei.com/images/cover2407/icon_page_on.png); background-size: 100% auto;}
/* role */
.section_role{ position: relative; width: 25.6rem; height: 14.98rem; overflow: hidden;}
.section_t_role{ position: absolute; height: 1.61rem; right: .58rem; top:0;}
.role_cont{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.role_swiper,.role_swiper .swiper-slide{ width: 100%; height: 100%;}
.role_img_box{ position: absolute; width: 21.86rem; height: 8.09rem; left: 0; top: 3.61rem; background-color: #fff;}
.role_img_box img{ position: absolute; width: 15.96rem; right: -0.17rem; bottom: 0.21rem;}
.role_info{ position: absolute; width: 9.12rem; left: 0; top: 3.28rem;}
.btn_v_role{ position: absolute; width: 1.12rem; height: 1.12rem; left: 6.95rem; top: 4.95rem; background: url(https://p5x.wanmei.com/images/cover2407/btn_v_role.png) no-repeat; background-size: 100% auto; cursor: pointer; transition: transform 0.8s; -webkit-transition: transform 0.8s; -ms-transition: transform 0.8s;}
.btn_v_role:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.cv_box{ position: absolute; width: 7.2rem; height: .61rem; left: 1.43rem; top: 8.99rem;}
.cv_item{ float: left; position: relative; height: .61rem; margin-right: 0.12rem; cursor: pointer; overflow: hidden;}
.cv_cn{ width: 3.28rem; background: url(https://p5x.wanmei.com/images/cover2407/cv_bg2.png) no-repeat; background-size: 100% auto;}
.cv_jp{ width: 3.58rem; background: url(https://p5x.wanmei.com/images/cover2407/cv_bg2.png) no-repeat; background-size: 100% 100%;}
.cv_item p{ padding-left: 0.77rem; font-size: 0.3rem; line-height: 0.61rem;}
.role_img_box.role_img_wind img{
	width: 19.55rem;
	right: -3.74rem;
}
.role_img_box.role_img_bljl img{
	width: 15.6rem;
	right: 0.2rem;
}
.role_img_box.role_img_dxblq img{
	width: 15.6rem;
	right: 0.2rem;
}
.role_img_box.role_img_matoi img{
	width: 15.6rem;
	right: 0.2rem;
}
.role_img_box.role_img_crow img{
	width: 17.59rem;
	right: -1.76rem;
}
.role_img_box.role_img_ange img{
	width: 17.59rem;
	right: 0.2rem;
}
.role_img_makoto img{
	width: 15.6rem;
	right: 0.25rem;
}
.role_img_box.role_img_yukari img{
	right: 0.2rem;
	bottom: 0.13rem;
}
.role_img_box.role_img_rin img{
	right: 0.2rem;
	bottom: 0.13rem;
}

.role_nav{ position: absolute; width: 6.88rem; height: 1.83rem; left: 1.43rem; top: 10.11rem; z-index: 5; display: flex; justify-content: center;}
.role_nav li{ float: left; width: 1.83rem; height: 1.83rem; margin-right: 0.18rem; cursor: pointer;}
.tx-berry{ background: url(https://p5x.wanmei.com/images/cover250703/tx-berry.png) no-repeat; background-size: 100% auto;}
.tx-akihiko{ background: url(https://p5x.wanmei.com/images/cover250612/tx-akihiko.png) no-repeat; background-size: 100% auto;}
.tx_rin{ background: url(https://p5x.wanmei.com/images/cover250123/tx_rin.png) no-repeat; background-size: 100% auto;}
.tx_makoto{ background: url(https://p5x.wanmei.com/images/cover250429/tx_makoto.png) no-repeat; background-size: 100% auto;}
.tx_luce{ background: url(https://p5x.wanmei.com/images/cover250410/tx_luce.png) no-repeat; background-size: 100% auto;}
.tx_ange{ background: url(https://p5x.wanmei.com/images/cover250410/tx_ange.png) no-repeat; background-size: 100% auto;}
.tx_crow{ background: url(https://p5x.wanmei.com/images/cover250313/tx_crow.png) no-repeat; background-size: 100% auto;}
.tx_matoi{ background: url(https://p5x.wanmei.com/images/cover250225/tx_matoi.png) no-repeat; background-size: 100% auto;}
.role_nav li.on{ background-position: 0 -1.83rem;}
/* map */
.section_map{ position: relative; width: 25.6rem; height: 13.95rem; overflow: hidden;}
.section_t_map{ position: absolute; left: .58rem; top: 0; height: 1.61rem;}
.map_cont{ position: absolute; right: 0; top: 2.34rem; width: 25.6rem; height: 9.8rem;}
.map_swiper,.map_swiper .swiper-slide{ width: 100%; height: 100%;}
.map_r{ position: absolute; right: 0; top: 0; width: 11.1rem; height: 9.13rem; background: url(https://p5x.wanmei.com/images/cover2407/map_cont_bg.png); background-size: 100% auto;}
/* feature */
.section_feature{ position: relative; overflow: hidden; width: 25.6rem; height: 22.28rem;}
.section_t_featrue{ position: absolute; right: .58rem; top:0; height: 1.61rem;}
.feature_cont{ position: absolute; left: 0; top: 2.81rem; width: 25.6rem; height: 9.13rem; background: url(https://p5x.wanmei.com/images/cover2407/feature_cont_bg.png) 0 0 no-repeat; background-size: auto 100%;}
.feature_swiper_box{ position: absolute; left: 7.99rem; top: .16rem; overflow: hidden; width: 13rem; height: 7.31rem; padding: 0.2rem; background-color: #fff;}
.feature_swiper,.feature_swiper .swiper-slide img{ width: 13rem; height: 7.31rem;}
#featrue_page{ position: absolute; left: 0; top: 8.9rem; z-index: 5;}
#btn_prev_feature,#btn_next_feature{ top: 2.8rem;}
.slideTits{ position: absolute; top: 6.2rem; left: 1.7rem; width: 6.1rem; height: 1.83rem;}
.slideTits img{ display: none; top: 0; left: 0; position: absolute; width: 6.1rem;}

.go_top{ display: none; position: fixed; bottom: 0.5rem; right: 0.5rem; z-index: 12; width: 1.32rem; height: 1.32rem; background: url(https://p5x.wanmei.com/images/cover230301/go_top.png) no-repeat 0 0; background-size: 100% auto;}
/* pop */
.pop_fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 991; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.icon_close{ position: absolute; top: 0; right: -1.3rem; z-index: 2; width: 1.19rem; height: 1.18rem;background: url(https://p5x.wanmei.com/images/cover2407/icon_close.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer;}
/* pop_video */
.pop_video_cont{ position: absolute;left: 50%; top: 50%; width: 15.96rem; height: 8.98rem;  margin-left: -7.98rem; margin-top: -4.49rem; background: #000;}
.pop_video_cont video{ width: 100%; height: 100%;}