.shop-page{width:100%;height:100vh;background:radial-gradient(242.5% 50% at 50% 49.7%,#263046 0,#182030 100%);background-size:100% 100%;position:relative;overflow-x:hidden}.shop-page-header{position:relative;width:100%;height:1.2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 .42667rem;box-sizing:border-box}.shop-page-header-label{color:#fff;font-size:.42667rem;font-weight:500;font-family:PingFang SC;text-align:center}.shop-page-header-avatar{width:.8rem;height:.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.shop-page-header-avatar img{width:100%;height:100%}.shop-page-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.shop-page-content-unenable{width:6.21333rem;height:7.12rem;background:url(../../static/img/code_bg.fc1555b8.png) no-repeat 0 0;background-size:100% 100%;position:relative;padding:.77333rem 1.30667rem 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.shop-page-content-unenable-button{width:3.78667rem;bottom:-1.73333rem}.shop-page-content-unenable-button,.shop-page-content-unenable-button2{height:1.04rem;border-radius:.82667rem;background:#5c62ef;color:#fff;font-size:.42667rem;font-weight:500;font-family:PingFang SC;text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.shop-page-content-unenable-button2{width:3.84rem;bottom:-3.33333rem}.shop-page-content-unenable-code{width:3.6rem;height:3.41333rem;margin-bottom:1.73333rem}.shop-page-content-unenable-code img{width:100%;height:100%}.shop-page-content-unenable-label{white-space:nowrap;color:#070606;font-size:.37333rem;font-weight:500;font-family:PingFang SC;text-align:center}.shop-page-content-enable{width:5.6rem;height:5.6rem;position:relative;box-sizing:border-box}.shop-page-content-enable-frame{position:absolute;top:0;left:0;width:5.6rem;height:5.6rem;z-index:10}.shop-page-content-enable-frame-line{width:100%;height:1.22667rem;background:url(../../static/img/code_frame_line.162533c6.png) no-repeat 0 0;background-size:100% 100%;position:absolute;top:0;left:0;animation:toDown 2s linear infinite;transition:all .1s}@keyframes toDown{0%{top:0}to{top:4.37333rem}}.shop-page-content-enable-frame img{width:100%;height:100%}.shop-page-content-enable-tipsBox{top:-1.44rem;width:150%;box-sizing:border-box;height:1.17333rem;display:flex;align-items:flex-start;justify-content:center;color:#4bc78b;font-size:.48rem;white-space:nowrap}.shop-page-content-enable-tipsBox,.shop-page-foot{position:absolute;left:50%;transform:translateX(-50%);font-weight:500;font-family:PingFang SC;text-align:center}.shop-page-foot{bottom:.61333rem;color:#fff;font-size:.4rem;line-height:.48rem}.shop-page #video{object-fit:cover}.shop-page #canvas,.shop-page #video{width:5.6rem;height:5.6rem}