blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}abbr,body,fieldset,html,iframe,img{border:0}img{-webkit-touch-callout:default}li{list-style:none}textarea{overflow:auto;resize:none}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}b,i,s{font-style:normal}a,a:hover,b,i,s{text-decoration:none}body,html{width:100%;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Microsoft YaHei,Helvetica Neue,Arial,HelveticaNeue,Helvetica,BBAlpha Sans,sans-serif}body{background:#fff;opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}body.fixing{overflow:hidden}a{text-decoration:none}input{-webkit-appearance:none}*{outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:transparent}a,input,li,p,span{font-size:.28rem}h1{font-size:.32rem}h2{font-size:.34rem}h3,h4{font-size:.3rem}h4{font-weight:400}h5{font-size:.28rem}textarea{font-size:24px}a{color:#434343}html{font-size:312.5%}@media screen and (max-width:359px) and (orientation:portrait){html .wrap .start_one{height:100%}}@media screen and (min-width:360px) and (max-width:380px) and (orientation:portrait){html{font-size:300%}html .wrap .start_one{height:100%}}@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html .wrap .start_one{height:100%}}@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html .wrap .start_one{height:100%}}@media screen and (min-width:640px) and (orientation:portrait){html{font-size:433.33%!important}html .wrap{background-size:100% 100%}}@font-face{font-family:bottomfont;src:url(https://www.knivesout.jp/m/h5/20210401141815/font/bottomfont_5ff09f0a.eot);src:url(https://www.knivesout.jp/m/h5/20210401141815/font/bottomfont_5ff09f0a.eot#iefix) format("embedded-opentype"),url(https://www.knivesout.jp/m/h5/20210401141815/font/bottomfont_3e808cfe.woff) format("woff"),url(https://www.knivesout.jp/m/h5/20210401141815/font/bottomfont_d310dd02.ttf) format("truetype"),url(https://www.knivesout.jp/m/h5/20210401141815/img/bottomfont.svg#bottomfont) format("svg")}.bottomfont{font-family:bottomfont!important;font-size:.32rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}#forhorview,#share_content,nav{display:none}nav{z-index:888;position:absolute;top:0;padding-top:1rem;bottom:0;left:0;right:0;width:100%}nav ul{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;height:0;overflow:hidden;float:right;width:2.2rem}nav ul li{height:.76rem}nav ul li a{display:block;height:100%;width:100%;text-align:center;line-height:.76rem}.header{height:1rem;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}.header,.header a{display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center}.header a{width:1rem;height:100%;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.header a i.i_arrow b,.header a i.i_arrow em{height:.06rem;width:.24rem}.header a i.i_arrow em{margin-top:-.08rem}.header a i.i_arrow b{margin-top:.06rem}.header h2{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-weight:400;border-left:1px solid #fff;text-indent:.24rem}.topbar{width:100%;height:1.01rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center;background-size:100% 100%}.topbar .logo{display:block;text-indent:-9999px;width:.81rem;position:relative;z-index:1;height:.81rem;margin-left:.15rem;margin-top:0;margin-right:.15rem;border-radius:.15rem;background:url(https://webinput.nie.netease.com/img/my/icon.png/96) no-repeat;background-size:100% auto}.topbar .game_name{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}.topbar .game_name h2{font-size:.3rem;color:#fff}.topbar .game_name h2 i{height:.26rem;line-height:.26rem;padding:0 .06rem;margin-left:.07rem;color:#ee7a35;font-size:.2rem;background-color:#fae14b;-webkit-border-radius:.04rem;-moz-border-radius:.04rem;-ms-border-radius:.04rem;border-radius:.04rem}.topbar .game_name p{color:#fff;font-size:.24rem}.topbar.download_bar .logo{height:.8rem;width:.8rem;margin-top:0;border-radius:.2rem;box-sizing:border-box}.topbar.download_bar a{box-shadow:none;height:.6rem;line-height:.6rem}.topbar.download_bar a i{display:none}.topbar .btn-dl,.topbar .btn-download,.topbar .btn_download{width:1.49rem;height:1.01rem;background-size:auto 100%;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;font-size:0}.site_bottom{width:100%;box-sizing:border-box;background:#222;border-bottom-color:#fff;position:relative}.site_bottom.fixed{padding-bottom:.89rem}.site_bottom.fixed .btn-toTop{bottom:1.15rem}.site_bottom a,.site_bottom h3,.site_bottom p{color:#fff}.site_bottom .button{height:.7rem;width:3.35rem;margin:0 .2rem;font-size:.3rem;line-height:.7rem;border-radius:.1rem;text-align:center;font-weight:700;color:#fff;background-color:#ffc324;display:none}.site_bottom .button.show{display:block}.site_bottom ul{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;padding:.56rem .2rem 0}.site_bottom ul li{border-color:#fff}.site_bottom ul li a{margin-right:.34rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;height:.6rem;line-height:.6rem}.site_bottom ul li a:last-child{margin-right:0}.site_bottom ul li a i{display:block;font-size:.4rem;width:.6rem;height:.6rem;margin-right:.1rem;line-height:.6rem;box-sizing:border-box;border:1px solid #fff;color:#fff;text-align:center}.site_bottom ul li a span{font-size:.24rem;display:block;color:#fff}.site_bottom .site_tel{color:#fff;margin-bottom:.32rem;margin-top:.4rem}.site_bottom .site_tel h3{display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}.site_bottom .site_tel h3 i{margin-right:.1rem;display:block}.site_bottom .site_tel h3 span{font-size:.24rem;font-weight:400;line-height:.4rem;display:block}.site_bottom .site_tel p{text-align:center;font-size:.24rem}.site_bottom .icon_tel{width:.42rem;height:.4rem;background-repeat:no-repeat;background-size:auto .6rem;margin-right:.08rem;background-position:-2.5rem -.08rem;display:inline-block;line-height:.56rem}.site_bottom .copyRight_m,.site_bottom .NIE-copyRight_m{padding:.42rem .32rem;min-height:.8rem;background:#1b1b1b;margin-top:.4rem}.site_bottom .copyRight_m p,.site_bottom .NIE-copyRight_m p{font-size:.24rem;line-height:.4rem;color:#fff}.site_bottom .copyRight_m a,.site_bottom .NIE-copyRight_m a{font-size:.24rem}.btn_toTop{width:.96rem;height:.96rem;display:block;position:absolute;bottom:.3rem;right:.3rem;z-index:1;margin-left:-.25rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;overflow:hidden;border:1px solid #8d8d8d}.btn_toTop i{border-left:.08rem solid #8d8d8d;border-top:.08rem solid #8d8d8d;border-bottom:0;border-right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-top:.2rem}.btn_toTop i,.i_icon{width:.3rem;height:.3rem;display:block}.i_icon{background-position:0 0;background-repeat:no-repeat;background-size:100%}.i_arrow{width:.8rem;height:.8rem;display:block;position:relative;display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.i_arrow i{width:.2rem;height:.2rem;border-right:.06rem solid #100000;border-top:.06rem solid #100000;border-bottom:0;border-left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block}.i_arrow.i_arrow_left{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.i_arrow.i_arrow_top{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.btn_back span{display:inline-block;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);color:#2b2759;position:absolute;left:-25%;top:50%;width:.6rem;margin-top:-.18rem;line-height:.36rem;height:.36rem}.i_menu{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;height:100%;width:100%}.i_menu em{display:block;height:.04rem;width:.4rem;margin:.04rem 0;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;opacity:1}.i_menu em:nth-child(2n+2){background:transparent}.i_menu em b{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;height:.04rem;width:.4rem;left:0;top:0}.btn_menu.active .i_menu em:nth-child(odd){-webkit-transform:translateY(.2rem);-moz-transform:translateY(.2rem);-ms-transform:translateY(.2rem);transform:translateY(.2rem);opacity:0}.btn_menu.active .i_menu em:nth-child(2n+2) b:nth-child(odd){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn_menu.active .i_menu em:nth-child(2n+2) b:nth-child(2n+2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.btn_menu.active .i_menu em:nth-child(2n+3){-webkit-transform:translateY(-.2rem);-moz-transform:translateY(-.2rem);-ms-transform:translateY(-.2rem);transform:translateY(-.2rem);opacity:0}.btn_getmore{height:.8rem;line-height:.8rem;text-align:center}.btn_getmore,.mask{width:100%;display:none}.mask{transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;-webkit-transition:opacity .3s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);opacity:0;z-index:999}.mask.show{opacity:1}.alertbox{z-index:1000;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:transparent;display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.alertbox,.alertbox .alert_text{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}.alertbox .alert_text{-webkit-transform:translateY(-30rem);-moz-transform:translateY(-30rem);-ms-transform:translateY(-30rem);transform:translateY(-30rem);position:relative;width:6.6rem;min-height:2.5rem;box-sizing:border-box;margin:0 auto;padding:.5rem .24rem}.alertbox .alert_text h2{font-size:.4rem;line-height:.8rem;text-align:center}.alertbox .alert_text p{text-align:center;line-height:.6rem}.alertbox.show{background:rgba(0,0,0,.6)}.alertbox.show .alert_text{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.alertbox.remove{background:transparent}.alertbox.remove .alert_text{-webkit-transform:translateY(50rem);-moz-transform:translateY(50rem);-ms-transform:translateY(50rem);transform:translateY(50rem)}.alertbox .btn_close{position:absolute;right:.1rem;top:.1rem}.btn_close{width:.6rem;height:.6rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.btn_close em,.btn_close i{display:block;background:#fff;width:.6rem;height:.04rem}.btn_close em{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn_close i{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-.6rem}#forhorview{position:fixed;z-index:10022222222;top:0;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.6);display:none;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}#forhorview p{font-size:.6rem;color:#ddd}#forhorview.show{display:-webkit-box;display:-moz-box;display:box}.moudle{position:relative;z-index:99;height:100%;transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;-webkit-transition:opacity .3s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s;display:none;opacity:0}.moudle.show{opacity:1}.attention{position:fixed;bottom:12%;left:0;right:0;width:100%;background:transparent;box-sizing:border-box;padding:0 .5rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center}.attention a{display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}.attention i{display:block;width:1rem;height:1rem;box-sizing:border-box;border-radius:1rem;font-size:.8rem;text-align:center;line-height:1rem;margin-right:.1rem;color:#fff;background:#38a3fa}.attention em{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;display:block;font-size:.24rem;color:#fff;font-style:normal}.attention b{font-size:.2rem}.popWin{position:fixed;left:0;right:0;bottom:0;top:0;width:100%;display:none;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.popWin section{width:5.8rem}.popWin section .popWin_header{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center;height:.8rem;line-height:.8rem}.popWin section .popWin_header span{font-size:.32rem;text-indent:.2rem;display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}.popWin section .popWin_header a{margin-right:.06rem}.popWin section .popWin_content{box-sizing:border-box;padding:.3rem .2rem;min-height:4rem;display:none}.popWin section .popWin_content h2{font-size:.36rem;line-height:.6rem;margin:.2rem 0;text-align:center}.popWin section .popWin_content h3{font-size:.28rem;font-weight:400;line-height:.4rem}.popWin section .popWin_content p{font-size:.24rem;line-height:.4rem}.popWin.popup,.popWin section .popWin_content.current{display:-webkit-box;display:-moz-box;display:box}#NIE-share1-1 .NIE-share-txt{height:22px;line-height:22px}#NIE-share1-1 .NIE-share-iconBtn a{font-size:22px;line-height:22px}#NIE-share1-2 .NIE-share-txt{height:24px;line-height:24px}#NIE-share1-2 .NIE-share-iconBtn a{font-size:24px;line-height:24px;color:#00f}#NIE-share1-2 .NIE-share-iconBtn a:hover{color:red}#NIE-share6-1 .NIE-share-txt{height:22px;line-height:22px}#NIE-share6-1 .NIE-share-iconBtn span{font-size:22px;line-height:22px}#NIE-share6-1 .NIE-share-iconBtn em{line-height:22px;height:22px}#NIE-share6-2 .NIE-share-txt{height:24px;line-height:24px}#NIE-share6-2 .NIE-share-iconBtn span{font-size:24px;line-height:24px}#NIE-share6-2 .NIE-share-iconBtn em{line-height:24px;height:24px}#NIE-share6-2 .NIE-share-iconBtn a{color:green}#NIE-share6-2 .NIE-share-iconBtn a:hover{color:orange}@keyframes go_show_r{80%{transform:translateX(0)}85%{transform:translateX(10px)}90%{transform:translateX(0)}93%{transform:translateX(6px)}96%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes go_show_l{80%{transform:translateX(0)}85%{transform:translateX(-10px)}90%{transform:translateX(0)}93%{transform:translateX(-6px)}96%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes breathing2{0%{transform:translateX(-50%) scale(1)}25%{transform:translateX(-50%) scale(1.1)}50%{transform:translateX(-50%) scale(1)}75%{transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%) scale(1)}}body,html{height:100%}.isIPadBody{width:7.5rem}.loging{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);z-index:11111111;display:flex;justify-content:center;align-items:center}.loging img{width:1.24rem;height:1.24rem}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.wrap{width:100%;height:27.9rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/ranksList_bg.jpg) no-repeat top;background-size:100% 100%;position:relative}.wrap .activityEnd{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10000002;background-color:rgba(0,0,0,.8)}.wrap .activityEnd .activityEndContent{width:6.55rem;height:6.18rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png) no-repeat;background-size:100% 100%;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.wrap .activityEnd .activityEndContent .msg{width:100%;color:#423c33;line-height:.36rem;text-align:center;margin-top:1rem;padding:0 .2rem;font-size:.3rem}.wrap .award_btn{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/award_btn.png) no-repeat;background-size:100% auto}.wrap .award_btn,.wrap .go_home_btn{width:2.75rem;height:.5rem;position:absolute;top:.4rem;left:.4rem;z-index:10}.wrap .go_home_btn{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/go_home_btn.png) no-repeat;background-size:100% auto}.wrap .game_rlue{width:1.79rem;height:.3rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/game_rule.png) no-repeat;background-size:100% auto;position:absolute;top:.55rem;right:.4rem;z-index:10}.wrap .home_page{width:100%;height:100%;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/home_bg.jpg) no-repeat top;background-size:100% 100%;position:relative;overflow:hidden}.wrap .home_page .prizes_box{width:6.8rem;height:2rem;position:absolute;top:4.5rem;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}.wrap .home_page .prizes_box .prize_s{width:3.3rem;height:2rem;position:relative}.wrap .home_page .prizes_box .prize_s img{width:.95rem;position:absolute;top:41%;transform:translateY(-50%)}.wrap .home_page .prizes_box .prize_s p{font-size:.22rem;position:absolute;bottom:.48rem;color:#fff;width:1.5rem;text-align:center}.wrap .home_page .prizes_box .prize_s .prize_num_rigth{font-size:.24rem;color:#fff4a4;position:absolute;bottom:.5rem;left:1.2rem}.wrap .home_page .prizes_box .prize_s .prize_num_left{font-size:.24rem;color:#fff4a4;position:absolute;bottom:.5rem;right:.6rem}.wrap .home_page .prizes_box .left_p{transform:translateX(500px);background:url(https://www.knivesout.jp/m/h5/20210401141815/img/lose_bg.png) no-repeat;background-size:100% auto;animation:go_show_r 1s ease-in-out forwards}.wrap .home_page .prizes_box .left_p img{right:.45rem}.wrap .home_page .prizes_box .left_p p{left:.1rem}.wrap .home_page .prizes_box .rigth_p{transform:translateX(-500px);background:url(https://www.knivesout.jp/m/h5/20210401141815/img/win_bg.png) no-repeat;background-size:100% auto;animation:go_show_l 1s ease-in-out forwards}.wrap .home_page .prizes_box .rigth_p img{left:.48rem}.wrap .home_page .prizes_box .rigth_p p{right:0}.wrap .home_page .select_ranks{width:100%;height:6.7rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:absolute;left:0;top:6.4rem}.wrap .home_page .select_ranks .tit{width:100%;height:.5rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/select_tea_tit.png) no-repeat 50%;background-size:auto 100%;background-position-x:.55rem}.wrap .home_page .select_ranks .select_go{width:100%;height:4rem;overflow:hidden;position:relative}.wrap .home_page .select_ranks .select_go .select_box{width:6rem;height:4rem;margin:0 auto;position:relative}.wrap .home_page .select_ranks .select_go .select_box .ranks_js{width:1.54rem;height:.41rem;position:absolute;left:.1rem;top:.2rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/ranks_js.png) no-repeat;background-size:100% auto;z-index:100}.wrap .home_page .select_ranks .select_go .select_box .rank_side_one{position:absolute;top:0;left:0;width:3.4rem;height:100%;transform:scale(.8);transition:all .8s}.wrap .home_page .select_ranks .select_go .select_box .rank_side_one img{position:absolute;left:0;right:0;width:100%}.wrap .home_page .select_ranks .select_go .select_box .rank_side_one .side_active_img{display:none}.wrap .home_page .select_ranks .select_go .select_box .rank_side_two{position:absolute;top:0;right:0;width:3.4rem;height:100%;transform:scale(.8);transition:all .8s}.wrap .home_page .select_ranks .select_go .select_box .rank_side_two img{position:absolute;left:0;right:0;width:100%}.wrap .home_page .select_ranks .select_go .select_box .rank_side_two .side_active_img{display:none}.wrap .home_page .select_ranks .select_go .select_box .side_active{transform:scale(1);background:url(https://www.knivesout.jp/m/h5/20210401141815/img/rank_h.png) no-repeat;background-size:100% auto;z-index:2}.wrap .home_page .select_ranks .select_go .select_box .side_active .side_active_img{display:block;transform:scale(1.06);top:.02rem;z-index:2}.wrap .home_page .select_ranks .select_go .sw_btn{position:absolute;top:50%;width:.3rem;height:.87rem;z-index:2}.wrap .home_page .select_ranks .select_go .right_btn{right:.3rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/right_btn.png) no-repeat;background-size:100% auto}.wrap .home_page .select_ranks .select_go .left_btn{left:.3rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/left_btn.png) no-repeat;background-size:100% auto}.wrap .home_page .select_ranks .select_ok{width:100%;font-size:.26rem;text-align:center;color:#bfabe4}.wrap .home_page .select_ranks .ranks_join{width:3rem;height:.91rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/ranks_join.png) no-repeat;background-size:100% auto}.wrap .home_page .select_ranks .ranks_join2{width:3rem;height:.91rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/ranks_join2.png) no-repeat;background-size:100% auto}.wrap .home_page .select_ranks .share_go_name{width:100%;font-size:.26rem;color:#fff;text-align:center;margin-top:.2rem}.wrap .home_page .select_ranks .share_go_name span{display:inline-block;font-size:.24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .joinOk_page{width:100%;height:100%;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/home_bg.jpg) no-repeat top;background-size:100% 100%;position:relative}.wrap .joinOk_page .select_tit{width:4.4rem;font-size:.3rem;text-align:center;color:#fefcf9;font-weight:700;position:absolute;top:3.5rem;left:50%;transform:translateX(-50%)}.wrap .joinOk_page .gx_data{width:100%;position:absolute;top:5rem;left:0;display:flex;justify-content:center;align-self:center;flex-wrap:wrap}.wrap .joinOk_page .gx_data .prizes_box{width:6.8rem;height:2rem;display:flex;justify-content:space-around}.wrap .joinOk_page .gx_data .prizes_box .prize_s{width:3.3rem;height:2rem;position:relative}.wrap .joinOk_page .gx_data .prizes_box .prize_s img{width:.95rem;position:absolute;top:41%;transform:translateY(-50%)}.wrap .joinOk_page .gx_data .prizes_box .prize_s p{font-size:.22rem;position:absolute;bottom:.48rem;color:#fff;width:1.6rem;text-align:center}.wrap .joinOk_page .gx_data .prizes_box .prize_s .prize_num_rigth{font-size:.24rem;color:#fff4a4;position:absolute;bottom:.5rem;left:1.2rem}.wrap .joinOk_page .gx_data .prizes_box .prize_s .prize_num_left{font-size:.24rem;color:#fff4a4;position:absolute;bottom:.5rem;right:.6rem}.wrap .joinOk_page .gx_data .prizes_box .left_p{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/lose_bg.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .prizes_box .left_p img{right:.45rem}.wrap .joinOk_page .gx_data .prizes_box .left_p p{left:0}.wrap .joinOk_page .gx_data .prizes_box .rigth_p{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/win_bg.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .prizes_box .rigth_p img{left:.48rem}.wrap .joinOk_page .gx_data .prizes_box .rigth_p p{right:0}.wrap .joinOk_page .gx_data .win_box{width:6rem;height:2rem;display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.wrap .joinOk_page .gx_data .win_box .win_data{width:6.8rem;height:2rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative}.wrap .joinOk_page .gx_data .win_box .win_data .win_pro{width:100%;height:.7rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/win_data.png) no-repeat;background-size:100% auto;display:flex;justify-content:center;align-items:center}.wrap .joinOk_page .gx_data .win_box .win_data .win_pro .pro_box{width:5.6rem;height:.3rem;background-color:#506eca;position:relative;top:-.01rem}.wrap .joinOk_page .gx_data .win_box .win_data .win_pro .pro_box .left_pro{position:absolute;left:0;top:0;height:100%;background-color:#aa4b79}.wrap .joinOk_page .gx_data .win_box .win_data .win_pro .pro_box .left_pro:before{content:"";display:block;width:0;height:0;border-bottom:.3rem solid #aa4b79;border-right:.3rem solid transparent;position:absolute;right:-.3rem;top:0}.wrap .joinOk_page .gx_data .win_box .win_data .win_pro .pro_box .left_pro:after{content:"";display:block;width:1.59rem;height:.6rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/win_con.png) no-repeat;background-size:100% auto;position:absolute;right:-.8rem;top:50%;transform:translate(6%,-50%)}.wrap .joinOk_page .gx_data .win_box .win_data .win_pro .win_con{position:absolute;width:1.59rem;transform:translateX(-10%)}.wrap .joinOk_page .gx_data .win_box .win_data .pro_text_show{width:100%;position:relative;height:.3rem}.wrap .joinOk_page .gx_data .win_box .win_data .pro_text_show span{font-size:.3rem;color:#ffe59e;position:absolute;top:0}.wrap .joinOk_page .gx_data .win_box .win_data .pro_text_show .left_pro_te{left:.5rem}.wrap .joinOk_page .gx_data .win_box .win_data .pro_text_show .right_pro_te{right:.5rem}.wrap .joinOk_page .gx_data .win_box .win_data .qu_tea_name{width:100%;height:.5rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/qu_tea_name.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .gx_num_box{width:100%;height:5rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/gx_num_bg.png) no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-self:center;flex-wrap:wrap}.wrap .joinOk_page .gx_data .gx_num{width:100%;height:1rem;display:flex;justify-content:space-around;align-self:center;margin-top:.4rem}.wrap .joinOk_page .gx_data .gx_num .num{width:1.5rem;font-size:.3rem;color:#fff;text-align:center;font-weight:700}.wrap .joinOk_page .gx_data .gx_num .ge{width:.08rem;height:.6rem;background-color:#58437f}.wrap .joinOk_page .gx_data .wan_jindu{width:90%;height:4rem;position:relative}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies{width:100%;overflow:hidden;display:flex;justify-content:space-around;align-items:center;margin-bottom:.2rem}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies li{width:1.34rem;height:1.44rem;position:relative}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies li .pr_b{width:100%;height:100%;position:relative}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies li img{width:.9rem;position:absolute;top:.1rem;left:50%;transform:translateX(-50%)}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies li p{width:100%;font-size:.2rem;color:#fff;position:absolute;bottom:.2rem;text-align:center}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies li .noget{width:100%;height:100%;background-color:#180f26;opacity:.8;position:absolute;left:0;top:0;z-index:4;text-align:center;font-size:.26rem;color:#fff;line-height:1.44rem}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies .bg2{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/qu_prize_bg2.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies .bg3{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/qu_prize_bg3.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .wan_jindu .wan_przies .bg4{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/qu_prize_bg4.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .wan_jindu .wan_progress{width:100%;height:.2rem;background-color:#54338a;overflow:hidden;position:relative}.wrap .joinOk_page .gx_data .wan_jindu .wan_progress .progress{height:100%;background-color:#b99fe8;position:absolute;top:0;left:0}.wrap .joinOk_page .gx_data .wan_jindu .wan_progress .progress:before{content:"";display:block;width:0;height:0;border-top:.1rem solid transparent;border-left:.2rem solid #b99fe8;border-bottom:.1rem solid transparent;position:absolute;right:-.2rem;top:0}.wrap .joinOk_page .gx_data .wan_jindu .spot_box{width:100%;height:.29rem;display:flex;justify-content:space-around;position:absolute;top:1.58rem}.wrap .joinOk_page .gx_data .wan_jindu .spot_box li{width:.29rem;height:.29rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/jdu_yuan.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .wan_jindu .jindu_num_box{width:100%;height:1rem;display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:.2rem}.wrap .joinOk_page .gx_data .wan_jindu .jindu_num_box li{text-align:center;color:#fff;font-weight:700}.wrap .joinOk_page .gx_data .share_friend{width:6rem;height:2.6rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/share_friend_bg.png) no-repeat;background-size:100% auto;position:relative;margin-top:.3rem}.wrap .joinOk_page .gx_data .share_friend .share_friend_btn{width:3rem;height:.92rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/share_friend_btn.png) no-repeat;background-size:100% auto;position:absolute;bottom:.7rem;left:50%;transform:translateX(-50%);animation:breathing2 3s linear infinite}.wrap .joinOk_page .gx_data .f_gx_num_box{width:6rem;height:5rem;display:flex;justify-content:center;align-content:space-around;flex-wrap:wrap}.wrap .joinOk_page .gx_data .f_gx_num_box .f_tit{width:100%;height:.33rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/f_gx_num.png) no-repeat 0;background-size:auto 100%;padding-left:1.7rem;color:#fef7a8;font-size:.35rem;text-align:left;line-height:.33rem;font-weight:700}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul{width:100%;height:4.27rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/f_gx_num_bg.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul ul{width:5.6rem;height:3.6rem;overflow:auto;margin-top:.2rem}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul ul li{width:100%;height:1.05rem;margin-top:.2rem;display:flex;justify-content:space-around;align-items:center}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul ul li .img_box{width:1.05rem;height:1.05rem;border-radius:50%;background-color:#c0abe4;display:flex;justify-content:center;align-self:center}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul ul li .img_box img{width:1rem;border-radius:50%}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul ul li .name{width:2rem;color:#fff;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .joinOk_page .gx_data .f_gx_num_box .f_gx_num_ul ul li .num{font-size:.3rem;color:#fef7a8}.wrap .joinOk_page .gx_data .task_box{width:6rem;height:6rem;display:flex;justify-content:center;align-content:space-around;flex-wrap:wrap;margin-top:.2rem}.wrap .joinOk_page .gx_data .task_box .task_tit{width:100%;height:.78rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/task_tit.png) no-repeat 0 0;background-size:auto 100%}.wrap .joinOk_page .gx_data .task_box ul{width:100%;height:5rem;display:flex;justify-content:center;align-content:space-around;flex-wrap:wrap;overflow:hidden}.wrap .joinOk_page .gx_data .task_box ul li{width:100%;display:flex;justify-content:space-around;align-self:center;align-items:center}.wrap .joinOk_page .gx_data .task_box ul li .prize_box{width:1.12rem;height:1.16rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/task_prize_box.png) no-repeat;background-size:100% auto;display:flex;justify-content:center;align-items:center;margin-right:.1rem}.wrap .joinOk_page .gx_data .task_box ul li .prize_box img{width:.8rem}.wrap .joinOk_page .gx_data .task_box ul li p{width:2.8rem;height:1.1rem;font-size:.22rem;color:#fff;text-align:left}.wrap .joinOk_page .gx_data .task_box ul li .login_btn{width:2rem;height:.85rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/login_ok.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .task_box ul li .login_btn_no{width:2rem;height:.85rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/login_no.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .task_box ul li .empty_btn{width:2rem;height:.85rem}.wrap .joinOk_page .gx_data .task_box ul li .task_share{width:2rem;height:.85rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/task_share.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .task_box ul li .top30{width:2rem;height:.85rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/top30.png) no-repeat;background-size:100% auto}.wrap .joinOk_page .gx_data .task_box ul li .top30_end{width:2rem;height:.85rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/top_30_end.png) no-repeat;background-size:100% auto}.wrap .ranksList_page{width:100%;height:100%;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/ranksList_bg.jpg) no-repeat top;background-size:100% 100%}.wrap .ranksList_page .slogo{width:5.97rem;height:1.85rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/slogo.png) no-repeat;background-size:100% auto;position:absolute;top:1rem;left:56%;transform:translateX(-50%)}.wrap .ranksList_page .ranks{width:100%;height:7rem;position:absolute;top:2.7rem;left:0;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.wrap .ranksList_page .ranks .ranks_tit{width:100%;height:.46rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/ranks_tit.png) no-repeat 50%;background-size:auto 100%;background-position-x:.9rem}.wrap .ranksList_page .ranks .myRank{width:90%;height:1.29rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/myRank_bg.png) no-repeat 50%;background-size:100% 100%;display:flex;justify-content:space-around;align-items:center}.wrap .ranksList_page .ranks .ranknum{width:1rem;height:100%;text-align:center;color:#c7b5e4;font-size:.65rem;font-weight:700;line-height:1.25rem}.wrap .ranksList_page .ranks .img_box{width:1.04rem;height:1.04rem;border-radius:50%;background-color:#c0abe4;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.wrap .ranksList_page .ranks .img_box img{width:1rem;border-radius:50%}.wrap .ranksList_page .ranks .name{width:2rem;height:100%;color:#fff;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .ranksList_page .ranks .gxNum{color:#fff}.wrap .ranksList_page .ranks ul{width:90%;height:16.5rem;margin:0 auto;overflow-y:auto}.wrap .ranksList_page .ranks ul li{width:100%;float:left;height:1.25rem;display:flex;justify-content:space-around;align-items:center;margin:.2rem 0;padding-bottom:.1rem;box-sizing:border-box;border-bottom:.01rem solid #684e92}::-webkit-scrollbar{width:.08rem;height:.08rem;background-color:#63429b}::-webkit-scrollbar,::-webkit-scrollbar-track{border-radius:.08rem}::-webkit-scrollbar-thumb{background-color:#c0abe4}.popup-content{width:6.55rem;min-height:4rem;background-size:100% auto;background-repeat:no-repeat}.popup-content .pop-con{min-height:100%;position:relative;background-size:100% 100%}.popup-content .pop-con .tit{margin-top:.75rem;text-align:center;color:#ffe9a2;font-size:.36rem;font-weight:700}.popup-content .pop-con .tit i{width:.05rem;height:.65rem;background-color:#e30e1b;display:inline-block;vertical-align:middle;box-shadow:0 0 6px #e30e1b;margin:0 .1rem}.popup-content .close{width:.81rem;height:.78rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/close.png) no-repeat;background-size:100% auto;text-indent:-9999em;z-index:99;bottom:-1.2rem;right:50%;transform:translateX(50%)}.popup-content .pop_close{display:inline-block;width:.95rem;height:.95rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/close.png) no-repeat 50%;background-size:100% auto;position:absolute;bottom:-1.4rem;left:50%;transform:translateX(-50%)}.pop-loading img{width:.7rem}.pop-share,.pop-share2{height:7.18rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png) no-repeat;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.pop-share2 .tit,.pop-share .tit{width:100%;color:#6c4da0!important}.pop-share2 .tit p,.pop-share .tit p{font-size:.38rem}.pop-share2 .img_box,.pop-share .img_box{position:relative;bottom:1rem;display:flex;justify-content:space-around;width:4rem}.pop-share2 .img_box img,.pop-share .img_box img{height:1.09rem;width:1.09rem}.pop-share2 .code_bg,.pop-share .code_bg{width:1.09rem;height:1.09rem;border-radius:.3rem;background-color:#06a0f6;display:flex;justify-content:center;align-items:center}.pop-share2 .code_bg img,.pop-share .code_bg img{height:.5rem}.pop-tips{height:6.18rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png) no-repeat;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.pop-tips .msg{width:80%;color:#6c4da0;line-height:.36rem;text-align:center;padding:0 .2rem;font-size:.3rem}.pop-tips .tit1{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/Js1.png) no-repeat;background-size:100% auto}.pop-tips .tit1,.pop-tips .tit2{width:3.5rem;height:.46rem;margin:0 auto}.pop-tips .tit2{background:url(https://www.knivesout.jp/m/h5/20210401141815/img/Js2.png) no-repeat;background-size:100% auto}.pop-join{height:6.18rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png) no-repeat}.pop-join,.pop-join .con{display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.pop-join .con{width:100%;height:4rem}.pop-join .con .tit{width:100%;font-size:.36rem;color:#6c4da0;font-weight:700;text-align:center;margin:0}.pop-join .con .join_text{width:100%;font-size:.26rem;color:#6c4da0;text-align:center}.pop-join .con .btns{width:100%;height:1rem;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.pop-join .con .btns .consider{width:2.32rem;height:.94rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/consider.png) no-repeat;background-size:100% auto;margin:0 .2rem}.pop-join .con .btns .joinin{width:2.32rem;height:.94rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/joinin.png) no-repeat;background-size:100% auto;margin:0 .2rem}.pop-rule{height:8.72rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg4.png) no-repeat 50%;background-size:100% 100%!important;overflow:hidden}.pop-rule .con{width:5.98rem;margin:.15rem auto .1rem;color:#666;font-size:.24rem;height:7.3rem;overflow-y:auto}.pop-rule .con p{color:#6c4da0;font-size:.24rem;margin-top:.2rem;line-height:.34rem}.pop-rule .con p.time{font-size:.26rem}.pop-rule .con .white{color:#fff}.pop-rule .con img{max-width:100%;margin-top:.1rem}.pop-rule .tit{width:100%;height:.46rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/rule_tit.png) no-repeat 50%;background-size:auto 100%;margin-top:0!important}.pop-role,.pop-unbundling{height:8.72rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg4.png) no-repeat 50%;background-size:100% 100%!important;overflow:hidden}.pop-role .tit_unbund,.pop-unbundling .tit_unbund{width:100%;height:.68rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/sns_tit.png) no-repeat 50%;background-size:auto 100%;margin-top:0}.pop-role .tit_id,.pop-unbundling .tit_id{width:100%;height:.68rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/id_tit.png) no-repeat 50%;background-size:auto 100%;margin-top:0}.pop-role .tit,.pop-unbundling .tit{color:#ffe9a2!important}.pop-role .tit p,.pop-unbundling .tit p{display:inline-block;vertical-align:middle;font-size:.44rem}.pop-role .con,.pop-unbundling .con{width:5.78rem;padding-right:.1rem;margin:.1rem auto 0;color:#666;font-size:.24rem;height:6.2rem;overflow-y:auto}.pop-role .con p,.pop-unbundling .con p{color:#6c4da0;font-size:.28rem;margin-top:.18rem;line-height:.34rem}.pop-role .con .problem,.pop-unbundling .con .problem{color:#6c4da0;font-weight:900}.pop-role .con img,.pop-unbundling .con img{max-width:100%;margin-top:.1rem}.pop-role .con .how_ok,.pop-unbundling .con .how_ok{width:3.87rem;height:.87rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_close.png) no-repeat 50%;background-size:100% 100%;margin:.2rem auto}.pop-role p{text-align:center}.pop-bind,.pop-bindsuccess,.pop-bindsure{height:9.48rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg4.png) no-repeat 50%;background-size:100% 100%!important;display:flex;justify-content:center;align-items:center}.pop-bind .con,.pop-bindsuccess .con,.pop-bindsure .con{width:100%;color:#ffe243;font-size:.24rem;height:9.1rem;overflow-y:auto}.pop-bind .con .con_tit,.pop-bindsuccess .con .con_tit,.pop-bindsure .con .con_tit{width:100%;text-align:center;color:#6c4da0;font-size:.28rem;margin-top:.3rem}.pop-bind .con ul,.pop-bindsuccess .con ul,.pop-bindsure .con ul{margin-top:.4rem;padding-left:.6rem}.pop-bind .con ul .pass_box input,.pop-bindsuccess .con ul .pass_box input,.pop-bindsure .con ul .pass_box input{width:5.38rem}.pop-bind .con ul li,.pop-bindsuccess .con ul li,.pop-bindsure .con ul li{margin-top:.15rem;display:flex;justify-content:start}.pop-bind .con ul li label,.pop-bindsuccess .con ul li label,.pop-bindsure .con ul li label{float:left;width:1.4rem;color:#ffe243;font-size:.24rem;line-height:.64rem}.pop-bind .con ul li .mon_select,.pop-bind .con ul li input,.pop-bindsuccess .con ul li .mon_select,.pop-bindsuccess .con ul li input,.pop-bindsure .con ul li .mon_select,.pop-bindsure .con ul li input{width:5.41rem;height:.79rem;border:1px solid #c3a0ff;color:#b597e9;box-sizing:border-box;background:#ece1ff;text-align:center}.pop-bind .con ul li .mon_select::-webkit-input-placeholder,.pop-bind .con ul li input::-webkit-input-placeholder,.pop-bindsuccess .con ul li .mon_select::-webkit-input-placeholder,.pop-bindsuccess .con ul li input::-webkit-input-placeholder,.pop-bindsure .con ul li .mon_select::-webkit-input-placeholder,.pop-bindsure .con ul li input::-webkit-input-placeholder{color:#c3a0ff}.pop-bind .con ul li .mon_select,.pop-bindsuccess .con ul li .mon_select,.pop-bindsure .con ul li .mon_select{border:1px solid #c3a0ff;color:#b597e9;text-align-last:center;font-size:.28rem;position:relative;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/sanjiao.png) no-repeat 100%;background-size:auto 25%;background-position-x:4.9rem}.pop-bind .con ul li .mon_select>p,.pop-bindsuccess .con ul li .mon_select>p,.pop-bindsure .con ul li .mon_select>p{height:100%;line-height:.64rem}.pop-bind .con ul li .mon_select .mon_select_option,.pop-bindsuccess .con ul li .mon_select .mon_select_option,.pop-bindsure .con ul li .mon_select .mon_select_option{position:absolute;bottom:-4.52rem;left:-.02rem;width:100%;border:1px solid #ffe243;overflow:hidden;background-color:#222121;z-index:1000000}.pop-bind .con ul li .mon_select .mon_select_option p,.pop-bindsuccess .con ul li .mon_select .mon_select_option p,.pop-bindsure .con ul li .mon_select .mon_select_option p{width:100%;height:.64rem;float:left;line-height:.64rem;text-align:center}.pop-bind .con .tip,.pop-bindsuccess .con .tip,.pop-bindsure .con .tip{color:#a23ab8;margin:.3rem auto}.pop-bind .con .tip a,.pop-bindsuccess .con .tip a,.pop-bindsure .con .tip a{color:#a23ab8;font-size:.24rem;text-decoration:underline}.pop-bind .con .tp1,.pop-bindsuccess .con .tp1,.pop-bindsure .con .tp1{width:4.63rem;height:.4rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/tp1.png) no-repeat;background-size:100% auto}.pop-bind .con .tp2,.pop-bindsuccess .con .tp2,.pop-bindsure .con .tp2{width:4.5rem;height:.3rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/tp2.png) no-repeat;background-size:100% auto}.pop-bind .con .col,.pop-bindsuccess .con .col,.pop-bindsure .con .col{font-size:.28rem;text-align:center;color:#ffe243;margin-top:.5rem}.pop-bind .con .btns,.pop-bindsuccess .con .btns,.pop-bindsure .con .btns{margin-top:.28rem;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}.pop-bind .con .btns a,.pop-bindsuccess .con .btns a,.pop-bindsure .con .btns a{width:2.42rem;height:.99rem;background-repeat:no-repeat;background-size:100% auto}.pop-bind .con .btns a.next-btn,.pop-bindsuccess .con .btns a.next-btn,.pop-bindsure .con .btns a.next-btn{width:3rem;height:1.1rem;margin:.2rem auto;background-image:url(https://www.knivesout.jp/m/h5/20210401141815/img/bind_btn.png);background-size:100% auto}.pop-bind .con .btns a.ok-btn,.pop-bindsuccess .con .btns a.ok-btn,.pop-bindsure .con .btns a.ok-btn{width:3.87rem;background-image:url(https://www.knivesout.jp/m/h5/20210401141815/img/select_ok.png)}.pop-bind .con .btns a.next-btn-ok,.pop-bindsuccess .con .btns a.next-btn-ok,.pop-bindsure .con .btns a.next-btn-ok{width:2.12rem;margin-top:.2rem}.pop-bind .con .error-msg,.pop-bindsuccess .con .error-msg,.pop-bindsure .con .error-msg{margin-top:.68rem;color:#e30e1b;font-size:.24rem;text-align:center}.pop-bindsuccess .con,.pop-bindsure .con{width:5.24rem;margin-top:.22rem}.pop-bindsuccess .con p,.pop-bindsure .con p{margin-top:.1rem;color:#e30e1b;font-size:.34rem;text-align:left;padding-left:.4rem}.pop-bindsuccess .con .col,.pop-bindsure .con .col{color:#ffa42b}.pop-bindsuccess .con .btns,.pop-bindsure .con .btns{margin-top:.1rem}.pop-bindsuccess .con .btns a.sure-btn,.pop-bindsure .con .btns a.sure-btn{margin-left:.32rem}.pop-bindsuccess .con .btns a.start-btn,.pop-bindsure .con .btns a.start-btn{width:2.82rem}.pop-bindsuccess{height:4.18rem;background-image:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg.png)}.pop-bindsuccess .con{width:6.98rem}.pop-bindsure .con p{text-align:center;padding-left:0}.pop-bindNo,.pop-share{height:7.18rem;background-image:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png);background-size:100% auto;overflow:hidden}.pop-bindNo .con,.pop-share .con{display:flex;justify-content:center;align-items:center;margin-top:.6rem}.pop-bindNo .con img,.pop-share .con img{width:.87rem;height:auto;margin-left:.1rem}.pop-bindNo .line_btn,.pop-bindNo .twitter_btn,.pop-share .line_btn,.pop-share .twitter_btn{width:1.26rem;height:1.29rem;margin-left:.4rem}.pop-bindNo .line_btn img,.pop-bindNo .twitter_btn img,.pop-share .line_btn img,.pop-share .twitter_btn img{width:100%}.pop-bindNo .con{margin-top:1.6rem}.pop-bindNo .con p{width:100%;text-align:center;color:#292829}.pop-success{height:4.18rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png) no-repeat;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.pop-success .success_msg{color:#e30e1b;line-height:.36rem;text-align:center;padding:.5rem .2rem;font-size:.3rem}.pop-success .pop_again{width:2.89rem;height:.76rem;background-size:auto 100%}.pop-userSelect{height:9.5rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg4.png) no-repeat;background-size:100% 100%!important}.pop-userSelect,.pop-userSelect .con{display:flex;justify-content:center;align-items:center}.pop-userSelect .con{width:100%;color:#ffe243;font-size:.24rem;overflow:hidden;flex-wrap:wrap}.pop-userSelect .con .pop_user_name{color:#6c4da0;font-size:.36rem;text-align:center;width:5.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-userSelect .con .pop_user_name .snsName{display:inline-block;width:2rem;font-size:.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.36rem}.pop-userSelect .con .con_tit{width:100%;height:.85rem;color:#6c4da0;font-size:.3rem;text-align:center;box-sizing:border-box;padding-top:.1rem}.pop-userSelect .con ul{width:5.6rem;height:4.2rem;display:flex;justify-content:center;flex-wrap:wrap;padding-bottom:.1rem;background:#ece1ff;background-size:100% 100%;overflow-y:auto;margin:.2rem auto}.pop-userSelect .con ul li{width:100%;height:1.27rem;overflow:hidden;display:flex;justify-content:start;box-sizing:border-box;padding-top:.1rem;border-bottom:1px solid #d3b9ff}.pop-userSelect .con ul li .user_list{width:1.11rem;height:1.11rem;position:relative}.pop-userSelect .con ul li .user_list .img_box{width:100%;height:100%;position:absolute;top:0;left:0;background-size:100% 100%}.pop-userSelect .con ul li .user_list img{width:1rem;border-radius:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.pop-userSelect .con ul li p{width:100%;text-align:center;line-height:1.11rem;padding-left:.2rem;color:#6c4da0}.pop-userSelect .con ul .li_hover{font-weight:900;background-color:#d3b9ff}.pop-userSelect .con .tip{color:#6c4da0;width:100%;font-size:.22rem;display:inline-block;float:left;margin-top:.2rem;text-align:center}.pop-userSelect .con .tip span{color:#a23ab8;font-size:.22rem}.pop-userSelect .con .col{font-size:.28rem;text-align:center;color:#292829;margin-top:.5rem}.pop-userSelect .con .btns{width:100%;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}.pop-userSelect .con .btns a{width:2.42rem;height:.99rem;background-repeat:no-repeat;background-size:100% auto}.pop-userSelect .con .btns a.next-btn{width:5.07rem;color:#a23ab8;font-size:.24rem;text-align:right;text-decoration:underline}.pop-userSelect .con .btns a.ok-btn{width:3.07rem;background-image:url(https://www.knivesout.jp/m/h5/20210401141815/img/select_ok.png)}.pop-userSelect .con .btns a.next-btn-ok{width:2.12rem;margin-top:.2rem}.pop-userSelect .con .error-msg{margin-top:.68rem;color:#292829;font-size:.24rem;text-align:center}.pop-bindOk{height:6.18rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/pop_bg2.png) no-repeat;background-size:100% 100%;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap}.pop-bindOk .con{width:6.28rem}.pop-bindOk .con .con_tit{width:100%;height:.85rem;color:#6c4da0;font-size:.24rem;text-align:center;font-weight:700;box-sizing:border-box}.pop-bindOk .con p{padding:0 .3rem}.pop-bindOk .con .name_box{width:100%;height:1.8rem;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;flex-wrap:wrap;margin:.4rem auto}.pop-bindOk .con .name_box p{width:3.81rem;height:.7rem;text-align:center;color:#6c4da0;line-height:.7rem;background:#ece1ff;border:1px solid #c3a0ff}.pop-bindOk .con .bind_ok_btn{width:2.07rem;height:.99rem;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/bind_btn.png) no-repeat;background-size:100% auto;margin:.2rem auto}.pop-bindOk .con .bind_ok_btn2{width:2.27rem;height:.69rem;background-size:100% auto;margin:.2rem auto}.pop-bindOk .con .return{font-size:.24rem;text-decoration:underline;color:#a23ab8;text-align:center}.fade-enter,.fade-leave-to{transform:translateY(3rem)}.slide-left-enter,.slide-right-leave-to{opacity:0;transform:translateX(100%)}.slide-left-leave-to,.slide-right-enter{opacity:0;transform:translateX(-50%)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:.5s;position:absolute;top:0}.popup{position:fixed;z-index:10000002}.popup,.popup-mask{top:0;bottom:0;left:0;right:0}.popup-mask{position:absolute;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity .2s ease}.popup-mask.show{opacity:1}.popup-box{position:fixed;display:flex;flex-direction:column;bottom:0;left:0;right:0;top:0;justify-content:center;align-items:center;transform:scale(.5);opacity:0;transition:all .2s ease}.popup-box.show{transform:scale(1);opacity:1}.popup-content{display:block;position:relative}.popup-content .close{position:absolute}.cascade_box{z-index:1000001102}.cascade_bg,.cascade_box{width:100%;height:100%;position:absolute;top:0;bottom:0}.cascade_bg{background-color:rgba(0,0,0,.88);transition:opacity .2s ease}.cascade_content{width:100%;overflow:hidden;position:fixed;bottom:0;left:0}.cascade_content .cascade_title{width:100%;height:1rem;padding:.3rem 0 0;background-color:#ecc650;z-index:12;box-sizing:border-box;text-align:center;font-size:.3rem}.cascade_content .ul_box{width:100%;overflow:hidden}.cascade_content .ul_box ul{width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;background:url(https://www.knivesout.jp/m/h5/20210401141815/img/server_pop2.png) no-repeat 50%;background-size:100% auto;display:flex;justify-content:center;flex-wrap:wrap}.cascade_content .ul_box ul::-webkit-scrollbar{display:none}.cascade_content .ul_box ul li{width:100%;height:1rem;float:left;text-align:center;font-size:.2rem;line-height:1rem}.cascade_content .ul_box ul li:active{background-color:grey}.cascade_content .ul_box ul li p{width:100%;height:100%;border-bottom:1px solid #ddd;text-align:center;color:#ffe243}.cascade_content_show{position:fixed;bottom:0;left:0}.fade-enter-active,.fade-leave-active{transition:all .5s}.fade-enter,.fade-leave-to{position:fixed;bottom:-4rem;left:0}