*{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:PingFang SC,-apple-system,Hiragino Sans GB,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none}[v-cloak]{display:none}img{pointer-events:none;display:block}img:not([src]),img[src=""]{opacity:0}img[lazy=loading]{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}img[lazy=loaded]{opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input::-webkit-input-placeholder{color:#8c9196}input:-moz-placeholder,input::-moz-placeholder{color:#8c9196}input:-ms-input-placeholder{color:#8c9196}#app{max-width:480px;margin:0 auto;background:#ac5fd2 url(https://cdn.max-c.com/heybox/app/game_buy_share/bg.jpg) no-repeat;background-size:cover;padding:0 30px 30px;overflow:hidden;min-height:calc(100vh - 50px)}#app .texture{position:fixed;width:100%;bottom:0;left:0;z-index:99}#app .texture img{width:100%}#app .logo{width:64px;margin:1.625rem auto 0}#app .logo img{width:100%}#app .title{width:100%;margin:0 0 2rem;height:0;padding-top:23.72%;overflow:hidden;position:relative;z-index:100}#app .title img{position:absolute;top:0;left:0;height:100%;width:100%}#app .game-wrapper{width:100%;padding-top:70%;position:relative;border-radius:6px;overflow:hidden;margin:0 auto 2.5rem;z-index:100;background-color:#fff}#app .game-wrapper .wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background:url(https://cdn.max-c.com/heybox/app/game_buy_share/share_texture.png) no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .game-wrapper .wrapper .avatar{width:19%;height:0;padding-top:19%;position:relative;margin:0 auto 1rem;border-radius:50%;overflow:hidden;margin:0 auto .875rem}#app .game-wrapper .wrapper .avatar img{width:100%;height:100%;position:absolute;top:0;left:0}#app .game-wrapper .wrapper .invitation{margin:.625rem 0;background-color:#fff;padding:.625rem 1.75rem;-webkit-box-shadow:0 0 2px 2px rgba(219,184,254,.16);box-shadow:0 0 2px 2px rgba(219,184,254,.16);display:inline-block;line-height:1;margin:.375rem 0;padding:.5rem 1.5rem}#app .game-wrapper .wrapper .invitation h3{margin:0;line-height:1;font-size:1rem}#app .game-wrapper .wrapper h2{text-align:center;color:#14191e;font-size:1rem;font-weight:500;margin:0 0 1rem;line-height:1}#app .game-wrapper .wrapper h2 span{margin-right:5px}#app .game-wrapper .wrapper p{font-size:.75rem;color:#5d6164;text-align:center}#app .desc{width:100%;position:relative;z-index:100}#app .desc p{color:#fff;line-height:17px;font-size:.75rem;text-align:left;font-weight:200}@media screen and (max-width:374px){.game-wrapper .wrapper h2{font-size:.875rem;margin-bottom:.5rem}.game-wrapper .wrapper .avatar{margin:0 auto .875rem}.game-wrapper .wrapper .invitation{margin:.375rem 0;padding:.5rem 1.5rem}.game-wrapper .wrapper .invitation h3{font-size:1rem}}.hb-share-header{top:auto;bottom:0;background:#2b2440;border:none}.hb-loading{left:0;top:0;right:0;bottom:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.hb-loading .loading-circle{width:44px;height:44px;border:2px solid #dce1e6;border-top-color:#64696e;border-radius:100%;position:absolute}.hb-loading .spin-round{-webkit-animation:spin-round .9s linear infinite;animation:spin-round .9s linear infinite}@-webkit-keyframes spin-round{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-round{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hb-loading .hb-loading-spinner{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hb-loading .hb-loading-spinner .circular{width:56px;height:56px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.hb-loading .hb-loading-spinner .circular .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}@-webkit-keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.hb-loading .hb-loading-spinner .hb-loading-popover-enter-active,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-active{-webkit-transition:all .16s ease-in-out;transition:all .16s ease-in-out;opacity:1}.hb-loading .hb-loading-spinner .hb-loading-popover-enter,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-to{opacity:0}.hb-loading.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0}.hb-loading-parent--hidden{overflow:hidden!important}.hb-loading-parent--relative{position:relative!important}body.share{padding-top:50px!important;-webkit-box-sizing:border-box;box-sizing:border-box}body.open-app{padding-bottom:106px}.hb-share-header .hb-share-header-inner{max-width:640px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:4000;height:50px;background:#fff;padding:8px 20px}.hb-share-header .hb-share-header-inner:after{content:"";width:200%;height:1px;position:absolute;bottom:0;background:#f3f4f5;-webkit-transform-origin:-40px bottom;-ms-transform-origin:-40px bottom;transform-origin:-40px bottom;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.hb-share-header .hb-share-header-inner .app-logo{width:34px}.hb-share-header .hb-share-header-inner .app-logo img{display:block;width:34px;height:34px;border-radius:4px}.hb-share-header .hb-share-header-inner>.col-2{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:0 12px;line-height:1;font-weight:400}.hb-share-header .hb-share-header-inner .app-name{font-size:14px;margin-bottom:4px;color:#14191e}.hb-share-header .hb-share-header-inner .app-desc{font-size:11px;line-height:16px;color:#8c9196}.hb-share-header .hb-share-header-inner .download-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:72px;height:30px;background:#14191e;color:#fff;font-size:12px;font-weight:500;border-radius:2px;padding:5px}@media screen and (max-width:980px){.hb-share-header .hb-qrc{display:none}}.hb-share-header .hb-qrc{width:150px;position:fixed;z-index:100;top:148px;left:50%;-webkit-transform:translateX(320px);-ms-transform:translateX(320px);transform:translateX(320px);font-size:12px;line-height:1;font-weight:500;padding:12px;background-color:#fff}.hb-share-header .hb-qrc img{display:block;width:126px;height:126px;margin:auto auto 8px}.hb-share-header .hb-qrc .main-txt{font-size:14px;font-weight:500;color:#8c9196;text-align:center;line-height:1;margin-bottom:8px}.hb-share-header .hb-qrc .sub-txt{color:#c8cdd2;font-size:12px;text-align:center}@media only screen and (max-width:640px){.hb-share-header .hb-share-header{padding:8px 10px}.hb-share-header .hb-share-header:after{-webkit-transform-origin:-20px bottom;-ms-transform-origin:-20px bottom;transform-origin:-20px bottom}}.hb-share-header .open-in-app{position:fixed;z-index:2018;left:0;right:0;bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;height:34px;background:#14191e;border-radius:17px;-webkit-box-shadow:0 10px 16px 0 rgba(20,25,30,.14);box-shadow:0 10px 16px 0 rgba(20,25,30,.14);color:#fff;font-size:12px;line-height:1;margin:auto}