.view-header{width:100%}.view-header .header-img-wrapper{position:relative;width:100%;padding-bottom:59.5%}.view-header .header-img-wrapper.is-share{padding-bottom:36.266667%}.view-header .header-img-wrapper .header-img{position:absolute;top:0;left:0;width:100%}.view-header .header-block{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:57px;margin-top:-5px;z-index:2}.view-header .header-block .avatar-wrapper{-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:52px;height:52px;margin-top:-48px;border:1px solid #fff;border-radius:50%}.view-header .header-block .avatar-wrapper .avatar{width:100%;height:100%;border-radius:50%}.view-header .header-block .user-desc-line{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:4px;font-size:12px;font-weight:600;color:#fff;line-height:17px}.view-header .header-block .user-desc-line .user-desc{margin-left:4px;color:#db0004}.view-header .header-block .user-desc-line .toggle-template{position:absolute;right:11px;top:calc(50% - 15px);padding:0 12px;height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:3px;background:hsla(0,0%,100%,.2);font-size:12px;font-weight:500;color:#fff;line-height:24px}.view-footer{position:fixed;bottom:0;left:0;width:100%;padding:9px 12px 35px;background:#1d1010;z-index:20}.view-footer,.view-footer .small-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-footer .small-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:44px}.view-footer .small-btn .reset-svg{width:20px;height:20px}.view-footer .small-btn .reset-svg path{fill:#fff}.view-footer .small-btn .btn-text{margin-top:2px;font-size:10px;line-height:14px;opacity:.4}.view-footer .share-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:44px;border-radius:5px}.view-footer .share-btn .share-svg path{fill:#fff}.view-footer .share-btn .btn-text{margin-left:6px;color:#fff}.com-player{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:70px;border-radius:8px;padding-left:12px;padding-right:97px}.com-player+.com-player{margin-top:16px}.com-player .row-1,.com-player .row-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.com-player .row-2{margin-top:3px}.com-player .row-2 .hero-icon{width:17px;height:17px;margin-right:5px;position:relative}.com-player .row-2 .hero-icon:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.com-player .row-2 .hero-icon.hero-rank-1:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJqSURBVHgB7Zq7bhNBFIb/cbYgTZQWaLYgyKKJwwPAukNCSH4DixokUlPxEPQJvAAJKKKKbMqQIhZFSOdtQAIJHJkiihRxOGf2klnLBOw4ydnVfNLs7M5Y1n6ey473jMEYiCjirM1J8hB66KVp0xizMVpp3AuWCDlbQyKhnZhTk6XirCCXYZEGZx1OiygPh0iEenmJtAinAZ0i5y/S7qYG+cE5rVORQdqj8g/1ncp+oVIh6Y/v3nMnq2iNmIYoAWN6U4SRZltDiUiHwum982HPKWigREhruMPDyDGr5FnBoGS4919DhfAyWvEyWvEyWvEyWvEyWvEyWvEyWvEyWvEyKhkeVEgmfl0RmaMvwM+PFZH59NwKlfpVE70JF3H93kBaRSidjBUIrjUQ4D7IrHJJHrUIoBR6V494ELQ56BJhXMCL8kOOOhl6Xw/5HqcKeKmSoa07DdjwBE0V8FIzZpIWMXvTigh6WoZQbJFgAZi/ASzUk+ujr8hmrb+hQobe3m7BHeS3ngBLT4sfEpGds2V0PDSDWqtwPX8T06CjmxEtwx2u37e5JXaBkyFw9+V/f40OGWOKEbtv20k+YQtV7v9MnF1oi/tPhumJzAenJEJZIbIy607Rs8veB0BbS7OJcM/VNmr80O/yaTctkodW51KFzNwqzk9sHuxvZhPAYySbaoSQU182CVz0vgC7hAEv5c+FOcQxmvYs/+Kr2NW00/7nEuVsWIRM0zzct7ua8qk53ea0Amd2uzBOfs1AhIfGMa1kIsLYVbJsDuJM0jKn2XQ1ERh+Bn7s2jcp9uk+OTEvSLv4jVfm0UF3tPIPUkBv4itL6pYAAAAASUVORK5CYII=) no-repeat 50%/cover}.com-player .row-2 .hero-icon.hero-rank-2:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgB7Zqxb9NAFMa/cztkAXWmEvICiliaLIw0ESxsYWSq2EEqG0IMERISf0CZQ1gY004soJipCIZ4KmGKF6RuQXTJUHy8h+/iq4kjaBR4jvyTLs75HOs+f3f3Lr5TmIHWukGHHUp89CGH0KQDpdR+tlC5GRLh06GDRIR0IkpNEhXZE1MxJKRGhz6lDRSHb0gEhdMz7AilsU7h723T3MTAD5zSS32WsWlR04tGTuHoTKFAzMN369y3Ba2MUh8FYEZraiBjWwcFwnSFtO70MXBO1FAg2A23eyj+tIU0KigUDLf+HlaIUoxUSjFSKcVIpRQjlVKMVEoxUinFSKUUI5VSjESGxysk5tXhioj5Si9pP0YrIuZxLxFU6FdNfltv3LiMMbvCFE4MC6gANcTYpsruamfVYh1Cqbb53TEteOnMglecXqMzvxEnhkT4+EELXvHfL3iJEnOtTesvMfpanW/BS0yfYUdUjIFeYOVOjjPsiBFyiT5vVYELlaToZAK8GybD7zxEOHP1iW55Hno2370HXPd/v24vAF708+8jImhSJVrZczaqu27cbwAXK/n3EdHMtIctt0k8eA18n6T5tw+BTdOTuOm5ZS4inFEcBB3cymadOJnk3kb+3OzR7dSVXpjvCsNiIpuRtO7PjuzdBe4Yz/j/yvM3+deTuyGLee+ca0AA7ASPaDerSX5/AOx05rtCgTZUxg074PHYUXf3oyybKxT11yhY2rwVYpsWx5fuYXr9l+PZonhEXKeKByQoQOIK36JP+ea/ErR2il2353LA3HTmAOyOdYhhh+yU3yE6eqoO7G3oWcCO6D6lEW8SWPa+gF+TSg/bWADF9fbQNN8T9H/Y1ZTzlP8YFqJIyFE72dU0Ndhsc6rDGd2WBceKRYXQn5mAgm3dCmFmzsV4cxCSKcYWMgHtvLCAz9R5P43oTcqH+SPTHCKqcYBTdIfPVJAt/AkUBJ1yBHlOGwAAAABJRU5ErkJggg==) no-repeat 50%/cover}.com-player .row-2 .hero-icon.hero-rank-3:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7ZrPaxNBFMffbFMhUkOpB8X2sAWLVSwNSL1240GQIkTPiuTgpRSbm4deevAvqFKECq2/zraKFDyYeCu00lakVFpIDlbw0LQkh4BNdnxvk91O4iY2YvRt2C+87M6PXfaz82beZGcEuEhKaeDhDhoddeCjtbItCCHmqwuFmkAIHQ+zUILgrjRaBKHSdoYDgyBhPCTQOsE72ocS0JqTQy2CticPReeTZXdjI3rhaHOyUntlj3IqpZTCVEUhQ5VfvvrMCbsgWkWqgwfk4k0GVDXbLHhI5a5w+Oz4s6pkhMFDotZQu4egX7sQRwUBHpP6/Bq0kHwYrvJhuMqH4Sofhqt8GK7yYbjKh+EqH4arfBiOyu58aR2YVOJZa8DkM98gs73SGjDrLyYQaAc8/anpVVzvPN1r7GW2l62052AIIFDoCAc0c9iUWhy/nDmrFmxh3oxdNDRh4oKXMOCIC14BYKbFeL8ui22zEmg5pbF3ywrm7eiFsFnUEqrrNCI2bkYtYhYDq38KQmLTMmaxzWmRrrNDEOo5B+3BkFVGw+7u1rIVT+qJBczrsYEo4uh2uu/aKJzsG6qoQ0ArM+OQ29mseR8WQVMDM6qmC/ks5L5uQkZpjWBXtwVZT1zcbFBNfHwy7pwHu85AZPKddX4seKLuTVjA4LDzy4pd9+UotB/vgFB3v5O3W470tcQuztgavPWgIp1Ft9tanK57DfWZtJ3gtO5P/YWskM9Z6VBPP5y/eb/2BQLWCOaDkmUAEy09jFmWmLzq5PUat2tfIEswc0rW+L/eB0BRvzrv1MAVK9ZQ59frAagScj6AQT+JAEkotQoFrQSmKzbYNFNSE/Hqacelu1Oudb9/eg817pIemdpYsONMDEqbakg6Woo2CTR7XwBNYXAkG/5dPeo3qeRzWH854Va8/+PAjNDJf93VtDQVg4zLcBvAeNKuxJQ605h9KMrIyPSGtavJbb8ZAenQRNGbXpm55wpyVOH0OHlQKMZuPN5M23nCvaKk6QUZRea/4moEQLGCAh+5jD3kNqg0Pl0S/2E+vf7oc7K68CdsSM8Io9i1OQAAAABJRU5ErkJggg==) no-repeat 50%/cover}.com-player .row-2 .hero-icon img{width:100%;height:100%}.com-player .position-icon{width:16px;height:16px;margin-right:6px}.com-player .position-desc{margin-right:8px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.com-player .default-text{margin-right:3px;font-size:12px;color:#fff}.com-player .add-svg path{fill:#fff}.com-player .player-nickname{margin-right:6px;margin-top:-3px;line-height:23px;font-size:20px;font-weight:800;color:#fff}.com-player .player-name{font-size:12px;line-height:12px;color:hsla(0,0%,100%,.5)}.com-player .player-avatar{position:absolute;bottom:0;right:14px;width:83px;height:81px;z-index:10}.com-player .team-background{position:absolute;top:0;right:0;height:100%;width:auto}.com-team{position:relative;width:100%;padding:16px 8px;border-radius:10px;background:rgba(186,21,21,.25)}.com-team+.com-team{margin-top:41px}.com-team.tag{padding-top:25px}.com-team .top-tag{position:absolute;top:-12px;left:-3px;padding:1px 10px 1px 8px;font-size:14px;font-weight:500;color:#fff;border-radius:2px 0 0 2px}.com-team .top-tag p{position:relative;z-index:5}.com-team .top-tag svg{position:absolute;left:98%;top:0;height:100%}.com-card-modal .hb-modal{height:89vh;background:#373737}.com-card-modal .hb-modal .hb-modal__title.hb-modal__no-title{height:4px}.com-card-modal .hb-modal .hb-modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.com-card-modal .hb-modal .confirm-btn{width:100%;height:44px;border-radius:5px;text-align:center;font-size:14px;font-weight:500;line-height:44px}.modal-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.modal-nav .close-icon-wrapper{position:absolute;right:0;top:50%;width:18px;height:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal-nav .modal-title{padding:8px;font-size:13px;line-height:18px;color:#8c9196;text-align:center}.modal-nav .change-type-btn{display:inline-block;padding:4px 12px;border-radius:3px;background:#f7f8f9;font-size:12px;font-weight:500;line-height:16px;color:rgba(0,0,0,.64)}.modal-search{position:relative;width:100%;height:30px;border-radius:3px}.modal-search:after{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(243,244,245,.04);border-radius:6px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;pointer-events:none}.modal-search .search-icon{position:absolute;top:7px;left:8px;width:16px;height:16px}.modal-search .modal-search-input{width:100%;height:100%;padding:5px 5px 5px 32px;background:rgba(250,251,252,.04);border:0;border-radius:3px;color:#c8cdd2}.modal-search .modal-search-input::-webkit-input-placeholder{color:#c8cdd2}.modal-search .modal-search-input::-moz-placeholder{color:#c8cdd2}.modal-search .modal-search-input:-ms-input-placeholder{color:#c8cdd2}.modal-search .modal-search-input::-ms-input-placeholder{color:#c8cdd2}.modal-search .modal-search-input::placeholder{color:#c8cdd2}.card-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% + 8px);height:0;margin-top:12px;margin-left:-8px;overflow:scroll}.card-content .card-item{position:relative;width:calc(33.33333% - 8px);height:160px;margin-left:8px;border-radius:5px;overflow:hidden}.card-content .card-item:after{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;width:200%;height:200%;border-radius:10px;border:1px solid hsla(0,0%,100%,.38);pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top}.card-content .card-item:nth-of-type(n+4){margin-top:8px}.card-content .card-item.selected:before{content:"\5F53\524D\9009\62E9";position:absolute;top:0;right:0;padding:2px 4px;border-radius:0 0 0 3px;background:rgba(0,0,0,.4);font-size:10px;color:#f3f4f5;line-height:14px}.card-content .card-item .player-photo{position:absolute;bottom:25px;left:0;width:100%;height:135px}.card-content .card-item .card-bottom{position:absolute;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:59px;width:100%;padding:0 12px 9px}.card-content .card-item .card-bottom .team-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:16px;margin-right:4px}.card-content .card-item .card-bottom .team-icon-wrapper .team-icon{width:11px;height:11px;border-radius:2px;background:#fff}.card-content .card-item .card-bottom .name-nickname{font-size:12px;line-height:16px;font-weight:500;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hb-empty{padding:20vh 0 0!important}.com-tml-modal .hb-modal{background:#373737}.com-tml-modal .hb-modal .hb-modal__title{height:auto;padding-top:12px;font-size:13px;line-height:18px;color:#64696e}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:16px 0}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper.more{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper.more .tml-btn{width:25%}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper.more .tml-btn:nth-of-type(n+5){margin-top:16px}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper .tml-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper .tml-btn .tml-icon{width:46px;height:46px}.com-tml-modal .hb-modal .hb-modal__body .tml-wrapper .tml-btn .tml-name{margin-top:6px;font-size:11px;line-height:14px;color:#fff;text-align:center}.com-tml-modal .hb-modal .confirm-btn{width:100%;height:44px;border-radius:5px;text-align:center;font-size:14px;font-weight:500;line-height:44px}.team-support-rate{width:100%;margin-top:25px}.team-support-rate .support-title{height:17px;text-align:center;line-height:17px;font-size:12px;font-weight:600;color:#fff}.team-support-rate .btn-match-center{width:100%;height:42px;margin-top:15px;border-radius:4px;background:rgba(250,251,252,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:13px;font-weight:500}.team-support-rate .rate-list{padding:0 4px;margin-top:2px}.team-support-rate .rate-list .rate-item{width:100%;height:23px;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.team-support-rate .rate-list .rate-item .rank{width:23px;height:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.team-support-rate .rate-list .rate-item .rate-progress{width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;height:23px;background-color:#29252e;position:relative}.team-support-rate .rate-list .rate-item .rate-progress .rate-bar{width:50%;height:100%;position:absolute;top:0;left:0;z-index:1}.team-support-rate .rate-list .rate-item .rate-progress .name-box{width:100%;height:100%;padding:0 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2;font-size:12px;color:#fff}*{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:-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}[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{min-height:100vh;padding-bottom:100px}#app.share{padding-bottom:0}#app.share .container{margin-bottom:200px}#app .content,#app .screenshot-content{padding:0 12px}#app .content .feedback-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:30px;margin:10px 0 12px;font-size:12px;color:rgba(140,145,150,.4)}#app .screenshot-item{width:100%}#app .footer-decoration{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 0}#app .footer-decoration .heybox-svg{width:16px;height:16px}#app .footer-decoration .decoration-text{margin-left:4px;font-size:11px;line-height:15px;color:hsla(0,0%,100%,.5)}