body{background-color:#070209;padding:0;margin:0}.loadingDiv{background-color:#000;background-size:100% 100%;width:100%;height:100%;position:fixed;z-index:9999;display:flex;flex-direction:column;justify-content:center}.loadingDiv .loadingDiv_Text{text-align:center;width:60%;margin:0 auto}.maskLoadingDiv{width:100%;height:100%;position:fixed;z-index:10000;background-color:#000;opacity:0}.bottomBox{position:relative}.bottomBox_platBox_bg{background-image:url(/skin/images/bottom_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:5%;position:fixed;bottom:0;left:0;z-index:100}.bottomBox_platBox{display:flex;flex-direction:row;margin:.5% 18% 0 42%;width:40%}.bottomBox_platBox a{width:100%;transition:all .3s ease-in-out}.bottomBox_platBox a:hover{opacity:.8}.bottomBox_platBox .bottomBox_platBox_plat{background-repeat:no-repeat;background-position:center;background-size:100%;width:25%;height:0;padding-bottom:11%;display:inline-block;margin:0 1.5%}.bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_ios{background-image:url(/skin/images/iOS.svg);width:20%}.bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_android{background-image:url(/skin/images/android.svg)}.bottomBox_platBox .bottomBox_platBox_plat.bottomBox_platBox_pc{background-image:url(/skin/images/pc.png)}.leftBox{background-image:url(/skin/images/left_menu_bg.svg);background-repeat:no-repeat;background-position:center;background-size:cover;left:0;transition:all .3s ease-in-out;width:13%;top:20%}.leftBox.is_active{left:-13%}.leftBox .foldDiv{position:absolute;background-image:url(/skin/images/left_menu_fold.svg);background-repeat:no-repeat;background-position:center;background-size:100%;width:15%;height:0;padding-bottom:15%;right:-10%;top:46.5%;cursor:pointer}.leftBox .foldDiv.is_active{right:-11%}.leftBox .menuList{margin:15% 10%}.leftBox .line{width:85%}.leftBox ul li{margin:12% 0}.leftBox ul li a span{font-size:.95vw;display:flex;align-items:center}.leftBox ul li a .redSpan{font-size:1vw}.leftBox ul li.menuList_social{text-align:left;margin:15% 0 0 0}.leftBox ul li.menuList_social .share_text{display:none}.leftBox ul li.menuList_social a{width:20%;margin:0 2%;height:0;padding-bottom:20%;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:100%}.leftBox ul li.menuList_social a.menu_fb{background-image:url(/event/202307/img/facebook.svg)}.leftBox ul li.menuList_social a.menu_ig{background-image:url(/event/202307/img/ig.svg)}.leftBox ul li.menuList_social a.menu_discord{background-image:url(/event/202307/img/discord.svg);position:relative}.leftBox ul li.menuList_social a.menu_discord:active:after,.leftBox ul li.menuList_social a.menu_discord:hover:after{background-image:url(/event/202307/img/coming.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:120%;height:0;padding-bottom:87%;content:"";position:absolute;top:-55%;left:-10%}.leftBox ul li.menuList_social a img{width:100%}.leftBox .left_plat{display:flex;flex-direction:column;align-items:center}.leftBox .left_plat a{display:inline-block;margin:5% auto}.leftBox .left_plat a img{width:100%}.leftBox_m_btn{display:none}.MainDiv{background-color:#070209;color:#fff}.section_banner{width:100%;height:0;padding-bottom:56%;position:relative}.section_banner .maskDiv{background-color:rgba(0,0,6,.4);position:absolute;z-index:2;width:100%;height:0;padding-bottom:56.3%}.section_banner .videoBg{width:100%;position:absolute;height:0;padding-bottom:48%}.section_banner .videoBg video{width:100%;position:absolute;z-index:1}.section_banner .videoBg .m_video{display:none}.section_banner .pc_video2{-webkit-mask-image:url(/event/202307/img/mask.png);-webkit-mask-mode:alpha;-webkit-mask-repeat:no-repeat;-webkit-mask-size:117%;-webkit-mask-position:100%}.section_banner .preBtn_Big{width:25%;margin:34% 0 3% 57.5%;position:absolute;z-index:2}.section_banner .preBtn_Big .preBtn_Big_btn{cursor:pointer;animation-duration:1.5s;animation-name:shrink;transition:all .3s linear;animation-iteration-count:infinite}.section_banner .preBtn_Big picture img,.section_banner .preBtn_Big picture source{width:100%}.section_banner .social{width:15%;margin:42% 24.5% 3% 60.5%;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;z-index:2}.section_banner .social div{width:20%;margin:0 4.5%;position:relative}.section_banner .social div:hover{opacity:.8}.section_banner .social div a picture img,.section_banner .social div a picture source{width:100%}.section_banner .social div:nth-child(3):active a:after,.section_banner .social div:nth-child(3):hover a:after{background-image:url(/event/202307/img/coming.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:120%;height:0;padding-bottom:87%;content:"";position:absolute;top:-55%;left:-10%}.section_padding{width:90%;margin:0 auto;padding-top:5%}.section_title{width:80%;height:0;padding-bottom:9%;margin:0 auto;background-size:100%;background-position:center;background-repeat:no-repeat}.section_bg_effect{-webkit-animation:animIn .5s ease .5s forwards;animation:animIn .5s ease .5s forwards}.section_world .section_title_world{background-image:url(/skin/images/title_world.png);display:none}.section_world .section_world_coming_soon picture img,.section_world .section_world_coming_soon picture source{width:100%}.section_world_n{padding-top:4%;width:70%;margin:0 auto}.section_world_n .section_title_world_n{background-image:url(/skin/images/title_world_w.png)}.section_world_n .section_world_text_pre{background-image:url(/skin/images/world_text_pre.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:50%;height:0;margin:0 auto;padding-bottom:45%}.section_world_n .section_world_text_pre picture img,.section_world_n .section_world_text_pre picture source{width:100%}.section_role{padding-top:4%;width:70%;margin:0 auto}.section_role .section_title_role{background-image:url(/skin/images/title_role_w.png)}.section_role #roleIntro{width:80%;margin:2% auto 0 auto;position:relative}.section_role #roleIntro .swiper-wrapper{position:relative;padding:0 5%}.section_role #roleIntro .swiper-wrapper p{color:#fff}.section_role #roleIntro .swiper-wrapper .role_name{font-size:2.8vw;font-weight:500;margin-bottom:4%;letter-spacing:.5vw}.section_role #roleIntro .swiper-wrapper .role_name:after{background-image:url(/skin/images/border.png);background-repeat:no-repeat;background-position:bottom;background-size:100%;width:40%;height:0;padding-bottom:3%;position:absolute;left:0;top:8%;content:" "}.section_role #roleIntro .swiper-wrapper .role_cv{font-size:1.15vw;font-family:'Noto Serif JP',serif;font-weight:500}.section_role #roleIntro .swiper-wrapper .roleVoice{width:30%}.section_role #roleIntro .swiper-wrapper .roleVoice .roleVoice_box.role_voice_child{display:none}.section_role #roleIntro .swiper-wrapper .role_voice{display:inline-block;background-image:url(/skin/images/role/voice_p.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:30%;height:0;padding-bottom:15%;margin-right:8%;cursor:pointer}.section_role #roleIntro .swiper-wrapper .role_voice.red{background-image:url(/skin/images/role/voice_red.png)}.section_role #roleIntro .swiper-wrapper .role_voice.gray{background-image:url(/skin/images/role/voice_gray.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content{background-repeat:no-repeat;background-position:center;background-size:100%;width:28%;height:0;padding-bottom:28%}.section_role #roleIntro .swiper-wrapper .roleIntro_content1{background-image:url(/skin/images/role/content_1_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content2{background-image:url(/skin/images/role/content_2_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content3{background-image:url(/skin/images/role/content_3_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content4{background-image:url(/skin/images/role/content_4_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content5{background-image:url(/skin/images/role/content_5_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content6{background-image:url(/skin/images/role/content_6_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content7{background-image:url(/skin/images/role/content_7_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content8{background-image:url(/skin/images/role/content_8_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content9{background-image:url(/skin/images/role/content_9_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content10{background-image:url(/skin/images/role/content_10_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{background-image:url(/skin/images/role/content_11_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content12{background-image:url(/skin/images/role/content_12_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content13{background-image:url(/skin/images/role/content_13_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content14{background-image:url(/skin/images/role/content_14_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content15{background-image:url(/skin/images/role/content_15_w.png)}.section_role #roleIntro .swiper-wrapper .roleImage{position:absolute;right:5%;bottom:8%;transition:all .3s ease-in-out}.section_role #roleIntro .swiper-wrapper .roleImage.adult{background-repeat:no-repeat;background-position:center;background-size:100%;width:40%;height:0;padding-bottom:50%;opacity:1}.section_role #roleIntro .swiper-wrapper .roleImage.child{background-repeat:no-repeat;background-position:center;background-size:100%;width:40%;height:0;padding-bottom:50%;opacity:0}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role1{background-image:url(/skin/images/role/adult_1.png)}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role2{background-image:url(/skin/images/role/adult_2.png);width:18%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role3{background-image:url(/skin/images/role/adult_3.png);width:27%;right:8%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role4{background-image:url(/skin/images/role/adult_4.png);width:25%;right:12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role5{background-image:url(/skin/images/role/adult_5.png);width:25%;right:12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role6{background-image:url(/skin/images/role/adult_6.png);width:25%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role7{background-image:url(/skin/images/role/adult_7.png);width:31%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role8{background-image:url(/skin/images/role/adult_8.png);width:27%;right:13%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role9{background-image:url(/skin/images/role/adult_9.png);width:31%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role10{background-image:url(/skin/images/role/adult_10.png);width:20%;right:12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role11{background-image:url(/skin/images/role/adult_11.png);width:20%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role12{background-image:url(/skin/images/role/adult_12.png);width:20%;right:13%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role13{background-image:url(/skin/images/role/adult_13.png);width:25%;right:13%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role14{background-image:url(/skin/images/role/adult_14.png);width:27%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role15{background-image:url(/skin/images/role/adult_15.png);width:16%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role1{background-image:url(/skin/images/role/child_1.png);width:35%;right:8%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role2{background-image:url(/skin/images/role/child_2.png);width:14%;right:18%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role3{background-image:url(/skin/images/role/child_3.png);width:20%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role4{background-image:url(/skin/images/role/child_4.png);width:11%;right:20%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role5{background-image:url(/skin/images/role/child_5.png);width:15%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role6{background-image:url(/skin/images/role/child_6.png);width:22%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role7{background-image:url(/skin/images/role/child_7.png);width:18%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role8{background-image:url(/skin/images/role/child_8.png);width:21%;right:15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role9{background-image:url(/skin/images/role/child_9.png);right:8%;width:34%;bottom:9%;padding-bottom:53%}.section_role #roleIntro .swiper-wrapper .role_state{width:17%;height:0;padding-bottom:17%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-duration:.5s;position:relative;margin-top:8%}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn{display:inline-block;background-image:url(/skin/images/role/state_border.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:100%;transition:all .3s ease-in-out;left:100%;position:absolute;z-index:1}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn.red{background-image:url(/skin/images/role/state_border_red.png)}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn.is_active{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.section_role #roleIntro .swiper-wrapper .role_state .change_stateBtn.is_active2{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.section_role #roleIntro .swiper-wrapper .role_state .role_state_state_img{background-repeat:no-repeat;background-position:center;background-size:100%;width:50%;height:0;padding-bottom:20%;position:absolute;top:40%;left:125%;cursor:pointer;z-index:2}.section_role #roleIntro .swiper-wrapper .role_state .adult{background-image:url(/skin/images/role/adult_state.png);opacity:1}.section_role #roleIntro .swiper-wrapper .role_state .red.adult{background-image:url(/skin/images/role/adult_state_red.png)}.section_role #roleIntro .swiper-wrapper .role_state .child{background-image:url(/skin/images/role/child_state.png);opacity:0}.section_role #roleIntro .swiper-wrapper .role_state .red.child{background-image:url(/skin/images/role/child_state_red.png)}.section_role .roleSwiperDiv{position:absolute;z-index:2}.section_role #roleIntro .swiper-slide{transform:translateX(0);transition:all .5s ease-in-out;opacity:1}.section_role #roleIntro .swiper-slide.fadeSlide{transform:translateX(0);opacity:0}.section_role #roleIntro .swiper-button-next.swiper-button-disabled,.section_role #roleIntro .swiper-button-prev.swiper-button-disabled{opacity:1}.section_role #roleIntro .swiper-button-next,.section_role #roleIntro .swiper-button-prev{width:2vw;height:4vw;background-size:cover;top:50%}.section_role #roleIntro .swiper-button-prev{background-image:url(/skin/images/left.svg);left:0}.section_role #roleIntro .swiper-button-next{background-image:url(/skin/images/right.svg);right:0}.section_role #roleIntro .role_pagination{padding:1% 2% 0 2%;width:90%;margin:0 8% 25% 2%}.section_role #roleIntro .role_pagination .role_dot_list{position:relative;width:100%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv{position:relative}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv .role_dot{position:absolute;width:13%;height:13%}.section_role #roleIntro .role_pagination .role_dot a{display:inline-block;width:100%;height:100%;position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.section_role #roleIntro .role_pagination .role_dot a span{display:inline-block;width:80%;height:0;padding-bottom:90%;background-position:center;background-repeat:no-repeat;background-size:100%;position:relative;overflow:hidden;transition:all .5s ease-in-out}.section_role #roleIntro .role_pagination .role_dot a span:before{background-color:rgba(0,0,0,.4);position:absolute;width:83%;top:12.3%;height:36.7%;content:"";transition-duration:.5s;left:10.5%}.section_role #roleIntro .role_pagination .role_dot a span:after{background-color:rgba(0,0,0,.4);position:absolute;width:83%;top:49%;height:36.7%;content:"";transition-duration:.5s;left:10.5%}.section_role #roleIntro .role_pagination .role_dot.is_active a span:before{height:0}.section_role #roleIntro .role_pagination .role_dot.is_active a span:after{top:83%;height:0}.section_role #roleIntro .role_pagination .role_dot.role_dot_2{margin-top:7%;left:7%}.section_role #roleIntro .role_pagination .role_dot.role_dot_3{left:20%}.section_role #roleIntro .role_pagination .role_dot.role_dot_4{left:34%}.section_role #roleIntro .role_pagination .role_dot.role_dot_5{left:48%}.section_role #roleIntro .role_pagination .role_dot.role_dot_6{margin-top:7%;left:27%}.section_role #roleIntro .role_pagination .role_dot.role_dot_7{margin-top:7%;left:41%}.section_role #roleIntro .role_pagination .role_dot.role_dot_8{margin-top:14%;left:20%}.section_role #roleIntro .role_pagination .role_dot.role_dot_9{margin-top:14%;left:34%}.section_role #roleIntro .role_pagination .role_dot.role_dot_10{margin-top:14%;left:48%}.section_role #roleIntro .role_pagination .role_dot.role_dot_11{left:68%}.section_role #roleIntro .role_pagination .role_dot.role_dot_12{left:82%}.section_role #roleIntro .role_pagination .role_dot.role_dot_13{margin-top:7%;left:61%}.section_role #roleIntro .role_pagination .role_dot.role_dot_14{margin-top:7%;left:75%}.section_role #roleIntro .role_pagination .role_dot.role_dot_15{margin-top:7%;left:89%}.section_role #roleIntro .role_pagination .role_dot.role_dot_1 a span{background-image:url(/skin/images/role/dot_1.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_2 a span{background-image:url(/skin/images/role/dot_2.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_3 a span{background-image:url(/skin/images/role/dot_3.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_4 a span{background-image:url(/skin/images/role/dot_4.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_5 a span{background-image:url(/skin/images/role/dot_5.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_6 a span{background-image:url(/skin/images/role/dot_6.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_7 a span{background-image:url(/skin/images/role/dot_7.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_8 a span{background-image:url(/skin/images/role/dot_8.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_9 a span{background-image:url(/skin/images/role/dot_9.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_10 a span{background-image:url(/skin/images/role/dot_10.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_11 a span{background-image:url(/skin/images/role/dot_11.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_12 a span{background-image:url(/skin/images/role/dot_12.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_13 a span{background-image:url(/skin/images/role/dot_13.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_14 a span{background-image:url(/skin/images/role/dot_14.png)}.section_role #roleIntro .role_pagination .role_dot.role_dot_15 a span{background-image:url(/skin/images/role/dot_15.png)}.section_role .roleBg{position:relative;top:0;z-index:1}.section_role .roleBg .bg_img{background-repeat:no-repeat;background-position:bottom;background-size:100%;width:55%;height:0;padding-bottom:65%;opacity:0;margin-left:40%;margin-top:3%;transition:all .3s ease-in-out;position:absolute}.section_role .roleBg .bg_img.is_active{opacity:1}.section_role .roleBg .bg_img.adult#role_bg_img1{background-image:url(/skin/images/role/adult_bg_1.png)}.section_role .roleBg .bg_img.adult#role_bg_img2{background-image:url(/skin/images/role/adult_bg_2.png)}.section_role .roleBg .bg_img.adult#role_bg_img3{background-image:url(/skin/images/role/adult_bg_3.png);width:54%;margin-left:41%}.section_role .roleBg .bg_img.adult#role_bg_img4{background-image:url(/skin/images/role/adult_bg_4.png)}.section_role .roleBg .bg_img.adult#role_bg_img5{background-image:url(/skin/images/role/adult_bg_5.png)}.section_role .roleBg .bg_img.adult#role_bg_img6{background-image:url(/skin/images/role/adult_bg_6.png)}.section_role .roleBg .bg_img.adult#role_bg_img7{background-image:url(/skin/images/role/adult_bg_7.png)}.section_role .roleBg .bg_img.adult#role_bg_img8{background-image:url(/skin/images/role/adult_bg_8.png)}.section_role .roleBg .bg_img.adult#role_bg_img9{background-image:url(/skin/images/role/adult_bg_9.png)}.section_role .roleBg .bg_img.adult#role_bg_img10{background-image:url(/skin/images/role/adult_bg_10.png)}.section_role .roleBg .bg_img.adult#role_bg_img11{background-image:url(/skin/images/role/adult_bg_11.png)}.section_role .roleBg .bg_img.adult#role_bg_img12{background-image:url(/skin/images/role/adult_bg_12.png)}.section_role .roleBg .bg_img.adult#role_bg_img13{background-image:url(/skin/images/role/adult_bg_13.png)}.section_role .roleBg .bg_img.adult#role_bg_img14{background-image:url(/skin/images/role/adult_bg_14.png)}.section_role .roleBg .bg_img.adult#role_bg_img15{background-image:url(/skin/images/role/adult_bg_15.png)}.section_role .roleBg .bg_img.child#role_bg_img1{background-image:url(/skin/images/role/child_bg_1.png);width:53%;margin-left:42%}.section_role .roleBg .bg_img.child#role_bg_img2{background-image:url(/skin/images/role/child_bg_2.png)}.section_role .roleBg .bg_img.child#role_bg_img3{background-image:url(/skin/images/role/child_bg_3.png);width:54%;margin-left:41%}.section_role .roleBg .bg_img.child#role_bg_img4{background-image:url(/skin/images/role/child_bg_4.png)}.section_role .roleBg .bg_img.child#role_bg_img5{background-image:url(/skin/images/role/child_bg_5.png)}.section_role .roleBg .bg_img.child#role_bg_img6{background-image:url(/skin/images/role/child_bg_6.png)}.section_role .roleBg .bg_img.child#role_bg_img7{background-image:url(/skin/images/role/child_bg_7.png)}.section_role .roleBg .bg_img.child#role_bg_img8{background-image:url(/skin/images/role/child_bg_8.png)}.section_role .roleBg .bg_img.child#role_bg_img9{background-image:url(/skin/images/role/child_bg_9.png)}.section_gameIntro{width:70%}.section_gameIntro .section_title_game{background-image:url(/skin/images/title_game_w.png)}.section_gameIntro #gameIntro{position:relative;width:80%;margin:0 auto}.section_gameIntro #gameIntro .swiper-container{padding-bottom:8%;margin:7% auto}.section_gameIntro #gameIntro .swiper-slide{width:30vw;-webkit-filter:brightness(.7);filter:brightness(.7)}.section_gameIntro #gameIntro .swiper-slide img{display:block;width:100%}.section_gameIntro #gameIntro .swiper-slide.swiper-slide-active{-webkit-filter:brightness(1);filter:brightness(1);box-shadow:0 8px 8px rgba(0,0,0,.5)}.section_gameIntro #gameIntro .swiper-pagination{width:100%;bottom:20px}.section_gameIntro #gameIntro .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:1vw;height:1vw;opacity:1;background:unset;border-radius:unset;background-image:url(/skin/images/dot.svg);background-size:contain;background-repeat:no-repeat}.section_gameIntro #gameIntro .swiper-pagination-bullets .swiper-pagination-bullet-active{background-image:url(/skin/images/dot_h.svg);transform:scale(1.2)}.section_gameIntro #gameIntro .swiper-button-next,.section_gameIntro #gameIntro .swiper-button-prev{width:2vw;height:4vw;background-size:cover;margin-top:-7%}.section_gameIntro #gameIntro .swiper-button-prev{background-image:url(/skin/images/left.svg);left:3%}.section_gameIntro #gameIntro .swiper-button-next{background-image:url(/skin/images/right.svg);right:3%}.section_pre .section_pre_box{display:flex;flex-direction:row;align-items:center}.section_pre .section_pre_box .section_pre_box_left,.section_pre .section_pre_box .section_pre_box_right{width:45%;margin:0 auto}.section_pre .preBox_modelBox,.section_pre .preBox_modelBox2{margin:0 auto;position:relative}.section_pre .preBox_modelBox .preBoxContent{background-image:url(/skin/images/preBox_bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;position:relative;padding-bottom:100%;margin-left:3%}.section_pre .preBox_modelBox .role_bg1{position:absolute;background-image:url(/skin/images/role/adult_3.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:33%;height:0;padding-bottom:67%;bottom:-5%;left:90%;z-index:2}.section_pre .preBox_modelBox .preBox_title{background-image:url(/skin/images/pre_title.png);background-repeat:no-repeat;background-position:center;background-size:110%;width:100%;height:0;padding-bottom:13%;margin:0 auto 0 3%;padding-top:3%}.section_pre .preBox_modelBox .preInBox{width:94%;height:auto;margin:6% 0 0 3%;padding:4% 0 7% 0;position:absolute}.section_pre .preBox_modelBox .preInData_img1{width:70%;margin:0 auto 0 10%;height:0;padding-bottom:13%}.section_pre .preBox_modelBox .preInData_img1 img{width:100%}.section_pre .preBox_modelBox .preInData1{text-align:center;display:flex;flex-direction:row;width:80%;margin:3% auto 0 auto}.section_pre .preBox_modelBox .preInData1 #uPhone{width:100%;margin-left:2%}.section_pre .preBox_modelBox .preInData1 #uPhone::-moz-placeholder,.section_pre .preBox_modelBox .preInData1 #uPhone::-ms-input-placeholder,.section_pre .preBox_modelBox .preInData1 #uPhone::-webkit-input-placeholder,.section_pre .preBox_modelBox .preInData1 #uPhone::placeholder{color:#9598c9;opacity:1}.section_pre .preBox_modelBox .preInData1 #uArea,.section_pre .preBox_modelBox .preInData1 #uPhone,.section_pre .preBox_modelBox .preInData1 #uPhone:-webkit-autofill{border-radius:5px;border:2px solid #4f53a5;padding:4% 2%;font-size:1vw;color:#4f53a5;font-weight:700;outline:0;-webkit-text-fill-color:#4f53a5!important}.section_pre .preBox_modelBox .preInData2 .checkboxDiv{width:100%}.section_pre .preBox_modelBox .preInData2 .checkboxDiv label{cursor:pointer;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.section_pre .preBox_modelBox .preInData2{margin:3% auto}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]{display:none}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:.85vw}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label::before{content:"";display:inline-block;width:4%;height:0;padding-bottom:4%;background-image:url(/skin/images/checkbox_n.svg);background-repeat:no-repeat;background-position:center;background-size:contain;position:relative;margin-right:1%}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]:checked+label::before{background-image:url(/skin/images/checkbox_y.svg)}.section_pre .preBox_modelBox .preInData3{margin:2% auto 2% auto;text-align:center}.section_pre .preBox_modelBox .preInData3 .uPreInput{background-color:unset;background-image:url(/skin/images/preBox_submit_purple.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:30%;height:0;padding-bottom:10%;outline:0;border:none;margin:0 auto;transition:all .3s ease-in-out}.section_pre .preBox_modelBox .preInData3 .uPreInput:active,.section_pre .preBox_modelBox .preInData3 .uPreInput:hover{transform:scale(1.1)}.section_pre .preBox_modelBox .preInData4{width:80%;margin:2% auto}.section_pre .preBox_modelBox .preInData4 img{width:100%}.section_pre .preBox_modelBox .preInData_plat{width:65%;margin:2% auto;display:flex;flex-direction:row;align-items:center;justify-content:center}.section_pre .preBox_modelBox .preInData_plat a{margin:0 2%}.section_pre .preBox_modelBox .preInData_plat img{width:100%}.section_pre .preBox_modelBox .preInData5{width:20%;margin:0 auto;text-align:center}.section_pre .preBox_modelBox .preInData5 img{width:100%}.section_pre .preBox_modelBox .preBoxContent .noticeBox{position:absolute;background-image:url(/skin/images/notice_frame.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:60%;height:0;top:22%;left:20%;padding:1% 5% 55% 5%;z-index:10;transition:all .3s ease-in-out}.section_pre .preBox_modelBox .preBoxContent .noticeBox.close,.section_pre .preBox_modelBox .preBoxContent .noticeMaskDiv.close{display:none}.section_pre .preBox_modelBox .preBoxContent .noticeBox .notice_close_btn{background-color:unset;outline:0;border:none;background-image:url(/skin/images/notice_close.svg);background-repeat:no-repeat;background-position:center;background-size:100%;width:8%;height:0;padding-bottom:8%;margin:5% 0 0 95%}.section_pre .preBox_modelBox .preBoxContent .noticeBox h3{text-align:center;font-size:1.5vw;color:#fff;width:100%;margin-bottom:6%}.section_pre .preBox_modelBox .preBoxContent .noticeBox p{font-size:.9vw;color:#fff;width:100%;text-align:left}.section_pre .preBox_modelBox .preBoxContent .noticeMaskDiv{position:fixed;width:100%;height:100%;z-index:9;background-color:rgba(0,0,0,.7);top:0;left:0;transition:all .3s ease-in-out}.section_pre .preBox_modelBox .preInData_line{background-image:url(/skin/images/pre_line.svg);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:3%}.section_pre .preBox_modelBox2 .preBoxContent2{background-image:url(/skin/images/preBox_bg2.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:100%;height:0;padding-bottom:100%}.section_pre .preBox_modelBox2 .role_bg2{position:absolute;background-image:url(/skin/images/role/adult_15.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:20%;height:0;padding-bottom:65%;bottom:-5%;right:-10%}.section_pre .preBox_modelBox2 .preBox_title2{background-image:url(/skin/images/pre_title2.png);background-repeat:no-repeat;background-position:center;background-size:110%;width:100%;height:0;padding-bottom:13%;margin:0 auto;padding-top:3%}.section_pre .preBox_modelBox2 .preBox_sub{background-image:url(/skin/images/sub.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:90%;height:0;padding-bottom:13%;margin:0 auto;padding-top:13%}.section_pre .preBox_modelBox2 .preInBox2{width:82%;margin:-6% auto 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-items:center;justify-content:center}.section_pre .preBox_modelBox2 .preInBox2 .gift_img{background-position:center;background-repeat:no-repeat;background-size:100%;width:25%;height:0;padding-bottom:40%}.section_pre .preBox_modelBox2 .preInBox2 .gift_img1{background-image:url(/skin/images/gift_1.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img2{background-image:url(/skin/images/gift_2.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img3{background-image:url(/skin/images/gift_3.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img4{background-image:url(/skin/images/gift_4.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img5{background-image:url(/skin/images/gift_5.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img6{background-image:url(/skin/images/gift_6.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img7{background-image:url(/skin/images/gift_7.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img1.finish{background-image:url(/skin/images/gift_a_1.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img2.finish{background-image:url(/skin/images/gift_a_2.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img3.finish{background-image:url(/skin/images/gift_a_3.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img4.finish{background-image:url(/skin/images/gift_a_4.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img5.finish{background-image:url(/skin/images/gift_a_5.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img6.finish{background-image:url(/skin/images/gift_a_6.png)}.section_pre .preBox_modelBox2 .preInBox2 .gift_img7.finish{background-image:url(/skin/images/gift_a_7.png)}.section_pre .preBox .preModalLogo{width:20%;margin:0 auto}.section_pre .preBox .preModalLogo picture img,.section_pre .preBox .preModalLogo picture source{width:100%}@media screen and (max-width:1580px){.section_pre .preBox_modelBox .preInData5{width:17%}}@media screen and (max-width:1310px){.section_pre .preBox_modelBox .preBoxContent .noticeBox p{margin-bottom:.5rem}}@media screen and (max-width:1200px){.section_news .section_newsBoxData_List ul li a .news_date{width:26%}.section_news .section_newsBoxData_List ul li a .news_subject{width:74%}.leftBox{width:15%}.leftBox.is_active{left:-15%}.section_pre .preBox_modelBox .preInData5{width:15%}.section_pre .preBox_modelBox .preBoxContent .noticeBox h3{margin-bottom:3%}.section_pre .preBox_modelBox .preBoxContent .noticeBox p{margin-bottom:.2rem}}@media screen and (max-width:1105px){.section_pre .preBox_modelBox .preBoxContent .noticeBox{width:80%;top:12%;left:10%;padding:1% 5% 80% 5%}}@media screen and (max-width:1040px){.section_news .section_newsBoxData_List ul li a .news_date{width:28%}.section_news .section_newsBoxData_List ul li a .news_subject{width:72%}.leftBox{width:18%}.leftBox.is_active{left:-18%}.section_pre .preBox_modelBox .preInData3{margin:-7% auto 0 auto}.section_pre .preBox_modelBox .preInData5 p{font-size:1em}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:1em}}@media screen and (max-width:991px){.section_pre .preBox_modelBox .preInData1 #uArea,.section_pre .preBox_modelBox .preInData1 #uPhone,.section_pre .preBox_modelBox .preInData1 #uPhone:-webkit-autofill{padding:2% 2%}.section_pre .preBox_modelBox .preInData2{margin:1% auto}.section_pre .preBox_modelBox .preInData3{margin:-7% auto 0 auto}.section_pre .preBox_modelBox .preInData5 p{font-size:1em}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:1em}}@media screen and (max-width:768px){.MainDiv{overflow-x:hidden}.leftBox_m_btn{display:block;background-image:url(/skin/images/menu_btn.svg);background-repeat:no-repeat;background-position:center;background-size:100%;width:14%;height:0;padding-bottom:14%;position:absolute;top:2%;left:3%;z-index:99;cursor:pointer;transition:all .2s ease-in-out}.leftBox_m_btn.close{background-image:url(/skin/images/menu_close.svg);position:fixed;left:5%;width:10%;padding-bottom:10%;z-index:100}.leftBox{width:100%;top:0;height:100vh;left:-100%;background-image:unset;background-color:#242424}.leftBox.leftBox_m{left:0}.leftBox .menuListWhite .menuLogo a{background-image:url(/skin/images/logo_w.png);width:60%;margin:0 20%;padding-bottom:30%}.leftBox ul{padding:0}.leftBox ul li{text-align:center;margin:10% 0}.leftBox ul li a .redSpan,.leftBox ul li a span{font-size:5.5vw}.leftBox ul li a span{color:#fff;display:flex;flex-direction:column}.leftBox ul li a span:after,.leftBox ul li a span:before{z-index:1;opacity:1;position:relative}.leftBox ul li a span:hover:before{opacity:1}.leftBox ul li a span:after{font-size:4vw;font-weight:600}.leftBox ul li.menuList_social{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#edeef6;padding:7% 0}.leftBox ul li.menuList_social .share_text{display:block;background-image:url(/skin/images/menu_share.png);background-position:center;background-repeat:no-repeat;background-size:100%;width:14%;height:0;padding-bottom:12%;margin-right:3%}.leftBox ul li.menuList_social a{width:12%;padding-bottom:12%}.leftBox ul li.menuList_social a.menu_fb{background-image:url(/skin/images/fb.svg)}.leftBox ul li.menuList_social a.menu_ig{background-image:url(/skin/images/ig.svg)}.leftBox ul li.menuList_social a.menu_discord{background-image:url(/skin/images/discord.svg)}.leftBox .left_plat{display:flex;flex-direction:column;align-items:center}.leftBox .left_plat a{width:50%;margin:2% auto}.leftBox .menuListWhite .line{display:none}.leftBox .menuList{margin:5% 0}.leftBox .foldDiv{display:none}.section_title{width:100%;padding-bottom:20%}.section_banner{height:0;padding-bottom:165%}.section_banner .videoBg{width:100%;position:absolute;height:100vh;padding-bottom:0}.section_banner .videoBg .pc_video{display:none}.section_banner .videoBg .m_video{display:block}.section_banner .videoBg .m_video video{width:100%;height:100vh}.section_banner .m_video2{-webkit-mask-image:url(/event/202307/img/mask_m2.png);-webkit-mask-mode:alpha;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;-webkit-mask-position:100% 63%}.section_banner .preBtn_Big{width:60%;margin:135% 0 0 23%}.section_banner .social{width:40%;margin:0;right:2%;top:4%}.section_pre{height:auto}.section_pre .section_pre_box{flex-direction:column}.section_pre .section_pre_box .section_pre_box_left,.section_pre .section_pre_box .section_pre_box_right{width:95%}.section_pre .preBox_modelBox .preBoxContent{background-size:100% 100%;padding-bottom:110%}.section_pre .preBox_modelBox .role_bg1{background-image:url(/skin/images/pre_role_bg1.png);width:23%;padding-bottom:23%;top:-3.3%;bottom:unset;right:0;left:unset}.section_pre .preBox_modelBox .preInBox{margin:6% 3%;width:94%;height:87%}.section_pre .preBox_modelBox .preInData_img1{margin:0 auto 0 5%}.section_pre .preBox_modelBox .preInData1{width:90%;margin:3% auto 0 5%}.section_pre .preBox_modelBox .preInData1 #uArea,.section_pre .preBox_modelBox .preInData1 #uPhone,.section_pre .preBox_modelBox .preInData1 #uPhone:-webkit-autofill{padding:3% 2%;font-size:1.2em}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:1.2em}.section_pre .preBox_modelBox2{margin:10% auto 0 auto}.section_pre .preBox_modelBox2 .role_bg2{display:none}.section_pre .preBox_modelBox .preInData3{margin:3% auto}.section_pre .preBox_modelBox .preInData3 .uPreInput{width:35%}.section_pre .preBox_modelBox .preInData4{margin:2% auto 2% 5%}.section_pre .preBox_modelBox .preInData5{width:25%;position:absolute;bottom:0;margin:0 37.5%}.section_pre .preBox_modelBox .preBoxContent .noticeBox .notice_close_btn{margin:9% 0 0 93%}.section_pre .preBox_modelBox .preBoxContent .noticeBox h3{font-size:5vw}.section_pre .preBox_modelBox .preBoxContent .noticeBox p{margin-bottom:4%;font-size:2.5vw}.section_role{width:98%;padding-bottom:0}.section_role .section_title_role{background-image:url(/skin/images/title_role_w_m.png)}.section_role #roleIntro{width:99%}.section_role #roleIntro .swiper-wrapper{padding:0 1%}.section_role #roleIntro .swiper-container{height:0;padding-bottom:200%}.section_role #roleIntro .swiper-wrapper .role_name{font-size:3.2em}.section_role #roleIntro .swiper-wrapper .role_name:after{width:55%;margin-top:12%}.section_role #roleIntro .swiper-wrapper .role_cv{font-size:1.4em}.section_role #roleIntro .swiper-wrapper .roleVoice{width:60%}.section_role .roleBg .bg_img{width:100%;height:0;padding-bottom:160%;margin-left:0}.section_role .roleBg .bg_img.adult#role_bg_img3{width:100%;margin-left:0}.section_role .roleBg .bg_img.child{width:100%}.section_role .roleBg .bg_img.child#role_bg_img1{width:96%;margin-left:4%}.section_role .roleBg .bg_img.child#role_bg_img3{width:100%;margin-left:0}.section_role #roleIntro .swiper-wrapper .role_state{width:30%;padding-bottom:30%;position:absolute;right:25%;margin-top:-180%}.section_role #roleIntro .swiper-wrapper .roleIntro_content{width:100%;height:0;padding-bottom:50%;margin-top:130%}.section_role #roleIntro .swiper-wrapper .roleIntro_content1{background-image:url(/skin/images/role/mobile/content_1_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content2{background-image:url(/skin/images/role/mobile/content_2_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content3{background-image:url(/skin/images/role/mobile/content_3_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content4{background-image:url(/skin/images/role/mobile/content_4_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content5{background-image:url(/skin/images/role/mobile/content_5_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content6{background-image:url(/skin/images/role/mobile/content_6_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content7{background-image:url(/skin/images/role/mobile/content_7_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content8{background-image:url(/skin/images/role/mobile/content_8_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content9{background-image:url(/skin/images/role/mobile/content_9_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content10{background-image:url(/skin/images/role/mobile/content_10_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{background-image:url(/skin/images/role/mobile/content_11_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content12{background-image:url(/skin/images/role/mobile/content_12_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content13{background-image:url(/skin/images/role/mobile/content_13_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content14{background-image:url(/skin/images/role/mobile/content_14_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleIntro_content15{background-image:url(/skin/images/role/mobile/content_15_m_w.png)}.section_role #roleIntro .swiper-wrapper .roleImage.adult,.section_role #roleIntro .swiper-wrapper .roleImage.child{top:0;margin-top:65%;position:absolute;right:-10%;width:75%;padding-bottom:100%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role1{right:-20%;width:85%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role2{width:36%;right:5%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role3{width:54%;right:-9%;padding-bottom:110%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role4{width:52%;right:3%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role5{width:50%;right:0}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role6{width:50%;right:-6%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role7{width:60%;right:-14%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role8{width:55%;right:0}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role9{width:64%;right:-12%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role10{width:40%;right:-2%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role11{width:40%;right:4%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role12{width:40%;right:2%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role13{width:50%;right:-3%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role14{width:55%;right:-5%}.section_role #roleIntro .swiper-wrapper .roleImage.adult.role15{width:33%;right:5%;padding-bottom:105%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role1{width:70%;right:-15%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role2{width:28%;right:10%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role3{width:41%;right:4%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role4{width:24%;right:14%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role5{width:29%;right:7%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role6{right:-2%;width:45%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role7{width:38%;right:1%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role8{width:44%;right:4%}.section_role #roleIntro .swiper-wrapper .roleImage.child.role9{right:-10%;width:65%;padding-bottom:100%}.section_role #roleIntro .role_pagination{padding:3% 0 0 0;width:96%;margin:0 2% 10% 2%}.section_role #roleIntro .role_pagination .role_dot_list{display:flex;flex-direction:column;width:100%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv{width:100%;height:0;padding-bottom:35%;padding-left:25%;padding-right:25%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv:nth-child(1){padding-bottom:22%}.section_role #roleIntro .role_pagination .role_dot_list .role_sortDiv .role_dot{position:absolute;width:22%;height:0;padding-bottom:22%}.section_role #roleIntro .role_pagination .role_dot a span:before{height:36.8%}.section_role #roleIntro .role_pagination .role_dot.role_dot_1{left:23%}.section_role #roleIntro .role_pagination .role_dot.role_dot_2{margin-top:0;left:46%}.section_role #roleIntro .role_pagination .role_dot.role_dot_3{left:-10%}.section_role #roleIntro .role_pagination .role_dot.role_dot_4{left:15%}.section_role #roleIntro .role_pagination .role_dot.role_dot_5{left:40%}.section_role #roleIntro .role_pagination .role_dot.role_dot_6{margin-top:0;left:65%}.section_role #roleIntro .role_pagination .role_dot.role_dot_7{margin-top:12%;left:2.5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_8{margin-top:12%;left:27.3%}.section_role #roleIntro .role_pagination .role_dot.role_dot_9{margin-top:12%;left:52.3%}.section_role #roleIntro .role_pagination .role_dot.role_dot_10{margin-top:12%;left:78%}.section_role #roleIntro .role_pagination .role_dot.role_dot_11{left:22%}.section_role #roleIntro .role_pagination .role_dot.role_dot_12{left:45%}.section_role #roleIntro .role_pagination .role_dot.role_dot_13{margin-top:12%;left:10%}.section_role #roleIntro .role_pagination .role_dot.role_dot_14{margin-top:12%;left:33.5%}.section_role #roleIntro .role_pagination .role_dot.role_dot_15{margin-top:12%;left:57%}.section_role #roleIntro .swiper-button-next,.section_role #roleIntro .swiper-button-prev{width:6vw;height:12vw;top:76%}.section_padding{width:100%}.section_world{padding-top:10%}.section_world_n .section_title_world_n{background-image:url(/skin/images/title_world_w_m.png);width:100%}.section_world_n .section_world_text_pre{width:100%;padding-bottom:90%;margin-top:3%}.section_gameIntro{width:100%;margin:10% auto 0 auto}.section_gameIntro .section_title_game{background-image:url(/skin/images/title_game_w_m.png);width:100%}.section_gameIntro #gameIntro{width:100%}.section_gameIntro #gameIntro .swiper-slide{width:90%}.section_gameIntro #gameIntro .swiper-pagination{bottom:0}.section_gameIntro #gameIntro .swiper-pagination-bullets .swiper-pagination-bullet{width:4vw;height:4vw}.section_gameIntro #gameIntro .swiper-button-next,.section_gameIntro #gameIntro .swiper-button-prev{width:4vw;height:8vw}}@media screen and (max-width:650px){.section_role #roleIntro .swiper-wrapper .role_name{font-size:2.8em}.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:125%}}@media screen and (max-width:540px){.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:1.1em}.section_pre .preBox_modelBox .preInData5 p{font-size:1.1em}}@media screen and (max-width:500px){.section_pre .preBox_modelBox .preInData1 #uArea,.section_pre .preBox_modelBox .preInData1 #uPhone,.section_pre .preBox_modelBox .preInData1 #uPhone:-webkit-autofill{font-size:1em}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:1em}.section_pre .preBox_modelBox .preInData5 p{font-size:.9em}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:14%}.section_pre .preBox_modelBox .preBox_title{padding-top:0}.section_pre .preBox_modelBox .preBoxContent{background-size:100% 100%;padding-bottom:130%;margin-left:0}.section_pre .preBox_modelBox .role_bg1{top:-5%}.section_pre .preBox_modelBox .preInBox{height:88%}.section_pre .preBox_modelBox .preInData_img1{width:80%;padding-bottom:15%}.section_pre .preBox_modelBox .preInData4{width:90%}.section_pre .preBox_modelBox .preInData5{margin:5% 37.5% 0 37.5%}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label::before{width:8%;padding-bottom:8%}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:.9em}.section_pre .preBox_modelBox .preInData2{width:90%}.section_pre .preBox_modelBox .preBoxContent .noticeBox{top:20%}}@media screen and (max-width:465px){.section_role #roleIntro .swiper-wrapper .roleIntro_content11{margin-top:100%}}@media screen and (max-width:440px){.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:115%}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:16%}}@media screen and (max-width:390px){.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:115%}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{margin-top:90%}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:18%;padding-bottom:4%}.section_pre .preBox_modelBox .preBoxContent .noticeBox p{margin-bottom:2%}}@media screen and (max-width:380px){.section_pre .preBox_modelBox .preBoxContent .noticeBox{background-size:100% 100%;top:10%;padding:1% 5% 95% 5%}}@media screen and (max-width:370px){.section_pre .preBox_modelBox .preInData5 p{font-size:.8em}.section_pre .preBox_modelBox .preInData2 .checkboxDiv input[type=checkbox]+label{font-size:.8em}}@media screen and (max-width:340px){.section_pre .preBox_modelBox .preInData1 #uArea,.section_pre .preBox_modelBox .preInData1 #uPhone,.section_pre .preBox_modelBox .preInData1 #uPhone:-webkit-autofill{font-size:.9em}.section_role #roleIntro .swiper-wrapper .roleIntro_content{margin-top:105%}.section_role #roleIntro .swiper-wrapper .roleIntro_content11{margin-top:83%}.section_role #roleIntro .swiper-wrapper .role_name:after{margin-top:20%}}@-webkit-keyframes animIn{100%{-webkit-mask-position:right center}}@keyframes animIn{100%{-webkit-mask-position:right center}}@keyframes shrink{0%{transform:scaleY(1)}49%{transform:scale(.97,.97)}100%{transform:scaleY(1)}}#html5lightbox-watermark{display:none!important}