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}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}a,a:hover{text-decoration:none}body,html{font-weight:400}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:#f2f2f2;opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}a{text-decoration:none}input{-webkit-appearance:none}*{outline:none;-webkit-tap-highlight-color:transparent;-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{font-size:266.67%}}@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:300%}}@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:320%}}@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:333.33%}}@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:345%}}@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html{font-size:360%}}@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait){html{font-size:400%}}@media screen and (min-width:640px) and (orientation:portrait){html{font-size:533.33%}}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{clear:both;zoom:1}#forhorview,#Jmain,#share_content{display:none}#forhorview{position:fixed;z-index:1002;top:0;bottom:0;left:0;right:0;width:100%;background:#000;font-size:.32rem;color:#fff;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;text-align:center}#forhorview p{font-size:.6rem;color:#ddd;padding:0 .2rem}#forhorview.show{display:-webkit-box;display:-moz-box;display:box}.center{-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.hide,.mask{display:none}.mask{-webkit-transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;-ms-transition:opacity .3s ease-in-out 0s;transition:opacity .3s ease-in-out 0s;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,.6);opacity:0;z-index:999}.mask.show{opacity:1}.popup{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(1,1,1,.8);z-index:999;display:none}.popup.show{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}.popup .pop-border{width:7.1rem;background:#2f4253;position:relative;border:.15rem solid #2f4253}.popup .pop-box{width:100%;height:100%;border:2px solid #ffd93b;box-sizing:border-box;background:#23313d;position:relative;padding:.2rem .3rem}.popup .bottom:after,.popup .bottom:before,.popup .top:after,.popup .top:before{display:block;content:"";width:0;height:0;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-bottom:.3rem solid #2f4253;position:absolute}.popup .top:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:.05rem;left:-.05rem}.popup .top:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:.05rem;right:-.05rem}.popup .bottom:before{-webkit-transform:rotate(226deg);-moz-transform:rotate(226deg);-ms-transform:rotate(226deg);transform:rotate(226deg);bottom:.05rem;left:-.05rem}.popup .bottom:after{-webkit-transform:rotate(-226deg);-moz-transform:rotate(-226deg);-ms-transform:rotate(-226deg);transform:rotate(-226deg);bottom:.05rem;right:-.05rem}.popup .p-title{font-size:.33rem;color:#ffd93b;text-align:center;padding:.5rem 0 .3rem;font-weight:700}.popup .close{width:.59rem;height:.59rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/popup-close_f2e4ff8b.png);background-size:100% 100%;position:absolute;top:-.15rem;right:-.9rem}.popup.type2 .pop-box{border:none;background:none}.popup.type2 .bottom:after,.popup.type2 .bottom:before,.popup.type2 .top:after,.popup.type2 .top:before{border-bottom:.3rem solid #23313d}.popup .bule-btn,.popup .yellow-btn{width:2.3rem;height:.7rem;line-height:.7rem;border-radius:.2rem;font-size:.3rem;font-weight:700;text-align:center;margin:0 auto;border:2px solid #23313d;display:block}.popup .bule-btn{background:#84bed3;color:#2f4253}.popup .yellow-btn{background:#ffd93b;color:#be640c}.popup-alert .p-text,.popup-repeatShare .p-text{font-size:.3rem;color:#fff;text-align:center;padding:0 0 .3rem}.popup-alert .p-text span,.popup-repeatShare .p-text span{font-size:.24rem}.popup-alert .p-text .s1,.popup-repeatShare .p-text .s1{color:#ffd93b}.popup-alert .p-text .s2,.popup-repeatShare .p-text .s2{color:#07e4f8}.popup-queryRole .p-title{font-size:.35rem;color:#ffd93b;text-align:center;margin:0;padding:0}.popup-queryRole input,.popup-queryRole select{display:block;width:4.2rem;height:.5rem;padding:0 .2rem;border:1px solid #ffd93b;margin:.2rem auto;background:none;color:#bbb;font-size:.24rem}.popup-queryRole select{width:4.6rem;height:.55rem;padding:0 .1rem}.popup-queryRole .yellow-btn{width:3.48rem;height:.91rem;line-height:.91rem}.popup-queryRole .tips-item{width:5rem;height:.3rem;margin:.2rem auto;font-size:0}.popup-queryRole .tips-item a{color:#07e4f8;font-size:.24rem;text-align:center;margin:0 auto;display:block}.popup-confrimBind .p-title{font-size:.35rem;color:#ffd93b;text-align:center;margin:.2rem 0;padding:0}.popup-confrimBind .input-box{width:4.2rem;border:1px solid #ffd93b;margin:.2rem auto;font-size:.24rem;padding:.1rem 0}.popup-confrimBind .input-box,.popup-confrimBind input{display:block;background:none;color:#bbb;text-align:center}.popup-confrimBind input{width:100%;height:100%;border:none;font-size:.28rem}.popup-confrimBind .btn-list{width:4.5rem;height:.9rem;margin:0 auto}.popup-confrimBind .bule-btn,.popup-confrimBind .yellow-btn{width:2rem}.popup-confrimBind .yellow-btn{float:left}.popup-confrimBind .bule-btn{float:right}.popup-login .p-title,.popup-repeatShare .p-title,.popup-share .p-title{font-size:.37rem}.popup-login .p-text,.popup-repeatShare .p-text,.popup-share .p-text{font-size:.24rem;color:#f5f5f5;text-align:center}.popup-login .prize-text p,.popup-repeatShare .prize-text p,.popup-share .prize-text p{font-size:.25rem;color:#fff;line-height:.3rem;margin:0 0 .2rem}.popup-login .btn-list,.popup-repeatShare .btn-list,.popup-share .btn-list{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}.popup-login .btn-list a,.popup-repeatShare .btn-list a,.popup-share .btn-list a{display:block;width:1.46rem;height:1.46rem;margin:0 .25rem .3rem;border-radius:100%}.popup-login .btn-list a.line-btn,.popup-repeatShare .btn-list a.line-btn,.popup-share .btn-list a.line-btn{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/btn-line_f20ee3d2.jpg);background-size:100% 100%}.popup-login .btn-list a.twitter-btn,.popup-repeatShare .btn-list a.twitter-btn,.popup-share .btn-list a.twitter-btn{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/btn-tw_26e58228.jpg);background-size:100% 100%}.popup-repeatShare .p-title{padding:0}.popup-tipsBind .yellow-btn{width:3.48rem;height:.91rem;line-height:.91rem}.popup-tipsBind .flow-list{height:1rem;margin:.2rem 0}.popup-tipsBind .flow-list .item{width:33.3%;float:left;font-size:.24rem;color:#f5f5f5;text-align:center}.popup-tipsBind .tips{font-size:.24rem;color:#f5f5f5;text-align:center;margin:.2rem 0}.popup-tipsBind .tips .bind{font-size:.24rem;color:#07e4f8}.popup-lookRoleId .text-scorll{height:4rem;overflow:hidden;overflow-y:scroll;padding:0 .2rem 0 0}.popup-lookRoleId .text-scorll::-webkit-scrollbar{width:4px}.popup-lookRoleId .text-scorll::-webkit-scrollbar-thumb{background:#ffc341}.popup-lookRoleId .text-scorll::-webkit-scrollbar-track{background:#141413;border:1px solid #553f23}.popup-lookRoleId .text-scorll p{font-size:.3rem;color:#ffd93b}.popup-lookRoleId .text-scorll img{display:block;width:100%}.popup-userList .p-title{text-align:left;margin:.2rem 0;padding:0 0 0 .2rem}.popup-userList .user-list{width:5.6rem;max-height:2.2rem;margin:0 auto;overflow:hidden;overflow-y:scroll}.popup-userList .user-list::-webkit-scrollbar{width:.1rem}.popup-userList .user-list::-webkit-scrollbar-thumb{background:#ffd93b}.popup-userList .user-list::-webkit-scrollbar-track{background:#fff}.popup-userList .user-list .item{background:#162028;padding:.2rem;overflow:hidden}.popup-userList .user-list .item .head{display:block;width:.68rem;height:.68rem;float:left;border-radius:100%}.popup-userList .user-list .item .name{line-height:.68rem;font-size:.24rem;color:#fff;float:left;margin:0 0 0 .2rem}.popup-userList .reset-bind{font-size:.24rem;color:#07e4f8;text-align:center;margin:.2rem auto;display:block}.popup-userList .tips{font-size:.24rem;color:#f5f5f5;text-align:center;margin:.2rem 0}.popup-userList .tips .bind{font-size:.24rem;color:#07e4f8}.small-alert{display:none}.small-alert.show{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;-webkit-animation:sAlert .2s;-moz-animation:sAlert .2s;-ms-animation:sAlert .2s;animation:sAlert .2s}@-webkit-keyframes sAlert{to{opacity:1;top:0}0%{opacity:0;top:-5%}}@-moz-keyframes sAlert{to{opacity:1;top:0}0%{opacity:0;top:-5%}}@-ms-keyframes sAlert{to{opacity:1;top:0}0%{opacity:0;top:-5%}}@-o-keyframes sAlert{to{opacity:1;top:0}0%{opacity:0;top:-5%}}@keyframes sAlert{to{opacity:1;top:0}0%{opacity:0;top:-5%}}.small-alert p{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:.3rem;color:#23313d;text-align:center;background:#ffd93b;border:2px solid #23313d;padding:.2rem;opacity:.8}body,html{background:#000;overflow:hidden;width:100%;height:100%}#qrcode{display:none}.main{width:100%;height:100%;overflow:hidden;position:relative;opacity:0}.main.show{opacity:1}#btn_music{position:absolute;right:.2rem;top:.2rem;width:.6rem;height:.6rem;box-sizing:border-box;-webkit-transition:opacity 2s ease;-moz-transition:opacity 2s ease;-ms-transition:opacity 2s ease;transition:opacity 2s ease;opacity:0;pointer-events:none;z-index:98;border:.02rem solid #fff;border-radius:.5rem}#btn_music i{display:block;width:100%;height:100%;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/icon_music_5705f234.png) 50% no-repeat;background-size:100%;-webkit-transition:background .5s ease;-moz-transition:.5s ease background;-ms-transition:.5s ease background;transition:background .5s ease}#btn_music.show{opacity:1;pointer-events:auto}#btn_music.off em{opacity:0}#btn_music.off i{background-image:url(https://www.knivesout.jp/m/h5/20201016103016/img/icon_music_mute_c9efbef3.png)}.load{width:100%;height:100%;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-bg_84d17903.jpg);background-size:100% 100%;position:relative}.load .logo{display:block;width:2rem;height:.7rem;background:url(https://webinput.nie.netease.com/img/knivesout.jp/logo.png);background-size:100% 100%;position:absolute;top:.3rem;left:.2rem;z-index:5}.load .car{width:4.99rem;height:2.92rem;background-size:100% 100%;position:absolute;top:2.4rem;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transform:translate(-50%) scale(.9);-moz-transform:translate(-50%) scale(.9);-ms-transform:translate(-50%) scale(.9);transform:translate(-50%) scale(.9);-webkit-animation:carAni .2s infinite alternate;-moz-animation:carAni .2s infinite alternate;-ms-animation:carAni .2s infinite alternate;animation:carAni .2s infinite alternate}@-webkit-keyframes carAni{to{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-1_d3894e6b.png);background-size:100% 100%}0%{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-2_087aee88.png);background-size:100% 100%}}@-moz-keyframes carAni{to{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-1_d3894e6b.png);background-size:100% 100%}0%{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-2_087aee88.png);background-size:100% 100%}}@-ms-keyframes carAni{to{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-1_d3894e6b.png);background-size:100% 100%}0%{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-2_087aee88.png);background-size:100% 100%}}@-o-keyframes carAni{to{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-1_d3894e6b.png);background-size:100% 100%}0%{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-2_087aee88.png);background-size:100% 100%}}@keyframes carAni{to{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-1_d3894e6b.png);background-size:100% 100%}0%{background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-car-2_087aee88.png);background-size:100% 100%}}.load .title{width:11.83rem;height:2.07rem;position:absolute;top:.25rem;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);display:none}.load .title:after,.load .title:before{display:block;content:"";position:absolute;top:0;left:0}.load .title:after{width:100%;height:100%;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-slogan_6242bd23.png);background-size:100% 100%}.load .title:before{width:100%;height:110%;border-radius:1.1rem;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);top:-5%}.load .top{width:100%;height:1.4rem;background:#353b41;border-bottom:2px solid #2c3137;-webkit-transform:translateY(-2rem);-moz-transform:translateY(-2rem);-ms-transform:translateY(-2rem);transform:translateY(-2rem)}.load .left-door,.load .top{position:absolute;top:0;left:0}.load .left-door{width:4.84rem;height:7.5rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-leftDoor_0505f265.png);background-size:100% 100%;-webkit-transform:translate(-5rem);-moz-transform:translate(-5rem);-ms-transform:translate(-5rem);transform:translate(-5rem)}.load .right-door{width:4.84rem;height:7.5rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/load-rightDoor_18664f0a.png);background-size:100% 100%;position:absolute;top:0;right:0;-webkit-transform:translate(5rem);-moz-transform:translate(5rem);-ms-transform:translate(5rem);transform:translate(5rem)}.load .progress{width:5rem;height:1rem;margin:0 auto;position:absolute;top:6.3rem;top:6rem;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.load .progress .bar-box{height:.07rem;background:#7f7f7f}.load .progress .bar-box .bar{width:0;height:100%;background:#ffbc00}.load .progress .number{height:.3rem;margin:.15rem auto;font-size:.3rem;color:#ffbe00;text-align:center}.load .start-btn{width:4.41rem;height:.95rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/start-btn_0c1c3bd3.png);background-size:100% 100%;position:absolute;top:6.2rem;top:5.3rem;left:50%;display:none;-webkit-transform:translate(-50%) scale(.9);-moz-transform:translate(-50%) scale(.9);-ms-transform:translate(-50%) scale(.9);transform:translate(-50%) scale(.9)}.load.ani .left-door,.load.ani .right-door,.load.ani .top{-webkit-transition:all 1s;-moz-transition:1s all;-ms-transition:1s all;transition:all 1s;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.load.ani .progress{display:none}.load.ani .start-btn,.load.ani .title{display:block;opacity:0;-webkit-animation:showSwitch 1s forwards;-moz-animation:showSwitch 1s forwards;-ms-animation:showSwitch 1s forwards;animation:showSwitch 1s forwards}@-webkit-keyframes showSwitch{0%{opacity:0}to{opacity:1}}@-moz-keyframes showSwitch{0%{opacity:0}to{opacity:1}}@-ms-keyframes showSwitch{0%{opacity:0}to{opacity:1}}@-o-keyframes showSwitch{0%{opacity:0}to{opacity:1}}@keyframes showSwitch{0%{opacity:0}to{opacity:1}}#animation_container{position:absolute;width:100%;left:0;top:0;right:0;bottom:0;opacity:0;pointer-events:none;margin:0 auto}#animation_container #canvas{min-width:100%;min-height:100%;position:absolute;display:block;background-color:#fff}#animation_container #dom_overlay_container{pointer-events:none;overflow:hidden}#animation_container #dom_overlay_container,#animation_container #dom_overlay_container img{width:100%;height:100%;position:absolute;left:0;top:0;display:block}#animation_container #dom_overlay_container.ani img{border:5px solid #fff;-webkit-transform-origin:93% 8%;-moz-transform-origin:93% 8%;-ms-transform-origin:93% 8%;transform-origin:93% 8%;-webkit-transform-origin:93% 8% center;-moz-transform-origin:93% 8% center;-ms-transform-origin:93% 8% center;-o-transform-origin:93% 8% center;transform-origin:93% 8% center;-webkit-animation:cameraAni 1s alternate forwards;-moz-animation:cameraAni 1s alternate forwards;-ms-animation:cameraAni 1s alternate forwards;animation:cameraAni 1s alternate forwards}@-webkit-keyframes cameraAni{0%{-webkit-transform:scale(1) translate(0);-moz-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{-webkit-transform:scale(0) translate(80%) rotate(7deg);-moz-transform:scale(0) translate(80%) rotate(7deg);-ms-transform:scale(0) translate(80%) rotate(7deg);transform:scale(0) translate(80%) rotate(7deg)}}@-moz-keyframes cameraAni{0%{-webkit-transform:scale(1) translate(0);-moz-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{-webkit-transform:scale(0) translate(80%) rotate(7deg);-moz-transform:scale(0) translate(80%) rotate(7deg);-ms-transform:scale(0) translate(80%) rotate(7deg);transform:scale(0) translate(80%) rotate(7deg)}}@-ms-keyframes cameraAni{0%{-webkit-transform:scale(1) translate(0);-moz-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{-webkit-transform:scale(0) translate(80%) rotate(7deg);-moz-transform:scale(0) translate(80%) rotate(7deg);-ms-transform:scale(0) translate(80%) rotate(7deg);transform:scale(0) translate(80%) rotate(7deg)}}@-o-keyframes cameraAni{0%{-webkit-transform:scale(1) translate(0);-moz-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{-webkit-transform:scale(0) translate(80%) rotate(7deg);-moz-transform:scale(0) translate(80%) rotate(7deg);-ms-transform:scale(0) translate(80%) rotate(7deg);transform:scale(0) translate(80%) rotate(7deg)}}@keyframes cameraAni{0%{-webkit-transform:scale(1) translate(0);-moz-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0)}to{-webkit-transform:scale(0) translate(80%) rotate(7deg);-moz-transform:scale(0) translate(80%) rotate(7deg);-ms-transform:scale(0) translate(80%) rotate(7deg);transform:scale(0) translate(80%) rotate(7deg)}}#animation_container.show{opacity:1;pointer-events:auto}.page{display:none}.page.show{display:block}.page-ui{width:100%;height:100%;position:relative;top:0;left:0}.page-ui .camera-number{color:#ffd93b;position:absolute;top:.6rem;right:1.5rem;font-size:.3rem;font-weight:700}.page-ui .camera-btn{width:1.05rem;height:1.1rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/camera-btn_e3640a7c.png);background-size:100% 100%;position:absolute;top:.3rem;right:.25rem}.page-ui .game-control-btn{width:3rem;height:.8rem;line-height:.75rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/gm-btn_eb2ebf85.png);background-size:100% 100%;color:#be640c;font-size:.35rem;font-weight:700;text-align:center;position:absolute;bottom:.3rem;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.photo-role{width:4.07rem;height:3.06rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/photo-role_8e7c398d.png);background-size:100% 100%;position:absolute;top:4rem;left:2.5rem;display:none}.photo-role.show{display:block}.support-role{width:2.16rem;height:3.32rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/support-role_7f7a3ab1.png);background-size:100% 100%;position:absolute;top:3.7rem;left:3.7rem;display:none}.support-role.show{display:block}.page-photo{width:100%;height:100%;position:relative;top:0;left:0}.page-photo .cont{width:13rem;height:100%;margin:0 auto;position:relative}.page-photo .photo-item{width:3.27rem;height:3.6rem;position:absolute;top:.4rem}.page-photo .photo-item .img-box{width:3rem;height:3rem;margin:.2rem 0 0 .2rem;overflow:hidden;position:relative;background:#508e99}.page-photo .photo-item .img-box img{display:block;height:100%;margin:0 auto;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.page-photo .photo-item p{width:100%;height:.3rem;text-align:center;color:#000;position:absolute;left:0;bottom:.25rem;z-index:4;font-size:.24rem}.page-photo .photo-item .fix-img{position:absolute;top:0;left:0;opacity:0;z-index:5}.page-photo .photo-item .fix-img,.page-photo .photo-item .fix-img img,.page-photo .photo-item:after{display:block;width:100%;height:100%}.page-photo .photo-item:after{content:"";background:url(https://www.knivesout.jp/m/h5/20201016103016/img/photo-item_0a0a60f7.png);background-size:100% 100%;position:absolute;top:0;left:0}.page-photo .photo-item-1{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg);left:1.8rem}.page-photo .photo-item-2{-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);left:5rem}.page-photo .photo-item-3{-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg);left:8.2rem}.page-photo .photo-box{width:10.64rem;height:3.06rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/photo-text_fe69e089.png);background-size:100% 100%;position:relative;top:4rem;margin:0 auto}.page-photo .photo-box p{width:6.2rem;height:.9rem;font-size:.24rem;color:#fff;position:absolute;top:.35rem;left:4.2rem;line-height:.4rem;font-weight:700}.page-photo .reset-btn{width:1.06rem;height:1.12rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/photo-reset-btn_58daeefe.png);background-size:100% 100%;position:absolute;top:.3rem;right:.25rem}.page-photo .get-btn{width:4rem;height:1.05rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/photo-get-btn_e224bef0.png);background-size:100% 100%;position:absolute;top:5.8rem;right:1.2rem}.page-support{width:100%;height:100%;position:relative;top:0;left:0}.page-support .cont{width:13rem;height:100%;margin:0 auto;position:relative}.page-support .support-icon{width:6.2rem;height:2.2rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/support-icon_ba4cabf3.png);background-size:100% 100%;position:absolute;top:2.7rem;left:4rem}.page-support .open-btn{width:4.91rem;height:1.46rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/support-open-btn_9a5743c3.png);background-size:100% 100%;position:absolute;bottom:.3rem;right:-.3rem}.end-supprot-btn{width:5.27rem;height:2.01rem;background:url(https://www.knivesout.jp/m/h5/20201016103016/img/end-support-btn_67be22e7.png);background-size:100% 100%;position:absolute;top:30%;left:50%;margin:-1.005rem 0 0 -2.635rem;display:none}.end-supprot-btn.ani{-webkit-animation:supprotBtn .2s infinite alternate;-moz-animation:supprotBtn .2s infinite alternate;-ms-animation:supprotBtn .2s infinite alternate;animation:supprotBtn .2s infinite alternate}@-webkit-keyframes supprotBtn{to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes supprotBtn{to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-ms-keyframes supprotBtn{to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes supprotBtn{to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes supprotBtn{to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}