.cleafix{position:fixed;z-index:10;right:1.51rem;bottom:.46rem}.cleafix>div{width:.9rem;height:.9rem;cursor:pointer;position:relative}.cleafix>div i{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background:url(/assets/ic_a1_roll.cb8c62d9.svg);background-size:100% 100%}.cleafix>div:before{content:"";width:100%;height:100%;border-radius:100%;position:absolute;left:0;top:0;background-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(.05rem);backdrop-filter:blur(.05rem);z-index:-1}.cleafix>div.up{background:url(/assets/ic_a1_up.6f4209e6.svg) no-repeat center center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translateZ(1);transform:translateZ(1)}.cleafix>div.up i{-webkit-animation:Rotate 3.5s linear infinite;animation:Rotate 3.5s linear infinite}.cleafix>div.up.active{opacity:1;pointer-events:auto}.cleafix>div.customer{margin-top:.2rem;background:url(/assets/ic_a1_kefu.cba42878.svg) no-repeat center center;background-size:100% 100%}.cleafix>div.customer i{-webkit-animation:Rotate2 3.5s linear infinite;animation:Rotate2 3.5s linear infinite}@-webkit-keyframes Rotate{0%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0)}}@keyframes Rotate{0%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0)}}@-webkit-keyframes Rotate2{0%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(-360deg) translateZ(0);transform:rotate(-360deg) translateZ(0)}}@keyframes Rotate2{0%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(-360deg) translateZ(0);transform:rotate(-360deg) translateZ(0)}}.cleafix>div:hover i{-webkit-animation-play-state:paused;animation-play-state:paused}.cleafix>div:hover .qrcode{opacity:1;pointer-events:auto}.cleafix>div .qrcode{width:116PX;min-height:136PX;background:#FFFFFF;border-radius:5PX;padding:8PX 0 0;position:absolute;right:calc(100% + 16PX);bottom:0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;pointer-events:none}.cleafix>div .qrcode img{width:100PX;height:100PX;display:block;margin:0 auto}.cleafix>div .qrcode p{font-size:14PX;font-weight:400;color:#161d23;text-align:center;margin-top:6PX}html.portrait .cleafix{position:fixed;z-index:10;right:.2rem;bottom:.34rem}html.portrait .cleafix>div{width:.45rem;height:.45rem}html.portrait .cleafix>div:hover i{-webkit-animation-play-state:running;animation-play-state:running}#link{position:absolute;left:0;bottom:0;width:100%;height:.8rem;background:rgba(0,0,0,.8);padding-left:3.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#link span,#link a{font-size:.16rem;font-weight:400;color:#646566;-webkit-transition:color .3s;transition:color .3s}#link a:hover{color:rgba(255,255,255,.8)}html.portrait #link{background:black;padding-left:.2rem;height:.33rem;border-top:.01rem solid rgba(255,255,255,.2)}html.portrait #link span,html.portrait #link a{font-size:.12rem;font-weight:400;color:#646566;-webkit-transition:color .3s;transition:color .3s}html.portrait #link a:hover{color:rgba(255,255,255,.8)}html.portrait #link .none{display:none}