*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#080b13;height:auto;font-family:Arial,Microsoft JhengHei,sans-serif;font-size:.24rem}a{cursor:pointer;color:inherit;text-decoration:none}input{color:#6b738c;background:0 0;border:0;border-radius:0;outline:none;font-family:inherit}#app{width:7.5rem;margin:0 auto;position:relative}.main>div{width:7.5rem;position:relative}.lozad:not(.loaded){background-image:none!important}.role-container,.role-container .swiper-wrapper,.role-container .swiper-slide{width:100%;height:100%}.role-description{font-family:Adobe Heiti Std,Arial,Microsoft JhengHei,sans-serif;background-position:0 0!important;background-size:.4rem .42rem!important}.role-next,.role-prev{z-index:3}.store{width:6.02rem;height:1.2rem;position:absolute;top:11.23rem;left:.6rem}.store a,.bottom-store a{width:100%;height:100%;position:absolute;top:0;left:0}.btn-ios,.btn-bottom-ios{display:none}.intro-container{clip-path:polygon(.527% 1.132%,99.552% .952%,99.552% 85.834%,93.197% 98.825%,.429% 99.244%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.intro-container .store-img{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.intro-pagination{justify-content:space-between;align-items:center;width:2.79rem;height:.44rem;display:flex;position:absolute;top:4.5rem;left:2.14rem}.float-bottom{z-index:5;pointer-events:none;width:7.5rem;height:4.27rem;position:absolute;top:37.97rem;left:0}.float-bottom a{pointer-events:auto}.float-bottom.fix{position:fixed;top:auto;bottom:0;left:50%;transform:translate(-50%)}.footer{background-color:#383838;width:100%;position:relative}.pop-message-success{color:#fff;text-align:center;background:#20273b;width:6.2rem;padding:.7rem .4rem;font-size:.28rem;display:none;position:relative}.message-close{font-size:.45rem;position:absolute;top:.05rem;right:.2rem}.bottom-store{width:3.25rem;height:1.09rem;position:absolute;top:2.63rem}.footer .footer-pc{display:none}.footer .footer-mb{float:none;display:block}.footer .foot-service-rule{text-align:center;width:7rem;max-width:100%}.footer .foot-nav{margin:.11rem auto;font-size:.12rem}.role-thumbs .swiper-slide{width:1.79rem}.role-thumbs a{background-position:50%;background-repeat:no-repeat;background-size:cover;width:1.42rem;height:1.27rem;position:absolute;top:.29rem;left:.185rem}.role-thumbs .avatar-current{opacity:0;width:2.12rem;height:1.79rem;transition:opacity 1s;top:0;left:-.165rem}.role-thumbs .avatar-prev{opacity:0;width:1.41rem;left:.19rem}.role-thumbs .swiper-slide-prev .avatar-prev,.role-thumbs .swiper-slide-active .avatar-current{opacity:1}.role-thumbs .swiper-slide-prev .avatar-next,.role-thumbs .swiper-slide-active .avatar-next{opacity:0}.role-thumbs .swiper-slide-active .avatar-current{z-index:1}.page-tit2,.page-tit3{opacity:0}.moveanime{animation:1s both title-in}@keyframes title-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.button-shine{pointer-events:none;position:absolute;overflow:hidden}.button-shine:after{content:"";background:linear-gradient(120deg,#0000 25%,#ffffffb3 50%,#0000 75%);animation:2s linear infinite shine;position:absolute;inset:0}@keyframes shine{0%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes magnify{0%{transform:scale(1)}to{transform:scale(.96)}}.role-thumbs a{pointer-events:none}.role-thumbs .swiper-slide-prev .avatar-prev,.role-thumbs .swiper-slide-active .avatar-current,.role-thumbs .swiper-slide-next .avatar-next{pointer-events:auto}.role-container .role-pic,.role-container .role-txt,.role-container .role-description{opacity:0}.role-container .swiper-slide-active .role-pic,.role-container .swiper-slide-active .role-txt,.role-container .swiper-slide-active .role-description{opacity:1}.bottom-store .btn-bottom-ios{height:1.1rem;top:-.01rem}.store a .button-shine,.bottom-store a .button-shine{clip-path:none;width:100%;height:100%;inset:0}.bottom-store a{animation:.6s linear infinite alternate magnify}