/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6,hr{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;display:block;max-width:100%}button,input,select,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:none;border-radius:0;box-sizing:border-box;font:inherit;margin:0;outline:none;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-moz-appearance:button;appearance:button;-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}p{margin:0}em{font-style:normal}select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#000!important;background-color:transparent!important;-webkit-box-shadow:inset 0 0 0 50px #fff}input::-ms-clear,input::-ms-reveal{display:none}:active,:focus{outline:none!important}a{color:inherit;display:inline-block;outline:none}dl,ol,ul{list-style:none;margin:0;padding:0}a,button{cursor:pointer}body,html{color:#666;height:100%;letter-spacing:-.05em}:lang(ja),:lang(zh-TW){font-family:Pretendard JP,Pretendard,sans-serif}#wrapper{display:flex;flex-direction:column;height:100%}.ir{height:0;line-height:0;overflow:hidden;position:absolute;text-indent:-9999px;white-space:nowrap;width:0}.row{align-items:center;display:flex;justify-content:center}.ellipsis{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;text-align:left}.ellipsis.line-1{-webkit-line-clamp:1}.ellipsis.line-2{-webkit-line-clamp:2}.ellipsis.line-3{-webkit-line-clamp:3}.ellipsis.line-4{-webkit-line-clamp:4}.ellipsis.line-5{-webkit-line-clamp:5}#stove-gnb-wrapper{background-color:#191919;height:3rem;position:relative;z-index:100}.coupon body{font-smoothing:auto;-webkit-font-smoothing:auto}.coupon #stove-gnb-wrapper{height:3rem;min-height:3rem}.coupon strong{font-weight:revert}.coupon #wrapper{align-items:stretch;min-height:100vh}#navigation-container{position:relative;z-index:2}.nav-open #navigation-container{z-index:10}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}*,:after,:before{margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}*,:after,:before,body,html{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}body,html{background-color:#fff;color:#000;font-family:Pretendard,sans-serif;font-size:16px;letter-spacing:-.02em;line-height:1.2;width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}a,address,blockquote,body,button,caption,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,label,legend,li,object,ol,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;word-break:keep-all}h1,h2,h3,h4,h5,h6,strong{font-size:100%;font-weight:400}hr{display:none}caption{display:block;font-size:0;height:0;line-height:0;margin:0;overflow:hidden;padding:0;text-indent:-9999em;width:0}img{border:none;vertical-align:middle}dd,dl,dt,li,ol,ul{list-style:none}table{border:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}frameset,td,th{border:0}fieldset,iframe{border:0;width:100%}legend{left:-999em;position:absolute;top:-999em}address,em,i{font-style:normal}a,button,input,label,select,textarea{font-family:Pretendard,sans-serif;vertical-align:middle}button{background-color:transparent;border:0;cursor:pointer;overflow:visible}button::-moz-focus-inner{padding:0}a{color:#000;text-decoration:none}a,button,input,label,textarea{outline:0;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-touch-callout:default!important;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}:placeholder-shown{color:#999}::-webkit-scrollbar{height:toVw(8);width:toVw(8)}::-webkit-scrollbar-thumb{background-color:#6b6b6b99;border-radius:10vw}.icon{display:inline-block}.gnb-area{height:48px;position:relative;width:100%}.none{display:none!important}.tab-menu{align-items:center;border-bottom:.125rem solid #e3e5e8;-moz-column-gap:1.25rem;column-gap:1.25rem;display:flex;justify-content:flex-start;padding:0 1rem}.tab-menu li{height:2.5rem;margin-bottom:-.125rem}.tab-menu li>*{border-bottom:.125rem solid transparent;color:#000;font-size:.8125rem;height:100%}.tab-menu li.current>*{border-color:#676767;color:#000;font-weight:700}.tab-menu.type-btn{border:0;-moz-column-gap:.375rem;column-gap:.375rem}.tab-menu.type-btn li{flex:1;height:2.25rem}.tab-menu.type-btn li>*{background-color:#fff;border:1px solid #e3e5e8;border-radius:.125rem;color:#777;width:100%}.tab-menu.type-btn li.current>*{background-color:#c29e72;border-color:#af906a;color:#fff;font-weight:400;margin-bottom:0}body{height:auto}body.dimmed{overflow:hidden;touch-action:none}body.dimmed:after{background-color:#000000de;content:"";display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}body.dimmed2 #defaultChar{z-index:1000}@media(max-width:860px){body{min-width:360px}body.dimmed{overflow:hidden;touch-action:none}body.dimmed:after{background-color:#000000de;content:"";display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}}.txt-pop{padding:0 0 20px!important}.txt-pop .cont-wrap{flex-direction:column}.txt-pop .cont-wrap p{line-height:1.4em}.txt-pop .cont-wrap p+p{margin-top:0!important}.txt-pop.landscape .cont-wrap p{padding:1.25rem 0 .625rem}.info-pop{padding:20px 10px!important}.modal-gg{background-color:#fff;border-radius:.375rem;left:50%;overflow:hidden;padding:1.25rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:19.375rem;z-index:1003}.modal-gg .txt-pop-dp2{padding:20px}.modal-gg.show{display:block}.modal-gg.hide{display:none}.modal-gg .tit-wrap{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;display:flex;height:2.75rem;justify-content:center;width:100%}.modal-gg .tit-wrap h3{color:#333;font-size:1.0625rem;font-weight:600}.modal-gg .cont-wrap{align-items:center;display:flex;justify-content:center;min-height:7.5rem}.modal-gg .cont-wrap p{color:#333;font-size:.875rem}.modal-gg .cont-wrap p+p{margin-top:10px}.modal-gg .cont-wrap a{color:#333;font-size:12px;font-weight:600}.modal-gg .cont-wrap .info-tit{font-size:19px;font-weight:700;margin-bottom:15px}.modal-gg .cont-wrap .info-cont1,.modal-gg .cont-wrap .info-cont2{font-size:13px;line-height:1.2em;margin-bottom:15px}.modal-gg#modalDepth1{padding:20px}.modal-gg#modalDepth2 .cont-wrap,.modal-gg#modalNoAccount{padding:0}.modal-gg#modalNoAccount .cont-wrap{flex-direction:column;padding:20px 0}.modal-gg#modalNoAccount .cont-wrap .btn-confirm{margin-top:20px}.modal-gg#modalNoAccount .cont-wrap a span{text-decoration:underline}.modal-gg#modalNoAccount .cont-wrap a:after{content:">";padding-left:3px;text-decoration:none}.modal-gg .btn-confirm{font-size:15px}.modal-gg .btn-close,.modal-gg .btn-confirm{align-items:center;background-color:#856b4b;border-radius:4px;color:#fff;display:inline-flex;height:38px;justify-content:center;width:120px}.modal-gg .btn-close{font-size:18px}.modal-gg .close-btn{background:transform;display:block;height:2.75rem;position:absolute;right:0;top:0;width:3.125rem}.modal-gg .close-btn:after,.modal-gg .close-btn:before{background-color:#000;content:"";height:2.0625rem;left:50%;position:absolute;top:15%;width:2px}.modal-gg .close-btn:before{transform:rotate(45deg)}.modal-gg .close-btn:after{transform:rotate(-45deg)}#modalCommu{background-color:#fff;border-radius:.375rem;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:19.375rem;z-index:1001}#modalCommu.show{display:block}#modalCommu.hide{display:none}#modalCommu .tit-wrap{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;display:flex;height:2.75rem;justify-content:center;width:100%}#modalCommu .tit-wrap h3{color:#333;font-size:1.0625rem;font-weight:600}#modalCommu .cont-wrap{height:7.5rem}#modalCommu .cont-wrap,#modalCommu .cont-wrap ul{align-items:center;display:flex;justify-content:center}#modalCommu .cont-wrap ul{margin-top:-1.25rem}#modalCommu .cont-wrap ul li{margin:0 .25rem}#modalCommu .cont-wrap ul li a{color:#333;display:block;font-size:.75rem;font-weight:600;height:3.0625rem;text-align:center;width:4.375rem}#modalCommu .cont-wrap ul li a:before{content:"";display:inline-block;height:3.0625rem;margin-bottom:.375rem;width:3.0625rem}#modalCommu .cont-wrap ul li.commu-stove a:before{background:url(../images/common/btn_commu_stove.png) no-repeat 50%;background-size:100% auto}#modalCommu .cont-wrap ul li.commu-fb a:before{background:url(../images/common/btn_commu_fb.png) no-repeat 50%;background-size:100% auto}#modalCommu .cont-wrap ul li.commu-x a:before{background:url(../images/common/btn_commu_x.png) no-repeat 50%;background-size:100% auto}#modalCommu .close-btn{background:transform;display:block;height:2.75rem;position:absolute;right:0;top:0;width:3.125rem}#modalCommu .close-btn:after,#modalCommu .close-btn:before{background-color:#000;content:"";height:2.0625rem;left:50%;position:absolute;top:15%;width:2px}#modalCommu .close-btn:before{transform:rotate(45deg)}#modalCommu .close-btn:after{transform:rotate(-45deg)}#defaultChar{background-color:#fff;border-radius:6px;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:364px;z-index:1001}#defaultChar.show{display:block}#defaultChar.hide{display:none}#defaultChar .tit-wrap{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;display:flex;height:55px;justify-content:center;width:100%}#defaultChar .tit-wrap h3{color:#333;font-size:1.1875rem;font-weight:600}#defaultChar .cont-wrap{padding:0 1.25rem 1.875rem;text-align:center}#defaultChar .cont-wrap table{margin-bottom:20px;width:100%}#defaultChar .cont-wrap table tr{width:100%}#defaultChar .cont-wrap table tr td{border-bottom:1px solid #e3e5e8;color:#333;font-size:13px;height:38px;text-align:left;word-break:break-all}#defaultChar .cont-wrap table tr td.no-account{color:#999;font-size:13px}#defaultChar .cont-wrap table tr td.serv{color:#856b4b;font-size:13px;padding-left:4px;width:32%}#defaultChar .cont-wrap table tr td.rank{font-size:13px;width:22%}#defaultChar .cont-wrap table tr td.name{padding:.2rem 0}#defaultChar .cont-wrap table tr td.name span{display:inline-block;word-break:break-all}#defaultChar .cont-wrap table tr td.radio-btn{font-size:13px;text-align:center;width:10%}#defaultChar .cont-wrap .b-btn-wrap{margin-top:1.25rem}#defaultChar .cont-wrap .b-btn-wrap button{margin:0 4px}#defaultChar .cont-wrap .btn-character-pick{background:url(../images/ko/btn_character_pick_pc.png) no-repeat 50%;background-size:100% auto;display:inline-block;height:64px;text-indent:-9999em;width:321px}#defaultChar .cont-wrap .btn-close,#defaultChar .cont-wrap .btn-confirm{align-items:center;background-color:#856b4b;border-radius:4px;color:#fff;display:inline-flex;font-size:15px;height:38px;justify-content:center;width:120px}#defaultChar.maintenance{width:445px}#defaultChar.maintenance .cont-wrap{padding:1.875rem 1.25rem}#defaultChar.maintenance .cont-wrap h4{color:#333;font-size:1rem;font-weight:500;margin-bottom:1.25rem}#defaultChar.maintenance .cont-wrap .mt-time{color:#333;font-size:.9375rem;font-weight:600;margin-bottom:1.25rem}#defaultChar.maintenance .cont-wrap .mt-time p{color:#333;font-size:.9375rem;font-weight:500;margin-bottom:.3125rem}#defaultChar.maintenance .cont-wrap .mt-time span{display:block}#defaultChar.maintenance .cont-wrap .mt-desc{color:#333;font-size:.875rem;font-weight:500;margin:1.875rem 0}#defaultChar .close-btn{display:block;height:2.75rem;position:absolute;right:.25rem;top:.25rem;width:3.125rem}#defaultChar .close-btn:after,#defaultChar .close-btn:before{background-color:#000;content:"";height:2.0625rem;left:50%;position:absolute;top:15%;width:2px}#defaultChar .close-btn:before{transform:rotate(45deg)}#defaultChar .close-btn:after{transform:rotate(-45deg)}#defaultChar .radio-label{cursor:pointer;display:inline-block;position:relative}#defaultChar .custom-radio{background-image:url(../images/common/img_radio.png);background-position-y:100%;background-size:100% auto;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}#defaultChar .radio-input:checked+.custom-radio{background-position-y:0}#defaultChar .radio-input{cursor:pointer;opacity:0;position:absolute}@media(max-width:860px){body{overflow:hidden;overflow-x:overlay;overflow-y:overlay}body #defaultChar.maintenance{width:340px}body #defaultChar{border-radius:4px;min-width:340px;width:340px}body #defaultChar .cont-wrap{padding:0 .875rem 1.25rem}body #defaultChar .cont-wrap table{margin-bottom:15px}body #defaultChar .cont-wrap table tr td{border-bottom:1px solid #e3e5e8;color:#333;font-size:.8125rem;height:2.25rem;text-align:left}body #defaultChar .cont-wrap table tr td.no-account{color:#999}body #defaultChar .cont-wrap table tr td.serv{color:#856b4b;width:34%}body #defaultChar .cont-wrap table tr td.rank{width:28%}body #defaultChar .cont-wrap table tr td.radio-btn{text-align:center;width:10%}body #defaultChar .cont-wrap .btn-character-pick{background:url(../images/ko/btn_character_pick_m.png) no-repeat 50%;background-size:100% auto;display:inline-block;height:56px;text-indent:-9999em;width:310px}body #defaultChar .cont-wrap .btn-close,body #defaultChar .cont-wrap .btn-confirm{align-items:center;background-color:#856b4b;border-radius:4px;color:#fff;display:inline-flex;font-size:16px;height:40px;justify-content:center;width:120px}body #defaultChar .cont-wrap .custom-radio{background-image:url(../images/common/img_radio.png);background-size:100% auto;height:22px;width:22px}body #defaultChar.maintenance .cont-wrap{padding:1.25rem .625rem}body #defaultChar.maintenance .cont-wrap h4{font-size:.9375rem;margin-bottom:1.25rem}body #defaultChar.maintenance .cont-wrap .mt-time{font-size:.875rem;margin-bottom:1rem}body #defaultChar.maintenance .cont-wrap .mt-time p{font-size:.9375rem;margin-bottom:.3125rem}body #defaultChar.maintenance .cont-wrap .mt-time span{display:block}body #defaultChar.maintenance .cont-wrap .mt-desc{font-size:.875rem;margin:1.5625rem 0}body #modalCommu,body .modal-gg{min-width:310px;width:310px}body.landScape #defaultChar{border-radius:4px;min-width:340px;width:340px}body.landScape #defaultChar .tit-wrap{height:2.125rem}body.landScape #defaultChar .tit-wrap h3{font-size:.9375rem}body.landScape #defaultChar .cont-wrap{padding:.625rem .875rem}body.landScape #defaultChar .cont-wrap table{margin-bottom:15px}body.landScape #defaultChar .cont-wrap table tr td{font-size:.75rem;height:1.5rem}body.landScape #defaultChar .cont-wrap .b-btn-wrap{margin-top:.625rem}}.evt-info-layer{background-color:#999;border-radius:6px;box-shadow:0 0 10px 5px #0003;height:auto;overflow:hidden;position:absolute;right:0;top:60px;width:311px;z-index:1001}.evt-info-layer .layer-content{background-image:url(../images/ko/bg_event_info_pc.png);background-size:100% auto;cursor:pointer;display:block;font-size:0;height:101px;text-indent:-9999em;width:311px}.evt-info-layer .layer-btns{border-top:1px solid #e3e5e8;width:100%}.evt-info-layer .layer-btns,.evt-info-layer .layer-btns button{align-items:center;display:flex;height:44px;justify-content:center}.evt-info-layer .layer-btns button{background-color:#fff;color:#333;font-size:14px;font-weight:600;width:50%}.evt-info-layer .layer-btns button:first-child{border-right:1px solid #e3e5e8}:lang(en) #defaultChar .cont-wrap table tr td.serv,:lang(ko) #defaultChar .cont-wrap table tr td.serv{font-size:.8125rem}:lang(en) .evt-info-layer .layer-content{background-image:url(../images/en/bg_event_info_pc.png)}:lang(en) #defaultChar .cont-wrap .btn-character-pick{background-image:url(../images/en/btn_character_pick_pc.png)}:lang(zh-TW) #defaultChar .cont-wrap table tr td.serv{font-size:.8125rem}:lang(zh-TW) .evt-info-layer .layer-content{background-image:url(../images/zh-TW/bg_event_info_pc.png)}:lang(zh-TW) #defaultChar .cont-wrap .btn-character-pick{background-image:url(../images/zh-TW/btn_character_pick_pc.png)}:lang(ja) #defaultChar .cont-wrap table tr td.serv{font-size:.625rem}:lang(ja) .evt-info-layer .layer-content{background-image:url(../images/ja/bg_event_info_pc.png)}:lang(ja) #defaultChar .cont-wrap .btn-character-pick{background-image:url(../images/ja/btn_character_pick_pc.png)}@media(max-width:860px){body .evt-info-layer{box-shadow:0 2px 10px #000;right:10px;top:60px;width:13.125rem}body .evt-info-layer .layer-content{background-image:url(../images/ko/bg_event_info_m.png);display:block;height:3.75rem;width:13.125rem}body .evt-info-layer .layer-btns{align-items:center;border-top:1px solid #e3e5e8;display:flex;height:34px;justify-content:center;width:100%}body .evt-info-layer .layer-btns button{font-size:11px;height:34px}body :lang(en) .evt-info-layer .layer-content{background-image:url(../images/en/bg_event_info_m.png)}body :lang(en) #defaultChar .cont-wrap .btn-character-pick{background-image:url(../images/en/btn_character_pick_m.png)}body :lang(en) #defaultChar.maintenance .cont-wrap{padding:1.25rem .625rem}body :lang(en) #defaultChar.maintenance .cont-wrap h4{font-size:.875rem;margin-bottom:1.25rem}body :lang(en) #defaultChar.maintenance .cont-wrap .mt-time{font-size:.875rem;margin-bottom:.875rem}body :lang(en) #defaultChar.maintenance .cont-wrap .mt-time p{font-size:.75rem;margin-bottom:.3125rem}body :lang(en) #defaultChar.maintenance .cont-wrap .mt-time span{display:block}body :lang(en) #defaultChar.maintenance .cont-wrap .mt-desc{font-size:.75rem;margin:1.5625rem 0}body :lang(zh-TW) .evt-info-layer .layer-content{background-image:url(../images/zh-TW/bg_event_info_m.png)}body :lang(zh-TW) #defaultChar .cont-wrap .btn-character-pick{background-image:url(../images/zh-TW/btn_character_pick_m.png)}body :lang(zh-TW) #defaultChar.maintenance .cont-wrap .mt-desc{font-size:.8125rem}body :lang(ja) .evt-info-layer .layer-content{background-image:url(../images/ja/bg_event_info_m.png)}body :lang(ja) #defaultChar .cont-wrap .btn-character-pick{background-image:url(../images/ja/btn_character_pick_m.png)}body :lang(ja) #defaultChar.maintenance .cont-wrap{padding:1.25rem .625rem}body :lang(ja) #defaultChar.maintenance .cont-wrap h4{font-size:.75rem;margin-bottom:1.25rem}body :lang(ja) #defaultChar.maintenance .cont-wrap .mt-time{font-size:.875rem;margin-bottom:.875rem}body :lang(ja) #defaultChar.maintenance .cont-wrap .mt-time p{font-size:.75rem;margin-bottom:.3125rem}body :lang(ja) #defaultChar.maintenance .cont-wrap .mt-time span{display:block}body :lang(ja) #defaultChar.maintenance .cont-wrap .mt-desc{font-size:.75rem;margin:1.25rem 0}}#wrapper{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;max-width:2560px;min-height:100%;min-width:1200px;overflow:hidden}#wrapper,#wrapper .inner{margin:0 auto;position:relative;width:100%}#wrapper .inner{max-width:1200px}#container{background-color:#f8f8f8;position:relative;z-index:1}#container .main{background-color:#fafbfc}#container .main .main-visual{background:url(../images/common/bg_main_2nd.jpg) no-repeat top;height:44rem;padding-bottom:60px;position:relative;width:100%;z-index:10}#container .main .main-visual .inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end}#container .main .main-visual .inner .game-bi{background:url(../images/ko/bi_large.png) no-repeat top;display:inline-block;height:99px;margin-bottom:40px;text-indent:-9999em;width:237px}#container .main .cont-inner{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;min-height:590px;padding-top:60px;position:relative;width:100%}#container .main .cont-inner .recommend-wrap{height:120px}#container .main .cont-inner .recommend-wrap .rf-txt{color:#b7b7b7;font-weight:300}#container .main .cont-inner .bookmark-wrap{min-height:200px}#container .main .cont-inner .bookmark-wrap,#container .main .cont-inner .recommend-wrap{display:block}#container .main .cont-inner .bookmark-wrap h2,#container .main .cont-inner .recommend-wrap h2{color:#333;font-size:20px;font-weight:700;margin-bottom:14px}#container .main .cont-inner .bookmark-wrap .tit-area,#container .main .cont-inner .recommend-wrap .tit-area{align-items:flex-start;display:flex;justify-content:flex-start}#container .main .cont-inner .bookmark-wrap .tit-area .refresh-data,#container .main .cont-inner .recommend-wrap .tit-area .refresh-data{background:url(../images/common/icon_refresh.png) no-repeat 50%;display:inline-block;height:24px;margin-left:6px;text-indent:-9999em;transition:all .4s;width:24px}#container .main .cont-inner .bookmark-wrap .tit-area .refresh-data:hover,#container .main .cont-inner .recommend-wrap .tit-area .refresh-data:hover{transform:rotate(1turn);transform-origin:center}#container .main .cont-inner .bookmark-wrap .bookmark-list,#container .main .cont-inner .bookmark-wrap .recommend-list,#container .main .cont-inner .recommend-wrap .bookmark-list,#container .main .cont-inner .recommend-wrap .recommend-list{display:grid;gap:5px;grid-template-columns:repeat(5,1fr);list-style:none;padding:0}#container .main .cont-inner .bookmark-wrap .bookmark-list li,#container .main .cont-inner .bookmark-wrap .recommend-list li,#container .main .cont-inner .recommend-wrap .bookmark-list li,#container .main .cont-inner .recommend-wrap .recommend-list li{cursor:pointer}#container .main .cont-inner .bookmark-wrap .bookmark-list li:hover,#container .main .cont-inner .bookmark-wrap .recommend-list li:hover,#container .main .cont-inner .recommend-wrap .bookmark-list li:hover,#container .main .cont-inner .recommend-wrap .recommend-list li:hover{background-color:#fff}#container .main .cont-inner .bookmark-wrap,#container .main .cont-inner .recommend-wrap{margin-bottom:40px}#container .main .cont-inner .bookmark-wrap{width:100%}#container .main .cont-inner .bookmark-wrap .txt-box{align-items:center;border-bottom:1px solid #e3e5e8;border-top:1px solid #e3e5e8;display:flex;flex-direction:column;justify-content:center;padding:90px 0;width:100%}#container .main .cont-inner .bookmark-wrap .txt-box em{background:url(../images/common/icon_caution_l.png) no-repeat 50%;display:inline-block;height:80px;width:80px}#container .main .cont-inner .bookmark-wrap .txt-box p{color:#333;font-size:20px;margin-top:10px}#container .main .cont-inner .store-wrap{align-items:center;display:flex;height:140px;justify-content:center;margin-top:50px;width:100%}#container .main .cont-inner .store-wrap a{display:inline-block;height:57px;margin:0 10px;text-indent:-9999em;width:171px}#container .main .cont-inner .store-wrap .appstore{background:url(../images/common/btn_appstore.png) no-repeat}#container .main .cont-inner .store-wrap .googleplay{background:url(../images/common/btn_googleplay.png) no-repeat}#container .nodata-wrap{align-items:center;background-color:#fafbfd;display:flex;flex-direction:column;height:1000px;justify-content:center;padding-top:200px}#container .nodata-wrap .nodata-img{background:url(../images/common/img_nodata.png) no-repeat top;display:inline-block;height:317px;width:100%}#container .nodata-wrap .info-txt{color:#333;font-size:20px;margin-top:2rem;text-align:center}#container .nodata-wrap .info-txt em{color:#888;font-size:16px}#container .sub-wrap{background-color:#fafbfc;min-height:1120px}#container .sub-wrap .section{width:100%}#container .sub-wrap .section .box-wrap{border:1px solid #d8d8d8;border-radius:1rem;margin-bottom:4rem;padding:2rem}#container .sub-wrap .section #navSub{background-color:#202020;border-top:1px solid #363636;height:50px}#container .sub-wrap .section #navSub .inner{align-items:center;display:flex;height:50px;justify-content:space-between}#container .sub-wrap .section #navSub .inner .txt-cau span{color:#888;display:inline-block;font-size:12px}#container .sub-wrap .section #navSub .inner ul{align-items:center;display:flex;justify-content:center}#container .sub-wrap .section #navSub .inner ul li a,#container .sub-wrap .section #navSub .inner ul li button{align-items:center;background-color:#202020;color:#999;display:flex;font-size:18px;height:38px;justify-content:center;width:110px}#container .sub-wrap .section #navSub .inner ul li.active a,#container .sub-wrap .section #navSub .inner ul li.active button{background-color:#856b4b;border-radius:4px;color:#fff}#container .sub-wrap .section .cont-area{min-height:850px}#container .hero-analysis-wrap{background-color:#fafbfc;min-height:1000px}#container .hero-analysis-wrap .inner{align-items:space-between;display:flex;justify-content:space-between;padding-top:60px}#container .rank-list-wrap{background-color:#fafbfc;min-height:1000px}#container .rank-list-wrap .inner{align-items:space-between;display:flex;justify-content:space-between;padding-top:60px}@media(max-width:860px){#container .rank-list-wrap .inner{padding-top:0}}#container .rank-list-wrap #searchHero{height:688px}#container .rank-list-wrap #searchHero .wrap .filterlist-wrap{height:470px}#container .rank-list-wrap #searchHero .wrap .filterlist-wrap ul li:hover a span{transform:unset!important}.battle-record-wrap{align-items:flex-start;display:flex;justify-content:flex-start;padding:60px 0}.custom-tooltip{background-color:#fff!important;background-color:#fff;border:1px solid #e3e5e8;box-shadow:0 2px 4px #0003;color:#333!important;font-size:12px!important;font-weight:600!important;z-index:1000}:lang(en) #container .nodata-wrap .info-txt{font-size:16px}:lang(en) #container .main .main-visual .inner .game-bi{background-image:url(../images/en/bi_large.png);height:97px;width:324px}:lang(zh-TW) #container .main .main-visual .inner .game-bi{background-image:url(../images/zh-TW/bi_large.png);height:89px;width:260px}:lang(ja) #container .main .main-visual .inner .game-bi{background-image:url(../images/ja/bi_large.png);height:109px;width:268px}@media(max-width:860px){body .m-blind{align-items:center;background:#000 url(../images/common/bg_landscape.jpg) no-repeat 50%;background-size:100% auto;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:100}body .m-blind:before{background:url(../images/common/img_landscape.png) no-repeat 50%;background-size:100% auto;content:"";height:9.9375rem;margin-bottom:1.25rem;width:10.5rem}body #wrapper{background-color:#202020;max-width:unset;min-height:unset;min-width:unset;width:100%}body #wrapper .inner{max-width:unset;position:relative;width:100%}body #wrapper #container{width:100%}body #wrapper #container .main .main-visual{background:url(../images/common/bg_main_2nd_m.jpg) no-repeat 50%;background-size:cover;height:23.75rem;padding-bottom:15px;width:100%}body #wrapper #container .main .main-visual .inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end}body #wrapper #container .main .main-visual .inner .game-bi{background:url(../images/ko/bi_large.png) no-repeat top;background-size:100% auto;display:inline-block;height:61px;margin-bottom:18px;text-indent:-9999em;width:145px}body #wrapper #container .main .cont-inner{max-width:unset;min-height:200px;padding:40px 18px 0;width:100%}body #wrapper #container .main .cont-inner .recommend-wrap{height:240px;width:100%}body #wrapper #container .main .cont-inner .recommend-wrap .rf-txt{color:#b7b7b7;font-weight:300}body #wrapper #container .main .cont-inner .bookmark-wrap{min-height:120px}body #wrapper #container .main .cont-inner .bookmark-wrap,body #wrapper #container .main .cont-inner .recommend-wrap{display:block}body #wrapper #container .main .cont-inner .bookmark-wrap h2,body #wrapper #container .main .cont-inner .recommend-wrap h2{color:#333;font-size:15px;font-weight:700;margin-bottom:14px}body #wrapper #container .main .cont-inner .bookmark-wrap .tit-area,body #wrapper #container .main .cont-inner .recommend-wrap .tit-area{align-items:flex-start;display:flex;justify-content:flex-start}body #wrapper #container .main .cont-inner .bookmark-wrap .tit-area .refresh-data,body #wrapper #container .main .cont-inner .recommend-wrap .tit-area .refresh-data{background:url(../images/common/icon_refresh.png) no-repeat 50%;background-size:100%;display:inline-block;height:18px;margin-left:6px;text-indent:-9999em;transition:all .4s;width:18px}body #wrapper #container .main .cont-inner .bookmark-wrap .tit-area .refresh-data:hover,body #wrapper #container .main .cont-inner .recommend-wrap .tit-area .refresh-data:hover{transform:none}body #wrapper #container .main .cont-inner .bookmark-wrap .tit-area .refresh-data:active,body #wrapper #container .main .cont-inner .recommend-wrap .tit-area .refresh-data:active{transform:rotate(1turn);transform-origin:center}body #wrapper #container .main .cont-inner .bookmark-wrap .bookmark-list,body #wrapper #container .main .cont-inner .bookmark-wrap .recommend-list,body #wrapper #container .main .cont-inner .recommend-wrap .bookmark-list,body #wrapper #container .main .cont-inner .recommend-wrap .recommend-list{display:grid;gap:6px;grid-template-columns:repeat(2,1fr);list-style:none;padding:0}body #wrapper #container .main .cont-inner .bookmark-wrap .bookmark-list li,body #wrapper #container .main .cont-inner .bookmark-wrap .recommend-list li,body #wrapper #container .main .cont-inner .recommend-wrap .bookmark-list li,body #wrapper #container .main .cont-inner .recommend-wrap .recommend-list li{cursor:pointer}body #wrapper #container .main .cont-inner .bookmark-wrap .bookmark-list li:hover,body #wrapper #container .main .cont-inner .bookmark-wrap .recommend-list li:hover,body #wrapper #container .main .cont-inner .recommend-wrap .bookmark-list li:hover,body #wrapper #container .main .cont-inner .recommend-wrap .recommend-list li:hover{background-color:#fff}body #wrapper #container .main .cont-inner .bookmark-wrap,body #wrapper #container .main .cont-inner .recommend-wrap{margin-bottom:40px}body #wrapper #container .main .cont-inner .bookmark-wrap .txt-box{border-bottom:1px solid #e3e5e8;border-top:1px solid #e3e5e8;padding:30px 0}body #wrapper #container .main .cont-inner .bookmark-wrap .txt-box em{background:url(../images/common/icon_caution_l.png) no-repeat 50%;background-size:100%;display:inline-block;height:40px;width:40px}body #wrapper #container .main .cont-inner .bookmark-wrap .txt-box p{color:#333;font-size:14px;margin-top:14px}body #wrapper #container .main .cont-inner .store-wrap{height:57px;margin:0 0 40px}body #wrapper #container .main .cont-inner .store-wrap a{height:40px;margin:0;width:142px}body #wrapper #container .main .cont-inner .store-wrap .appstore{background:url(../images/common/btn_appstore_m.png) no-repeat;background-size:100% auto}body #wrapper #container .main .cont-inner .store-wrap .googleplay{background:url(../images/common/btn_googleplay_m.png) no-repeat;background-size:100% auto}body #wrapper #container .nodata-wrap{height:85vh}body #wrapper #container .nodata-wrap .nodata-img{background-size:auto 100%;height:170px}body #wrapper #container .nodata-wrap .info-txt{font-size:.8125rem;margin-top:1.6rem;padding:0 20px}body #wrapper #container .nodata-wrap .info-txt em{font-size:.9rem}body #wrapper #container .sub-wrap{background-color:#fafbfc;min-height:auto}body #wrapper #container .sub-wrap .cont-area{min-height:auto}body #wrapper #container .sub-wrap .section #navSub{background-color:#202020;height:50px;padding:0 10px}body #wrapper #container .sub-wrap .section #navSub .inner{align-items:center;display:flex;height:50px;justify-content:space-between}body #wrapper #container .sub-wrap .section #navSub .inner ul li a{border-radius:3px;color:#999;font-size:13px;height:30px;width:85px}body #wrapper #container .sub-wrap .section #navSub .inner ul li.active a{background-color:#856b4b;color:#fff}body #wrapper #container .hero-analysis-wrap{background-color:#fafbfc;min-height:unset}body #wrapper #container .hero-analysis-wrap .inner{align-items:unset;justify-content:unset;padding-top:0}body #wrapper #container .battle-record-wrap{padding-top:.5rem;width:100%}body #wrapper.fix .main{margin-top:44px}body #wrapper.fix #heroInfo,body #wrapper.fix .sub-wrap{margin-top:96px}body #wrapper.fix .nodata-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:96px}body.android .appstore,body.ios .googleplay{display:none!important}body :lang(en) #nav ul li{font-size:11px}body :lang(en) #wrapper #container .main .main-visual .inner .game-bi{background-image:url(../images/en/bi_large.png);height:57px;width:184px}body :lang(en) #wrapper #container .nodata-wrap .info-txt,body :lang(zh-TW) #nav ul li{font-size:11px}body :lang(zh-TW) #wrapper #container .main .main-visual .inner .game-bi{background-image:url(../images/zh-TW/bi_large.png);height:57px;width:167px}body :lang(ja) #nav ul li{font-size:11px}body :lang(ja) #wrapper #container .main .main-visual .inner .game-bi{background-image:url(../images/ja/bi_large.png);height:68px;width:166px}body :lang(ja) #wrapper #container .main .cont-inner .bookmark-wrap .txt-box p{font-size:11px}}.logo{background:url(../images/ko/logo.png) no-repeat 0/auto 2.5625rem;display:block;height:4.375rem;margin-right:5rem;text-indent:-9999em;width:7.1875rem}@media(max-width:1100px){.logo{background-size:auto 2rem;margin-right:1.25rem;width:5rem}}:lang(ko) .logo{background-image:url(../images/ko/logo.png)}:lang(en) .logo{background-image:url(../images/en/logo.png)}:lang(zh-TW) .logo{background-image:url(../images/zh-TW/logo.png)}:lang(ja) .logo{background-image:url(../images/ja/logo.png)}.portrait-info{display:none}@media(max-height:640px)and (orientation:landscape){.portrait-info{align-items:center;background-color:#666;color:#fff;display:flex;font-size:.8125rem;height:1.875rem;justify-content:center}.portrait-info:before{background:url(../images/common/ico_device.png) no-repeat 50%/auto 100%;content:"";display:block;height:1.4375rem;margin-right:.5rem;width:1.5625rem}.mobile .nav-wrap{top:4.875rem}.mobile .nav-wrap .inner .nav{top:8rem}}footer{background-color:#000;padding:1.875rem 0}footer .inner{color:gray;font-size:.75rem;line-height:1.25rem;margin:0 auto;max-width:64rem;padding:0 2.5rem;position:relative;text-align:left;width:100%;z-index:1}footer .inner .footer-menu{padding:.4375rem 0 .25rem}footer .inner .footer-menu ul{align-items:center;display:flex;justify-content:flex-start}footer .inner .footer-menu ul li{margin-right:.625rem;padding:0 .625rem 0 0;position:relative}footer .inner .footer-menu ul li:before{background-color:#686868;content:"";display:block;height:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}footer .inner .footer-menu ul li:last-child:before{display:none}footer .inner .footer-menu ul li a{color:#ddd;font-size:.875rem}footer .inner .footer-menu ul li.em a{color:#e04600}footer .inner .usage-level .img-type ul{display:flex}footer .inner .usage-level .img-type ul li{color:#eceff2;font-size:.875rem;margin-left:1rem}footer .inner .usage-level .img-type ul li:first-child{margin-left:0}footer .inner .usage-level .img-type ul li.last{margin-left:1.5rem}footer .inner .usage-level .img-type+.txt-type{margin-top:1.75rem}footer .inner .usage-level .txt-type{margin-bottom:1.625rem}footer .inner .usage-level .txt-type dl{display:flex;padding-left:0}footer .inner .usage-level .txt-type dl dt{margin-right:.75rem;width:3.25rem}footer .inner .usage-level .txt-type dl dd{margin:-.25rem 0 0}footer .inner .addr-area a{color:#4e7af6;text-decoration:underline}footer .inner .logo-area{display:flex}footer .inner .logo-area span+span{margin-left:.9375rem}footer .inner .logo-area .copyright{color:#eceff2;display:block;letter-spacing:0;margin-left:1.25rem}footer .inner>*{margin-bottom:1.25rem}footer .inner>div:last-of-type{margin-bottom:0}footer.mode-light{background-color:#fff;border-top:1px solid #e3e3e3}footer.mode-light .inner .footer-menu ul li a{color:#333}footer.mode-light .inner .footer-menu ul li.em a{color:#e04600}footer .web{display:block}footer .mobile{display:none}.light-mode footer{background-color:#fff;border-top:1px solid #e4e4e4}.light-mode footer .inner .footer-menu ul li:before{background-color:#c8c8c8}.light-mode footer .inner .footer-menu ul li a{color:#333}.light-mode footer .inner .footer-menu ul li.em a{color:#e04600}.light-mode footer .inner .usage-level .img-type ul li{color:#eceff2}.light-mode footer .inner .addr-area a{color:#4e7af6}.useage-table{align-items:stretch;background:#e09512;color:#fff;display:flex;flex-wrap:wrap;font-size:.6875rem;justify-content:flex-start;margin-top:.3125rem;width:31.25rem}@media(max-width:860px){.useage-table{font-size:.625rem;max-width:25rem;width:100%}}.useage-table dd,.useage-table dt{align-items:center;border-top:1px solid #e6aa41;display:flex;justify-content:flex-start;margin:0;min-height:1.375rem;padding-left:3%}@media(max-width:860px){.useage-table dd,.useage-table dt{padding-left:.3125rem}}.useage-table dt{color:#ffda99;width:20%}.useage-table dt:nth-of-type(odd){width:19%}.useage-table dt:nth-of-type(2n){border-left:1px solid #e6aa41;width:25%}.useage-table dt:first-of-type,.useage-table dt:nth-of-type(2){border-top:0}.useage-table dd{border-left:1px solid #e6aa41;width:30%}.useage-table dd:first-of-type,.useage-table dd:nth-of-type(2){border-top:0}.useage-table dd:nth-of-type(odd){width:20%}.useage-table dd:nth-of-type(2n){width:36%}@media(max-width:860px){.useage-table dd:nth-of-type(odd){width:3.75rem}.useage-table dd:nth-of-type(2n){width:calc(56% - 3.75rem)}}@media screen and (max-width:768px){footer{padding:1.25rem 1rem;position:relative;z-index:1}footer .inner{font-size:.6875rem;line-height:1.3;padding:0;z-index:0}footer .inner>*{margin-bottom:1rem}footer .inner .footer-menu{padding:0}footer .inner .footer-menu ul{flex-wrap:wrap}footer .inner .footer-menu ul li a{font-size:.6875rem}footer .inner .usage-level .img-type ul{flex-wrap:wrap}footer .inner .usage-level .img-type ul li{margin-left:.3125rem;width:2.6875rem}footer .inner .usage-level .img-type ul li.last{margin-left:0;margin-top:.5rem;width:100%}footer .inner .usage-level .img-type+.txt-type{margin-top:.875rem}footer .inner .usage-level .txt-type dl dt{margin-right:.375rem;width:2.6875rem}footer .inner .addr-area{display:none}footer .inner .logo-area span+span{margin-left:.625rem}footer .inner .logo-area span img{display:block;max-height:.875rem}footer .inner .select-lang{width:7.1875rem}footer .inner .select-lang:before{height:.75rem;left:.5rem;width:.75rem}footer .inner .select-lang .btn-lang{font-size:.75rem;height:1.875rem;padding:0 1.875rem 0 1.5rem}footer .inner .select-lang .btn-lang em{font-size:.6875rem;line-height:1.25rem}footer .inner .select-lang .btn-lang b{height:.5rem;right:.625rem;top:.625rem;width:.5rem}footer .inner .select-lang .btn-lang:after{right:.75rem}footer .inner .select-lang .list-lang{bottom:1.875rem;padding:0;right:1.875rem;width:7.1875rem}footer .inner .select-lang .list-lang li a{align-items:center;display:flex;font-size:.6875rem;height:1.875rem;justify-content:flex-start;line-height:1.25rem;padding:0 .6875rem}footer .web{display:none}footer .mobile{display:block}}.profileCard{align-items:center;border:1px solid #e5e6e8;border-radius:4px;display:flex;height:80px;justify-content:flex-start;padding:0 14px;width:236px}.profileCard .pic{flex-shrink:0;height:50px;position:relative;width:50px}.profileCard .pic .icon-bm{background:url(../images/common/icon_bookmark_s.png) no-repeat center 100%;background-size:100% auto;display:inline-block;height:19px;position:absolute;right:-6px;top:-3px;width:19px}.profileCard .pic img{height:100%;width:100%}.profileCard.recommend .pic .icon-bm{background-position-y:0}.profileCard .txt{color:#333;flex-shrink:0;font-size:14px;margin-left:10px}.profileCard .txt .name{font-size:14px;font-weight:600;margin-top:6px}@media(max-width:860px){.profileCard{align-items:center;background-color:#fff;border:1px solid #e5e6e8;border-radius:4px;display:flex;height:64px;justify-content:flex-start;padding:0 8px;width:100%}.profileCard .pic{flex-shrink:0;height:36px;position:relative;width:36px}.profileCard .pic .icon-bm{background:url(../images/common/icon_bookmark_s.png) no-repeat center 100%;background-size:100% auto;display:inline-block;height:19px;position:absolute;right:-6px;top:-3px;width:19px}.profileCard .pic img{height:100%;width:100%}.profileCard.recommend .pic .icon-bm{background-position-y:0}.profileCard .txt{color:#333;flex-shrink:0;font-size:12px;margin-left:10px}.profileCard .txt .name{font-size:12px;font-weight:600;margin-top:6px}}.select-lang{bottom:0;margin-bottom:0;position:absolute;right:0;width:10rem;z-index:5}.select-lang:before{background:url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfnBQgLADTnID1RAAAB8UlEQVQoz4XSXWjNcRzH8dc5zjrMwzLSJpb9PZVMYxgZcqG5YOUhLpSFuVAUrhSleSqRRLvZ2naxcjERcaNQZDhzZaIm56A2K3leDBs/Fw6TG5/bz/v7+T70jQWDyuRZpNgIvR5IRQODTuw3lpms9tu6dDJfvnf6FL2KHVcX9f1y41low9eO8xt3J0drlyMlaf+49uMeZGZmU4IgvT31Y00oC02hJZSFdCgLLaEplIU94cnbdEkQxMnM7z/dFXupQLnmbHGzcoU6fR7tQib3V9OT9Yl+B61x04cs9sEt1Q5p1TbFHoZsWtx9oN4dwWpBwghLPFFhoSJH3Nelcub7U3FVbYLgjn5XFFuJVYY644dudHs+TnnC1BegQI977qHVYdCjwDM8Vzw9lr5vrv9pb8KnWo8wS1U2pdV6sM9lHdhk5UDc0wmg10i5ZqtEpemGGKUXTKQz4dqcrVfxXZE6aT0osswYw71Brhnf3E64VNoTFRbY4pPTOlCpARW2OeSEeXLORe9jQabmdQPHVBiq8c9sW33RpVpOX7IkSsfROPZsl5euWyovu1qepW7oFEJyR5QmThTUlF48aJiUzVlss3bTHB0YuTNq+uvfMjE1ofZh4SSPLXBXiY/G37Urav/nLckMs8Jay43xxjktUWrwvj8BiDOzCxY+i3sAAAAASUVORK5CYII=) no-repeat;background-size:100% auto;content:"";display:block;height:1.25rem;left:.6rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem;z-index:1}.select-lang .btn-lang{background-color:#333;border:1px solid #000;height:2.5rem;padding:0 2.375rem;position:relative;text-align:left;width:100%}.select-lang .btn-lang em{align-items:center;border-right:1px solid #000;color:#fff;display:flex;font-size:.75rem;font-weight:500;height:100%}.select-lang .btn-lang:after{background:url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAQAAAA9Wg7gAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfnBQgPAizBc29ZAAAAMUlEQVQI103IsQ3AMAwEMeob7T9gFlERu0kMH3AN63mVuxUxF4wEfXA04eBofqK/sQEV1gjvgmIaMAAAAABJRU5ErkJggg==) no-repeat;background-size:contain;content:"";display:block;height:.3125rem;margin-top:-1px;position:absolute;right:.875rem;top:50%;transform:rotate(0);transition:all .2s ease;width:.5625rem}.select-lang .btn-lang.fold:after{transform:rotate(-180deg)}.select-lang .list-lang{background-color:#333;border:1px solid #000;bottom:2.4375rem;display:none;left:0;position:absolute;width:10rem}.select-lang .list-lang.active{display:block}.select-lang .list-lang li{border-top:1px solid #000;text-align:left}.select-lang .list-lang li:first-child{border-top:0}.select-lang .list-lang a{color:silver;display:block;font-size:.75rem;font-weight:500;height:2.5rem;line-height:2.5rem;padding:0 .9375rem;width:100%}.select-lang .list-lang .current a,.select-lang .list-lang .router-link-active{color:#fff}.light-mode .select-lang:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/stRzjPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAO5SURBVDiNpZRdSJtnGIavL0ar6/xZJ6VqAgYNQ1ARvhdnogFzEEgPXAMbTtjh9GCy4pAIg8CWioKl4MHoDiQ4ka3zYDAihVZQrKghOr/0x4NG0YnhoymsNZgGY6N27w5mM9P2bM/pe9/X88P7PIqUkneFEKIUaAUswPtACngErGqadvIuj/ImTAhRA1wrKCj4zGq1nnv+/DmJRIILFy5QVFRELBb7S0p5A/hR07TDs17DG6DPCwsL1zs7O7+4efPmuUQiQUtLC8fHx9hsNjKZDNevX7/Y0tJyA3gkhKjPqURKiZQSVVW/crvdfy8tLUld16XX65V9fX1S13WpqqrUdV329fVJr9crdV2Xk5OTsrm5OaGqasNrhuG0oub8/PwfzGazUllZydOnTwmHw3R3d+ck7unpIRwOE4/Hqaur4/z58x8Avwsh3gMwnupGe3t7jSsrK/h8PsxmM06nk7KyshxYaWkpTqeT8fFxtre36erqIhqN1i4tLfUDQ0YhhMNkMrW2t7fT3t7O7OwsY2Nj1NbWMjMzw6VLlwB48OABW1tbRCIR9vf3GR4exmq10tjYyPLy8lUhxIgB+MThcKAoCoqi4HA4yM/P58qVK+zs7BAMBgGYnp7m5cuX9Pf3YzAYMJlMAJhMJiwWy0XgYyNgra6uzrYSj8epqqrCbrdjt9sB8Hg8+P3+rKaqqop4PE5NTQ0AFouFnZ2djxRVVdcAwf+Pb43AwdDQEPX1/36Zhw8fEgwGcyrxeDzZdgH8fj8ej4empiYAJiYmmJ6ePjEA27quZ4XFxcWkUinS6TSRSIQ7d+4AcPfuXaLRKK9evSKVSlFcXJz1xGIxgE0jMLe2tvbl5cuXAcjLy2N3d5eenh6sVisVFRVZw9zcHHt7exwcHFBeXg5AOp3m8ePHR8AyqqoWCSHiCwsLcmpqSjqdTul0OuXt27elrus5G6Drurx165Zsa2uTHR0dMhQKydHRUamq6i9SSoyaph0KIb4bGRkJAAwODrK4uMjq6mp2JmdjY2MDt9uN2WzG5/NxdHR0CHwP/y36+LNnz341m81UVlbicrm4d+8eyWQyB5RMJpmfn8flclFXV4eiKDKTyXytadqfWZimaRLovn//ftDn85FOp7HZbAQCgRxYIBDAZrOxubnJwMDAyYsXL65qmvbT6/eceyaEUIBuRVGuNTQ0VMRiMerr6wmFQrS2trK+vk5JSQlPnjwJA99omvbH2WRvHcdTaBHgBj4FXMCHwB7wG/Czpmmrb5mAfwD3dKXvHIOJLgAAAABJRU5ErkJggg==)}.light-mode .select-lang .btn-lang{background-color:#e3e3e3;border:0}.light-mode .select-lang .btn-lang em{border-right:1px solid #fff;color:#333}.light-mode .select-lang .btn-lang:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI2LjY2NyIgdmlld0JveD0iMCAwIDkgNSI+PHBhdGggZD0iTTIgMi41IDQuNCA1bDIuMy0yLjJDOCAxLjYgOSAuNSA5IC4zUzYuOSAwIDQuMyAwSC0uM3oiLz48L3N2Zz4=)}.light-mode .select-lang .list-lang{background-color:#e3e3e3;border:0;border-bottom:1px solid #fff}.light-mode .select-lang .list-lang li{border-top:1px solid #fff}.light-mode .select-lang .list-lang .current a,.light-mode .select-lang .list-lang a{color:#333}#myHeroList{margin-top:60px;padding-bottom:200px}#myHeroList .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:34px;position:relative;width:180px}#myHeroList .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#myHeroList .select-box .option.selected{color:#333;font-size:14px;height:34px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#myHeroList .select-box .option.selected.active{background-color:#fff}#myHeroList .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:14px;transition:all .15s;width:0}#myHeroList .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#myHeroList .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:35px;visibility:hidden;width:100%;z-index:1}#myHeroList .select-box ul li{color:#999}#myHeroList .select-box ul li:hover{background-color:#f7f7f9;color:#333}#myHeroList .select-box ul li.active{background-color:#f7f7f9}#myHeroList .select-box.open ul{display:block;opacity:1;visibility:visible}#myHeroList table{border:1px solid #e3e5e8;border-collapse:unset;border-radius:5px;margin-top:10px;overflow:hidden;table-layout:auto}#myHeroList table td,#myHeroList table th{font-size:.9rem;text-align:center}#myHeroList table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:14px;font-weight:400;height:43px;padding:.4rem 0;position:relative}#myHeroList table th .grade{position:absolute;right:1px;top:1px}#myHeroList table th.nodata-th{text-align:center}#myHeroList table th:last-child{position:relative}#myHeroList table th:last-child .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;cursor:pointer;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}#myHeroList table th:last-child .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:50%;position:absolute;top:-5px;transform:translate(-50%);transform:rotate(180deg);width:10px}#myHeroList table th:last-child .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;left:50%;min-width:440px;padding:20px;position:absolute;text-align:center;top:40px;transform:translate(-59%);z-index:100}#myHeroList table th:last-child .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#myHeroList table th:last-child .layer-box p{color:#333;font-size:12px;font-weight:400}#myHeroList table th:last-child .layer-box em{color:#999;font-size:12px;font-weight:400}#myHeroList table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#999;font-size:12px;line-height:1.6em;padding:16px 10px;position:relative}#myHeroList table td p{height:20px}#myHeroList table td.no-hero-list{padding:200px 0}#myHeroList table td .hero-name{color:#333;font-size:14px;font-weight:600;line-height:1.2em;word-break:break-all}#myHeroList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#myHeroList table td .hero-total-score{margin-top:-30px;position:relative}#myHeroList table td .hero-total-score .score-avr{color:#333;font-size:16px;font-weight:600;position:relative;z-index:10}#myHeroList table td .hero-total-score .score-avr em{color:#856b4b}#myHeroList table td .hero-total-score .charts-hero-bar{height:118px;left:50%;position:absolute;top:-38px;transform:translate(-53%);width:240px}#myHeroList table td .hero-total-score .charts-hero-bar .score-win{color:#fff;left:27px;position:absolute;text-align:left;top:66px}#myHeroList table td .hero-total-score .charts-hero-bar .score-lose{color:#fff;position:absolute;right:16px;text-align:right;top:66px}#myHeroList table td.no{color:#333;font-size:16px;font-weight:600;width:50px}#myHeroList table td:nth-child(2){width:250px}#myHeroList table td:nth-child(3){width:300px}#myHeroList table td:nth-child(4),#myHeroList table td:nth-child(5),#myHeroList table td:nth-child(6){width:200px}#myHeroList table td span{cursor:pointer;display:inline-block;height:80px;width:80px}#myHeroList table td span img{width:100%}#myHeroList table td span{margin-bottom:10px}#myHeroList table td.compare-state p:after{content:"";display:inline-block;margin-left:.4rem}#myHeroList table td.compare-state p.low{color:#e86867}#myHeroList table td.compare-state p.low:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #e46868;height:0;width:0}#myHeroList table td.compare-state p.high{color:#5184d7}#myHeroList table td.compare-state p.high:after{border-bottom:9px solid #5184d7;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}#myHeroList table td:first-child:after{background:url(../images/common/img_td_line.png) no-repeat;content:"";display:inline-block;height:149px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px}#myHeroList table td:nth-child(2):after,#myHeroList table td:nth-child(3):after{background-color:#f1f2f3;content:"";display:inline-block;height:149px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#myHeroList table td:nth-child(5){background-color:#fcfcfd}#myHeroList table tr:last-child td{border-bottom:none}#myHeroList .paging{align-items:center;display:flex;justify-content:center;margin-top:2rem;text-align:center}#myHeroList .paging .page-num{color:#999;font-size:14px;font-weight:400;letter-spacing:1px;margin:0 2px;width:50px}#myHeroList .paging .page-num em{color:#333;font-weight:600}#myHeroList .paging button{background:url(../images/common/icon_page_arr.png) no-repeat 0 0;display:inline-block;height:20px;text-indent:-9999em;width:20px}#myHeroList .paging button.btn-prev{background-position-x:0}#myHeroList .paging button.btn-next{background-position-x:100%}#myHeroList .paging button:hover{background-position-y:100%}#myHeroList .paging button.disable{cursor:default;opacity:.5}#myHeroList .paging button.disable:hover{background-position-y:0}:lang(ja) #myHeroList .select-box .option{font-size:10px;font-weight:600;letter-spacing:-1px}@media(max-width:860px){#wrapper #myHeroList{margin-top:0;padding-bottom:50px;padding-top:10px;width:100%}#wrapper #myHeroList .select-wrap{align-items:flex-start;display:flex;justify-content:center}#wrapper #myHeroList .select-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:34px;position:relative;width:180px}#wrapper #myHeroList .select-wrap .select-box:first-child{margin-right:2%}#wrapper #myHeroList .select-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#wrapper #myHeroList .select-wrap .select-box .option.selected{color:#333;font-size:14px;height:34px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#wrapper #myHeroList .select-wrap .select-box .option.selected.active{background-color:#fff}#wrapper #myHeroList .select-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:14px;transition:all .15s;width:0}#wrapper #myHeroList .select-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#wrapper #myHeroList .select-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:35px;visibility:hidden;width:100%;z-index:1}#wrapper #myHeroList .select-wrap .select-box ul li{color:#999}#wrapper #myHeroList .select-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#wrapper #myHeroList .select-wrap .select-box ul li.active{background-color:#f7f7f9}#wrapper #myHeroList .select-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#wrapper #myHeroList table{border-collapse:unset;border-radius:0;border-width:1px 0;margin-top:10px;overflow:hidden;table-layout:auto}#wrapper #myHeroList table td,#wrapper #myHeroList table th{font-size:.9rem;text-align:center}#wrapper #myHeroList table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:14px;font-weight:400;height:43px;padding:.4rem 0;position:relative}#wrapper #myHeroList table th.nodata-th{text-align:center}#wrapper #myHeroList table th:last-child{position:relative}#wrapper #myHeroList table th:last-child .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;cursor:pointer;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}#wrapper #myHeroList table th:last-child .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:50%;position:absolute;top:-5px;transform:translate(-50%);transform:rotate(180deg);width:10px}#wrapper #myHeroList table th:last-child .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:none;flex-direction:column;justify-content:center;left:50%;min-width:440px;opacity:0;padding:20px;position:absolute;text-align:center;top:40px;transform:translate(-59%);visibility:hidden;z-index:100}#wrapper #myHeroList table th:last-child .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#wrapper #myHeroList table th:last-child .layer-box p{color:#333;font-size:12px;font-weight:400}#wrapper #myHeroList table th:last-child .layer-box em{color:#999;font-size:12px;font-weight:400}#wrapper #myHeroList table th:last-child .layer-box.show{display:flex;opacity:1;visibility:visible}#wrapper #myHeroList table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#999;font-size:12px;padding:10px 5px 14px;position:relative}#wrapper #myHeroList table td.m-td .hero-no{color:#000;font-size:.8125rem;font-weight:700;left:.875rem;position:absolute;top:.875rem}#wrapper #myHeroList table td.m-td .chart-wrap{height:70px;position:relative}#wrapper #myHeroList table td.m-td .chart-wrap .charts-hero-bar{height:120px;left:50%;position:absolute;top:-43px;transform:translate(-54%);width:100%}#wrapper #myHeroList table td.m-td .chart-wrap .charts-hero-bar .score-win{color:#fff;left:27px;position:absolute;text-align:left;top:65px}#wrapper #myHeroList table td.m-td .chart-wrap .charts-hero-bar .score-lose{color:#fff;position:absolute;right:16px;text-align:right;top:65px}#wrapper #myHeroList table td p{align-items:center;display:flex;height:24px;justify-content:center;line-height:1em}#wrapper #myHeroList table td.no-hero-list{padding:200px 0!important}#wrapper #myHeroList table td .hero-name{color:#333;font-size:13px;font-weight:600;line-height:1.2em;word-break:keep-all}#wrapper #myHeroList table td h3{align-items:center;color:#333;display:flex;font-size:10px;font-weight:600;height:28px;justify-content:center;line-height:1.1em;margin-bottom:5px}#wrapper #myHeroList table td .hero-total-score{margin-top:0;position:relative}#wrapper #myHeroList table td .hero-total-score .score-avr{color:#333;font-size:12px;font-weight:600;margin-top:10px;position:relative;z-index:10}#wrapper #myHeroList table td .hero-total-score .score-avr em{color:#856b4b}#wrapper #myHeroList table td .hero-total-score .charts-hero-bar{height:118px;left:50%;position:absolute;top:-38px;transform:translate(-53%);width:240px}#wrapper #myHeroList table td .hero-total-score .charts-hero-bar .score-win{color:#fff;left:27px;position:absolute;text-align:left;top:68px}#wrapper #myHeroList table td .hero-total-score .charts-hero-bar .score-lose{color:#fff;position:absolute;right:16px;text-align:right;top:68px}#wrapper #myHeroList table td.no{color:#333;font-size:16px;font-weight:600;width:50px}#wrapper #myHeroList table td:first-child{padding-top:26px;width:40%}#wrapper #myHeroList table td:nth-child(2){padding-left:14px}#wrapper #myHeroList table td:nth-child(2),#wrapper #myHeroList table td:nth-child(3),#wrapper #myHeroList table td:nth-child(4){width:19%}#wrapper #myHeroList table td:nth-child(4){padding-right:14px}#wrapper #myHeroList table td span{display:inline-block;height:50px;width:50px}#wrapper #myHeroList table td span img{width:100%}#wrapper #myHeroList table td span{margin-bottom:10px}#wrapper #myHeroList table td.compare-state p:after{content:"";display:inline-block;margin-left:.2rem}#wrapper #myHeroList table td.compare-state p.low{color:#e86867}#wrapper #myHeroList table td.compare-state p.low:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #e46868;height:0;width:0}#wrapper #myHeroList table td.compare-state p.high{color:#5184d7}#wrapper #myHeroList table td.compare-state p.high:after{border-bottom:9px solid #5184d7;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}#wrapper #myHeroList table td:first-child:after{background-color:#f1f2f3;content:"";display:inline-block;height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#wrapper #myHeroList table td:nth-child(2):after,#wrapper #myHeroList table td:nth-child(3):after{display:none}#wrapper #myHeroList table td:nth-child(5){background-color:#fcfcfd}#wrapper #myHeroList table tr:last-child td{border-bottom:none}#wrapper #myHeroList .paging{align-items:center;display:flex;justify-content:center;margin-top:2rem;text-align:center}#wrapper #myHeroList .paging .page-num{color:#999;font-size:14px;font-weight:400;letter-spacing:1px;margin:0 2px;width:50px}#wrapper #myHeroList .paging .page-num em{color:#333;font-weight:600}#wrapper #myHeroList .paging button{background:url(../images/common/icon_page_arr.png) no-repeat 0 0;display:inline-block;height:20px;text-indent:-9999em;width:20px}#wrapper #myHeroList .paging button.btn-prev{background-position-x:0}#wrapper #myHeroList .paging button.btn-next{background-position-x:100%}#wrapper #myHeroList .paging button:hover{background-position-y:100%}#wrapper #myHeroList .paging button.disable{cursor:default;opacity:.5}#wrapper #myHeroList .paging button.disable:hover{background-position-y:0}#wrapper .battle-record-myhero{min-height:60vh}#wrapper :lang(en) #myHeroList table td p{height:30px}#wrapper :lang(zh-TW) #myHeroList table td{font-size:11px}#wrapper :lang(ja) #myHeroList table th{font-size:12px}#wrapper :lang(ja) #myHeroList .select-box .option,#wrapper :lang(ja) #myHeroList .select-box .option.selected,#wrapper :lang(ja) #myHeroList table td .hero-name{font-size:11px}}#battleList .battle-detail{background-color:#f7f7f9;border-top:1px solid #e3e5e8;display:block;padding:10px;width:100%}#battleList .battle-detail .detail-wrap{align-items:flex-start;display:flex;justify-content:flex-start}#battleList .battle-detail .detail-wrap .energy-wrap{background-color:#fff;border:1px solid #e3e5e8;border-radius:.4rem;height:654px;padding:2rem 0;width:84px}#battleList .battle-detail .detail-wrap .energy-wrap h3{color:#333;font-size:12px;font-weight:600;padding:0 8px;text-align:center}#battleList .battle-detail .detail-wrap .energy-wrap h3:after{background:url(../images/common/img_energy_line.png) no-repeat 50%;content:"";display:inline-block;height:5px;margin-top:22px;width:66px}#battleList .battle-detail .detail-wrap .energy-wrap h3{margin-bottom:20px}#battleList .battle-detail .detail-wrap .energy-wrap ul{padding-left:10px}#battleList .battle-detail .detail-wrap .energy-wrap ul li{align-items:center;display:flex;justify-content:flex-start;margin-bottom:5px}#battleList .battle-detail .detail-wrap .energy-wrap ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#battleList .battle-detail .detail-wrap .energy-wrap ul li span img{width:100%}#battleList .battle-detail .detail-wrap .energy-wrap ul li i{color:#666;display:inline-block;font-size:12px;margin-left:6px;min-width:22px;text-align:left}#battleList .battle-detail .detail-wrap .energy-wrap ul li.my-team span{border:3px solid #5282d8}#battleList .battle-detail .detail-wrap .energy-wrap ul li.enemy-team span{border:3px solid #dd5e5e}#battleList .battle-detail .detail-wrap .deatil-check{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;margin-left:8px}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi{align-items:center;display:flex;height:143px;justify-content:center;width:100%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi{height:120px;position:relative;width:210px}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li{height:50px;position:absolute;width:50px}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span{border-radius:100px;cursor:pointer;display:inline-block;height:50px;position:absolute;width:50px;z-index:2}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span img{width:100%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span i.nodata{display:none!important;opacity:0!important;visibility:hidden!important}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job{background:url(../images/common/job_knight.png) no-repeat;display:inline-block;height:20px;left:-9px;position:absolute;top:-3px;width:22px;z-index:1}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job.knight{background-image:url(../images/common/job_knight.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job.mage{background-image:url(../images/common/job_mage.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job.manauser{background-image:url(../images/common/job_manauser.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job.warrior{background-image:url(../images/common/job_warrior.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job.assassin{background-image:url(../images/common/job_assassin.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .job.ranger{background-image:url(../images/common/job_ranger.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .level{align-items:center;background-color:#555;border-radius:3px;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;letter-spacing:0;position:absolute;right:-9px;top:0;width:18px;z-index:1}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .level.light{background-color:#e09500}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .level.dark{background-color:#b647b8}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .level.wind{background-color:#338f0f}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .level.ice{background-color:#2d6ad7}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .level.fire{background-color:#e53e31}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade{background:url(../images/common/grade_3.png) no-repeat center 0;bottom:-6px;display:inline-block;height:12px;left:50%;position:absolute;transform:translate(-50%);width:50px;z-index:1}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade3{background-image:url(../images/common/grade_3.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade3.grade-3-0{background-position-y:0}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade3.grade-3-1{background-position-y:33.3333333333%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade3.grade-3-2{background-position-y:66.6666666667%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade3.grade-3-3{background-position-y:100%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade4{background-image:url(../images/common/grade_4.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade4.grade-4-0{background-position-y:0}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade4.grade-4-1{background-position-y:25%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade4.grade-4-2{background-position-y:50%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade4.grade-4-3{background-position-y:75%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade4.grade-4-4{background-position-y:100%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5{background-image:url(../images/common/grade_5.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5.grade-5-0{background-position-y:0}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5.grade-5-1{background-position-y:20%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5.grade-5-2{background-position-y:40%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5.grade-5-3{background-position-y:60%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5.grade-5-4{background-position-y:80%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade5.grade-5-5{background-position-y:100%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6{background-image:url(../images/common/grade_6.png)}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-0{background-position-y:0}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-1{background-position-y:16.6666666667%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-2{background-position-y:33.3333333333%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-3{background-position-y:50%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-4{background-position-y:66.6666666667%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-5{background-position-y:83.3333333333%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li span .grade.grade6.grade-6-6{background-position-y:100%}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi li:after{background:url(../images/common/bg_posi.png) no-repeat;bottom:-8px;content:"";display:inline-block;height:44px;left:-16px;position:absolute;width:84px;z-index:1}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-1{left:140px;top:30px;z-index:5}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-2{left:80px;top:60px;z-index:10}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-3{left:80px;top:0}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-4{left:20px;top:30px}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li span{border:3px solid #5282d8}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-1{left:20px;top:30px;z-index:5}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-2{left:80px;top:60px;z-index:10}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-3{left:80px;top:0}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-4{left:140px;top:30px}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li span{border:3px solid #dd5e5e}#battleList .battle-detail .detail-wrap .deatil-check .battle-posi .vs-img{background:url(../images/common/img_vs.png) no-repeat 50%;display:inline-block;height:45px;margin:0 45px;width:60px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail{align-items:center;display:flex;justify-content:space-between;width:100%}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:.4rem;display:flex;height:124px;justify-content:flex-start;margin-bottom:5px;position:relative;width:354px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box:last-child{margin:0}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .firstpick{background-color:#fff;border:1px solid #e3e5e8;border-left:none;border-radius:4px;border-top:none;color:#333;font-size:10px;font-weight:500;left:0;letter-spacing:0;opacity:0;padding:1px 3px;position:absolute;top:0;visibility:hidden}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .firstpick.show{opacity:1;visibility:visible}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area{text-align:center;width:112px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area span{font-size:12px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area span.imgs{cursor:pointer;display:inline-block;height:50px;margin-bottom:7px;position:relative;width:50px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area span.imgs img{width:100%}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate{align-items:center;display:flex;flex-direction:column;justify-content:center}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span{font-size:12px;font-weight:500;letter-spacing:0}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span em{color:#856b4b;font-size:12px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span.kill{align-items:center;color:#ad4c4c;display:flex;justify-content:flex-start;margin-left:4px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span.kill:before{background:url(../images/common/icon_kill.png) no-repeat;content:"";display:inline-block;height:12px;margin-right:3px;width:12px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box.mvp .pic-area span.imgs:after{background:url(../images/common/pic_mvp.png) no-repeat;content:"";display:inline-block;height:54px;left:-1px;position:absolute;top:-1px;width:53px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area{flex:1 1 auto}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div{align-items:center;display:flex;justify-content:flex-start}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span{color:#666;font-size:12px;line-height:1.4em}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span:first-child{width:88px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span:last-child{color:#333;font-weight:500}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area{margin-right:10px;text-align:center;width:70px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area .artifact{cursor:pointer;display:inline-block;height:40px;margin-bottom:10px;position:relative;width:36px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area .artifact img{width:100%}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area .artifact.nodata{background:url(../images/common/no_arti.png) no-repeat}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area ul{align-items:center;display:flex;justify-content:center}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area ul li{margin:0 1px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area ul li span{display:inline-block;height:20px;width:20px}#battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area ul li span img{width:100%}:lang(en) #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span:first-child{width:112px}:lang(en) #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area{margin-right:12px}:lang(en) #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area{width:102px}:lang(en) #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span:first-child{width:108px}@media(max-width:860px){#wrapper #battleList .battle-detail{background-color:#fff;padding:.625rem .9375rem}#wrapper #battleList .battle-detail .detail-wrap{flex-wrap:wrap;position:relative}#wrapper #battleList .battle-detail .detail-wrap .tab-wrap{width:100%}#wrapper #battleList .battle-detail .detail-wrap .tab-wrap .tab-menu{padding:0}#wrapper #battleList .battle-detail .detail-wrap .tab-wrap .tab-menu li.btn-energy{flex:0 0 auto;height:2.25rem;width:2.25rem}#wrapper #battleList .battle-detail .detail-wrap .tab-wrap .tab-menu li.btn-energy button{background:#f1f1f4 url(../images/common/icon_gauge.png) no-repeat 50%/auto 1.4375rem;height:100%;text-indent:-9999em;width:100%}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap{border-radius:.125rem;height:0;opacity:0;padding:0 0 .9375rem;position:absolute;right:2.5rem;top:6.75rem;transform:translateY(2.5rem);transition:all .4s ease;width:9.375rem;z-index:20}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap.on{height:auto;opacity:1;transform:translateY(0)}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap h3{align-items:center;border-bottom:1px solid #eaecee;display:flex;height:auto;justify-content:center;min-height:2.75rem;padding:.3125rem .5rem;position:relative}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap h3:after{bottom:-.3125rem;display:block;left:50%;position:absolute;transform:translate(-50%)}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap ul{padding-left:1.875rem}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap ul li span{height:2.25rem;width:2.25rem}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap ul li i{align-items:center;color:#333;display:flex;font-weight:700;justify-content:flex-start}#wrapper #battleList .battle-detail .detail-wrap .energy-wrap ul li i:before{background:#f1f1f4 url(../images/common/icon_gauge.png) no-repeat 50%/contain;content:"";display:block;height:1.1875rem;margin-right:.25rem;width:.75rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check{margin-left:0}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi{height:6.875rem;justify-content:space-between;width:100%}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi{height:6.875rem;width:9.375rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li{transform:scale(.8)}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-1{left:6.25rem;top:1.25rem;z-index:5}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-2{left:3.4375rem;top:3.125rem;z-index:10}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-3{left:3.4375rem;top:0}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li.posi-4{left:.625rem;top:1.25rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.myteam li span{border:3px solid #5282d8}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li{transform:scale(.8)}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-1{left:5.625rem;top:1.25rem;z-index:5}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-2{left:2.8125rem;top:3.125rem;z-index:10}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-3{left:2.8125rem;top:0}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li.posi-4{left:0;top:1.25rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .team-hero-posi.enemyteam li span{border:3px solid #5282d8}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .battle-posi .vs-img{background-size:contain;height:1.375rem;margin:0;width:1.5rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail{align-items:unset;display:unset;justify-content:unset;margin-top:.625rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail ul{width:100%}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li:first-child{margin-top:.375rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box{border:0;border-bottom:1px solid #e3e5e8;border-radius:0;height:auto;margin-bottom:0;padding:.875rem 0;width:100%}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box:last-child{border-bottom:0;margin:0}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .firstpick{border-radius:.125rem;font-size:.5625rem;left:1.75rem;padding:1px .375rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area{width:7rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area span{font-size:12px}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area span.imgs{height:2.8125rem;margin-bottom:.4375rem;width:2.8125rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span,#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span em{font-size:.75rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span.kill{margin-left:.25rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .pic-area .rate span.kill:before{height:.75rem;margin-right:.1875rem;width:.75rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box.mvp .pic-area span.imgs:after{background-size:100% auto;height:3.0625rem;width:3rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area{flex:1 1 auto}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span{font-size:.75rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .count-area div span:first-child{width:5.5rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area{margin-right:.625rem;width:4.375rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area .artifact{height:2.5rem;margin-bottom:.625rem;width:2.25rem}#wrapper #battleList .battle-detail .detail-wrap .deatil-check .heros-detail li.herolist-box .equip-area ul li span{height:1.25rem;width:1.25rem}}#battleList{flex:1 1 auto}#battleList .title-area{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}#battleList .title-area .section-tit{color:#333;font-size:20px;font-weight:700}#battleList .title-area .ch-season{display:flex;justify-content:flex-start;margin-top:-10px}#battleList .title-area .ch-season button{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;display:inline-block;font-size:14px;height:34px;margin-right:4px;width:83px}#battleList .title-area .ch-season .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:34px;position:relative;width:180px}#battleList .title-area .ch-season .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#battleList .title-area .ch-season .select-box .option.selected{font-size:14px;height:34px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#battleList .title-area .ch-season .select-box .option.selected.active{background-color:#fff}#battleList .title-area .ch-season .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:14px;transition:all .15s;width:0}#battleList .title-area .ch-season .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#battleList .title-area .ch-season .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;left:0;position:absolute;top:35px;width:100%;z-index:1}#battleList .title-area .ch-season .select-box ul li{color:#999}#battleList .title-area .ch-season .select-box ul li:hover{background-color:#f7f7f9;color:#333}#battleList .title-area .ch-season .select-box ul li.active{background-color:#f7f7f9}#battleList .battle-list-nodata{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;color:#666;display:flex;font-size:14px;height:387px;justify-content:center;line-height:1.6em;text-align:center}#battleList ul.battle-list li.battle-info{background-color:#fff;border:1px solid #e3e5e8;border-radius:.4rem;flex-wrap:wrap;margin-bottom:8px;overflow:hidden;position:relative}#battleList ul.battle-list li.battle-info .list-wrap{align-items:center;display:flex;height:152px;justify-content:flex-start;padding:1rem 0;position:relative}#battleList ul.battle-list li.battle-info .list-wrap .battle-result{font-size:.9rem;width:95px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result p{color:#666;font-size:12px;line-height:1.6em;text-align:center}#battleList ul.battle-list li.battle-info .list-wrap .battle-result p em{color:#333;font-weight:500}#battleList ul.battle-list li.battle-info .list-wrap .battle-result p.br-type{font-size:16px;font-weight:500}#battleList ul.battle-list li.battle-info .list-wrap .battle-result p.season-name{color:#333;font-size:13px;font-weight:500;letter-spacing:0;line-height:1em;margin-bottom:3px;word-break:break-word}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail{align-items:center;border-left:1px solid #e3e5e8;display:flex;font-size:.9rem;justify-content:space-between;padding-left:8px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .firstpick{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;color:#333;font-size:10px;font-weight:500;letter-spacing:0;opacity:0;padding:1px 3px;visibility:hidden}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .firstpick.show{opacity:1;visibility:visible}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team{color:#333;font-size:12px;position:relative;width:310px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .firstpick{position:absolute;right:0;top:8px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .firstpick:after{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;bottom:-5px;content:"";display:inline-block;height:5px;left:50%;margin-left:-5px;position:absolute;width:10px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row{justify-content:flex-start;padding-left:10px;width:100%}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div span{margin:0 2px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div span.icon-up{border-bottom:8px solid #333;border-left:6px solid transparent;border-right:6px solid transparent;height:0;margin:0 0 0 2px;width:0}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div span.icon-down{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #333;height:0;margin:0 0 0 2px;width:0}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div.grade-txt{margin-left:2px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;height:22px;width:20px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.bronze{background-image:url(../images/common/grade/grade_bronze.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.silver{background-image:url(../images/common/grade/grade_silver.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.gold{background-image:url(../images/common/grade/grade_gold.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.master{background-image:url(../images/common/grade/grade_master.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.challenger{background-image:url(../images/common/grade/grade_challenger.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.champion{background-image:url(../images/common/grade/grade_champion.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.emperor{background-image:url(../images/common/grade/grade_emperor.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.legend{background-image:url(../images/common/grade/grade_legend.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon.warlord{background-image:url(../images/common/grade/grade_warlord.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .vs-line{background:url(../images/common/img_vs_line.png) no-repeat bottom;height:113px;margin:0 10px;width:41px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team{position:relative}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .firstpick{left:0;position:absolute;top:8px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .firstpick:after{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;bottom:-5px;content:"";display:inline-block;height:5px;left:50%;margin-left:-5px;position:absolute;width:10px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team{color:#333;font-size:12px;width:310px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row{justify-content:flex-end;width:100%}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a{align-items:center;display:flex;justify-content:center}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a span+span{margin-left:5px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert{align-items:flex-start;display:flex;margin-top:8px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li{margin:0 4px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero{position:relative}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero span{cursor:pointer;display:inline-block;height:50px;position:relative;width:50px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero span img{cursor:pointer;display:block;width:100%}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero.ban span:after{background:url(../images/common/pic_ban.png) no-repeat;content:"";display:inline-block;height:52px;left:0;pointer-events:none;position:absolute;top:0;width:52px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero.mvp span:after{background:url(../images/common/pic_mvp.png) no-repeat;content:"";display:inline-block;height:54px;left:-1px;pointer-events:none;position:absolute;top:-1px;width:53px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero .no-hero{background:#fff url(../images/common/img_nohero.png) no-repeat 50%;background-size:auto 100%;border:1px solid #d1d1d1;border-radius:100px;height:50px;overflow:hidden;width:50px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero{cursor:pointer;height:1.75rem;width:1.75rem}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero img{width:100%}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero .no-hero{background:#fff url(../images/common/img_nohero.png) no-repeat 50%;background-size:auto 100%;border:1px solid #d1d1d1;border-radius:100px;display:inline-block;height:100%;overflow:hidden;width:100%}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .align-row{align-items:center;display:flex;height:1.75rem}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .align-start{justify-content:flex-start}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .align-end{justify-content:flex-end}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-hero-pic{display:inline-block;height:1.75rem;width:1.75rem}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-hero-pic img{width:100%}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;display:inline-block;height:22px;width:20px}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.bronze{background-image:url(../images/common/grade/grade_bronze.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.silver{background-image:url(../images/common/grade/grade_silver.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.gold{background-image:url(../images/common/grade/grade_gold.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.master{background-image:url(../images/common/grade/grade_master.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.challenger{background-image:url(../images/common/grade/grade_challenger.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.champion{background-image:url(../images/common/grade/grade_champion.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.emperor{background-image:url(../images/common/grade/grade_emperor.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.legend{background-image:url(../images/common/grade/grade_legend.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic.warlord{background-image:url(../images/common/grade/grade_warlord.png)}#battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-name{font-weight:500}#battleList ul.battle-list li.battle-info .list-wrap .btn-detail{display:inline-block;height:152px;position:absolute;right:0;top:0;transition:all .1s;width:31px}#battleList ul.battle-list li.battle-info .list-wrap .btn-detail em{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff;display:inline-block;height:0;width:0}#battleList ul.battle-list li.battle-info.win .list-wrap{background-color:#f2f9ff}#battleList ul.battle-list li.battle-info.win .list-wrap .battle-result .br-type{color:#4472c4}#battleList ul.battle-list li.battle-info.win .list-wrap .btn-detail{background-color:#5282d8}#battleList ul.battle-list li.battle-info.win .list-wrap .btn-detail:hover{background-color:#476fba}#battleList ul.battle-list li.battle-info.win .list-wrap .disabled{background-color:#c6c6c6;cursor:default}#battleList ul.battle-list li.battle-info.win .list-wrap .disabled:hover{background-color:#c6c6c6}#battleList ul.battle-list li.battle-info.win.open{border:1px solid #5282d8}#battleList ul.battle-list li.battle-info.lose .list-wrap{background-color:#fff9f9}#battleList ul.battle-list li.battle-info.lose .list-wrap .battle-result .br-type{color:#e46868}#battleList ul.battle-list li.battle-info.lose .list-wrap .btn-detail{background-color:#e46868}#battleList ul.battle-list li.battle-info.lose .list-wrap .btn-detail:hover{background-color:#bb5050}#battleList ul.battle-list li.battle-info.lose .list-wrap .disabled{background-color:#c6c6c6;cursor:default}#battleList ul.battle-list li.battle-info.lose .list-wrap .disabled:hover{background-color:#c6c6c6}#battleList ul.battle-list li.battle-info.lose.open{border:1px solid #e46868}#battleList ul.battle-list li.battle-info.open .btn-detail em{transform:rotate(180deg)}#battleList ul.battle-list li.battle-info .btn-detail.disabled:hover{opacity:1}#battleList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:.4rem;height:40px;overflow:hidden;width:100%}#battleList .heropick-box{position:relative}#battleList .tooltip{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:block;left:0;padding:5px 10px;position:fixed;text-align:center;top:0;transform:translate(-50%,-50px);white-space:nowrap;word-break:unset;z-index:100}#battleList .tooltip p{color:#333;font-size:12px;font-weight:500}#battleList .tooltip:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;bottom:-5px;content:"";display:inline-block;height:5px;left:50%;position:absolute;transform:translate(-50%);width:10px}:lang(ja) #battleList ul.battle-list li.battle-info .list-wrap .battle-result p.season-name{font-size:11px;letter-spacing:-2px}@media(max-width:860px){#wrapper #battleList{width:100%}#wrapper #battleList .battle-list-nodata{font-size:12px;min-height:56vh}#wrapper #battleList .title-area{display:none}#wrapper #battleList ul.battle-list li.battle-info{border-radius:0;border-width:1px 0;margin-bottom:.25rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap{align-items:flex-start;flex-direction:column;height:auto;padding:0}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result{align-items:center;display:flex;font-size:.75rem;height:2.125rem;justify-content:flex-start;padding:0 2.8125rem 0 .875rem;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p{color:#fff!important;font-size:.75rem;line-height:1.2;position:relative}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p+p:not(.season-name){padding-right:1.125rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p+p:not(.season-name):after{background-color:#ffffff80;content:"";display:block;height:.5rem;position:absolute;right:.5625rem;top:50%;transform:translateY(-50%);width:1px}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p+p:not(.season-name):nth-of-type(4){color:#fffc!important}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p+p:not(.season-name):last-of-type{color:#fffc!important;padding-right:0}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p+p:not(.season-name):last-of-type:after{display:none}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p.br-type{font-size:.8125rem;font-weight:700;margin-right:.5rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p.season-name{flex:1;font-size:.75rem;line-height:1;margin-bottom:0;text-align:left}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result p em{color:#fff}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail{border:none;flex-wrap:wrap;font-size:.75rem;justify-content:flex-start;overflow:hidden;padding:1.25rem .875rem .3125rem;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team{align-items:center;display:flex;font-size:.75rem;justify-content:flex-start;margin-bottom:2rem;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .firstpick{position:absolute;right:9.375rem;top:-.3125rem;z-index:1}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row{flex-wrap:wrap;justify-content:flex-start;padding-left:2.125rem;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div.grade-txt{margin-left:0}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div.grade-txt span{display:block;margin:0;max-width:7.5rem;padding-right:.625rem;word-wrap:break-word;word-break:break-word}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div.grade-txt span:first-child{font-weight:700}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div.grade-txt+div{width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row div span{margin:0}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .my-team .align-row .gradeicon{height:1.9375rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.6875rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .vs-line{display:none}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team{align-items:center;display:flex;font-size:.75rem;justify-content:flex-start;margin-bottom:2rem;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .firstpick{left:auto;right:9.375rem;top:-.3125rem;z-index:1}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row{padding-left:2.125rem;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a span:last-child{font-weight:700;order:1;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a span+span{margin-left:0}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a .enemy-name{max-width:27vw;order:3;padding-left:.3125rem;word-break:break-all}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a .enemy-grade-pic{height:1.9375rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.6875rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-team .align-row a .enemy-hero-pic{height:1.0625rem;order:2;width:1.0625rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert{align-items:flex-start;display:flex;margin-top:8px;position:relative}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li{margin:0 .125rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero{position:relative}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero span{height:2.25rem;width:2.25rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero.ban span:after,#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero.mvp span:after{background-size:contain;height:2.375rem;width:2.375rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.pick-hero .no-hero{background-size:contain;border-radius:50%;height:2.25rem;width:2.25rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero{height:1.0625rem;position:relative;width:1.0625rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero:first-child:before{background:url(../images/common/icon_preban.png) no-repeat 0/contain;content:"";display:block;height:.75rem;left:-1.25rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero img{width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert li.preban-hero .no-hero{border-radius:100px;height:100%;width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail ul.flex-vert+.flex-vert{position:absolute;right:0;top:2.75rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .align-row{align-items:center;display:flex}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .align-start{justify-content:flex-start}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .align-end{justify-content:flex-end}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-hero-pic{display:inline-block;height:1.75rem;width:1.75rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-hero-pic img{width:100%}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .battle-result-detail .enemy-grade-pic{display:inline-block;height:22px;width:20px}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .btn-detail{align-items:center;border:1px solid hsla(0,0%,100%,.5);border-radius:.125rem;display:flex;height:1.25rem;justify-content:center;right:.9375rem;top:.375rem;width:1.25rem}#wrapper #battleList ul.battle-list li.battle-info .list-wrap .btn-detail em{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;display:inline-block;height:0;width:0}#wrapper #battleList ul.battle-list li.battle-info.win .list-wrap{background-color:#f2f9ff}#wrapper #battleList ul.battle-list li.battle-info.win .list-wrap .battle-result{background-color:#476fba}#wrapper #battleList ul.battle-list li.battle-info.win .list-wrap .btn-detail{background-color:transparent}#wrapper #battleList ul.battle-list li.battle-info.win .list-wrap .btn-detail:hover{background-color:#476fba}#wrapper #battleList ul.battle-list li.battle-info.win .list-wrap .disabled{background-color:#c6c6c6;cursor:default}#wrapper #battleList ul.battle-list li.battle-info.win .list-wrap .disabled:hover{background-color:#c6c6c6}#wrapper #battleList ul.battle-list li.battle-info.win.open{border:solid #e3e5e8;border-width:0 0 1px}#wrapper #battleList ul.battle-list li.battle-info.lose .list-wrap{background-color:#fef9f9}#wrapper #battleList ul.battle-list li.battle-info.lose .list-wrap .battle-result{background-color:#e46868}#wrapper #battleList ul.battle-list li.battle-info.lose .list-wrap .btn-detail{background-color:transparent}#wrapper #battleList ul.battle-list li.battle-info.lose .list-wrap .btn-detail:hover{background-color:#bb5050}#wrapper #battleList ul.battle-list li.battle-info.lose .list-wrap .disabled{background-color:#c6c6c6;cursor:default}#wrapper #battleList ul.battle-list li.battle-info.lose .list-wrap .disabled:hover{background-color:#c6c6c6}#wrapper #battleList ul.battle-list li.battle-info.lose.open{border:solid #e3e5e8;border-width:0 0 1px}#wrapper #battleList ul.battle-list li.battle-info.open .btn-detail em{transform:rotate(180deg)}#wrapper #battleList ul.battle-list li.battle-info .btn-detail.disabled:hover{opacity:1}#wrapper #battleList .loadMoreBtn{border-radius:.125rem;display:block;font-size:.875rem;height:2rem;margin:.625rem auto 0;width:calc(100% - 1.875rem)}}#rankHeroListChart{border:1px solid #e3e5e8;border-radius:6px;overflow:hidden;width:100%}#rankHeroListChart h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#rankHeroListChart table{border-collapse:unset;table-layout:auto}#rankHeroListChart table td,#rankHeroListChart table th{font-size:.9rem;text-align:center}#rankHeroListChart table td.loading-wrap{height:800px;width:100%}#rankHeroListChart table tr.analybox:hover td{background-color:#f8f8f8}#rankHeroListChart table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:13px;font-weight:400;height:30px;padding:.4rem 0;position:relative}#rankHeroListChart table th .sort-btn i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;display:inline-block;font-size:0;height:0;margin-left:6px;text-indent:-99999em;transform:rotate(180deg);transform-origin:center;transition:all .15s;vertical-align:2px;width:0}#rankHeroListChart table th .sort-btn i.descend{transform:rotate(0)}#rankHeroListChart table th .hard-hero-list{align-items:center;cursor:pointer;display:flex;justify-content:center}#rankHeroListChart table th .icon-tooltip{background:url(../images/common/icon_caution_s.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#rankHeroListChart table th .icon-tooltip .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;position:absolute;right:50px;top:-5px;transform:rotate(180deg);width:10px}#rankHeroListChart table th .icon-tooltip .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;min-width:420px;padding:20px;position:absolute;right:-50px;text-align:center;top:20px;z-index:100}#rankHeroListChart table th .icon-tooltip .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankHeroListChart table th .icon-tooltip .layer-box p{color:#333;font-size:12px;font-weight:400}#rankHeroListChart table th .icon-tooltip .layer-box em{color:#999;font-size:12px;font-weight:400}#rankHeroListChart table th .grade{height:34px;position:absolute;right:4px;top:4px;width:130px}#rankHeroListChart table th.nodata-th{text-align:center}#rankHeroListChart table th:last-child{position:relative}#rankHeroListChart table th:last-child .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;cursor:pointer;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}#rankHeroListChart table th:last-child .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:50%;position:absolute;top:-5px;transform:translate(-50%);transform:rotate(180deg);width:10px}#rankHeroListChart table th:last-child .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:none;flex-direction:column;justify-content:center;left:50%;min-width:440px;opacity:0;padding:20px;position:absolute;text-align:center;top:40px;transform:translate(-59%);visibility:hidden;z-index:100}#rankHeroListChart table th:last-child .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankHeroListChart table th:last-child .layer-box p{color:#333;font-size:12px;font-weight:400}#rankHeroListChart table th:last-child .layer-box em{color:#999;font-size:12px;font-weight:400}#rankHeroListChart table th:last-child .layer-box.show{display:flex;opacity:1;visibility:visible}#rankHeroListChart table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#333;font-size:13px;font-weight:500;height:50px;line-height:1.6em;padding:7px 0;position:relative}#rankHeroListChart table td p{height:20px}#rankHeroListChart table td.no-hero-list{padding:120px 0}#rankHeroListChart table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankHeroListChart table td:first-child{width:5%}#rankHeroListChart table td:nth-child(2){width:26%}#rankHeroListChart table td:nth-child(3),#rankHeroListChart table td:nth-child(4){width:32%}#rankHeroListChart table td.rank-num{font-size:12px;font-weight:600}#rankHeroListChart table td.icon-hero{padding-left:6px;text-align:left}#rankHeroListChart table td.icon-hero .user-cont{align-items:center;cursor:pointer;display:inline-flex;justify-content:flex-start}#rankHeroListChart table td.icon-hero .user-cont span{border-radius:100px;cursor:pointer;display:inline-block;height:38px;width:38px}#rankHeroListChart table td.icon-hero .user-cont span img{width:100%}#rankHeroListChart table td.icon-hero .user-cont strong{display:flex;flex-direction:column;justify-content:center;margin-left:10px}#rankHeroListChart table td.icon-hero .user-cont strong i{display:block;font-size:11px;line-height:1.3em}#rankHeroListChart table td.icon-hero .user-cont strong i em{font-size:13px;font-weight:400}#rankHeroListChart table td.icon-hero .user-cont strong i.hero-name{color:#333;font-size:13px;font-weight:600;word-break:break-all}#rankHeroListChart table td.icon-equip ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#rankHeroListChart table td.icon-equip ul li span{border-radius:100px;display:inline-block;height:20px;width:20px}#rankHeroListChart table td.icon-equip ul li span img{width:100%}#rankHeroListChart table td.icon-hardhero ul li,#rankHeroListChart table td.icon-withhero ul li{display:inline-block;height:28px;margin:0 2px;width:28px}#rankHeroListChart table td.icon-hardhero ul li span,#rankHeroListChart table td.icon-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#rankHeroListChart table td.icon-hardhero ul li span img,#rankHeroListChart table td.icon-withhero ul li span img{width:100%}#rankHeroListChart table td.icon-withequip ul li{display:inline-block;height:19px;margin:0 1px;width:19px}#rankHeroListChart table td.icon-withequip ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:19px;width:19px}#rankHeroListChart table td.icon-withequip ul li span img{width:100%}#rankHeroListChart table td.icon-withartifact ul li{display:inline-block;height:30px;margin:0 2px;width:30px}#rankHeroListChart table td.icon-withartifact ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:30px;width:30px}#rankHeroListChart table td.icon-withartifact ul li span img{width:100%}#rankHeroListChart table td.icon-grade,#rankHeroListChart table td.rate-graph{text-align:center}#rankHeroListChart table td .gradeicon{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;display:inline-block;height:24px;margin-right:3px;vertical-align:middle;width:22px}#rankHeroListChart table td .gradeicon.bronze{background-image:url(../images/common/grade/grade_bronze.png)}#rankHeroListChart table td .gradeicon.silver{background-image:url(../images/common/grade/grade_silver.png)}#rankHeroListChart table td .gradeicon.gold{background-image:url(../images/common/grade/grade_gold.png)}#rankHeroListChart table td .gradeicon.master{background-image:url(../images/common/grade/grade_master.png)}#rankHeroListChart table td .gradeicon.challenger{background-image:url(../images/common/grade/grade_challenger.png)}#rankHeroListChart table td .gradeicon.champion{background-image:url(../images/common/grade/grade_champion.png)}#rankHeroListChart table td .gradeicon.emperor{background-image:url(../images/common/grade/grade_emperor.png)}#rankHeroListChart table td .gradeicon.legend{background-image:url(../images/common/grade/grade_legend.png)}#rankHeroListChart table td .gradeicon.warlord{background-image:url(../images/common/grade/grade_warlord.png)}#rankHeroListChart table td .rank-server-score{align-items:center;display:flex;justify-content:center;position:relative}#rankHeroListChart table td .rank-server-score .score-avr{color:#333;font-size:12px;font-weight:600;margin-right:-10px;position:relative;text-align:right;width:52px;z-index:10}#rankHeroListChart table td .rank-server-score .score-avr em{color:#333}#rankHeroListChart table td .rank-server-score .charts-hero-bar{height:40px;position:relative;top:-54px;width:280px}#rankHeroListChart table td .rank-server-score .charts-hero-bar .score-win{color:#fff;font-size:11px;left:34px;position:absolute;text-align:left;top:65px}#rankHeroListChart table td .rank-server-score .charts-hero-bar .score-lose{color:#fff;font-size:11px;position:absolute;right:22px;text-align:right;top:65px}#rankHeroListChart table tr:last-child td{border-bottom:none}#rankHeroListChart .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:5px;height:40px;overflow:hidden;width:100%}:lang(ja) #rankHeroListChart table th{font-size:12px}@media(max-width:860px){#wrapper #rankHeroListChart{border-radius:0;padding-bottom:0;padding-top:0;width:100%}#wrapper #rankHeroListChart .herorank-title{background-color:#f7f7f9;border:1px solid #e3e5e8;border-left:none;border-right:none}#wrapper #rankHeroListChart .herorank-title .hero-portrait{height:50px;width:50px}#wrapper #rankHeroListChart .herorank-title h3{font-size:16px}#wrapper #rankHeroListChart .herorank-title .toggle-btn{align-items:center;border:1px solid #e3e5e8;border-radius:2px;cursor:pointer;display:flex;height:2rem;justify-content:center;margin-left:auto;width:2rem}#wrapper #rankHeroListChart .herorank-title .toggle-btn:after{border-bottom:6px solid #333;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;height:0;transition:all .15s;width:0}#wrapper #rankHeroListChart .herorank-title .toggle-btn.active:after{transform:rotate(180deg);transform-origin:center}#wrapper #rankHeroListChart #searchHero{border-bottom:1px solid #e4e4e6;height:auto;padding-bottom:.6rem}#wrapper #rankHeroListChart #searchHero .wrap{border-bottom:1px solid #e4e4e6}#wrapper #rankHeroListChart #searchHero .wrap .filterlist-wrap{background-color:#fafbfc;height:13rem;min-height:auto}#wrapper #rankHeroListChart .bg-wrap{background-color:#fff}#wrapper #rankHeroListChart table{border-left:none;border-radius:0;border-right:none;border-top:none;margin-bottom:0;padding:0}#wrapper #rankHeroListChart table td{font-size:.9rem;height:auto;padding:1rem 0;text-align:center}#wrapper #rankHeroListChart table td strong{font-weight:800}#wrapper #rankHeroListChart table td:first-child{font-size:.6875rem}#wrapper #rankHeroListChart table td.loading-wrap{height:800px;width:100%}#wrapper #rankHeroListChart table tr.analybox:hover td{background-color:#fff}#wrapper #rankHeroListChart table td{background-color:#fff;border-bottom:1px solid #e4e4e6;color:#303030;font-size:12px;line-height:1.6em;position:relative}#wrapper #rankHeroListChart table td p{height:20px}#wrapper #rankHeroListChart table td.no-hero-list{padding:100px 0}#wrapper #rankHeroListChart table td .hero-name{color:#333;font-size:.7rem;font-weight:600;line-height:1.2em;word-break:break-all}#wrapper #rankHeroListChart table td .hero-name em{display:block;font-size:.6rem;text-align:left}#wrapper #rankHeroListChart table td h3{color:#333;font-size:12px;font-weight:600;margin-bottom:10px}#wrapper #rankHeroListChart table td:first-child{font-size:.6rem;padding:1rem 0;width:10%}#wrapper #rankHeroListChart table td:first-child:after{background-color:#e4e4e6;content:"";display:inline-block;height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#wrapper #rankHeroListChart table td:nth-child(2){align-items:flex-start;display:flex;justify-content:space-between;width:100%}#wrapper #rankHeroListChart table td .user-cont{align-items:center;display:flex;justify-content:flex-start;width:45%}#wrapper #rankHeroListChart table td .user-cont span.char-img{border-radius:100px;cursor:pointer;display:inline-block;height:2.4rem;margin:0 .4rem;width:2.4rem}#wrapper #rankHeroListChart table td .user-cont span.char-img img{width:100%}#wrapper #rankHeroListChart table td .user-cont .char-info{align-items:flex-start;display:flex;flex:1 1 6rem;flex-direction:column;justify-content:flex-start;text-align:left}#wrapper #rankHeroListChart table td .user-cont .char-info i.hero-clan{color:#666;font-size:.6rem}#wrapper #rankHeroListChart table td .first-ch{display:inline-block;font-size:.6rem}#wrapper #rankHeroListChart table td .first-ch strong{font-weight:800}#wrapper #rankHeroListChart table td .gradeicon{height:20px;width:18px}#wrapper #rankHeroListChart table td .m-win-rate,#wrapper #rankHeroListChart table td .m-win-score{align-items:center;display:flex;justify-content:flex-start}#wrapper #rankHeroListChart table td .m-win-rate{width:53%}#wrapper #rankHeroListChart table td .m-win-rate .charts-hero-bar{height:40px;left:-6%;position:relative;top:-54px;width:100%}#wrapper #rankHeroListChart table td .m-win-rate .charts-hero-bar .score-win{color:#fff;font-size:.6rem;left:16%;position:absolute;text-align:left;top:65px}#wrapper #rankHeroListChart table td .m-win-rate .charts-hero-bar .score-lose{color:#fff;font-size:.6rem;position:absolute;right:7%;text-align:right;top:65px}#wrapper #rankHeroListChart table td .m-withhero{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px}#wrapper #rankHeroListChart table td .m-withhero ul li{display:inline-block;height:28px;margin:0 1px;width:28px}#wrapper #rankHeroListChart table td .m-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#wrapper #rankHeroListChart table td .m-withhero ul li span img{width:100%}#wrapper #rankHeroListChart table td .m-withequip{align-items:center;display:flex;justify-content:flex-start;margin-bottom:11px}#wrapper #rankHeroListChart table td .m-withequip ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#wrapper #rankHeroListChart table td .m-withequip ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:20px;width:20px}#wrapper #rankHeroListChart table td .m-withequip ul li span img{width:100%}#wrapper #rankHeroListChart table td .m-witharti{align-items:center;display:flex;justify-content:flex-start;margin-bottom:11px}#wrapper #rankHeroListChart table td .m-witharti ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#wrapper #rankHeroListChart table td .m-witharti ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:20px;width:20px}#wrapper #rankHeroListChart table td .m-witharti ul li span img{width:100%}#wrapper #rankHeroListChart table tr:last-child td{border-bottom:none}#wrapper #rankHeroListChart .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;display:block;height:40px;margin:0 auto;overflow:hidden;width:96%}#wrapper :lang(zh-TW) #rankHeroListChart table th{font-size:10px;word-break:break-all}#wrapper :lang(ja) #rankHeroListChart table th{font-size:9px;word-break:break-all}}#heroAnalysisData{padding-bottom:100px}#heroAnalysisData .inner{display:block!important;margin:0 auto;max-width:1200px;position:relative;width:100%}#heroAnalysisData .inner .selectbox-wrap{align-items:flex-start;display:flex;justify-content:flex-start}#heroAnalysisData .inner .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:40px;position:relative;width:180px}#heroAnalysisData .inner .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#heroAnalysisData .inner .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#heroAnalysisData .inner .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#heroAnalysisData .inner .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#heroAnalysisData .inner .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#heroAnalysisData .inner .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#heroAnalysisData .inner .selectbox-wrap .select-box ul li{color:#999}#heroAnalysisData .inner .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#heroAnalysisData .inner .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#heroAnalysisData .inner .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#heroAnalysisData .inner .selectbox-wrap .select-box:first-child{margin-right:6px}#heroAnalysisData .inner .hero-no-data{align-items:center;border-bottom:1px solid #e3e5e8;border-top:1px solid #e3e5e8;display:flex;height:500px;justify-content:center;margin-top:20px}#heroAnalysisData .inner .win-rate-wrap{background-color:#fff;border:1px solid #e3e5e8;border-radius:6px;margin-top:20px;overflow:hidden}#heroAnalysisData .inner .win-rate-wrap h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#heroAnalysisData .inner .win-rate-wrap .rate-desc{align-items:center;display:flex;height:60px;justify-content:center;text-align:center}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank{color:#333;font-size:14px;font-weight:500}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank em{font-size:20px;font-weight:600}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank:before{border-left:9px solid transparent;border-right:9px solid transparent;border-top:13px solid #333;content:"";display:inline-block;margin-right:8px;transform:rotate(180deg);transform-origin:center;transition:all .15s}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.up em{color:#5282d8}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.up:before{border-top:13px solid #5282d8}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.down em{color:#e46868}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.down:before{border-top:13px solid #e46868;transform:rotate(0)}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.same em{color:#333}#heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.same:before{background-color:#888;border-left:none;border-right:none;border-top:none;height:3px;margin-top:-4px;vertical-align:middle;width:13px}#heroAnalysisData .inner .win-rate-wrap .rate-desc .win-rate{color:#333;font-size:20px;font-weight:600;margin-left:10px}#heroAnalysisData .inner .win-rate-wrap .charts-hero-bar{margin-top:-20px}#heroAnalysisData .inner .win-rate-wrap .charts-hero-bar #chartContainer{cursor:default!important;height:100vh;position:relative;width:100%}#heroAnalysisData .inner .chart-row{align-items:flex-start;display:flex;justify-content:space-between;margin-top:8px}#heroAnalysisData .inner .chart-row .c-skill{background-color:#fff;border:1px solid #e3e5e8;border-radius:6px;height:207px;overflow:hidden;width:596px}#heroAnalysisData .inner .chart-row .c-skill h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#heroAnalysisData .inner .chart-row .c-skill li{align-items:center;display:flex;height:58px;justify-content:flex-start;padding:0 10px;width:100%}#heroAnalysisData .inner .chart-row .c-skill li+li{border-top:1px solid #e3e5e8}#heroAnalysisData .inner .chart-row .c-skill li .skill-icon{display:inline-block;min-width:40px}#heroAnalysisData .inner .chart-row .c-skill li .skill-icon i{display:inline-block;height:32px;width:32px}#heroAnalysisData .inner .chart-row .c-skill li .skill-icon i img{width:100%}#heroAnalysisData .inner .chart-row .c-skill li .skill-name{font-size:13px;font-weight:600;min-width:180px}#heroAnalysisData .inner .chart-row .c-skill li .listbox{margin-left:auto;width:350px}#heroAnalysisData .inner .chart-row .c-skill .charts-hero-bar{height:45px;position:relative;width:100%}#heroAnalysisData .inner .chart-row .c-balance,#heroAnalysisData .inner .chart-row .c-banrate,#heroAnalysisData .inner .chart-row .c-pickrate{background-color:#fff;border:1px solid #e3e5e8;border-radius:6px;height:207px;width:394px}#heroAnalysisData .inner .chart-row .c-balance h3,#heroAnalysisData .inner .chart-row .c-banrate h3,#heroAnalysisData .inner .chart-row .c-pickrate h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#heroAnalysisData .inner .chart-row .c-balance .charts-hero-bar,#heroAnalysisData .inner .chart-row .c-banrate .charts-hero-bar,#heroAnalysisData .inner .chart-row .c-pickrate .charts-hero-bar{height:36px;position:relative;width:100%}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap{padding:20px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero{margin-bottom:25px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero{align-items:center;display:flex;justify-content:flex-start}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit{align-items:center;display:flex;font-size:13px;font-weight:700;justify-content:flex-start;width:260px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;cursor:pointer;height:12px;margin-left:4px;position:relative;width:12px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box:before,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box:before,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box:before,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box:before,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box:before,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:210px;position:absolute;top:-5px;transform:rotate(180deg);width:10px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:none;flex-direction:column;justify-content:center;left:-210px;min-width:420px;padding:20px;position:absolute;text-align:center;top:20px;z-index:100}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box.open,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box.open,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box.open,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box.open,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box.open,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box.open{display:flex}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box h3,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box h3,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box h3,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box h3,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box h3,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box h3{background:none;border:none;color:#333;display:unset;font-size:14px;font-weight:600;height:auto;margin-bottom:10px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box p,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box p,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box p,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box p,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box p,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box p{color:#333;font-size:12px;font-weight:400}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box em,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box em,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box em,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box em,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box em,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box em{color:#999;font-size:12px;font-weight:400}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero ul,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero ul,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero ul,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero ul,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero ul,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero ul{align-items:center;display:flex;justify-content:space-between;width:100%}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero ul li a span,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero ul li a span,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero ul li a span,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero ul li a span,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero ul li a span,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero ul li a span{display:inline-block;height:50px;width:50px}#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero ul li a span img,#heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero ul li a span img,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero ul li a span img,#heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero ul li a span img,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero ul li a span img,#heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero ul li a span img{height:100%;width:100%}#heroAnalysisData .inner .chart-row .c-abillity{background-color:#fff;border:1px solid #e3e5e8;border-radius:6px;overflow:hidden;width:100%}#heroAnalysisData .inner .chart-row .c-abillity h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#heroAnalysisData .inner .chart-row .c-abillity p{color:#333;font-size:14px;font-weight:500;padding:18px 0 12px;text-align:center;width:100%}#heroAnalysisData .inner .chart-row .c-abillity ul{padding-bottom:1.25rem;width:100%}#heroAnalysisData .inner .chart-row .c-abillity ul li{align-items:center;display:inline-flex;height:74px;justify-content:center;margin:0 1%;width:48%}#heroAnalysisData .inner .chart-row .c-abillity ul li span{font-size:13px;font-weight:600}#heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:14px;font-weight:600;margin-top:20px;position:relative;width:180px}#heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name:before{background-color:#999;border-radius:100px;content:"";display:inline-block;height:3px;margin-right:5px;vertical-align:middle;width:3px}#heroAnalysisData .inner .chart-row .c-abillity ul li .listbox{align-items:center;display:flex;justify-content:center;margin-left:auto;width:100%}#heroAnalysisData .inner .chart-row .c-abillity ul li .listbox span{display:inline-block;font-size:11px;width:36px}#heroAnalysisData .inner .chart-row .c-abillity ul li .listbox span:first-child{text-align:right}#heroAnalysisData .inner .chart-row .c-abillity ul li .listbox span:last-child{text-align:left}#heroAnalysisData .inner .chart-row .c-abillity ul li .charts-hero-bar{height:68px;position:relative;width:100%}#heroAnalysisData .inner .chart-row .c-equip{background-color:#fff;border:1px solid #e3e5e8;border-radius:6px;height:207px;overflow:hidden;width:596px}#heroAnalysisData .inner .chart-row .c-equip h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;width:100%}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li{align-items:center;display:flex;height:30px;justify-content:flex-start;width:100%}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-name{color:#333;font-size:14px;font-weight:600;margin-right:8px;width:60px}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:90px}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon li{border-radius:100px;display:inline-block;height:20px;width:20px}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon li+li{margin-left:2px}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon li img{width:100%}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .chartbar{width:300px}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .chartbar .equipchart-list{position:relative}#heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-winrate{color:#333;font-size:12px;font-weight:600;margin-left:auto}#heroAnalysisData .inner .no-chart{align-items:center;display:flex;font-size:.8rem;height:80%;justify-content:center;padding:4rem 0}#heroAnalysisData .inner .no-chart-loading{align-items:center;display:flex;height:800px;justify-content:center}:lang(en) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:11px}:lang(zh-TW) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:14px}:lang(ja) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:10px}@media(max-width:860px){#wrapper #heroAnalysisData{padding-bottom:50px;padding-top:10px}#wrapper #heroAnalysisData .inner{display:block!important;margin:0 auto;max-width:1200px;position:relative;width:100%}#wrapper #heroAnalysisData .inner .selectbox-wrap{align-items:flex-start;display:flex;justify-content:center}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;cursor:pointer;height:40px;position:relative;width:45%}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box ul li{color:#999}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#wrapper #heroAnalysisData .inner .selectbox-wrap .select-box:first-child{margin-right:.625rem}#wrapper #heroAnalysisData .inner .hero-no-data{align-items:center;border-bottom:1px solid #e3e5e8;border-top:1px solid #e3e5e8;display:flex;height:500px;justify-content:center;margin-top:20px}#wrapper #heroAnalysisData .inner .win-rate-wrap{background-color:#fff;border-radius:0;border-width:1px 0;margin-top:10px;overflow:hidden}#wrapper #heroAnalysisData .inner .win-rate-wrap h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc{align-items:center;display:flex;height:60px;justify-content:center;text-align:center}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank{color:#333;font-size:14px;font-weight:500}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank em{font-size:20px;font-weight:600}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank:before{border-left:9px solid transparent;border-right:9px solid transparent;border-top:13px solid #333;content:"";display:inline-block;margin-right:8px;transform:rotate(180deg);transform-origin:center;transition:all .15s}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.up em{color:#5282d8}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.up:before{border-top:13px solid #5282d8}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.down em{color:#e46868}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.down:before{border-top:13px solid #e46868;transform:rotate(0)}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.same em{color:#333}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .rank.same:before{background-color:#888;border-left:none;border-right:none;border-top:none;height:3px;margin-top:-4px;vertical-align:middle;width:13px}#wrapper #heroAnalysisData .inner .win-rate-wrap .rate-desc .win-rate{color:#333;font-size:20px;font-weight:600;margin-left:10px}#wrapper #heroAnalysisData .inner .win-rate-wrap .charts-hero-bar{margin-top:-20px;overflow-x:scroll;width:100%}#wrapper #heroAnalysisData .inner .win-rate-wrap .charts-hero-bar::-webkit-scrollbar{height:4px}#wrapper #heroAnalysisData .inner .win-rate-wrap .charts-hero-bar #chartContainer{cursor:default!important;height:100vh;position:relative}#wrapper #heroAnalysisData .inner .chart-row{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px}#wrapper #heroAnalysisData .inner .chart-row .c-skill{background-color:#fff;border-radius:0;border-width:1px 0;height:auto;overflow:hidden;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-skill h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-skill li{align-items:center;display:flex;height:auto;justify-content:flex-start;padding:5px 13px;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-skill li+li{border-top:1px solid #e3e5e8}#wrapper #heroAnalysisData .inner .chart-row .c-skill li .skill-icon{display:inline-block;min-width:40px}#wrapper #heroAnalysisData .inner .chart-row .c-skill li .skill-icon i{display:inline-block;height:32px;width:32px}#wrapper #heroAnalysisData .inner .chart-row .c-skill li .skill-icon i img{width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-skill li .skill-name{font-size:11px;font-weight:600;min-width:80px;word-break:break-all}#wrapper #heroAnalysisData .inner .chart-row .c-skill li .listbox{margin-left:auto;width:400px}#wrapper #heroAnalysisData .inner .chart-row .c-skill .charts-hero-bar{height:45px;position:relative;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-balance,#wrapper #heroAnalysisData .inner .chart-row .c-banrate,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate{background-color:#fff;border-radius:0;border-width:1px 0;height:207px;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-balance h3,#wrapper #heroAnalysisData .inner .chart-row .c-banrate h3,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-balance .charts-hero-bar,#wrapper #heroAnalysisData .inner .chart-row .c-banrate .charts-hero-bar,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate .charts-hero-bar{height:36px;position:relative;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box:before,#wrapper #heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box:before,#wrapper #heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box:before,#wrapper #heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box:before,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box:before,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box:before{left:90px;top:-5px}#wrapper #heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box,#wrapper #heroAnalysisData .inner .chart-row .c-balance .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box,#wrapper #heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box,#wrapper #heroAnalysisData .inner .chart-row .c-banrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .hard-hero .b-tit .icon-tooltip .layer-box,#wrapper #heroAnalysisData .inner .chart-row .c-pickrate .hero-balance-wrap .with-hero .b-tit .icon-tooltip .layer-box{left:-90px;min-width:auto;padding:20px;right:0;top:22px;width:81vw}#wrapper #heroAnalysisData .inner .chart-row .c-balance,#wrapper #heroAnalysisData .inner .chart-row .c-banrate{margin-top:10px}#wrapper #heroAnalysisData .inner .chart-row .c-abillity{background-color:#fff;border-radius:0;border-width:1px 0;height:auto;order:2;overflow:hidden;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-abillity h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-abillity p{color:#333;font-size:12px;font-weight:500;padding:25px 0 5px;text-align:center;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul{padding:15px 0 25px;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li{align-items:center;display:flex;height:auto;justify-content:space-between;margin:0 0 10px;padding:0 0 0 15px;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li span{font-size:12px;font-weight:600}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:12px;font-weight:600;margin-top:0;position:relative;width:130px;word-break:break-all}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name:before{background-color:#999;border-radius:100px;content:"";display:none;height:3px;margin-right:5px;vertical-align:middle;width:3px}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .listbox{align-items:center;display:flex;justify-content:center;margin-left:auto;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .listbox span{display:inline-block;font-size:10px;width:36px}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .listbox span:first-child{text-align:right}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .listbox span:last-child{text-align:left}#wrapper #heroAnalysisData .inner .chart-row .c-abillity ul li .charts-hero-bar{height:50px;position:relative;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-equip{background-color:#fff;border:1px solid #e3e5e8;border-radius:0;height:270px;margin-top:10px;order:1;overflow:hidden;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-equip h3{align-items:center;background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;text-align:center;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:20px 15px;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li{align-items:center;display:flex;height:39px;justify-content:flex-start;width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-name{color:#333;font-size:12px;font-weight:600;margin-right:6px;width:24px}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;min-width:58px;width:auto}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon li{border-radius:100px;display:inline-block;height:18px;width:18px}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon li+li{margin-left:2px}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-icon li img{width:100%}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .chartbar{min-width:200px;width:auto}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .chartbar .equipchart-list{position:relative}#wrapper #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-winrate{color:#333;font-size:11px;font-weight:600;margin-left:auto;text-align:right;width:50px}#wrapper #heroAnalysisData .inner .no-chart{align-items:center;display:flex;height:80%;justify-content:center}#wrapper #heroAnalysisData .inner .no-chart-loading{align-items:center;display:flex;height:800px;justify-content:center}#wrapper :lang(en) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:10px}#wrapper :lang(en) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name,#wrapper :lang(en) #heroAnalysisData .inner .chart-row .c-skill li .skill-name{word-break:break-word}#wrapper :lang(en) #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-name{width:40px}#wrapper :lang(zh-TW) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:12px}#wrapper :lang(zh-TW) #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-name{width:35px}#wrapper :lang(ja) #heroAnalysisData .inner .chart-row .c-abillity ul li .skill-name{font-size:9px}#wrapper :lang(ja) #heroAnalysisData .inner .chart-row .c-equip ul.equip-list-wrap li .equip-name{width:25px}#wrapper :lang(ja) #heroAnalysisData .inner .selectbox-wrap .select-box .option,#wrapper :lang(ja) #heroAnalysisData .inner .selectbox-wrap .select-box .option.selected{font-size:12px}}#heroInfo{background-color:#202020;padding-top:13.125rem}#heroInfo .inner{align-items:flex-start;display:flex;flex-direction:column;height:170px;justify-content:center}#heroInfo .inner .nouser-data h2.tit{color:#fff;font-size:26px;font-weight:700;margin-bottom:17px}#heroInfo .inner .nouser-data p.desc{color:#999;font-size:16px;font-weight:400}#heroInfo .inner .nouser-data .recently{bottom:20px;color:#999;font-size:12px;position:absolute;right:0}#heroInfo .inner .user-info{align-items:center;display:flex;justify-content:flex-start}#heroInfo .inner .user-info .profile-img{background-color:#777;border-radius:100px;display:inline-block;height:100px;position:relative;width:100px}#heroInfo .inner .user-info .profile-img:after{background:url(../images/common/img_profile_wrap.png) no-repeat 50%;content:"";display:inline-block;height:113px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:113px;z-index:2}#heroInfo .inner .user-info .profile-img img{height:100%;width:100%}#heroInfo .inner .user-info .txt-wrap em,#heroInfo .inner .user-info .txt-wrap i,#heroInfo .inner .user-info .txt-wrap span{color:#999;font-size:16px}#heroInfo .inner .user-info .txt-wrap{margin-left:20px}#heroInfo .inner .user-info .txt-wrap .info{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;width:400px}#heroInfo .inner .user-info .txt-wrap .info .attr{align-items:center;display:flex;justify-content:flex-start;margin-left:-2px}#heroInfo .inner .user-info .txt-wrap .info .attr em{display:inline-block}#heroInfo .inner .user-info .txt-wrap .info .attr i{background:url(../images/common/icon_attr.png) no-repeat 0 0;display:inline-block;height:23px;margin-right:3px;width:23px}#heroInfo .inner .user-info .txt-wrap .info .attr i.light{background-position-y:0}#heroInfo .inner .user-info .txt-wrap .info .attr i.fire{background-position-y:25%}#heroInfo .inner .user-info .txt-wrap .info .attr i.wind{background-position-y:50%}#heroInfo .inner .user-info .txt-wrap .info .attr i.ice{background-position-y:75%}#heroInfo .inner .user-info .txt-wrap .info .attr i.dark{background-position-y:100%}#heroInfo .inner .user-info .txt-wrap .info .job{align-items:center;display:flex;justify-content:flex-start;margin-left:15px}#heroInfo .inner .user-info .txt-wrap .info .job em{display:inline-block}#heroInfo .inner .user-info .txt-wrap .info .job i{background:url(../images/common/icon_job.png) no-repeat 0 0;display:inline-block;height:22px;margin-right:3px;width:22px}#heroInfo .inner .user-info .txt-wrap .info .job i.manauser{background-position-y:0}#heroInfo .inner .user-info .txt-wrap .info .job i.mage{background-position-y:20%}#heroInfo .inner .user-info .txt-wrap .info .job i.warrior{background-position-y:40%}#heroInfo .inner .user-info .txt-wrap .info .job i.assassin{background-position-y:60%}#heroInfo .inner .user-info .txt-wrap .info .job i.knight{background-position-y:80%}#heroInfo .inner .user-info .txt-wrap .info .job i.ranger{background-position-y:100%}#heroInfo .inner .user-info .txt-wrap .name-wrap{align-items:center;display:flex;justify-content:flex-start}#heroInfo .inner .user-info .txt-wrap .name-wrap .hero-name{color:#fff;display:inline-block;font-size:26px;font-weight:600}#heroInfo .inner .user-info .txt-wrap .name-wrap i{background:url(../images/common/icon_grade.png) no-repeat 0 0;display:inline-block;height:20px;margin-left:5px;width:70px}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade1{background-position-y:0}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade2{background-position-y:25%}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade3{background-position-y:50%}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade4{background-position-y:75%}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade5{background-position-y:100%}#heroInfo .inner .user-info .recently{color:#999;font-size:12px;margin-top:10px;position:relative}#heroInfo .inner .user-info .update-time{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:flex-start;margin-top:10px;position:relative}#heroInfo .inner .user-info .update-time em{font-size:12px;margin-right:3px}#heroInfo .inner .user-info .update-time .icon-tooltip{background:url(../images/common/icon_caution_s.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#heroInfo .inner .user-info .update-time{color:#999}#heroInfo .inner .user-info .update-time .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:30px;position:absolute;top:-5px;transform:rotate(180deg);width:10px}#heroInfo .inner .user-info .update-time .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;left:-30px;min-width:420px;padding:20px;position:absolute;text-align:center;top:26px;z-index:100}#heroInfo .inner .user-info .update-time .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#heroInfo .inner .user-info .update-time .layer-box p{color:#333;font-size:12px;font-weight:400}#heroInfo .inner .user-info .update-time .layer-box em{color:#999;font-size:12px;font-weight:400}@media(max-width:860px){#heroInfo{padding-top:12.5rem}#heroInfo .inner{height:auto;padding:20px 18px}#heroInfo .inner .nouser-data h2.tit{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}#heroInfo .inner .nouser-data p.desc{color:#999;font-size:13px;font-weight:400;margin-bottom:8px}#heroInfo .inner .nouser-data .recently{bottom:unset;color:#999;font-size:12px;position:static;right:unset}#heroInfo .inner .user-info{align-items:center;display:flex;justify-content:flex-start}#heroInfo .inner .user-info .profile-img{background-color:#777;border-radius:100px;display:inline-block;height:5rem;position:relative;width:5rem}#heroInfo .inner .user-info .profile-img:after{background:url(../images/common/img_profile_wrap.png) no-repeat 50%;background-size:100% auto;content:"";display:inline-block;height:5.6875rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5.6875rem;z-index:2}#heroInfo .inner .user-info .profile-img img{height:100%;width:100%}#heroInfo .inner .user-info .txt-wrap em,#heroInfo .inner .user-info .txt-wrap i,#heroInfo .inner .user-info .txt-wrap span{color:#999;font-size:.875rem}#heroInfo .inner .user-info .txt-wrap{margin-left:.875rem}#heroInfo .inner .user-info .txt-wrap .info{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;width:400px}#heroInfo .inner .user-info .txt-wrap .info .attr{align-items:center;display:flex;justify-content:flex-start;margin-left:-2px}#heroInfo .inner .user-info .txt-wrap .info .attr em{display:inline-block}#heroInfo .inner .user-info .txt-wrap .info .attr i{background:url(../images/common/icon_attr.png) no-repeat 0 0;display:inline-block;height:23px;margin-right:3px;width:23px}#heroInfo .inner .user-info .txt-wrap .info .attr i.light{background-position-y:0}#heroInfo .inner .user-info .txt-wrap .info .attr i.fire{background-position-y:25%}#heroInfo .inner .user-info .txt-wrap .info .attr i.wind{background-position-y:50%}#heroInfo .inner .user-info .txt-wrap .info .attr i.ice{background-position-y:75%}#heroInfo .inner .user-info .txt-wrap .info .attr i.dark{background-position-y:100%}#heroInfo .inner .user-info .txt-wrap .info .job{align-items:center;display:flex;justify-content:flex-start;margin-left:15px}#heroInfo .inner .user-info .txt-wrap .info .job em{display:inline-block}#heroInfo .inner .user-info .txt-wrap .info .job i{background:url(../images/common/icon_job.png) no-repeat 0 0;display:inline-block;height:22px;margin-right:3px;width:22px}#heroInfo .inner .user-info .txt-wrap .info .job i.manauser{background-position-y:0}#heroInfo .inner .user-info .txt-wrap .info .job i.mage{background-position-y:20%}#heroInfo .inner .user-info .txt-wrap .info .job i.warrior{background-position-y:40%}#heroInfo .inner .user-info .txt-wrap .info .job i.assassin{background-position-y:60%}#heroInfo .inner .user-info .txt-wrap .info .job i.knight{background-position-y:80%}#heroInfo .inner .user-info .txt-wrap .info .job i.ranger{background-position-y:100%}#heroInfo .inner .user-info .txt-wrap .name-wrap{align-items:center;display:flex;justify-content:flex-start}#heroInfo .inner .user-info .txt-wrap .name-wrap .hero-name{color:#fff;display:inline-block;font-size:1.125rem;font-weight:600}#heroInfo .inner .user-info .txt-wrap .name-wrap i{background:url(../images/common/icon_grade.png) no-repeat 0 0;display:inline-block;height:20px;margin-left:5px;width:70px}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade1{background-position-y:0}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade2{background-position-y:25%}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade3{background-position-y:50%}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade4{background-position-y:75%}#heroInfo .inner .user-info .txt-wrap .name-wrap i.grade5{background-position-y:100%}#heroInfo .inner .user-info .recently{color:#999;font-size:12px;margin-top:10px;position:relative}#heroInfo .inner .user-info .update-time{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:flex-start;margin-top:10px;position:relative}#heroInfo .inner .user-info .update-time em{font-size:12px;margin-right:3px}#heroInfo .inner .user-info .update-time .icon-tooltip{background:url(../images/common/icon_caution_s.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#heroInfo .inner .user-info .update-time{color:#999}#heroInfo .inner .user-info .update-time .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:30px;position:absolute;top:-5px;transform:rotate(180deg);width:10px}#heroInfo .inner .user-info .update-time .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;left:-30px;min-width:420px;padding:20px;position:absolute;text-align:center;top:26px;z-index:100}#heroInfo .inner .user-info .update-time .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#heroInfo .inner .user-info .update-time .layer-box p{color:#333;font-size:12px;font-weight:400}#heroInfo .inner .user-info .update-time .layer-box em{color:#999;font-size:12px;font-weight:400}:lang(en) #heroInfo .inner .user-info .txt-wrap .name-wrap .hero-name{font-size:1.0625rem}}#popularHeroList{padding-bottom:200px;width:832px}#popularHeroList .selectbox-wrap{align-items:flex-start;display:flex;justify-content:flex-start}#popularHeroList .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:40px;position:relative;width:180px}#popularHeroList .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#popularHeroList .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#popularHeroList .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#popularHeroList .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#popularHeroList .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#popularHeroList .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#popularHeroList .selectbox-wrap .select-box ul li{color:#999}#popularHeroList .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#popularHeroList .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#popularHeroList .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#popularHeroList .selectbox-wrap .select-box:first-child{margin-right:6px}#popularHeroList table{border:1px solid #e3e5e8;border-collapse:unset;border-radius:5px;margin-top:10px;overflow:hidden;table-layout:auto}#popularHeroList table td,#popularHeroList table th{font-size:.9rem;text-align:center}#popularHeroList table td.loading-wrap{height:800px;width:100%}#popularHeroList table tr.analybox:hover td{background-color:#f8f8f8}#popularHeroList table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:13px;font-weight:400;height:30px;padding:.4rem 0;position:relative}#popularHeroList table th .sort-btn i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;display:inline-block;font-size:0;height:0;margin-left:6px;text-indent:-99999em;transform:rotate(180deg);transform-origin:center;transition:all .15s;vertical-align:2px;width:0}#popularHeroList table th .sort-btn i.descend{transform:rotate(0)}#popularHeroList table th .hard-hero-list{align-items:center;cursor:pointer;display:flex;justify-content:center}#popularHeroList table th .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#popularHeroList table th .icon-tooltip .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;position:absolute;right:50px;top:-5px;transform:rotate(180deg);width:10px}#popularHeroList table th .icon-tooltip .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;min-width:420px;padding:20px;position:absolute;right:-50px;text-align:center;top:20px;z-index:100}#popularHeroList table th .icon-tooltip .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#popularHeroList table th .icon-tooltip .layer-box p{color:#333;font-size:12px;font-weight:400}#popularHeroList table th .icon-tooltip .layer-box em{color:#999;font-size:12px;font-weight:400}#popularHeroList table th .grade{height:34px;position:absolute;right:4px;top:4px;width:130px}#popularHeroList table th.nodata-th{text-align:center}#popularHeroList table th:last-child{position:relative}#popularHeroList table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#999;font-size:13px;line-height:1.6em;padding:7px 0;position:relative}#popularHeroList table td p{height:20px}#popularHeroList table td.no-hero-list{padding:200px 0}#popularHeroList table td .hero-name{color:#333;font-size:14px;font-weight:600;line-height:1.2em;word-break:break-all}#popularHeroList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#popularHeroList table td:first-child{width:210px}#popularHeroList table td:nth-child(2),#popularHeroList table td:nth-child(3),#popularHeroList table td:nth-child(4){width:65px}#popularHeroList table td:nth-child(5){width:110px}#popularHeroList table td:nth-child(6),#popularHeroList table td:nth-child(7){width:130px}#popularHeroList table td.icon-hero{padding-left:17px;text-align:left}#popularHeroList table td.icon-hero a{align-items:center;display:inline-flex;justify-content:flex-start}#popularHeroList table td.icon-hero a span{border-radius:100px;cursor:pointer;display:inline-block;height:38px;width:38px}#popularHeroList table td.icon-hero a span img{width:100%}#popularHeroList table td.icon-hero a i.hero-name{color:#333;display:inline-block;font-size:13px;font-weight:600;margin-left:10px;max-width:150px}#popularHeroList table td.icon-equip ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#popularHeroList table td.icon-equip ul li span{border-radius:100px;display:inline-block;height:20px;width:20px}#popularHeroList table td.icon-equip ul li span img{width:100%}#popularHeroList table td.icon-hardhero ul li,#popularHeroList table td.icon-withhero ul li{display:inline-block;height:28px;margin:0 2px;width:28px}#popularHeroList table td.icon-hardhero ul li span,#popularHeroList table td.icon-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#popularHeroList table td.icon-hardhero ul li span img,#popularHeroList table td.icon-withhero ul li span img{width:100%}#popularHeroList table tr:last-child td{border-bottom:none}#popularHeroList table{margin-bottom:8px}#popularHeroList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:5px;height:40px;overflow:hidden;width:100%}:lang(ja) #popularHeroList table th{font-size:12px}@media(max-width:860px){#wrapper #popularHeroList{padding-bottom:100px;padding-top:10px;width:100%}#wrapper #popularHeroList .selectbox-wrap{align-items:flex-start;display:flex;justify-content:center}#wrapper #popularHeroList .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;cursor:pointer;height:40px;position:relative;width:45%}#wrapper #popularHeroList .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#wrapper #popularHeroList .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#wrapper #popularHeroList .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#wrapper #popularHeroList .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#wrapper #popularHeroList .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#wrapper #popularHeroList .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#wrapper #popularHeroList .selectbox-wrap .select-box ul li{color:#999}#wrapper #popularHeroList .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#wrapper #popularHeroList .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#wrapper #popularHeroList .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#wrapper #popularHeroList .selectbox-wrap .select-box:first-child{margin-right:.625rem}#wrapper #popularHeroList table{border-left:none;border-radius:0;border-right:none;margin-top:10px}#wrapper #popularHeroList table td,#wrapper #popularHeroList table th{font-size:.9rem;text-align:center}#wrapper #popularHeroList table td.loading-wrap{height:800px;width:100%}#wrapper #popularHeroList table tr.analybox:hover td{background-color:#f8f8f8}#wrapper #popularHeroList table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:11px;font-weight:400;height:30px;padding:.375rem .75rem;position:relative;word-break:keep-all}#wrapper #popularHeroList table th .sort-btn i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;display:inline-block;font-size:0;height:0;margin-left:6px;text-indent:-99999em;transform:rotate(180deg);transform-origin:center;transition:all .15s;vertical-align:2px;width:0}#wrapper #popularHeroList table th .sort-btn i.descend{transform:rotate(0)}#wrapper #popularHeroList table th .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;display:inline-block;height:22px;margin-left:0;position:relative;width:22px}#wrapper #popularHeroList table th .icon-tooltip .layer-box:before{right:43px;top:-5px}#wrapper #popularHeroList table th .icon-tooltip .layer-box{min-width:auto;padding:20px;right:-40px;top:25px;width:83vw}#wrapper #popularHeroList table th .grade{height:34px;position:absolute;right:4px;top:4px;width:130px}#wrapper #popularHeroList table th.nodata-th{text-align:center}#wrapper #popularHeroList table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#999;font-size:.6875rem;line-height:1.6em;padding:7px 0;position:relative}#wrapper #popularHeroList table td p{height:20px}#wrapper #popularHeroList table td.no-hero-list{padding:100px 0}#wrapper #popularHeroList table td .hero-name{color:#333;font-size:14px;font-weight:600;line-height:1.2em;word-break:break-all}#wrapper #popularHeroList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#wrapper #popularHeroList table td:first-child{width:1%}#wrapper #popularHeroList table td:nth-child(2),#wrapper #popularHeroList table td:nth-child(3),#wrapper #popularHeroList table td:nth-child(4){width:5%}#wrapper #popularHeroList table td:nth-child(5),#wrapper #popularHeroList table td:nth-child(6),#wrapper #popularHeroList table td:nth-child(7){width:4%}#wrapper #popularHeroList table td.icon-hero{padding-left:9px;text-align:left}#wrapper #popularHeroList table td.icon-hero a{align-items:center;display:inline-flex;justify-content:flex-start}#wrapper #popularHeroList table td.icon-hero a span{border-radius:100px;cursor:pointer;display:inline-block;height:34px;width:34px}#wrapper #popularHeroList table td.icon-hero a span img{width:100%}#wrapper #popularHeroList table td.icon-hero a i.hero-name{color:#333;display:inline-block;font-size:13px;font-weight:600;margin-left:10px;max-width:150px}#wrapper #popularHeroList table td.icon-equip ul{align-items:center;display:flex;flex-direction:column;justify-content:center}#wrapper #popularHeroList table td.icon-equip ul li{display:inline-block;height:20px;margin:2px 0;width:20px}#wrapper #popularHeroList table td.icon-equip ul li span{border-radius:100px;display:inline-block;height:20px;width:20px}#wrapper #popularHeroList table td.icon-equip ul li span img{width:100%}#wrapper #popularHeroList table td.icon-hardhero ul,#wrapper #popularHeroList table td.icon-withhero ul{align-items:center;display:flex;flex-direction:column;justify-content:center}#wrapper #popularHeroList table td.icon-hardhero ul li,#wrapper #popularHeroList table td.icon-withhero ul li{display:inline-block;height:28px;margin:2px 0;width:25px}#wrapper #popularHeroList table td.icon-hardhero ul li span,#wrapper #popularHeroList table td.icon-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:25px;width:25px}#wrapper #popularHeroList table td.icon-hardhero ul li span img,#wrapper #popularHeroList table td.icon-withhero ul li span img{width:100%}#wrapper #popularHeroList table tr:last-child td{border-bottom:none}#wrapper #popularHeroList table{margin-bottom:8px}#wrapper #popularHeroList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;display:block;height:40px;margin:0 auto;overflow:hidden;width:96%}#wrapper :lang(en) #popularHeroList table th{font-size:10px}#wrapper :lang(en) #popularHeroList table th .icon-tooltip{width:22px}#wrapper :lang(zh-TW) #popularHeroList table th{font-size:10px;word-break:break-all}#wrapper :lang(zh-TW) #popularHeroList table th .icon-tooltip{width:27px}#wrapper :lang(ja) #popularHeroList table th{font-size:9px;word-break:break-all}#wrapper :lang(ja) #popularHeroList .selectbox-wrap .select-box .option,#wrapper :lang(ja) #popularHeroList .selectbox-wrap .select-box .option.selected{font-size:12px}}#rankHeroList{padding-bottom:200px;width:832px}#rankHeroList .herorank-title{align-items:center;background-color:#f7f7f9;border:1px solid #e3e5e8;border-bottom:none;display:flex;justify-content:flex-start;padding:12px 16px;width:100%}#rankHeroList .herorank-title .hero-portrait{background:url(../images/common/img_nohero.png) no-repeat 50%;background-size:auto 100%;border-radius:100px;display:inline-block;height:82px;overflow:hidden;width:82px}#rankHeroList .herorank-title .hero-portrait img{width:100%}#rankHeroList .herorank-title h3{color:#333;font-size:20px;font-weight:700;margin-left:17px}#rankHeroList .herorank-title .selectbox-wrap{align-items:flex-start;display:flex;justify-content:flex-start;margin-left:auto}#rankHeroList .herorank-title .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:42px;position:relative;width:220px}#rankHeroList .herorank-title .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:15px;height:42px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#rankHeroList .herorank-title .selectbox-wrap .select-box .option.selected{color:#333;font-size:15px;font-weight:600;height:42px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#rankHeroList .herorank-title .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#rankHeroList .herorank-title .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#rankHeroList .herorank-title .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#rankHeroList .herorank-title .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#rankHeroList .herorank-title .selectbox-wrap .select-box ul li{color:#999}#rankHeroList .herorank-title .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#rankHeroList .herorank-title .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#rankHeroList .herorank-title .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#rankHeroList .herorank-title .selectbox-wrap .select-box:first-child{margin-right:6px}#rankHeroList table{border:1px solid #e3e5e8;border-collapse:unset;border-radius:0 0 5px 5px;overflow:hidden;table-layout:auto}#rankHeroList table td,#rankHeroList table th{font-size:.9rem;text-align:center}#rankHeroList table td.loading-wrap{height:800px;width:100%}#rankHeroList table tr.analybox:hover td{background-color:#f8f8f8}#rankHeroList table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:13px;font-weight:400;height:30px;padding:.4rem 0;position:relative}#rankHeroList table th .sort-btn i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;display:inline-block;font-size:0;height:0;margin-left:6px;text-indent:-99999em;transform:rotate(180deg);transform-origin:center;transition:all .15s;vertical-align:2px;width:0}#rankHeroList table th .sort-btn i.descend{transform:rotate(0)}#rankHeroList table th .hard-hero-list{align-items:center;cursor:pointer;display:flex;justify-content:center}#rankHeroList table th .icon-tooltip{background:url(../images/common/icon_caution_s.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#rankHeroList table th .icon-tooltip .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;position:absolute;right:50px;top:-5px;transform:rotate(180deg);width:10px}#rankHeroList table th .icon-tooltip .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;min-width:420px;padding:20px;position:absolute;right:-50px;text-align:center;top:20px;z-index:100}#rankHeroList table th .icon-tooltip .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankHeroList table th .icon-tooltip .layer-box p{color:#333;font-size:12px;font-weight:400}#rankHeroList table th .icon-tooltip .layer-box em{color:#999;font-size:12px;font-weight:400}#rankHeroList table th .grade{height:34px;position:absolute;right:4px;top:4px;width:130px}#rankHeroList table th.nodata-th{text-align:center}#rankHeroList table th:last-child{position:relative}#rankHeroList table th:last-child .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;cursor:pointer;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}#rankHeroList table th:last-child .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:50%;position:absolute;top:-5px;transform:translate(-50%);transform:rotate(180deg);width:10px}#rankHeroList table th:last-child .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:none;flex-direction:column;justify-content:center;left:50%;min-width:440px;opacity:0;padding:20px;position:absolute;text-align:center;top:40px;transform:translate(-59%);visibility:hidden;z-index:100}#rankHeroList table th:last-child .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankHeroList table th:last-child .layer-box p{color:#333;font-size:12px;font-weight:400}#rankHeroList table th:last-child .layer-box em{color:#999;font-size:12px;font-weight:400}#rankHeroList table th:last-child .layer-box.show{display:flex;opacity:1;visibility:visible}#rankHeroList table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#333;font-size:13px;font-weight:500;height:50px;line-height:1.6em;padding:7px 0;position:relative}#rankHeroList table td p{height:20px}#rankHeroList table td.no-hero-list{padding:200px 0}#rankHeroList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankHeroList table td:first-child{width:5%}#rankHeroList table td:nth-child(2){width:24%}#rankHeroList table td:nth-child(3){width:8%}#rankHeroList table td:nth-child(4){width:20%}#rankHeroList table td:nth-child(5),#rankHeroList table td:nth-child(6){width:15%}#rankHeroList table td.rank-num{font-size:12px;font-weight:600}#rankHeroList table td.icon-hero{padding-left:6px;text-align:left}#rankHeroList table td.icon-hero .user-cont{align-items:center;cursor:pointer;display:inline-flex;justify-content:flex-start}#rankHeroList table td.icon-hero .user-cont span{border-radius:100px;cursor:pointer;display:inline-block;height:38px;width:38px}#rankHeroList table td.icon-hero .user-cont span img{width:100%}#rankHeroList table td.icon-hero .user-cont strong{display:flex;flex-direction:column;justify-content:center;margin-left:10px}#rankHeroList table td.icon-hero .user-cont strong i{display:block;font-size:11px;line-height:1.3em}#rankHeroList table td.icon-hero .user-cont strong i em{font-size:13px;font-weight:400}#rankHeroList table td.icon-hero .user-cont strong i.hero-name{color:#333;font-size:13px;font-weight:600;word-break:break-all}#rankHeroList table td.icon-equip ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#rankHeroList table td.icon-equip ul li span{border-radius:100px;display:inline-block;height:20px;width:20px}#rankHeroList table td.icon-equip ul li span img{width:100%}#rankHeroList table td.icon-hardhero ul li,#rankHeroList table td.icon-withhero ul li{display:inline-block;height:28px;margin:0 2px;width:28px}#rankHeroList table td.icon-hardhero ul li span,#rankHeroList table td.icon-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#rankHeroList table td.icon-hardhero ul li span img,#rankHeroList table td.icon-withhero ul li span img{width:100%}#rankHeroList table td.icon-withequip ul li{display:inline-block;height:19px;margin:0 1px;width:19px}#rankHeroList table td.icon-withequip ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:19px;width:19px}#rankHeroList table td.icon-withequip ul li span img{width:100%}#rankHeroList table td.icon-withartifact ul li{display:inline-block;height:30px;margin:0 2px;width:30px}#rankHeroList table td.icon-withartifact ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:30px;width:30px}#rankHeroList table td.icon-withartifact ul li span img{width:100%}#rankHeroList table td.icon-grade,#rankHeroList table td.rate-graph{text-align:left}#rankHeroList table td .gradeicon{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;display:inline-block;height:24px;margin-right:3px;vertical-align:middle;width:22px}#rankHeroList table td .gradeicon.bronze{background-image:url(../images/common/grade/grade_bronze.png)}#rankHeroList table td .gradeicon.silver{background-image:url(../images/common/grade/grade_silver.png)}#rankHeroList table td .gradeicon.gold{background-image:url(../images/common/grade/grade_gold.png)}#rankHeroList table td .gradeicon.master{background-image:url(../images/common/grade/grade_master.png)}#rankHeroList table td .gradeicon.challenger{background-image:url(../images/common/grade/grade_challenger.png)}#rankHeroList table td .gradeicon.champion{background-image:url(../images/common/grade/grade_champion.png)}#rankHeroList table td .gradeicon.emperor{background-image:url(../images/common/grade/grade_emperor.png)}#rankHeroList table td .gradeicon.legend{background-image:url(../images/common/grade/grade_legend.png)}#rankHeroList table td .gradeicon.warlord{background-image:url(../images/common/grade/grade_warlord.png)}#rankHeroList table td .rank-server-score{align-items:center;display:flex;justify-content:center;position:relative}#rankHeroList table td .rank-server-score .score-avr{color:#333;font-size:12px;font-weight:600;margin-right:-10px;position:relative;text-align:right;width:52px;z-index:10}#rankHeroList table td .rank-server-score .score-avr em{color:#333}#rankHeroList table td .rank-server-score .charts-hero-bar{height:40px;position:relative;top:-54px;width:140px}#rankHeroList table td .rank-server-score .charts-hero-bar .score-win{color:#fff;font-size:11px;left:24px;position:absolute;text-align:left;top:65px}#rankHeroList table td .rank-server-score .charts-hero-bar .score-lose{color:#fff;font-size:11px;position:absolute;right:12px;text-align:right;top:65px}#rankHeroList table tr:last-child td{border-bottom:none}#rankHeroList table{margin-bottom:8px}#rankHeroList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:5px;height:40px;overflow:hidden;width:100%}:lang(en) #rankHeroList table th,:lang(ja) #rankHeroList table th{font-size:12px}@media(max-width:860px){#wrapper #rankHeroList{padding-bottom:0;padding-top:0;width:100%}#wrapper #rankHeroList .herorank-title{background-color:#f7f7f9;border:1px solid #e3e5e8;border-left:none;border-right:none}#wrapper #rankHeroList .herorank-title .hero-portrait{height:50px;width:50px}#wrapper #rankHeroList .herorank-title h3{font-size:16px}#wrapper #rankHeroList .herorank-title .toggle-btn{align-items:center;border:1px solid #e3e5e8;border-radius:2px;cursor:pointer;display:flex;height:2rem;justify-content:center;margin-left:auto;width:2rem}#wrapper #rankHeroList .herorank-title .toggle-btn:after{border-bottom:6px solid #333;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;height:0;transition:all .15s;width:0}#wrapper #rankHeroList .herorank-title .toggle-btn.active:after{transform:rotate(180deg);transform-origin:center}#wrapper #rankHeroList .selectbox-wrap{padding:.6rem 1rem;width:100%}#wrapper #rankHeroList .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;cursor:pointer;height:40px;position:relative;width:12rem}#wrapper #rankHeroList .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#wrapper #rankHeroList .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#wrapper #rankHeroList .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#wrapper #rankHeroList .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#wrapper #rankHeroList .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#wrapper #rankHeroList .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#wrapper #rankHeroList .selectbox-wrap .select-box ul li{color:#999}#wrapper #rankHeroList .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#wrapper #rankHeroList .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#wrapper #rankHeroList .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#wrapper #rankHeroList .selectbox-wrap .select-box:first-child{margin-right:.625rem}#wrapper #rankHeroList #searchHero{border-bottom:1px solid #e4e4e6;height:auto;padding-bottom:.6rem}#wrapper #rankHeroList #searchHero .wrap{border-bottom:1px solid #e4e4e6}#wrapper #rankHeroList #searchHero .wrap .filterlist-wrap{background-color:#fafbfc;height:13rem;min-height:auto}#wrapper #rankHeroList .bg-wrap{background-color:#fff}#wrapper #rankHeroList table{border-left:none;border-radius:0;border-right:none;border-top:none;margin-bottom:0;padding:0 .4rem}#wrapper #rankHeroList table td{font-size:.9rem;padding:1rem 0 1rem 1rem;text-align:left}#wrapper #rankHeroList table td strong{font-weight:800}#wrapper #rankHeroList table td:first-child{font-size:.6875rem}#wrapper #rankHeroList table td.loading-wrap{height:800px;width:100%}#wrapper #rankHeroList table tr.analybox:hover td{background-color:#fff}#wrapper #rankHeroList table td{background-color:#fff;border-bottom:1px solid #e4e4e6;color:#303030;font-size:12px;line-height:1.6em;position:relative}#wrapper #rankHeroList table td p{height:20px}#wrapper #rankHeroList table td .hero-name{color:#333;font-size:14px;font-weight:600;line-height:1.2em;word-break:break-all}#wrapper #rankHeroList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#wrapper #rankHeroList table td:first-child.no-hero-list{font-size:.75rem;padding:6rem 0}#wrapper #rankHeroList table td:first-child.no-hero-list:after{display:none}#wrapper #rankHeroList table td:first-child{padding:1rem 0;text-align:center;width:auto}#wrapper #rankHeroList table td:first-child:after{background-color:#e4e4e6;content:"";display:inline-block;height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#wrapper #rankHeroList table td:nth-child(2){width:85%}#wrapper #rankHeroList table td .user-cont{align-items:center;display:inline-flex;justify-content:flex-start;margin-bottom:1rem}#wrapper #rankHeroList table td .user-cont span{border-radius:100px;cursor:pointer;display:inline-block;height:47px;width:47px}#wrapper #rankHeroList table td .user-cont span img{width:100%}#wrapper #rankHeroList table td .user-cont strong{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:10px}#wrapper #rankHeroList table td .user-cont strong i{display:block;font-size:11px;line-height:1.3em}#wrapper #rankHeroList table td .user-cont strong i em{font-size:13px;font-weight:400}#wrapper #rankHeroList table td .user-cont strong i.hero-name{color:#333;font-size:13px;font-weight:600}#wrapper #rankHeroList table td .first-ch{display:block;width:50%}#wrapper #rankHeroList table td .first-ch strong{font-weight:800}#wrapper #rankHeroList table td .m-win-rate,#wrapper #rankHeroList table td .m-win-score{align-items:center;display:flex;justify-content:flex-start}#wrapper #rankHeroList table td .m-win-rate .charts-hero-bar{height:40px;left:-6%;position:relative;top:-54px;width:50%}#wrapper #rankHeroList table td .m-win-rate .charts-hero-bar .score-win{color:#fff;font-size:11px;left:16%;position:absolute;text-align:left;top:65px}#wrapper #rankHeroList table td .m-win-rate .charts-hero-bar .score-lose{color:#fff;font-size:11px;position:absolute;right:7%;text-align:right;top:65px}#wrapper #rankHeroList table td .m-withhero{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px}#wrapper #rankHeroList table td .m-withhero ul li{display:inline-block;height:28px;margin:0 1px;width:28px}#wrapper #rankHeroList table td .m-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#wrapper #rankHeroList table td .m-withhero ul li span img{width:100%}#wrapper #rankHeroList table td .m-withequip{align-items:center;display:flex;justify-content:flex-start;margin-bottom:11px}#wrapper #rankHeroList table td .m-withequip ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#wrapper #rankHeroList table td .m-withequip ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:20px;width:20px}#wrapper #rankHeroList table td .m-withequip ul li span img{width:100%}#wrapper #rankHeroList table td .m-witharti{align-items:center;display:flex;justify-content:flex-start;margin-bottom:11px}#wrapper #rankHeroList table td .m-witharti ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#wrapper #rankHeroList table td .m-witharti ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:20px;width:20px}#wrapper #rankHeroList table td .m-witharti ul li span img{width:100%}#wrapper #rankHeroList table tr:last-child td{border-bottom:none}#wrapper #rankHeroList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;display:block;height:40px;margin:0 auto;overflow:hidden;width:96%}#wrapper :lang(zh-TW) #rankHeroList table th{font-size:10px;word-break:break-all}#wrapper :lang(ja) #rankHeroList table th{font-size:9px;word-break:break-all}#wrapper :lang(ja) #rankHeroList .selectbox-wrap .select-box .option,#wrapper :lang(ja) #rankHeroList .selectbox-wrap .select-box .option.selected{font-size:12px}}#rankServerList{padding-bottom:200px;width:100%}#rankServerList .selectbox-wrap{align-items:flex-start;display:flex;justify-content:flex-start}#rankServerList .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;cursor:pointer;height:40px;position:relative;width:180px}#rankServerList .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#rankServerList .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#rankServerList .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#rankServerList .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#rankServerList .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#rankServerList .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#rankServerList .selectbox-wrap .select-box ul li{color:#999}#rankServerList .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#rankServerList .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#rankServerList .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#rankServerList .selectbox-wrap .select-box:first-child{margin-right:6px}#rankServerList table{border:1px solid #e3e5e8;border-collapse:unset;border-radius:5px;margin-top:10px;overflow:hidden;table-layout:auto}#rankServerList table td,#rankServerList table th{font-size:.9rem;text-align:center}#rankServerList table td.loading-wrap{height:800px;width:100%}#rankServerList table tr.analybox:hover td{background-color:#f8f8f8}#rankServerList table th{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;color:#777;font-size:13px;font-weight:400;height:30px;padding:.4rem 0;position:relative}#rankServerList table th .sort-btn i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;display:inline-block;font-size:0;height:0;margin-left:6px;text-indent:-99999em;transform:rotate(180deg);transform-origin:center;transition:all .15s;vertical-align:2px;width:0}#rankServerList table th .sort-btn i.descend{transform:rotate(0)}#rankServerList table th .hard-hero-list{align-items:center;cursor:pointer;display:flex;justify-content:center}#rankServerList table th .icon-tooltip{background:url(../images/common/icon_caution_s.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#rankServerList table th .icon-tooltip .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;position:absolute;right:50px;top:-5px;transform:rotate(180deg);width:10px}#rankServerList table th .icon-tooltip .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;min-width:420px;padding:20px;position:absolute;right:-50px;text-align:center;top:20px;z-index:100}#rankServerList table th .icon-tooltip .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankServerList table th .icon-tooltip .layer-box p{color:#333;font-size:12px;font-weight:400}#rankServerList table th .icon-tooltip .layer-box em{color:#999;font-size:12px;font-weight:400}#rankServerList table th .grade{height:34px;position:absolute;right:4px;top:4px;width:130px}#rankServerList table th.nodata-th{text-align:center}#rankServerList table th:last-child{position:relative}#rankServerList table th:last-child .icon-tooltip{background:url(../images/common/icon_caution_s2.png) no-repeat 50%;cursor:pointer;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}#rankServerList table th:last-child .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:50%;position:absolute;top:-5px;transform:translate(-50%);transform:rotate(180deg);width:10px}#rankServerList table th:last-child .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:none;flex-direction:column;justify-content:center;left:50%;min-width:440px;opacity:0;padding:20px;position:absolute;text-align:center;top:40px;transform:translate(-59%);visibility:hidden;z-index:100}#rankServerList table th:last-child .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankServerList table th:last-child .layer-box p{color:#333;font-size:12px;font-weight:400}#rankServerList table th:last-child .layer-box em{color:#999;font-size:12px;font-weight:400}#rankServerList table th:last-child .layer-box.show{display:flex;opacity:1;visibility:visible}#rankServerList table td{background-color:#fff;border-bottom:1px solid #f1f2f3;color:#333;font-size:13px;font-weight:500;height:50px;line-height:1.6em;padding:7px 0;position:relative}#rankServerList table td p{height:20px}#rankServerList table td.no-hero-list{padding:200px 0}#rankServerList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#rankServerList table td:first-child{width:5%}#rankServerList table td:nth-child(2){width:26%}#rankServerList table td:nth-child(3){width:17%}#rankServerList table td:nth-child(4){width:35%}#rankServerList table td:nth-child(5){width:auto}#rankServerList table td.rank-num{font-size:13px;font-weight:600}#rankServerList table td.icon-hero{padding-left:17px;text-align:left}#rankServerList table td.icon-hero .user-cont{align-items:center;cursor:pointer;display:inline-flex;justify-content:flex-start}#rankServerList table td.icon-hero .user-cont span{border-radius:100px;cursor:pointer;display:inline-block;height:38px;width:38px}#rankServerList table td.icon-hero .user-cont span img{width:100%}#rankServerList table td.icon-hero .user-cont strong{display:flex;flex-direction:column;justify-content:center;margin-left:10px}#rankServerList table td.icon-hero .user-cont strong i{display:block;font-size:11px;line-height:1.3em}#rankServerList table td.icon-hero .user-cont strong i em{font-size:13px;font-weight:400}#rankServerList table td.icon-hero .user-cont strong i.hero-name{color:#333;font-size:13px;font-weight:600}#rankServerList table td.icon-equip ul li{display:inline-block;height:20px;margin:0 1px;width:20px}#rankServerList table td.icon-equip ul li span{border-radius:100px;display:inline-block;height:20px;width:20px}#rankServerList table td.icon-equip ul li span img{width:100%}#rankServerList table td.icon-hardhero ul li,#rankServerList table td.icon-withhero ul li{display:inline-block;height:28px;margin:0 2px;width:28px}#rankServerList table td.icon-hardhero ul li span,#rankServerList table td.icon-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#rankServerList table td.icon-hardhero ul li span img,#rankServerList table td.icon-withhero ul li span img{width:100%}#rankServerList table td.icon-grade{padding-left:65px;text-align:left}#rankServerList table td.rate-graph{padding-right:74px;text-align:left}#rankServerList table td .gradeicon{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;display:inline-block;height:24px;margin-right:3px;vertical-align:middle;width:22px}#rankServerList table td .gradeicon.bronze{background-image:url(../images/common/grade/grade_bronze.png)}#rankServerList table td .gradeicon.silver{background-image:url(../images/common/grade/grade_silver.png)}#rankServerList table td .gradeicon.gold{background-image:url(../images/common/grade/grade_gold.png)}#rankServerList table td .gradeicon.master{background-image:url(../images/common/grade/grade_master.png)}#rankServerList table td .gradeicon.challenger{background-image:url(../images/common/grade/grade_challenger.png)}#rankServerList table td .gradeicon.champion{background-image:url(../images/common/grade/grade_champion.png)}#rankServerList table td .gradeicon.emperor{background-image:url(../images/common/grade/grade_emperor.png)}#rankServerList table td .gradeicon.legend{background-image:url(../images/common/grade/grade_legend.png)}#rankServerList table td .gradeicon.warlord{background-image:url(../images/common/grade/grade_warlord.png)}#rankServerList table td .rank-server-score{align-items:center;display:flex;justify-content:center;position:relative}#rankServerList table td .rank-server-score .score-avr{color:#333;font-size:12px;font-weight:600;position:relative;text-align:center;width:70px;z-index:10}#rankServerList table td .rank-server-score .score-avr em{color:#333}#rankServerList table td .rank-server-score .charts-hero-bar{height:40px;position:relative;top:-54px;width:200px}#rankServerList table td .rank-server-score .charts-hero-bar .score-win{color:#fff;font-size:11px;left:27px;position:absolute;text-align:left;top:65px}#rankServerList table td .rank-server-score .charts-hero-bar .score-lose{color:#fff;font-size:11px;position:absolute;right:16px;text-align:right;top:65px}#rankServerList table tr:last-child td{border-bottom:none}#rankServerList table{margin-bottom:8px}#rankServerList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:5px;height:40px;overflow:hidden;width:100%}:lang(ja) #rankServerList table th{font-size:12px}@media(max-width:860px){#wrapper #rankServerList{padding-bottom:100px;width:100%}#wrapper #rankServerList .selectbox-wrap{align-items:flex-start;display:flex;justify-content:center;padding:10px}#wrapper #rankServerList .selectbox-wrap .select-box{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;cursor:pointer;height:40px;position:relative;width:45%}#wrapper #rankServerList .selectbox-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:flex-start;padding:0 14px;position:relative;width:100%}#wrapper #rankServerList .selectbox-wrap .select-box .option.selected{color:#333;font-size:14px;height:40px;line-height:1em;padding:0 30px 0 14px;width:100%;word-break:break-word}#wrapper #rankServerList .selectbox-wrap .select-box .option.selected.active{background-color:#fff}#wrapper #rankServerList .selectbox-wrap .select-box .option.selected .triangle-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;margin-left:8px;position:absolute;right:14px;top:18px;transition:all .15s;width:0}#wrapper #rankServerList .selectbox-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#wrapper #rankServerList .selectbox-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;box-shadow:0 2px 4px #0003;display:none;left:0;opacity:0;position:absolute;top:42px;visibility:hidden;width:100%;z-index:1}#wrapper #rankServerList .selectbox-wrap .select-box ul li{color:#999}#wrapper #rankServerList .selectbox-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#wrapper #rankServerList .selectbox-wrap .select-box ul li.active{background-color:#f7f7f9}#wrapper #rankServerList .selectbox-wrap .select-box.open ul{display:block;opacity:1;visibility:visible}#wrapper #rankServerList .selectbox-wrap .select-box:first-child{margin-right:.625rem}#wrapper #rankServerList .bg-wrap{background-color:#fff}#wrapper #rankServerList table{border-left:none;border-radius:0;border-right:none;margin-top:0;padding:0 .4rem}#wrapper #rankServerList table td{font-size:.9rem;padding:1rem 0 1rem 1rem;text-align:left}#wrapper #rankServerList table td strong{font-weight:800}#wrapper #rankServerList table td:first-child{font-size:.6875rem}#wrapper #rankServerList table td.loading-wrap{height:800px;width:100%}#wrapper #rankServerList table tr.analybox:hover td{background-color:#fff}#wrapper #rankServerList table td{background-color:#fff;border-bottom:1px solid #e4e4e6;color:#303030;font-size:12px;line-height:1.6em;position:relative}#wrapper #rankServerList table td p{height:20px}#wrapper #rankServerList table td.no-hero-list{padding:100px 0}#wrapper #rankServerList table td .hero-name{color:#333;font-size:14px;font-weight:600;line-height:1.2em;word-break:break-all}#wrapper #rankServerList table td h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#wrapper #rankServerList table td:first-child{padding:1rem 0;text-align:center;width:auto}#wrapper #rankServerList table td:first-child:after{background-color:#e4e4e6;content:"";display:inline-block;height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}#wrapper #rankServerList table td:nth-child(2){width:85%}#wrapper #rankServerList table td .user-cont{align-items:center;display:inline-flex;justify-content:flex-start;margin-bottom:1rem}#wrapper #rankServerList table td .user-cont span{border-radius:100px;cursor:pointer;display:inline-block;height:47px;width:47px}#wrapper #rankServerList table td .user-cont span img{width:100%}#wrapper #rankServerList table td .user-cont strong{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:10px}#wrapper #rankServerList table td .user-cont strong i{display:block;font-size:11px;line-height:1.3em}#wrapper #rankServerList table td .user-cont strong i em{font-size:13px;font-weight:400}#wrapper #rankServerList table td .user-cont strong i.hero-name{color:#333;font-size:13px;font-weight:600}#wrapper #rankServerList table td .first-ch{display:block;width:50%}#wrapper #rankServerList table td .first-ch strong{font-weight:800}#wrapper #rankServerList table td .m-win-rate,#wrapper #rankServerList table td .m-win-score{align-items:center;display:flex;justify-content:flex-start}#wrapper #rankServerList table td .m-win-rate .charts-hero-bar{height:40px;left:-6%;position:relative;top:-54px;width:50%}#wrapper #rankServerList table td .m-win-rate .charts-hero-bar .score-win{color:#fff;font-size:11px;left:16%;position:absolute;text-align:left;top:65px}#wrapper #rankServerList table td .m-win-rate .charts-hero-bar .score-lose{color:#fff;font-size:11px;position:absolute;right:7%;text-align:right;top:65px}#wrapper #rankServerList table td .m-withhero{align-items:center;display:flex;justify-content:flex-start}#wrapper #rankServerList table td .m-withhero ul li{display:inline-block;height:28px;margin:0 1px;width:28px}#wrapper #rankServerList table td .m-withhero ul li span{border-radius:100px;cursor:pointer;display:inline-block;height:28px;width:28px}#wrapper #rankServerList table td .m-withhero ul li span img{width:100%}#wrapper #rankServerList table tr:last-child td{border-bottom:none}#wrapper #rankServerList table{margin-bottom:8px}#wrapper #rankServerList .loadMoreBtn{background-color:#fff;border:1px solid #e3e5e8;border-radius:2px;display:block;height:40px;margin:0 auto;overflow:hidden;width:96%}#wrapper :lang(zh-TW) #rankServerList table th{font-size:10px;word-break:break-all}#wrapper :lang(ja) #rankServerList table th{font-size:9px;word-break:break-all}#wrapper :lang(ja) #rankServerList .selectbox-wrap .select-box .option,#wrapper :lang(ja) #rankServerList .selectbox-wrap .select-box .option.selected{font-size:12px}}#serchBox{min-width:500px;width:800px}#serchBox .serchbox-wrap{position:relative}#serchBox .search-form{align-items:flex-start;display:flex;height:100%;width:100%}#serchBox .search-form .server-select-wrap{background-color:#f7f7f9;border-radius:4px 0 0 4px;position:relative;width:190px}#serchBox .search-form .server-select-wrap .server-option{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:flex-start;padding:0 20px;width:100%}#serchBox .search-form .server-select-wrap .server-option.selected-option{border-radius:4px;height:60px;justify-content:space-between}#serchBox .search-form .server-select-wrap .server-option.selected-option .triangle-down{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #999;height:0;transition:all .15s;width:0}#serchBox .search-form .server-select-wrap .server-option.selected-option .triangle-down.open{transform:rotate(180deg);transform-origin:center}#serchBox .search-form .server-select-wrap ul{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 13px #0003;left:0;position:absolute;top:62px;width:100%;z-index:1}#serchBox .search-form .server-select-wrap ul li{color:#999}#serchBox .search-form .server-select-wrap ul li:hover{background-color:#f7f7f9;color:#333}#serchBox .search-form .search-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;position:relative}#serchBox .search-form .search-container .search-input{background-color:#fff;border:none;border-left:1px solid #eff0f2;border-radius:0 4px 4px 0;font-size:16px;height:60px;padding:0 100px 0 20px;width:100%}#serchBox .search-form .search-container .search-list{background-color:#fff;border-radius:4px;box-shadow:0 2px 13px #0003;overflow:hidden;position:absolute;top:62px;width:100%;z-index:1}#serchBox .search-form .search-container .search-list li{align-items:center;background-color:#fff;color:#333;cursor:pointer;display:flex;height:48px;justify-content:flex-start;padding:.4rem .5rem}#serchBox .search-form .search-container .search-list li.selected,#serchBox .search-form .search-container .search-list li:hover{background-color:#f7f7f9}#serchBox .search-form .search-container .search-list li .s-list{align-items:center;display:flex;font-size:15px;justify-content:flex-start}#serchBox .search-form .search-container .search-list li .s-list .highlight{color:red}#serchBox .search-form .search-container .search-list li .s-list .pic{height:40px;margin-right:10px;width:40px}#serchBox .search-form .search-container .search-list li .s-list .pic img{width:100%}#serchBox .search-form .search-container .search-list li .s-list .txt .name{font-size:16px}#serchBox .search-form .search-container .search-list li .s-list .txt .rank{font-size:12px}#serchBox .search-button{background:url(../images/common/icon_search.png) no-repeat 50%;cursor:pointer;display:inline-block;height:60px;position:absolute;right:0;text-indent:-9999em;top:0;transform:scale(.9);transition:all .2s;width:60px}#serchBox .search-button.disbled{opacity:.3}#serchBox .search-button:hover{transform:scale(1.03)}@media(max-width:860px){#wrapper #serchBox{margin-top:.625rem;min-width:unset;padding:0 18px;width:100%}#wrapper #serchBox .search-form .server-select-wrap{background-color:#f7f7f9;border-radius:4px 0 0 4px;min-width:120px;position:relative;width:120px}#wrapper #serchBox .search-form .server-select-wrap .server-option{font-size:13px;height:40px;padding:0 15px}#wrapper #serchBox .search-form .server-select-wrap .server-option.selected-option{border-radius:4px;font-size:13px;height:35px}#wrapper #serchBox .search-form .server-select-wrap .server-option.selected-option .triangle-down{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #999;height:0;transition:all .15s;width:0}#wrapper #serchBox .search-form .server-select-wrap .server-option.selected-option .triangle-down.open{transform:rotate(180deg);transform-origin:center}#wrapper #serchBox .search-form .server-select-wrap ul{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 13px #0003;left:0;position:absolute;top:36px;width:100%;z-index:1}#wrapper #serchBox .search-form .server-select-wrap ul li{color:#999}#wrapper #serchBox .search-form .server-select-wrap ul li:hover{background-color:#f7f7f9;color:#333}#wrapper #serchBox .search-form .search-container .search-input{border:none;border-left:1px solid #eff0f2;border-radius:0 4px 4px 0;font-size:14px;height:35px;padding:0 100px 0 20px;width:100%}#wrapper #serchBox .search-form .search-container .search-list{background-color:#fff;border-radius:4px;box-shadow:0 2px 13px #0003;overflow:hidden;position:absolute;top:2.3125rem;width:100%;z-index:1}#wrapper #serchBox .search-form .search-container .search-list li{align-items:center;background-color:#fff;color:#333;cursor:pointer;display:flex;height:48px;justify-content:flex-start;padding:.4rem .5rem}#wrapper #serchBox .search-form .search-container .search-list li.selected,#wrapper #serchBox .search-form .search-container .search-list li:hover{background-color:#f7f7f9}#wrapper #serchBox .search-form .search-container .search-list li .s-list{align-items:center;display:flex;font-size:15px;justify-content:flex-start}#wrapper #serchBox .search-form .search-container .search-list li .s-list .highlight{color:red}#wrapper #serchBox .search-form .search-container .search-list li .s-list .pic{height:34px;margin-right:10px;width:34px}#wrapper #serchBox .search-form .search-container .search-list li .s-list .pic img{width:100%}#wrapper #serchBox .search-form .search-container .search-list li .s-list .txt .name{font-size:14px}#wrapper #serchBox .search-form .search-container .search-list li .s-list .txt .rank{font-size:12px}#wrapper #serchBox .search-button{background:url(../images/common/icon_search.png) no-repeat 50%;cursor:pointer;height:35px;text-indent:-9999em;transform:scale(.8);transition:unset!important;width:35px}#wrapper #serchBox .search-button.disbled{opacity:.3}#wrapper #serchBox .search-button:hover{transform:scale(.8)}#wrapper :lang(en) #serchBox .search-form .server-select-wrap .server-option{font-size:12px}#wrapper :lang(en) #serchBox .search-form .search-container .search-input::-moz-placeholder{font-size:12px}#wrapper :lang(en) #serchBox .search-form .search-container .search-input::placeholder{font-size:12px}#wrapper :lang(en) #serchBox .search-form .search-container .search-input{padding:0 40px 0 20px}#wrapper :lang(zh-TW) #serchBox .search-form .server-select-wrap .server-option{font-size:13px}#wrapper :lang(zh-TW) #serchBox .search-form .search-container .search-input::-moz-placeholder{font-size:10px}#wrapper :lang(zh-TW) #serchBox .search-form .search-container .search-input::placeholder{font-size:10px}#wrapper :lang(zh-TW) #serchBox .search-form .search-container .search-input{padding:0 40px 0 20px}#wrapper :lang(ja) #serchBox .search-form .server-select-wrap .server-option{font-size:11px}#wrapper :lang(ja) #serchBox .search-form .search-container .search-input::-moz-placeholder{font-size:12px}#wrapper :lang(ja) #serchBox .search-form .search-container .search-input::placeholder{font-size:12px}#wrapper :lang(ja) #serchBox .search-form .search-container .search-input{padding:0 40px 0 20px}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#c3c3c3;border-radius:5px}::-webkit-scrollbar-horizontal{height:10px}::-webkit-scrollbar-horizontal-track{background-color:#f1f1f1}::-webkit-scrollbar-horizontal-thumb{background-color:#888;border-radius:5px}#searchHero{border:1px solid #e3e5e8;border-collapse:unset;border-radius:5px;height:631px;overflow:hidden;width:360px}#searchHero .wrap .serchbox-wrap{background-color:#fff;height:50px;padding:8px}#searchHero .wrap .serchbox-wrap .search-form{height:100%;width:100%}#searchHero .wrap .serchbox-wrap .search-form .search-container{align-items:center;display:flex;position:relative;width:100%}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-input{border:1px solid #e3e5e8;border-radius:4px;font-size:15px;height:32px;padding:0 40px 0 12px;width:100%}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list{background-color:#fff;border-radius:4px;box-shadow:0 2px 13px #0003;overflow:hidden;position:absolute;top:62px;width:100%;z-index:1}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li{align-items:center;background-color:#fff;color:#333;cursor:pointer;display:flex;height:48px;justify-content:flex-start;padding:.4rem .5rem}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li.selected,#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li:hover{background-color:#f7f7f9}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list{align-items:center;display:flex;font-size:15px;justify-content:flex-start}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .highlight{color:red}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .pic{height:40px;margin-right:10px;width:40px}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .pic img{width:100%}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .txt .name{font-size:16px}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .txt .rank{font-size:12px}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-button{background:url(../images/common/icon_search.png) no-repeat 50%;cursor:pointer;display:inline-block;height:32px;position:absolute;right:5px;text-indent:-9999em;top:0;transform:scale(.7);transition:all .2s;width:32px}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-button.disbled{opacity:.3}#searchHero .wrap .serchbox-wrap .search-form .search-container .search-button:hover{transform:scale(.8)}#searchHero .wrap .detail-filter{background-color:#fff;border-bottom:1px solid #e3e5e8;overflow:hidden}#searchHero .wrap .detail-filter h3{align-items:center;background-color:#f1f1f4;border-bottom:1px solid #e3e5e8;border-top:1px solid #e3e5e8;color:#333;display:flex;font-size:14px;height:30px;justify-content:center;text-align:center}#searchHero .wrap .detail-filter .filter-list{background-color:#fff;height:135px;padding:15px 5px 15px 8px}#searchHero .wrap .detail-filter .filter-list ul{display:flex;justify-content:flex-start;margin-bottom:4px;text-align:center}#searchHero .wrap .detail-filter .filter-list ul li+li{margin-left:4px}#searchHero .wrap .detail-filter .filter-list ul li{cursor:pointer;height:30px}#searchHero .wrap .detail-filter .filter-list ul.attr li{background:url(../images/common/filter_arrt.png) no-repeat 0 0;display:inline-block;height:32px;text-indent:-9999em;width:54px}#searchHero .wrap .detail-filter .filter-list ul.attr li[name=fire]{background-position:0 0}#searchHero .wrap .detail-filter .filter-list ul.attr li[name=ice]{background-position:25% 0}#searchHero .wrap .detail-filter .filter-list ul.attr li[name=wind]{background-position:50% 0}#searchHero .wrap .detail-filter .filter-list ul.attr li[name=light]{background-position:75% 0}#searchHero .wrap .detail-filter .filter-list ul.attr li[name=dark]{background-position:100% 0}#searchHero .wrap .detail-filter .filter-list ul.job li{background:url(../images/common/filter_job.png) no-repeat 0 0;display:inline-block;height:32px;text-indent:-9999em;width:54px}#searchHero .wrap .detail-filter .filter-list ul.job li[name=warrior]{background-position:0 0}#searchHero .wrap .detail-filter .filter-list ul.job li[name=knight]{background-position:20% 0}#searchHero .wrap .detail-filter .filter-list ul.job li[name=assassin]{background-position:40% 0}#searchHero .wrap .detail-filter .filter-list ul.job li[name=ranger]{background-position:60% 0}#searchHero .wrap .detail-filter .filter-list ul.job li[name=mage]{background-position:80% 0}#searchHero .wrap .detail-filter .filter-list ul.job li[name=manauser]{background-position:100% 0}#searchHero .wrap .detail-filter .filter-list ul.grade li{background:url(../images/common/filter_grade.png) no-repeat 0 0;display:inline-block;height:32px;text-indent:-9999em;width:112px}#searchHero .wrap .detail-filter .filter-list ul.grade li[name=grade5]{background-position:0 0}#searchHero .wrap .detail-filter .filter-list ul.grade li[name=grade4]{background-position:50% 0}#searchHero .wrap .detail-filter .filter-list ul.grade li[name=grade3]{background-position:100% 0}#searchHero .wrap .detail-filter .filter-list ul.assassin li[name=assassin],#searchHero .wrap .detail-filter .filter-list ul.dark li[name=dark],#searchHero .wrap .detail-filter .filter-list ul.fire li[name=fire],#searchHero .wrap .detail-filter .filter-list ul.grade3 li[name=grade3],#searchHero .wrap .detail-filter .filter-list ul.grade4 li[name=grade4],#searchHero .wrap .detail-filter .filter-list ul.grade5 li[name=grade5],#searchHero .wrap .detail-filter .filter-list ul.ice li[name=ice],#searchHero .wrap .detail-filter .filter-list ul.knight li[name=knight],#searchHero .wrap .detail-filter .filter-list ul.light li[name=light],#searchHero .wrap .detail-filter .filter-list ul.mage li[name=mage],#searchHero .wrap .detail-filter .filter-list ul.manauser li[name=manauser],#searchHero .wrap .detail-filter .filter-list ul.ranger li[name=ranger],#searchHero .wrap .detail-filter .filter-list ul.warrior li[name=warrior],#searchHero .wrap .detail-filter .filter-list ul.wind li[name=wind]{background-position-y:100%}#searchHero .wrap .filterlist-wrap{background-color:#fff;height:414px;overflow-x:hidden;overflow-y:auto;width:100%}#searchHero .wrap .filterlist-wrap .no-result{align-items:center;color:#333;display:flex;font-size:14px;height:100%;justify-content:center;text-align:center}#searchHero .wrap .filterlist-wrap ul{padding:20px 5px;text-align:left}#searchHero .wrap .filterlist-wrap ul li{display:inline-block;margin:0 12px 30px;width:86px}#searchHero .wrap .filterlist-wrap ul li a{align-items:center;display:flex;flex-direction:column;justify-content:center}#searchHero .wrap .filterlist-wrap ul li a span{border-radius:100px;cursor:pointer;display:inline-block;height:50px;margin-bottom:5px;position:relative;transition:all .2s;width:50px}#searchHero .wrap .filterlist-wrap ul li a span img{width:100%}#searchHero .wrap .filterlist-wrap ul li a i{display:inline-block;font-size:12px;text-align:center}#searchHero .wrap .filterlist-wrap ul li:hover a span{transform:scale(1.07)}#searchHero .wrap .filterlist-wrap ul li:hover a span:after{background:transparent;border-radius:100px;content:"";display:inline-block;font-weight:500;height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}@media(max-width:860px){#wrapper #searchHero{border:none;border-collapse:unset;border-radius:5px;height:100%;overflow:hidden;width:100%}#wrapper #searchHero .wrap .serchbox-wrap{background-color:#fafbfc;height:50px;padding:8px 10px}#wrapper #searchHero .wrap .serchbox-wrap .search-form{height:100%;width:100%}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container{align-items:center;display:flex;position:relative;width:100%}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-input{border:1px solid #e3e5e8;border-radius:4px;font-size:15px;height:32px;padding:0 40px 0 12px;width:100%}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list{background-color:#fff;border-radius:4px;box-shadow:0 2px 13px #0003;overflow:hidden;position:absolute;top:62px;width:100%;z-index:1}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li{align-items:center;background-color:#fff;color:#333;cursor:pointer;display:flex;height:48px;justify-content:flex-start;padding:.4rem .5rem}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li.selected,#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li:hover{background-color:#f7f7f9}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list{align-items:center;display:flex;font-size:15px;justify-content:flex-start}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .highlight{color:red}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .pic{height:40px;margin-right:10px;width:40px}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .pic img{width:100%}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .txt .name{font-size:16px}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-list li .s-list .txt .rank{font-size:12px}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-button{background:url(../images/common/icon_search.png) no-repeat 50%;cursor:pointer;display:inline-block;height:32px;position:absolute;right:5px;text-indent:-9999em;top:0;transform:scale(.7);transition:all .2s;width:32px}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-button.disbled{opacity:.3}#wrapper #searchHero .wrap .serchbox-wrap .search-form .search-container .search-button:hover{transform:scale(.8)}#wrapper #searchHero .wrap .detail-filter{background-color:#fafbfc;border-bottom:none;overflow:hidden;padding:0 10px 10px;width:100%}#wrapper #searchHero .wrap .detail-filter h3{align-items:center;background-color:#f7f7f9;border:1px solid #e3e5e8;border-bottom:none;color:#333;display:flex;font-size:14px;height:30px;justify-content:center;padding:0;text-align:center;width:100%}#wrapper #searchHero .wrap .detail-filter .filter-list{align-items:center;background-color:#fafbfc;border:1px solid #e3e5e8;display:flex;flex-direction:column;height:126px;justify-content:center;padding:0;text-align:center}#wrapper #searchHero .wrap .detail-filter .filter-list ul{display:flex;justify-content:flex-start;margin-bottom:4px;text-align:center;width:345px}#wrapper #searchHero .wrap .detail-filter .filter-list ul li+li{margin-left:4px}#wrapper #searchHero .wrap .detail-filter .filter-list ul li{cursor:pointer;height:30px}#wrapper #searchHero .wrap .detail-filter .filter-list ul.attr li{background:url(../images/common/filter_arrt.png) no-repeat 0 0;display:inline-block;height:32px;text-indent:-9999em;width:54px}#wrapper #searchHero .wrap .detail-filter .filter-list ul.attr li[name=fire]{background-position:0 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.attr li[name=ice]{background-position:25% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.attr li[name=wind]{background-position:50% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.attr li[name=light]{background-position:75% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.attr li[name=dark]{background-position:100% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li{background:url(../images/common/filter_job.png) no-repeat 0 0;display:inline-block;height:32px;text-indent:-9999em;width:54px}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li[name=warrior]{background-position:0 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li[name=knight]{background-position:20% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li[name=assassin]{background-position:40% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li[name=ranger]{background-position:60% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li[name=mage]{background-position:80% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.job li[name=manauser]{background-position:100% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade li{background:url(../images/common/filter_grade.png) no-repeat 0 0;display:inline-block;height:32px;text-indent:-9999em;width:112px}#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade li[name=grade5]{background-position:0 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade li[name=grade4]{background-position:50% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade li[name=grade3]{background-position:100% 0}#wrapper #searchHero .wrap .detail-filter .filter-list ul.assassin li[name=assassin],#wrapper #searchHero .wrap .detail-filter .filter-list ul.dark li[name=dark],#wrapper #searchHero .wrap .detail-filter .filter-list ul.fire li[name=fire],#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade3 li[name=grade3],#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade4 li[name=grade4],#wrapper #searchHero .wrap .detail-filter .filter-list ul.grade5 li[name=grade5],#wrapper #searchHero .wrap .detail-filter .filter-list ul.ice li[name=ice],#wrapper #searchHero .wrap .detail-filter .filter-list ul.knight li[name=knight],#wrapper #searchHero .wrap .detail-filter .filter-list ul.light li[name=light],#wrapper #searchHero .wrap .detail-filter .filter-list ul.mage li[name=mage],#wrapper #searchHero .wrap .detail-filter .filter-list ul.manauser li[name=manauser],#wrapper #searchHero .wrap .detail-filter .filter-list ul.ranger li[name=ranger],#wrapper #searchHero .wrap .detail-filter .filter-list ul.warrior li[name=warrior],#wrapper #searchHero .wrap .detail-filter .filter-list ul.wind li[name=wind]{background-position-y:100%}#wrapper #searchHero .wrap .filterlist-wrap{height:unset;min-height:21.875rem;overflow-x:hidden;overflow-y:unset;width:100%}#wrapper #searchHero .wrap .filterlist-wrap .no-result{font-size:12px}#wrapper #searchHero .wrap .filterlist-wrap ul{text-align:center}#wrapper #searchHero .wrap .filterlist-wrap ul li{margin:0 2px 30px;width:80px}#wrapper #searchHero .wrap .filterlist-wrap ul li a{padding:0 4px}#wrapper #searchHero .wrap .filterlist-wrap ul li a i{font-size:11px}#wrapper #searchHero .wrap .filterlist-wrap ul li:hover a span{transform:scale(.9)}#wrapper #searchHero .wrap .filterlist-wrap ul li:hover a span:after{background:transparent;border-radius:100px;content:"";display:inline-block;font-weight:500;height:50px;left:0;position:absolute;top:0;width:50px;z-index:1}}#seasonHero .section-tit{color:#333;font-size:20px;font-weight:700;margin-bottom:16px}#seasonHero .seasonHero-wrap{background-color:#fff;border:1px solid #e3e5e8;border-radius:.4rem;margin-right:.5rem;width:360px}#seasonHero .seasonHero-wrap .season-select-wrap{align-items:center;border-bottom:1px solid #e3e5e8;display:flex;height:50px;justify-content:space-between}#seasonHero .seasonHero-wrap .season-select-wrap button{background-color:#f7f7f9;border-bottom:1px solid #e3e5e8;border-right:1px solid #e3e5e8;font-size:15px;height:50px;width:50%}#seasonHero .seasonHero-wrap .season-select-wrap .select-box.active,#seasonHero .seasonHero-wrap .season-select-wrap button.active{background-color:#fff;border-bottom:0}#seasonHero .seasonHero-wrap .season-select-wrap .select-box{background-color:#f7f7f9;border:none;cursor:pointer;height:50px;position:relative;text-align:center;width:50%}#seasonHero .seasonHero-wrap .season-select-wrap .select-box .option{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:flex-start;padding:0 20px;position:relative;width:100%}#seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected{font-size:15px;height:50px;justify-content:center;line-height:1em;padding:0 47px 0 20px;width:100%;word-break:break-word}#seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected.active{background-color:#fff}#seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected .triangle-down{background:url(../images/common/icon_select.png) no-repeat;height:30px;position:absolute;right:10px;top:10px;transition:all .15s;width:30px}#seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected .triangle-down.open{transform:rotate(180deg);transform-origin:center}#seasonHero .seasonHero-wrap .season-select-wrap .select-box ul{background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0003;left:0;position:absolute;top:50px;width:100%;z-index:1}#seasonHero .seasonHero-wrap .season-select-wrap .select-box ul li{color:#999}#seasonHero .seasonHero-wrap .season-select-wrap .select-box ul li:hover{background-color:#f7f7f9;color:#333}#seasonHero .seasonHero-wrap .season-select-wrap .select-box ul li.active{background-color:#f7f7f9}#seasonHero .seasonHero-wrap .info-wrap .info-area{align-items:center;display:flex;height:130px;justify-content:flex-start}#seasonHero .seasonHero-wrap .info-wrap .info-area .charts{height:5.3125rem;width:50%}#seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie{font-size:.7rem;height:4.875rem;margin:0 auto;position:relative;text-align:center;width:100%}#seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis{align-items:center;display:flex;justify-content:center;margin-top:0}#seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis .win i{background-color:#5282d8;display:inline-block;height:8px;margin-right:3px;width:8px}#seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis .win{margin-right:30px}#seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis .lose i{background-color:#e46868;display:inline-block;height:8px;margin-right:4px;width:8px}#seasonHero .seasonHero-wrap .info-wrap .info-area .season-info{padding:0 10px;text-align:center;width:50%}#seasonHero .seasonHero-wrap .info-wrap .info-area .season-info h3{color:#333;font-size:18px;font-weight:700;margin-bottom:6px;word-break:break-word}#seasonHero .seasonHero-wrap .info-wrap .info-area .season-info .wl-score{color:#666;font-size:12px}#seasonHero .seasonHero-wrap .info-wrap .info-area{border-bottom:1px solid #e6e6e6}#seasonHero .seasonHero-wrap .hero-list{min-height:206px;padding:10px}#seasonHero .seasonHero-wrap .hero-list .nolist{align-items:center;display:flex;height:178px;justify-content:center;width:100%}#seasonHero .seasonHero-wrap .hero-list .nolist p{color:#666;font-size:14px}#seasonHero .seasonHero-wrap .hero-list ul li{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;width:100%}#seasonHero .seasonHero-wrap .hero-list ul li:last-child{margin:0}#seasonHero .seasonHero-wrap .hero-list ul li span{color:#333;font-size:13px}#seasonHero .seasonHero-wrap .hero-list ul li span.idxnum{color:#666;font-size:.75rem;font-weight:500;width:16px}#seasonHero .seasonHero-wrap .hero-list ul li span.name{cursor:pointer;display:inline-block;flex:1 1 160px;letter-spacing:0;margin-right:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}#seasonHero .seasonHero-wrap .hero-list ul li span.hero-img{cursor:pointer;height:29px;margin-right:5px;max-width:29px;width:29px}#seasonHero .seasonHero-wrap .hero-list ul li span.hero-img img{height:100%;width:100%}#seasonHero .seasonHero-wrap .hero-list ul li .score{margin-left:auto;max-width:140px;text-align:right}#seasonHero .seasonHero-wrap .hero-list ul li .score span{word-break:break-word}@media(max-width:860px){#wrapper #seasonHero{width:100%}#wrapper #seasonHero .section-tit{display:none}#wrapper #seasonHero .seasonHero-wrap{border-left:0;border-radius:0;border-right:0;margin-right:0;width:100%}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap{height:2.5rem}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap button{font-size:.8125rem;height:2.5rem}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box{height:2.5rem}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box .option{cursor:pointer;height:2.375rem;padding:0 .875rem;width:100%}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected{font-size:.8125rem;height:2.5rem;padding:0 2.9375rem 0 1.25rem}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected.active{background-color:#fff}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box .option.selected .triangle-down{height:1.875rem;position:absolute;right:.9375rem;top:.375rem;width:1.875rem}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box ul{border-radius:.125rem;box-shadow:0 .0625rem .125rem #0003;position:absolute;right:.625rem;top:2.5rem;width:auto}#wrapper #seasonHero .seasonHero-wrap .season-select-wrap .select-box ul li{font-size:.8125rem}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area{height:130px}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis .win i{height:8px;margin-right:3px;width:8px}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis .win{margin-right:30px}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area .charts .charts-pie .vis .lose i{height:8px;margin-right:4px;width:8px}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area .season-info{padding:0 10px;text-align:center;width:50%}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area .season-info h3{font-size:1.0625rem;margin-bottom:.1875rem}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area .season-info .wl-score{font-size:.75rem}#wrapper #seasonHero .seasonHero-wrap .info-wrap .info-area{border-bottom:1px solid #e6e6e6}#wrapper #seasonHero .seasonHero-wrap .hero-list{min-height:15.5rem;padding:.9375rem .9375rem .4375rem}#wrapper #seasonHero .seasonHero-wrap .hero-list .nolist{height:17.5rem}#wrapper #seasonHero .seasonHero-wrap .hero-list .nolist p{font-size:.8125rem}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li{height:2.2rem;margin-bottom:.625rem}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li span{font-size:.75rem}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li span.name{display:inline-block;flex:1 1 160px;letter-spacing:0;margin-right:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li span.hero-img{height:35px;margin-right:8px;max-width:35px;width:35px}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li span.hero-img img{height:100%;width:100%}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li .score{margin-left:auto;max-width:140px;text-align:right}#wrapper #seasonHero .seasonHero-wrap .hero-list ul li .score span{word-break:break-word}}#userInfo{background-color:#202020;padding-top:13.125rem}#userInfo .user-info{align-items:center;color:#fff;display:flex;height:220px;justify-content:flex-start}#userInfo .user-info button{color:#fff}#userInfo .user-info .profile-img{background-color:#777;border-radius:100px;display:inline-block;height:100px;position:relative;width:100px}#userInfo .user-info .profile-img:before{background:#777 url(../images/common/img_nohero.png) no-repeat 50%;background-size:100%;border-radius:100%;content:"";display:inline-block;height:95px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:95px;z-index:1}@media(max-width:860px){#userInfo .user-info .profile-img:before{height:66px;width:66px}}#userInfo .user-info .profile-img:after{background:url(../images/common/img_profile_wrap.png) no-repeat 50%;content:"";display:inline-block;height:113px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:113px;z-index:3}#userInfo .user-info .profile-img img{height:100%;position:relative;width:100%;z-index:2}#userInfo .user-info .info-wrap{align-items:center;display:flex;justify-content:flex-start}#userInfo .user-info .info-wrap .info-box{flex:1 1 480px;padding:0 40px;position:relative}#userInfo .user-info .info-wrap .info-box:after{background:url(../images/common/img_profile_line.png) no-repeat 50%;content:"";display:inline-block;height:190px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:9px;z-index:2}#userInfo .user-info .info-wrap .info-box .serv{color:#999;font-size:16px}#userInfo .user-info .info-wrap .info-box .nickname{align-items:center;color:#fff;display:flex;font-size:26px;font-weight:700;justify-content:flex-start;margin:6px 0}#userInfo .user-info .info-wrap .info-box .nickname .bookmark{background:url(../images/common/icon_bookmark.png) no-repeat bottom;cursor:pointer;display:inline-block;height:23px;margin-left:10px;width:23px}#userInfo .user-info .info-wrap .info-box .nickname .bookmark.checked{background-position-y:0}#userInfo .user-info .info-wrap .info-box .rank{color:#999;font-size:20px}#userInfo .user-info .info-wrap .info-box .clan{color:#999;font-size:14px;margin-top:10px;word-break:break-all}#userInfo .user-info .info-wrap .info-box .clan i{background:url(../images/common/icon_clan.png) no-repeat bottom;background-size:100% auto;display:inline-block;height:14px;margin-right:10px;vertical-align:middle;width:14px}#userInfo .user-info .info-wrap .info-box .refresh-record{border:1px solid #a8875f;border-radius:.2rem;color:#a8875f;font-size:16px;height:30px;margin:12px 0 6px;width:86px}#userInfo .user-info .info-wrap .info-box .update-time{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;margin-top:10px;position:relative}#userInfo .user-info .info-wrap .info-box .update-time em{margin-right:3px}#userInfo .user-info .info-wrap .info-box .update-time .icon-tooltip{background:url(../images/common/icon_caution_s.png) no-repeat 50%;display:inline-block;height:12px;margin-left:2px;position:relative;width:12px}#userInfo .user-info .info-wrap .info-box .update-time{color:#999;font-size:12px}#userInfo .user-info .info-wrap .info-box .update-time .layer-box:before{background:url(../images/common/img_bubble_arr.png) no-repeat 0 0;content:"";display:inline-block;height:5px;left:30px;position:absolute;top:-5px;transform:rotate(180deg);width:10px}#userInfo .user-info .info-wrap .info-box .update-time .layer-box{align-items:center;background-color:#fff;border:1px solid #e3e5e8;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;justify-content:center;left:-30px;min-width:420px;padding:20px;position:absolute;text-align:center;top:26px;z-index:100}#userInfo .user-info .info-wrap .info-box .update-time .layer-box h3{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}#userInfo .user-info .info-wrap .info-box .update-time .layer-box p{color:#333;font-size:12px;font-weight:400}#userInfo .user-info .info-wrap .info-box .update-time .layer-box em{color:#999;font-size:12px;font-weight:400}#userInfo .user-info .info-wrap .tier-box{align-items:center;display:flex;justify-content:flex-start;padding-left:40px;width:100%}#userInfo .user-info .info-wrap .tier-box .img-box{height:105px;width:114px}#userInfo .user-info .info-wrap .tier-box .img-box em{background-position:50%;background-repeat:no-repeat;display:inline-block;height:100%;width:100%}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_bronze{background-image:url(../images/common/grade/grade_bronze.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_silver{background-image:url(../images/common/grade/grade_silver.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_gold{background-image:url(../images/common/grade/grade_gold.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_master{background-image:url(../images/common/grade/grade_master.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_challenger{background-image:url(../images/common/grade/grade_challenger.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_champion{background-image:url(../images/common/grade/grade_champion.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_emperor{background-image:url(../images/common/grade/grade_emperor.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_legend{background-image:url(../images/common/grade/grade_legend.png)}#userInfo .user-info .info-wrap .tier-box .img-box em.grade_warlord{background-image:url(../images/common/grade/grade_warlord.png)}#userInfo .user-info .info-wrap .tier-box .img-box img{height:100%;width:100%}#userInfo .user-info .info-wrap .tier-box .tier{padding-left:15px}#userInfo .user-info .info-wrap .tier-box .tier .season-name{color:#d7a86c;font-size:16px}#userInfo .user-info .info-wrap .tier-box .tier .tier-name{color:#fff;font-size:20px;margin:4px 0 7px}#userInfo .user-info .info-wrap .tier-box .tier .score-rate{color:#999;font-size:12px;min-width:180px}@media(max-width:860px){#wrapper #userInfo{padding-top:12.5rem}#wrapper #userInfo .user-info{height:7.5rem;padding:0 1rem}#wrapper #userInfo .user-info .profile-img{border-radius:50%;height:4.5rem;width:4.5rem}#wrapper #userInfo .user-info .profile-img img{height:4.125rem;width:4.125rem}#wrapper #userInfo .user-info .profile-img:after{background-size:contain;height:4.875rem;width:4.875rem}#wrapper #userInfo .user-info .info-wrap{align-items:flex-start;flex:1;flex-direction:column;padding-left:.75rem}#wrapper #userInfo .user-info .info-wrap .info-box{align-items:flex-start;display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-start;padding:0}#wrapper #userInfo .user-info .info-wrap .info-box:after{display:none}#wrapper #userInfo .user-info .info-wrap .info-box .serv{color:#fff;font-size:.8125rem}#wrapper #userInfo .user-info .info-wrap .info-box .nickname{font-size:1.25rem;margin:6px 0;order:3;width:100%}#wrapper #userInfo .user-info .info-wrap .info-box .nickname .bookmark{height:23px;margin-left:10px;width:23px}#wrapper #userInfo .user-info .info-wrap .info-box .rank{color:#999;font-size:.8125rem;margin-left:.625rem}#wrapper #userInfo .user-info .info-wrap .info-box .clan{color:#999;font-size:.6875rem;margin-left:.5rem;margin-top:0;word-break:break-all}#wrapper #userInfo .user-info .info-wrap .info-box .clan i{height:.625rem;margin-right:.125rem;width:.625rem}#wrapper #userInfo .user-info .info-wrap .info-box .refresh-record{border:1px solid #a8875f;border-radius:.2rem;color:#a8875f;font-size:16px;height:30px;margin:12px 0 6px;width:86px}#wrapper #userInfo .user-info .info-wrap .info-box .update-time{display:none}#wrapper #userInfo .user-info .info-wrap .tier-box{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:0;width:100%}#wrapper #userInfo .user-info .info-wrap .tier-box .img-box{align-items:center;display:flex;font-size:.8125rem;height:auto;justify-content:flex-start;width:100%}#wrapper #userInfo .user-info .info-wrap .tier-box .img-box .season-name{color:#d7a86c}#wrapper #userInfo .user-info .info-wrap .tier-box .img-box em{background-size:auto 100%;display:inline-block;height:1.25rem;margin:0 .125rem 0 .5rem;width:1.25rem}#wrapper #userInfo .user-info .info-wrap .tier-box .img-box img{height:100%;width:100%}#wrapper #userInfo .user-info .info-wrap .tier-box .tier{padding-left:0;width:100%}#wrapper #userInfo .user-info .info-wrap .tier-box .tier .season-name,#wrapper #userInfo .user-info .info-wrap .tier-box .tier .tier-name{display:none}#wrapper #userInfo .user-info .info-wrap .tier-box .tier .score-rate{color:#999;font-size:.75rem;min-width:100%}}.modal-wrap{background-color:#fff;border-radius:.25rem;box-shadow:0 4px 9px 1px #000000c9;left:50%;padding:1.875rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:10}@media(max-width:460px){.modal-wrap{width:18.75rem}}.modal-wrap .modal{align-items:center;flex-direction:column;justify-content:center;position:relative;text-align:center}.modal-wrap .modal-box{color:#222;font-size:1.25rem;line-height:1.4}@media(max-width:460px){.modal-wrap .modal-box{font-size:.75rem}}.modal-wrap .modal-box:before{background:url(../images/common/ico_al.png) no-repeat 50%/auto 100%;content:"";display:block;height:4.875rem;margin:0 auto 1.125rem;width:4.875rem}@media(max-width:460px){.modal-wrap .modal-box:before{height:2.5rem;margin:0 auto .625rem;width:2.5rem}}.modal-wrap .btn-box{align-items:center;display:flex;justify-content:center;padding:1.875rem 0 0}@media(max-width:460px){.modal-wrap .btn-box{padding:1.25rem 0 0}}.modal-wrap .modal-btn{align-items:center;background-color:#000;border-radius:.25rem;color:#fff;display:flex;font-size:1.25rem;height:3.125rem;justify-content:center;padding:0 2.375rem}@media(max-width:460px){.modal-wrap .modal-btn{border-radius:.125rem;font-size:.875rem;height:2.5rem;padding:0 1.25rem}}.modal-wrap .modal-btn.gray{background-color:#9a9a9a}.modal-wrap .modal-btn.gray span{border-color:#4d4d4d!important}.modal-wrap .btn-close{background:url(../images/common/btn_close.png) no-repeat 50%/cover;cursor:pointer;height:1.75rem;position:absolute;right:1.125rem;text-indent:-9999em;top:1.125rem;width:1.75rem}@media(max-width:460px){.modal-wrap .btn-close{height:1.25rem;right:.9375rem;top:.9375rem;width:1.25rem}}.modal-wrap [data-name=client] .modal-btn,.modal-wrap [data-name=login] .modal-btn{background-color:#fc4420;border-radius:.25rem}.modal-wrap [data-name=client] .modal-btn:before{background:url(../images/common/ico_windows.png) no-repeat 50%/cover;content:"";display:block;height:1.5rem;margin-right:.875rem;width:1.5rem}@media(max-width:460px){.modal-wrap [data-name=client] .modal-btn:before{height:1.125rem;margin-right:.4375rem;width:1.125rem}}.el-select{border:1px solid #e3e5e8!important;border-radius:4px;cursor:pointer;height:40px;width:180px}.el-select .el-select__wrapper{box-shadow:none!important;min-height:38px!important}.el-select .el-select__suffix .el-select__caret{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;height:0;transform-origin:center;transition:all .2s;width:0}.el-select__popper{margin-top:-.375rem!important}.el-select-dropdown__item.is-selected{color:#000!important;font-weight:400!important}.el-select-dropdown__item.is-hovering{color:#000!important}.el-select-dropdown__wrap{max-height:320px!important}@media(max-width:860px){#wrapper #heroAnalysisData .selectbox-wrap .el-select,#wrapper #popularHeroList .selectbox-wrap .el-select,#wrapper #rankServerList .selectbox-wrap .el-select{border:1px solid #e3e5e8;border-radius:2px;position:relative;width:45%!important}#wrapper #rankHeroList .selectbox-wrap .el-select{border:1px solid #e3e5e8;border-radius:2px;position:relative;width:100%!important}}