*{margin:0;padding:0}li{list-style:none}table{border-collapse:collapse;border-spacing:0}img{border:0}a{cursor:pointer;text-decoration:none}select,input,textarea{-webkit-appearance:none;border-radius:0;font-family:microsoft Yahei}input::placeholder{color:#cacaca}input:-moz-placeholder-shown{color:#cacaca}input:placeholder-shown{color:#cacaca}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}body{-webkit-text-size-adjust:none;color:#fff;font-family:microsoft Yahei;font-size:1.25vw;overflow-x:hidden}body a{transition:all .3s}.lozad:not(.loaded),.lozad:not(.loaded) .swiper-pagination-bullet{background-image:none!important}.lozad:not(.loaded) img{display:none}.lozad.loaded img{display:block}.nav-box{z-index:100;background:url(nav_box.0905b457.png) 50%/cover no-repeat;width:11.25vw;height:34.8438vw;transition:all .3s;position:fixed;top:6.25vw;right:-100%}.btn-on{z-index:100;background:url(btn_on.bc5a100f.png) 50%/cover no-repeat;width:2.55208vw;height:3.125vw;transition:all .5s;position:fixed;top:22.3958vw;right:.520833vw}.btn-off{z-index:100;background:url(btn_off.f85b3a41.png) 50%/cover no-repeat;width:2.55208vw;height:3.125vw;position:absolute;bottom:-3.64583vw;right:3.64583vw}.floatimg{z-index:9;width:11.8229vw;height:12.0833vw;position:absolute;top:-1.71875vw;right:0}.floatimg .swiper-slide{text-align:center;z-index:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.navimg{float:left;width:11.8229vw;height:12.0833vw;animation:.5s forwards maskout}.navimg1{background:url(navimg1.ad18032f.png) 50%/cover no-repeat}.navimg2{background:url(navimg2.178128ec.png) 50%/cover no-repeat}.slow{animation:2s forwards maskmove}.qrcode{float:left;background:url(qrcode.653ffe9b.png) 50%/cover no-repeat;border:.0520833vw solid #9cdefe;width:6.97917vw;height:6.97917vw;margin-top:11.3542vw;margin-left:2.08333vw;display:inline}.btn-nav-ios,.btn-nav-apk,.btn-nav-pc{float:left;background:url(btn_nav_ios.2e6e3b9d.png) 50%/cover no-repeat;width:10.2083vw;height:3.28125vw;margin-top:1.04167vw;margin-left:.572917vw;display:inline;position:relative}.btn-nav-ios:hover{background:url(btn_nav_ios_h.45addafd.png) 50%/cover no-repeat}.btn-nav-gp{float:left;background:url(btn_nav_gp.070b4192.png) 50%/cover no-repeat;width:10.2083vw;height:3.28125vw;margin-top:.885417vw;margin-left:.572917vw;display:inline;position:relative}.btn-nav-gp:hover{background:url(btn_nav_gp_h.6f7b5225.png) 50%/cover no-repeat}.btn-nav-like{float:left;background:url(btn_nav_like.5557ca33.png) 50%/cover no-repeat;width:10.2083vw;height:3.28125vw;margin-top:.885417vw;margin-left:.572917vw;display:inline}.btn-nav-like:hover{background:url(btn_nav_like_h.112c9e57.png) 50%/cover no-repeat}.btn-nav-gp span,.btn-nav-ios span,.btn-nav-like span,.btn-nav-apk span,.btn-nav-pc span{float:left;width:10.2083vw;height:3.28125vw;display:inline;position:relative;overflow:hidden}.btn-nav-gp span .effect,.btn-nav-ios span .effect,.btn-nav-like span .effect,.btn-nav-apk span .effect,.btn-nav-pc span .effect{content:"";z-index:2;-ms-animation:sg 2s linear infinite;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.btn-top{float:right;background:url(btn_top.6deecd6a.png) 50%/cover no-repeat;width:10.5208vw;height:2.03125vw;margin-top:.885417vw;margin-right:.104167vw;display:inline}.btn-top:hover{background:url(btn_top_h.6f31af55.png) 50%/cover no-repeat}.menu{z-index:99;background:url(menu_bg.031b7a77.png) 50%/cover no-repeat;width:100%;height:2.34375vw;position:fixed;inset:0}.menu ul{width:53.125vw;margin:0 auto;position:relative;overflow:hidden}.menu li{float:left;width:7.60417vw;height:2.34375vw;margin-left:1.30208vw;margin-right:1.30208vw;display:inline}.menu li a{float:left;width:7.60417vw;height:2.34375vw;position:relative}.nav1{background:url(nav1.c5ea7f42.png) 50%/cover no-repeat}.nav2{background:url(nav2.73554362.png) 50%/cover no-repeat}.nav3{background:url(nav3.e7095c98.png) 50%/cover no-repeat}.nav4{background:url(nav4.638f4010.png) 50%/cover no-repeat}.nav5{background:url(nav5.cf7524a2.png) 50%/cover no-repeat}.active .nav1,.menu li .nav1:hover{background:url(nav1_h.ed8a893f.png) 50%/cover no-repeat}.active .nav2,.menu li .nav2:hover{background:url(nav2_h.7d2bfdd0.png) 50%/cover no-repeat}.active .nav3,.menu li .nav3:hover{background:url(nav3_h.6da6fd03.png) 50%/cover no-repeat}.active .nav4,.menu li .nav4:hover{background:url(nav4_h.f87a326c.png) 50%/cover no-repeat}.active .nav5,.menu li .nav5:hover{background:url(nav5_h.5b5bc0a0.png) 50%/cover no-repeat}.cbt-box{z-index:100;transition:all .3s;position:fixed;top:21.3542vw;left:-100%}.btn-cbt{background:url(btn_cbt.42fd366b.png) 50%/cover no-repeat;width:18.9583vw;height:9.84375vw;transition:all .5s;position:absolute;top:0;left:0}.btn-close{z-index:2;background:url(btn_close.eb0036e1.png) 50%/cover no-repeat;width:1.875vw;height:2.8125vw;position:absolute;top:.520833vw;left:.520833vw}.btn-open{z-index:2;background:url(btn_open.f91bf619.png) 50%/cover no-repeat;width:1.875vw;height:2.8125vw;display:none;position:absolute;top:.520833vw;left:.520833vw}.container1{background:url(bg1.e223c3c5.jpg) 50%/cover no-repeat;height:50vw;position:relative;overflow:hidden}.container2{background:url(bg2.7e06b10e.jpg) 50%/cover no-repeat;height:50vw;position:relative}.container3{background:url(bg3.dac3423f.jpg) 50%/cover no-repeat;height:50vw;position:relative}.container4{background:url(bg4.e5b6f6ce.jpg) 50%/cover no-repeat;height:50vw;position:relative;overflow:hidden}.container5{background:url(bg5.248f38d1.jpg) 50%/cover no-repeat;height:50vw;position:relative}.container6{background:url(bg6.52fd94a7.jpg) 50%/cover no-repeat;height:22.1875vw;position:relative}.moveanime{animation-name:moveanime;animation-duration:1s;animation-fill-mode:both;visibility:visible!important}.move{z-index:98;position:relative}.wrap{z-index:95;width:78.125vw;margin:0 auto;position:relative}.page-tit{z-index:10;width:78.125vw;height:10.4167vw;position:absolute;top:0;left:0}.page-tit1{background:url(page_tit1.7f4b90d3.png) 50%/cover no-repeat;top:0}.page-tit2{background:url(page_tit2.0ada0d59.png) 50%/cover no-repeat}.page-tit4{background:url(page_tit4.f264e61f.png) 50%/cover no-repeat}.page-tit5{background:url(page_tit5.f456915b.png) 50%/cover no-repeat;top:0}.reservation-box{float:left;background:url(reservation_box.982e5a9d.png) 50%/cover no-repeat;width:33.3333vw;height:28.1771vw;margin-top:17.4479vw;margin-left:22.3958vw;display:inline;position:relative}.info-box{float:left;background:#fff;border:.0520833vw solid #1a1a71;width:28.125vw;height:3.54167vw;margin-top:4.6875vw;margin-left:2.55208vw;display:inline;position:relative}.area{float:left;appearance:none;color:#1a1a71;background:url(area.a3e34cd3.png) 50%/cover no-repeat;border:none;outline:none;width:10.8333vw;height:3.54167vw;padding-left:1.04167vw;font-size:1.25vw}.option-hide{display:none}.input-in{float:right;text-align:center;color:#1a1a71;background:0 0;border:none;outline:none;width:16.25vw;height:3.54167vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.25vw;line-height:3.54167vw;display:inline}.btn-reservation{float:left;background:url(btn_reservation.c6ec04ba.png) 50%/cover no-repeat;width:28.9583vw;height:6.82292vw;margin-left:2.1875vw;animation:1s linear infinite alternate magnify;display:inline;position:relative}.store{float:right;width:11.3021vw;margin-top:2.86458vw;margin-right:3.125vw;display:inline}.btn-gp{float:left;background:url(btn_gp.0cb97033.png) 50%/cover no-repeat;width:11.3021vw;height:3.54167vw;margin-top:.520833vw;position:relative}.btn-gp:hover{background:url(btn_gp_h.a83614ec.png) 50%/cover no-repeat}.btn-ios{float:left;background:url(btn_ios.35dc9281.png) 50%/cover no-repeat;width:11.3021vw;height:3.54167vw;position:relative}.btn-ios:hover{background:url(btn_ios_h.74d132d3.png) 50%/cover no-repeat}.btn-gp span,.btn-ios span,.pop-btn-gp span,.pop-btn-ios span{float:left;width:11.3021vw;height:3.54167vw;display:inline;position:relative;overflow:hidden}.btn-gp span .effect,.btn-ios span .effect,.pop-btn-gp span .effect,.pop-btn-ios span .effect{content:"";z-index:2;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.red-dot{z-index:2;background:url(red_dot.2b6c1444.png) 50%/cover no-repeat;width:.677083vw;height:.625vw;position:absolute;top:-.15625vw;right:-.15625vw}.btn-rule-guide{z-index:20;background:url(btn_rule.de949f46.png) 50%/cover no-repeat;width:1.66667vw;height:1.66667vw;position:absolute;top:4.6875vw;right:20.3125vw}.decent{z-index:20;background:url(decent.f37475a1.png) 50%/cover no-repeat;width:23.4375vw;height:7.86458vw;position:absolute;top:15.5208vw;left:17.7083vw}.villain{z-index:20;background:url(villain.ae0c0251.png) 50%/cover no-repeat;width:23.4375vw;height:7.86458vw;position:absolute;top:16.0417vw;right:17.5vw}.btn-create{background:url(btn_create.a8789cec.png) 50%/cover no-repeat;width:13.2292vw;height:3.4375vw;position:absolute;top:0;left:0}.btn-create:hover{background:url(btn_create_h.c28e7d3a.png) 50%/cover no-repeat}.btn-sect{background:url(btn_sect.31268821.png) 50%/cover no-repeat;width:13.2292vw;height:3.4375vw;display:none;position:absolute;top:0;left:0}.btn-sect:hover{background:url(btn_sect_h.e939a94e.png) 50%/cover no-repeat}.btn-in{background:url(btn_in.85f0c2b8.png) 50%/cover no-repeat;width:13.2292vw;height:3.4375vw;position:absolute;top:0;left:0}.btn-in:hover{background:url(btn_in_h.152da095.png) 50%/cover no-repeat}.list{background:url(list.2afc9fe0.png) 50%/cover no-repeat;width:13.2292vw;height:3.4375vw;display:none;position:absolute;top:0;left:0}.btn-invite{float:right;background:url(btn_invite.848cd2bd.png) 50%/cover no-repeat;width:13.2292vw;height:3.4375vw}.btn-invite:hover{background:url(btn_invite_h.bcdca91c.png) 50%/cover no-repeat}.input-search{float:left;text-align:center;color:#1a1a71;background:0 0;border:none;outline:none;width:31.1458vw;height:2.44792vw;margin-top:.208333vw;margin-left:.208333vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.25vw;line-height:2.44792vw;display:inline}.input-search::placeholder{color:#d3d3d3}.input-search:-moz-placeholder-shown{color:#d3d3d3}.input-search:placeholder-shown{color:#d3d3d3}.btn-search{float:right;background:url(search.22c56762.png) 50%/cover no-repeat;width:7.13542vw;height:1.92708vw;margin-top:.46875vw;margin-right:.520833vw;display:inline}.btn-search:hover{background:url(search_h.d00a15b7.png) 50%/cover no-repeat}.guide{float:left;width:40.0521vw;margin-top:.78125vw;margin-left:19.0104vw;display:inline}.guide ul{float:left;width:40.0521vw}.guide li{float:left;color:#001235;background:url(li_bg.acbddfa9.png) 50%/cover;width:40.0521vw;height:2.39583vw;margin-top:.260417vw;margin-bottom:.260417vw;font-size:1.14583vw;line-height:2.39583vw}.guide-name{float:left;text-overflow:ellipsis;white-space:nowrap;color:#001235;width:12.5vw;height:2.39583vw;margin-left:1.04167vw;line-height:2.39583vw;display:inline;overflow:hidden}.guide-num{float:left;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#001235;width:5.72917vw;height:2.39583vw;margin-left:1.04167vw;line-height:2.39583vw;display:inline;overflow:hidden}.join{float:right;width:16.6667vw;margin-top:.260417vw;margin-right:.520833vw;position:relative}.btn-info{background:url(btn_info.e933d953.png) 50%/cover no-repeat;width:7.13542vw;height:1.92708vw;position:absolute;top:0;left:0}.btn-info:hover{background:url(btn_info_h.f34beb2e.png) 50%/cover no-repeat}.btn-add,.btn-add-o{width:7.13542vw;height:1.92708vw;position:absolute;top:0;right:0}.btn-add{background:url(btn_add.f655d4b2.png) 50%/cover no-repeat}.btn-add:hover{background:url(btn_add_h.e39a3f44.png) 50%/cover no-repeat}.btn-add-o{background:url(btn_add_o.81078ad0.png) 50%/cover no-repeat;display:none}.page{float:left;text-align:center;color:#001235;width:40.0521vw;display:inline}.page button{cursor:pointer;color:#001235;text-align:center;appearance:none;vertical-align:middle;background:0 0;border:none;outline:none;min-width:2.08333vw;height:2.08333vw;margin:0 .520833vw;font-size:1.04167vw;line-height:2.08333vw;display:inline-block}#firstPage,#lastPage,#nextPage,#prePage{vertical-align:middle;color:#0036a6;font-size:1.04167vw}.page .current{color:#0036a6}.page button:disabled{opacity:.5;cursor:no-drop}.role-info{width:78.125vw;position:absolute;top:0;right:-10.9375vw}.role-container{float:left;width:100%;height:50vw;position:relative}.role-pic{z-index:2;width:78.125vw;height:50vw;position:absolute;top:0;right:0}.role-pic1{background:url(role1.041dc6c6.png) 50%/cover no-repeat}.role-pic2{background:url(role2.b0334af9.png) 50%/cover no-repeat}.role-pic3{background:url(role3.747ba92e.png) 50%/cover no-repeat}.role-pic4{background:url(role4.96459e81.png) 50%/cover no-repeat}.role-pic5{background:url(role5.0f9754ed.png) 50%/cover no-repeat}.role-name{z-index:2;width:20.3125vw;height:11.9271vw;position:absolute;top:10.6771vw;left:1.45833vw}.role-name1{background:url(role_name1.ce1c0052.png) 50%/cover no-repeat}.role-name2{background:url(role_name2.bf9eef5a.png) 50%/cover no-repeat}.role-name3{background:url(role_name3.05d6cb46.png) 50%/cover no-repeat}.role-name4{background:url(role_name4.e587c0a5.png) 50%/cover no-repeat}.role-name5{background:url(role_name5.d07a5692.png) 50%/cover no-repeat}.role-txt{z-index:3;width:7.23958vw;height:17.9167vw;position:absolute;top:12.5vw;right:10.9375vw}.role-txt1{background:url(role_txt1.a3f88372.png) 50%/cover no-repeat}.role-txt2{background:url(role_txt2.3d49f8b4.png) 50%/cover no-repeat}.role-txt3{background:url(role_txt3.2ea7e332.png) 50%/cover no-repeat}.role-txt4{background:url(role_txt4.632ed58b.png) 50%/cover no-repeat}.role-txt5{background:url(role_txt5.7684f4de.png) 50%/cover no-repeat}.avatar-line{background:url(avatar_line.e4f8d3e5.png) 50%/cover no-repeat;width:6.40625vw;height:38.8542vw;position:absolute;top:6.92708vw;left:-15.1042vw}.role-pagination{z-index:9;width:6.40625vw;height:5.67708vw;position:absolute;top:10.4167vw;left:0}.role-info .swiper-pagination-bullet{float:left;cursor:pointer;opacity:1;cursor:pointer;background:0 0;border-radius:0;width:6.40625vw;height:5.67708vw;margin-top:1.92708vw;margin-bottom:1.92708vw;display:inline;position:relative}.role-info .swiper-pagination-bullet-active{opacity:1}.role-info .swiper-pagination-bullet:first-of-type{background:url(btn_avatar1.bf777158.png) 50%/cover no-repeat;top:5.88542vw;left:0}.role-info .swiper-pagination-bullet:nth-of-type(2){background:url(btn_avatar2.55cc1171.png) 50%/cover no-repeat;top:1.875vw;left:0}.role-info .swiper-pagination-bullet:nth-of-type(3){background:url(btn_avatar3.6d8af601.png) 50%/cover no-repeat;top:-1.82292vw;left:0}.role-info .swiper-pagination-bullet:nth-of-type(4){background:url(btn_avatar4.b7d19e9d.png) 50%/cover no-repeat;top:-34.1146vw;left:0}.role-info .swiper-pagination-bullet:nth-of-type(5){background:url(btn_avatar5.1eeb3390.png) 50%/cover no-repeat;top:-38.0208vw;left:0}.role-info .swiper-pagination-bullet-active:first-of-type{background:url(btn_avatar1_h.34f9ef0d.png) 50%/cover no-repeat}.role-info .swiper-pagination-bullet-active:nth-of-type(2){background:url(btn_avatar2_h.a3b3a83b.png) 50%/cover no-repeat}.role-info .swiper-pagination-bullet-active:nth-of-type(3){background:url(btn_avatar3_h.9f3f2cbf.png) 50%/cover no-repeat}.role-info .swiper-pagination-bullet-active:nth-of-type(4){background:url(btn_avatar4_h.5def373d.png) 50%/cover no-repeat}.role-info .swiper-pagination-bullet-active:nth-of-type(5){background:url(btn_avatar5_h.efdc19e5.png) 50%/cover no-repeat}.roleshow{animation:1s both roleshow}.txtshow{animation:1s both txtshow}.nameshow{animation:1s both nameshow}.sub-num{color:#fff;font-size:2.08333vw;font-weight:700;position:absolute;top:9.21875vw;left:32.2917vw}.btn-rule-gift{z-index:20;background:url(btn_rule.de949f46.png) 50%/cover no-repeat;width:1.66667vw;height:1.66667vw;position:absolute;top:4.6875vw;right:20.3125vw}.gift1,.gift2,.gift3,.gift4{z-index:2;width:17.7083vw;height:25vw;position:absolute;top:0;left:0}.gift1{background:url(gift1.4ed0d0c7.png) 50%/cover no-repeat}.gift1.reach{background:url(gift1_reach.427ca3d0.png) 50%/cover no-repeat}.gift2{background:url(gift2.694b45c9.png) 50%/cover no-repeat}.gift2.reach{background:url(gift2_reach.9e66ca61.png) 50%/cover no-repeat}.gift3{background:url(gift3.b48036e0.png) 50%/cover no-repeat}.gift3.reach{background:url(gift3_reach.3d7b6afc.png) 50%/cover no-repeat}.gift4{background:url(gift4.ca968221.png) 50%/cover no-repeat}.gift4.reach{background:url(gift4_reach.1c73f080.png) 50%/cover no-repeat}.animate-in{will-change:transform,opacity;animation-name:fadeIn;animation-delay:.3s}.animated{animation-duration:1.2s;animation-fill-mode:both}.start{position:absolute}.gift-txt{z-index:6;width:11.4583vw;height:7.23958vw;animation:.5s forwards bounceIn;display:none;position:absolute;top:17.1875vw;left:3.125vw}.finsh-on{z-index:6;background:url(finsh_on.d797f406.png) 50%/cover no-repeat;width:78.125vw;height:2.13542vw;display:none;position:absolute;top:0;left:0}.finsh1{background:url(finsh_on.d797f406.png) 0/78.125vw 2.13542vw no-repeat;width:20%;display:block}.finsh2{background:url(finsh_on.d797f406.png) 0/78.125vw 2.13542vw no-repeat;width:45%;display:block}.finsh3{background:url(finsh_on.d797f406.png) 0/78.125vw 2.13542vw no-repeat;width:68%;display:block}.finsh4{background:url(finsh_on.d797f406.png) 0/78.125vw 2.13542vw no-repeat;width:100%;display:block}.flag1{left:11.6667vw}.flag2{left:29.0625vw}.flag3{left:46.5625vw}.flag4{left:64.0625vw}.complete{background:url(complete.92af3cdd.png) 50%/cover no-repeat;width:7.1875vw;height:1.71875vw;display:none;position:absolute;top:7.29167vw;left:1.04167vw}.intro{float:left;background:url(intro_box.f2c67392.png) 50%/cover no-repeat;width:64.5833vw;height:37.5vw;margin-top:8.85417vw;margin-left:6.77083vw;display:inline;position:relative}.intro-container{width:61.0938vw;position:absolute;top:1.71875vw;left:1.71875vw;overflow:hidden}.store-pic{width:61.0938vw;height:34.2708vw}.intro .swiper-slide{text-align:center;z-index:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.intro-pagination-box{z-index:1;background:url(intro_pagination_box.5f9d476f.png) 50%/cover no-repeat;width:78.125vw;height:1.19792vw;position:absolute;top:37.5vw;left:-8.48958vw}.intro .intro-pagination{z-index:10;text-align:center;width:78.125vw;height:1.19792vw;position:absolute;top:0;left:0}.intro .intro-pagination .swiper-pagination-bullet{opacity:0;cursor:pointer;border-radius:0;width:7.34375vw;height:1.19792vw;margin-bottom:1.04167vw;display:inline-block}.intro .intro-pagination .swiper-pagination-bullet-active{opacity:1;background:url(dot_on.7c89f22e.png) 50%/cover no-repeat;width:7.34375vw;height:1.19792vw;margin-left:.520833vw;margin-right:.520833vw}.intro .intro-next,.intro .intro-prev{z-index:20;background:0 0;outline:none;width:6.25vw;height:6.25vw;margin-top:0;position:absolute;top:17.1875vw}.intro .intro-next{background:url(next.04a437d3.png) 50%/cover no-repeat;right:-5.20833vw}.intro .intro-prev{background:url(prev.230dd4ce.png) 50%/cover no-repeat;left:-5.20833vw}.intro-prev:after,.intro-next:after{content:""}.store-pic1{background:url(pic1.5979c43a.jpg) 50%/cover no-repeat}.store-pic2{background:url(pic2.15fe1aad.jpg) 50%/cover no-repeat}.store-pic3{background:url(pic3.d058b4b9.jpg) 50%/cover no-repeat}.store-pic4{background:url(pic4.1f15837e.jpg) 50%/cover no-repeat}.store-pic5{background:url(pic5.2e669845.jpg) 50%/cover no-repeat}.store-pic6{background:url(pic6.62dc7961.jpg) 50%/cover no-repeat}.fb-box{float:left;width:58.3333vw;margin-top:11.4583vw;margin-left:9.89583vw;display:inline}.fb-box a{width:28.3333vw;height:5.10417vw}.btn-fb{float:left;background:url(btn_fb.d3d8a406.png) 50%/cover no-repeat}.btn-note{float:right;background:url(btn_note.ee2c0ec3.png) 50%/cover no-repeat}.fb-box a span{float:left;width:28.3333vw;height:5.10417vw;position:relative;overflow:hidden}.fb-box a .effect{content:"";z-index:2;-ms-animation:sg 2s linear infinite;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.pop-pre{background:url(pop_pre.5787482f.png) 50%/cover no-repeat;width:29.8438vw;height:34.5833vw;display:none;position:relative}.pre-close{z-index:2;background:url(close.b87ed9c0.png) 50%/cover no-repeat;width:3.125vw;height:3.125vw;position:absolute;top:.520833vw;right:0}.pop-info-box{float:left;background:#fff;border:.0520833vw solid #564136;width:26.7708vw;height:3.75vw;margin-top:23.4375vw;margin-left:1.51042vw;display:inline;position:relative}.pop-area{float:left;appearance:none;color:#564136;background:url(pop_area.8609f96b.png) 50%/10.2083vw 3.75vw no-repeat;border:none;outline:none;width:10.2083vw;height:3.75vw;padding-left:.78125vw;font-size:1.25vw;display:inline}.pop-input-in{float:right;text-align:center;color:#564136;background:0 0;border:none;outline:none;width:15.5208vw;height:3.75vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.35417vw;line-height:3.75vw;display:inline}.pop-btn-reservation{float:left;background:url(btn_pop_reservation.db992f5b.png) 50%/cover no-repeat;width:27.6042vw;height:4.84375vw;margin-top:1.14583vw;margin-left:1.09375vw;animation:1s linear infinite alternate magnify;display:inline}.pop-reservation-cat{background:url(pop_reservation_cat.ae2d4ef9.png) 50%/cover no-repeat;width:6.66667vw;height:6.5625vw;animation:1s ease-in-out infinite alternate animate-shake;position:absolute;top:-1.14583vw;left:.46875vw}.pop-pre-success{background:url(pop_pre_success.0f01f3bd.png) 50%/cover no-repeat;width:29.8438vw;height:32.8125vw;display:none;position:relative}.pop-pre-had{background:url(pop_pre_had.c4fcd4a9.png) 50%/cover no-repeat;width:29.8438vw;height:32.8125vw;display:none;position:relative}.pop-store{float:left;width:27.6042vw;margin-top:27.5vw;margin-left:1.14583vw;display:inline;position:relative}.pop-btn-ios{float:left;background:url(pop_btn_ios.5bfd22e2.png) 50%/cover no-repeat;width:13.3333vw;height:4.0625vw;position:relative}.pop-btn-gp{float:right;background:url(pop_btn_gp.596d701b.png) 50%/cover no-repeat;width:13.3333vw;height:4.0625vw;position:relative}.pop-red-dot{background:url(pop_red_dot.6fd0ae89.png) 50%/cover no-repeat;width:.9375vw;height:.9375vw;position:absolute;top:-.260417vw;right:-.260417vw}.pop-btn-gp span,.pop-btn-ios span{float:left;width:100%;height:4.11458vw;position:relative;overflow:hidden}.pop-btn-ios:hover{background:url(pop_btn_ios_h.9b3990d1.png) 50%/cover no-repeat}.pop-btn-gp:hover{background:url(pop_btn_gp_h.cff3e364.png) 50%/cover no-repeat}.pop-btn-ios span .effect,.pop-btn-gp span .effect{content:"";z-index:2;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.pop-family-create,.pop-family-intro,.pop-family-create-success{background:url(pop_family.4c2bbe2c.png) 50%/cover no-repeat;width:29.5313vw;height:38.4375vw;margin-top:4.16667vw;display:none;position:relative}.pop-family-cont{width:100%;margin:.520833vw auto 0;position:relative}.pop-family-title-create,.pop-family-title-intro,.pop-family-title{float:left;width:29.5313vw;height:3.125vw;margin-bottom:.520833vw}.pop-family-title-create{background:url(pop_family_title_create.74eba487.png) 50%/cover no-repeat}.pop-family-title-intro{background:url(pop_family_title_intro.3b4e5e4d.png) 50%/cover no-repeat}.pop-family-title{background:url(pop_family_title.2feac37d.png) 50%/cover no-repeat}.pop-tips{float:left;text-align:center;color:#bd2b16;width:100%;margin-top:-.520833vw;margin-bottom:.520833vw;font-size:.9375vw;position:relative}.pop-family-tips{color:#001c5a;padding-left:.520833vw;font-size:1.14583vw;line-height:3.33333vw;overflow:hidden}.pop-family-box{width:27.9688vw;margin:0 auto;display:block}.family-info{float:left;background:#fff;border:.0520833vw solid #96addb;align-items:center;width:27.8646vw;height:2.5vw;margin-top:.520833vw;display:flex}.pop-create-input{box-sizing:border-box;vertical-align:middle;color:#001c5a;background:#fff;border:none;outline:none;flex:1;height:2.5vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.14583vw}.pop-intro-input{box-sizing:border-box;vertical-align:middle;color:#001c5a;background:#fff;border:none;outline:none;flex:1;height:2.5vw;padding-right:.520833vw;font-size:1.14583vw}.pop-create-input::-webkit-input-placeholder{color:#001c5a}.pop-intro-input::-webkit-input-placeholder{color:#001c5a}.pop-create-input::-moz-placeholder{color:#001c5a}.pop-intro-input::-moz-placeholder{color:#001c5a}:is(.pop-create-input:placeholder-shown,.pop-intro-input:placeholder-shown){color:#001c5a}.family-area{box-sizing:border-box;vertical-align:middle;color:#001c5a;background:#fff url(family_area.7e4998ad.png) 50%/cover no-repeat;border:none;outline:none;flex:1;height:2.5vw;padding-left:.520833vw;font-size:1.14583vw}.pop-chose-tips{float:left;text-align:center;color:red;width:100%;margin-top:.260417vw;font-size:1.04167vw;font-weight:700;position:relative}.decent-villain{float:left;width:29.1667vw;height:9.0625vw;margin-left:.208333vw;display:inline;position:relative}.pop-create-decent,.pop-create-decent-o,.pop-intro-decent,.pop-intro-decent-o{width:16.3542vw;height:8.4375vw;position:absolute;top:0;left:0}.pop-create-decent{background:url(pop_create_decent.84b318f5.png) 50%/cover no-repeat}.pop-create-decent-o{background:url(pop_create_decent_o.24acf70e.png) 50%/cover no-repeat;display:none}.pop-intro-decent{background:url(pop_intro_decent.afe7d87b.png) 50%/cover no-repeat}.pop-intro-decent-o{background:url(pop_intro_decent_o.979c7742.png) 50%/cover no-repeat;display:none}.pop-create-villain,.pop-create-villain-o,.pop-intro-villain,.pop-intro-villain-o{width:16.3542vw;height:8.80208vw;position:absolute;top:.260417vw;right:0}.pop-create-villain{background:url(pop_create_villain.4c0f2aba.png) 50%/cover no-repeat;display:none}.pop-create-villain-o{background:url(pop_create_villain_o.b69023b9.png) 50%/cover no-repeat}.pop-intro-villain{background:url(pop_intro_villain.8eb3a526.png) 50%/cover no-repeat;display:none}.pop-intro-villain-o{background:url(pop_intro_villain_o.a758fda2.png) 50%/cover no-repeat}.decent-villain-box{float:left;color:#001c5a;width:22.7604vw;margin-top:.260417vw;margin-left:3.38542vw;display:inline;position:relative}.btn-add-decent{float:left;background:url(btn_add_decent.dcc2fb80.png) 50%/cover no-repeat;width:7.8125vw;height:2.03125vw}.btn-add-decent:hover{background:url(btn_add_decent_h.032d3bc0.png) 50%/cover no-repeat}.btn-add-villain{float:right;background:url(btn_add_villain.d5f7e310.png) 50%/cover no-repeat;width:7.8125vw;height:2.03125vw}.btn-add-villain:hover{background:url(btn_add_villain_h.e472e224.png) 50%/cover no-repeat}.btn-copy{background:url(btn_copy.a17a86f0.png) 50%/cover no-repeat;width:5.72917vw;height:2.1875vw;margin-right:.260417vw}.btn-copy:hover{background:url(btn_copy_h.e807b7c6.png) 50%/cover no-repeat}.btn-release,.btn-join{float:left;width:20.1563vw;height:4.27083vw;margin-top:.78125vw;margin-left:4.6875vw;display:inline}.btn-release{background:url(btn_release.8c94426a.png) 50%/cover no-repeat}.btn-join{background:url(btn_join.7f52d80f.png) 50%/cover no-repeat}.btn-release:hover{background:url(btn_release_h.47586ea3.png) 50%/cover no-repeat}.btn-join:hover{background:url(btn_join_h.41238ca1.png) 50%/cover no-repeat}.pop-family-success{background:url(pop_family_success.9aa45a82.png) 50%/cover no-repeat;width:29.0104vw;height:25.1042vw;margin-top:4.16667vw;display:none;position:relative}.pop-create-success-title,.pop-join-success-title{float:left;width:29.0104vw;height:3.125vw;margin-top:1.04167vw;margin-bottom:.520833vw}.pop-create-success-title{background:url(pop_create_success_title.d3bbf473.png) 50%/cover no-repeat}.pop-join-success-title{background:url(pop_join_success_title.2cca7364.png) 50%/cover no-repeat}.success-tips{float:left;background:url(success_tips.7c71bc10.png) 50%/cover no-repeat;width:29.0104vw;height:2.08333vw}.success-create-decent-villain{float:left;background:url(success_create_decent_villain.f2da07ed.png) 50%/cover no-repeat;width:29.0104vw;height:9.0625vw;margin-top:.520833vw}.success-join-decent-villain{float:left;background:url(success_join_decent_villain.7c843331.png) 50%/cover no-repeat;width:29.0104vw;height:9.0625vw;margin-top:.520833vw}.pop-btn-copy{float:left;background:url(pop_btn_copy.dcebf1b2.png) 50%/cover no-repeat;width:24.0625vw;height:4.21875vw;margin-top:2.60417vw;margin-left:2.44792vw;display:inline}.pop-btn-copy:hover{background:url(pop_btn_copy_h.b79cac3d.png) 50%/cover no-repeat}.pop-rule,.pop-note{background:url(pop_rule.5ca06a02.png) 50%/cover no-repeat;width:29.0104vw;height:34.2708vw;margin-top:4.16667vw;display:none;position:relative}.close{z-index:2;background:url(close.b87ed9c0.png) 50%/cover no-repeat;width:3.125vw;height:3.125vw;position:absolute;top:-3.64583vw;right:0}.pop-rule-cont{width:27.0833vw;margin:1.04167vw auto 0;position:relative}.pop-rule-tit{background:url(pop_rule_tit.d49502d0.png) 50%/cover no-repeat;width:29.0104vw;height:3.125vw;margin:1.04167vw auto 0;position:relative}.pop-note-tit{background:url(pop_note_tit.50781b0f.png) 50%/cover no-repeat;width:29.0104vw;height:3.125vw;margin:1.04167vw auto 0;position:relative}.pop-rule-txt{z-index:2;color:#212121;word-wrap:break-word;word-break:normal;width:96%;max-height:28.125vw;margin:0 auto;padding-right:2%;font-size:1.14583vw;position:relative;overflow:hidden auto}.pop-rule-txt p{word-wrap:break-word;word-break:normal;line-height:2.08333vw}.pop-rule-txt::-webkit-scrollbar{background:#d4d4db;border-radius:.416667vw;width:.416667vw;height:.416667vw}.pop-rule-txt::-webkit-scrollbar-track{background:#d4d4db;border-radius:.416667vw;-webkit-box-shadow:inset 0 0 .416667vw #0000001a}.pop-rule-txt::-webkit-scrollbar-thumb{background:#5971d6;border-radius:.416667vw;-webkit-box-shadow:inset 0 0 .416667vw #0000001a}.pop-message-success,.pop-message-error,.pop-message-invite{background:url(pop_message.786ff6ad.png) 50%/cover no-repeat;width:29.0104vw;height:14.4271vw;margin-top:6.25vw;display:none;position:relative}.pop-txt{text-align:center;color:#000;width:80%;margin:5.20833vw auto 0;font-size:1.5625vw;position:relative}.pop-txt p{line-height:2.08333vw}.pop-invite-txt{text-align:center;color:#000;width:80%;margin:4.16667vw auto 0;font-size:1.5625vw;position:relative}.pop-invite-txt p{line-height:2.08333vw}.invite-input{opacity:0;position:absolute;top:0;left:0}.btn-invite-copy{background:url(btn_invite_copy.7d10c785.png) 50%/cover no-repeat;width:7.86458vw;height:2.96875vw;margin:1.04167vw auto 0;display:block}.btn-invite-copy:hover{background:url(btn_invite_copy_h.ce4c99c7.png) 50%/cover no-repeat}.btn-join[data-disabled=true]{display:none!important}.btn-add[data-disabled=true],.btn-add[data-disabled=true]:hover{filter:grayscale();background:url(btn_add.f655d4b2.png) 50%/cover no-repeat}.btn-in[data-joined=true],.btn-in[data-joined=true]:hover,.btn-in[data-joined=true].current{background:url(list.2afc9fe0.png) 50%/cover no-repeat}.btn-create[data-joined=true]{background:url(btn_sect.31268821.png) 50%/cover no-repeat}.btn-create[data-joined=true]:hover,.btn-create[data-joined=true].current{background:url(btn_sect_h.e939a94e.png) 50%/cover no-repeat}.animate-headShake{animation:1s head-shake}.red{color:red}.input-error{color:red!important}.b-modal{opacity:.9!important}.btn-add[data-disabled=true].is-my-team,.btn-add[data-disabled=true].is-my-team:hover{background:url(btn_add_o.81078ad0.png) 50%/cover no-repeat}@keyframes moveanime{0%{opacity:0;transform:translateY(5.20833vw)}to{opacity:1;transform:translateY(0)}}@keyframes magnify{0%{transform:scale(1)}to{transform:scale(.96)}}@keyframes sg{0%{left:-100%}to{left:100%}}@keyframes roleshow{0%{opacity:0;transform:translate(-2.60417vw)}to{opacity:1;transform:translate(0)}}@keyframes nameshow{0%{opacity:0;transform:translate(-2.60417vw)}to{opacity:1;transform:translate(0)}}@keyframes txtshow{0%{opacity:0;transform:translate(2.60417vw)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes head-shake{0%{transform:translate(0)}6.5%{transform:translate(-.3125vw)rotateY(-9deg)}18.5%{transform:translate(.260417vw)rotateY(7deg)}31.5%{transform:translate(-.15625vw)rotateY(-5deg)}43.5%{transform:translate(.104167vw)rotateY(3deg)}50%{transform:translate(0)}}@keyframes animate-shake{0%{transform:none}15%{transform:translate(-2%)rotate(-2deg)}30%{transform:translate(1%)rotate(1deg)}45%{transform:translate(-1%)rotate(-1deg)}60%{transform:translate(1%)rotate(2deg)}75%{transform:translate(-1%)rotate(-1deg)}to{transform:none}}