@keyframes popAni{0%{opacity:0;top:0;transform:scale(0)}27%{opacity:1;top:-7px;transform:scale(1)}73%{opacity:1;top:-20px;transform:scale(1)}to{opacity:0;top:-20px;transform:scale(1)}}.container{left:0;position:absolute;top:0}.container .fairy-item{height:160px;position:absolute;width:160px}.container .fairy-item.undisplay{display:none}.container .fairy{-webkit-tap-highlight-color:rgba(0,0,0,0);height:160px;overflow:initial!important;overflow:hidden;position:absolute;transition:opacity .5s ease-out;width:160px}.container .fairy svg{pointer-events:none}.container .fairy.hidden{opacity:0;pointer-events:none}.container .num{-webkit-text-stroke:2px #1c1c1e;font-family:Impact;font-size:48px;font-style:normal;font-weight:400;left:38%;line-height:60px;opacity:0;position:absolute;top:0;transform:scale(0);z-index:9}.container .num.ani{animation:popAni 1.1s ease-out 0s normal;transition:transform 1.1s 0,0,.58,1}.container .num img{width:46px}.container .fairy-add{height:90px;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:90px}.card{height:640px;padding-top:.1px;position:relative;width:500px}.card .card-title{background:#eeb27f;border-radius:0 0 16px 16px;color:#000a0b;font-family:Roboto;font-size:48px;font-weight:900;left:50%;line-height:1.5;padding:8px 24px 0;position:absolute;text-align:center;top:4px;transform:translateX(-50%);white-space:nowrap}.card .card-icon{align-items:center;border-radius:50%;display:flex;height:280px;justify-content:center;margin:160px auto 0;width:280px}.card .card-icon .card-img{background-size:100% 100%;height:280px;width:280px}.card .card-bg{top:0}.card-footer,.card .card-bg{left:0;position:absolute;width:100%}.card-footer{align-items:center;background:rgba(0,0,0,.7);bottom:0;box-sizing:border-box;display:flex;flex-direction:row;height:90px;justify-content:center;padding:0 20px}.card-footer .icon-sponsor-huobi{display:block;height:60px;margin-bottom:4px;width:196px}.card-footer .icon-sponsor-and{display:block;height:20px;margin:0 20px;width:20px}.card-footer .icon-sponsor-item{align-items:center;display:flex;flex-direction:row}.card-footer .icon-sponsor-item span{color:#fff;display:inline-block;font-family:robotoregular;font-size:44px;font-weight:900}.card-footer .icon-sponsor-icon{display:inline-block;height:54px;margin-right:10px;vertical-align:middle;width:54px}.overturn{align-items:center;background-color:#d33520;border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:90px;display:flex;height:80px;justify-content:center;position:absolute;right:0;width:80px}.overturn img{background-size:100% 100%}.overturn img.turn{height:30px;width:50px}.overturn img.done{height:40px;width:40px}.overturn.default{background-color:#d33520}.card.standard{height:512px;width:400px}.card.standard .card-title{font-size:44px;padding-top:12px;top:0}.card.standard .card-icon{height:208px;margin:152px auto 0;width:208px}.card.standard .card-icon .card-img{height:208px;width:208px}.card.standard .card-footer{height:72px;padding:0 20px}.card.standard .card-footer .icon-sponsor-huobi{height:44px;width:144px}.card.standard .card-footer .icon-sponsor-and{height:20px;margin:0 16px;width:20px}.card.standard .card-footer .icon-sponsor-item span{font-size:36px}.card.standard .card-footer .icon-sponsor-icon{height:42px;margin-right:6px;width:42px}.card.standard .overturn{bottom:72px;height:64px;width:64px}.card.standard .overturn img.turn{height:25px;width:40px}.card.standard .overturn img.done{height:32px;width:32px}.card.medium{height:410px;width:320px}.card.medium .card-title{font-size:32px;padding:4px 8px 0}.card.medium .card-icon{margin:120px auto 0}.card.medium .card-icon,.card.medium .card-icon .card-img{height:166px;width:166px}.card.medium .card-footer{height:59px;padding:0 10px}.card.medium .card-footer .icon-sponsor-huobi{height:36px;width:118px}.card.medium .card-footer .icon-sponsor-and{height:15px;margin:0 8px;width:15px}.card.medium .card-footer .icon-sponsor-item span{font-size:30px}.card.medium .card-footer .icon-sponsor-icon{height:32px;margin-right:6px;width:32px}.card.medium .overturn{bottom:58px;height:50px;width:50px}.card.medium .overturn img.turn{height:20px;width:32px}.card.medium .overturn img.done{height:25px;width:25px}.card.small{height:256px;width:200px}.card.small .card-title{border-radius:0 0 8px 8px;font-size:20px;padding:4px 8px 0;top:2px}.card.small .card-icon{margin:76px auto 0}.card.small .card-icon,.card.small .card-icon .card-img{height:104px;width:104px}.card.small .card-footer{height:36px;padding:0 10px}.card.small .card-footer .icon-sponsor-huobi{height:22px;width:72px}.card.small .card-footer .icon-sponsor-and{height:9px;margin:0 8px;width:9px}.card.small .card-footer .icon-sponsor-item span{font-size:16px}.card.small .card-footer .icon-sponsor-icon{height:20px;margin-right:4px;width:20px}.card.small .overturn{bottom:36px;height:32px;width:32px}.card.small .overturn img.turn{height:13px;width:20px}.card.small .overturn img.done{height:16px;width:16px}.card.mini{height:200px;width:156px}.card.mini .card-title{border-radius:0 0 4px 4px;font-size:16px;padding:0 4px;top:2px}.card.mini .card-icon{margin:60px auto 0}.card.mini .card-icon,.card.mini .card-icon .card-img{height:80px;width:80px}.card.mini .card-footer{height:28px;padding:0 5px}.card.mini .card-footer .icon-sponsor-huobi{height:18px;width:59px}.card.mini .card-footer .icon-sponsor-and{height:6px;margin:0 5px;width:6px}.card.mini .card-footer .icon-sponsor-item span{font-size:12px;transform:scale(.8)}.card.mini .card-footer .icon-sponsor-icon{height:16px;margin-right:3px;width:16px}.card.mini .overturn{bottom:28px;height:24px;width:24px}.card.mini .overturn img.turn{height:9px;width:15px}.card.mini .overturn img.done{height:12px;width:12px}.mask{align-items:center;display:flex;justify-content:center;position:fixed}.mask,.mask .mask-shape{height:100%;left:0;perspective:1200px;top:0;width:100%;will-change:transform}.mask .mask-shape{background-color:rgba(0,0,0,.7);opacity:0;position:absolute}.mask .card-container{align-items:center;display:flex;height:778px;justify-content:center;opacity:0;position:relative;width:600px;will-change:transform}.mask .card-container .maskCenter{background-color:#fff;border-radius:8px;height:100%;position:absolute;width:100%}.mask .card-container .maskCenter .maskHeader{align-items:center;display:flex;height:104px;justify-content:center}.mask .card-container .maskCenter .maskHeader .maskHeaderInner{align-items:center;display:flex;height:54.9px}.mask .card-container .maskCenter .maskHeader .maskHeaderInner .huobi{background-size:100% 100%;height:36px;margin-right:16px;width:120px}.mask .card-container .maskCenter .maskHeader .maskHeaderInner .huobi-x{background-size:100% 100%;height:16px;width:16px}.mask .card-container .maskCenter .maskHeader .maskHeaderInner .award-item{height:36px;margin-left:10.17px;width:36px}.mask .card-container .maskCenter .maskHeader .maskHeaderInner .award-text{color:#363536;display:inline-block;font-family:roboto medium;font-size:32px;font-style:normal;font-weight:500;line-height:38px;margin-left:6.66px}.mask .card-container .maskCenter .maskInfo{height:366px}.mask .card-container .maskCenter .maskInfo .maskInfoUser{align-items:center;display:flex;margin-left:32px;margin-top:16px}.mask .card-container .maskCenter .maskInfo .maskInfoUser .maskInfoUserIcon{height:36px;width:36px}.mask .card-container .maskCenter .maskInfo .maskInfoUser .maskInfoUserName{color:#1c1c1e;font-family:Roboto;font-size:28px;font-style:normal;font-weight:500;line-height:16px;margin-left:8px;text-transform:uppercase}.mask .card-container .maskCenter .maskInfo .maskInfoNum{height:52px;margin-left:32px;margin-top:8px}.mask .card-container .maskCenter .maskInfo .maskInfoNum .maskInfoNumBig{color:#1c1c1e;font-family:Roboto;font-size:40px;font-style:normal;font-weight:500;text-transform:uppercase}.mask .card-container .maskCenter .maskInfo .maskInfoNum .maskInfoNumSmall{color:#12b298;font-family:Roboto;font-size:24px;font-style:normal;font-weight:500;margin-left:8px;text-transform:uppercase}.mask .card-container .maskCenter .maskInfo .maskInfoTxt{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#1c1c1e;display:-webkit-box;font-family:robotoregular;font-size:24px;font-style:normal;font-weight:400;height:96px;line-height:32px;margin-top:48px;overflow:hidden;padding:0 32px;text-overflow:ellipsis}.mask .card-container .maskCenter .maskStatic,.mask .card-container .maskCenter .maskStatic .chart{height:137px}.mask .card-container .maskCenter .maskFooter{bottom:0;box-sizing:border-box;height:160px;padding:32px;position:absolute}.mask .card-container .maskCenter .maskFooter .maskFooterButton{align-items:center;background:#0173e5;border-radius:8px;display:flex;height:80px;justify-content:center;text-align:center;text-transform:capitalize;width:536px}.mask .card-container .maskCenter .maskFooter .maskFooterButton .maskFooterButtonTxt{align-items:center;color:#fff;display:flex;font-family:Roboto;font-size:28px;font-style:normal;font-weight:500;line-height:32px;text-align:center;text-transform:capitalize}.mask .card-container.show{opacity:1;transition:all .2s}.mask .mask-shape.show{opacity:1;transition:all .25s}@keyframes cardCloseAction{0%{opacity:1}to{opacity:0}}.mask .card-close-action{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cardCloseAction;animation-timing-function:cubic-bezier(.3,.01,.14,1)}@keyframes maskCloseAnimation{0%{opacity:1}to{opacity:0}}.mask .mask-close-action{animation-duration:.25s;animation-fill-mode:forwards;animation-name:maskCloseAnimation}.mask .maskClose{border:3px solid #fff;border-radius:50%;display:block;height:60px;position:absolute;right:-30px;top:-120px;width:60px;z-index:20}.mask .maskClose:after,.mask .maskClose:before{background-color:#fff;border-radius:1px;content:"";height:30px;left:50%;position:absolute;top:50%;width:3px}.mask .maskClose:before{transform:translate(-50%,-50%) rotate(45deg)}.mask .maskClose:after{transform:translate(-50%,-50%) rotate(-45deg)}.mask .skeleton{margin-bottom:0;padding:32px}.mask #flipcard{overflow:visible!important;overflow:initial!important;position:absolute;width:100vw}.mask #flipcard svg{pointer-events:none}.mask.webMask .card-container{height:384px;width:480px}.mask.webMask .card-container .maskCenter .maskFooter{bottom:16px;height:40px;padding:0 32px;width:100%}.mask.webMask .card-container .maskCenter .maskFooter .maskFooterButton{border-radius:8px;height:40px;line-height:40px;width:100%}.mask.webMask .card-container .maskCenter .maskFooter .maskFooterButton .maskFooterButtonTxt{font-size:14px}.mask.webMask .card-container .maskCenter .maskHeader{height:72px}.mask.webMask .card-container .maskCenter .maskHeader .maskHeaderInner{height:27px}.mask.webMask .card-container .maskCenter .maskHeader .maskHeaderInner .huobi{height:18px;width:60px}.mask.webMask .card-container .maskCenter .maskHeader .maskHeaderInner .award-item{height:18px;margin-left:10.17px;width:18px}.mask.webMask .card-container .maskCenter .maskHeader .maskHeaderInner .huobi-x{background-size:100% 100%;height:8px;width:8px}.mask.webMask .card-container .maskCenter .maskHeader .maskHeaderInner .award-text{font-size:16px}.mask.webMask .card-container .maskCenter .maskInfo .maskInfoUser{align-items:center;display:flex;margin-left:16px;margin-top:0}.mask.webMask .card-container .maskCenter .maskInfo .maskInfoUser .maskInfoUserIcon{height:18px;width:18px}.mask.webMask .card-container .maskCenter .maskInfo .maskInfoUser .maskInfoUserName{font-size:14px;margin-left:4px}.mask.webMask .card-container .maskCenter .maskInfo{height:183px}.mask.webMask .card-container .maskCenter .maskInfo .maskInfoTxt{font-size:14px;height:48px;line-height:16px;margin-top:4px}.mask.webMask .card-container .maskCenter .maskStatic,.mask.webMask .card-container .maskCenter .maskStatic .chart{height:68px}.mask.webMask .maskClose{border:none;cursor:pointer;height:20px;right:16px;top:16px;width:20px}.mask.webMask .maskClose:after,.mask.webMask .maskClose:before{background-color:#1c1c1e;height:20px;width:2px}.mask.webMask .card-container .maskCenter .maskInfo .maskInfoNum .maskInfoNumBig{color:#1c1c1e;font-family:Roboto;font-size:20px;font-style:normal;font-weight:700;text-transform:uppercase}.mask.webMask #flipcard{width:1200px!important}h3{margin:0}.vue-skeleton{display:flex;flex-direction:row}.vue-skeleton .vue-skeleton-header{padding-right:30px}.vue-skeleton .vue-skeleton-header .vue-skeleton-avatar{background:#f2f2f2;border-radius:50%;display:inline-block;height:80px;line-height:80px;width:80px}.vue-skeleton .vue-skeleton-content{flex:1}.vue-skeleton .vue-skeleton-content .vue-skeleton-title{background:#f2f2f2;height:32px;margin-bottom:24px;width:50%}.vue-skeleton .vue-skeleton-content .vue-skeleton-item{background:#f2f2f2;height:32px;list-style:none;margin-top:24px}.vue-skeleton .vue-skeleton-content .vue-skeleton-item:first-child{margin:0}.vue-skeleton .vue-skeleton-content .vue-skeleton-item:last-child{width:61%}.vue-skeleton.vue-skeleton-active .vue-skeleton-avatar,.vue-skeleton.vue-skeleton-active .vue-skeleton-item,.vue-skeleton.vue-skeleton-active .vue-skeleton-title{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%}.mask.webMask .vue-skeleton .vue-skeleton-content .vue-skeleton-title{height:16px;margin-bottom:12px}.mask.webMask .vue-skeleton .vue-skeleton-content .vue-skeleton-item{height:16px;margin-top:12px}@keyframes skeleton-loading{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.vue-primebox-nav{display:flex;justify-content:flex-end;position:fixed;right:8px;top:60%;transform-origin:right;z-index:10}.vue-primebox-nav img{display:block;height:122px;width:138px}