@charset "UTF-8";html{--color_white: #FFFFFF;--color_black: #000000;--color_fill_mask: rgba(0, 0, 0, .5);--color_black_5: rgba(0, 0, 0, .5);--color_black_6: rgba(0, 0, 0, .6);--color_black_7: rgba(0, 0, 0, .7);--color_black_8: rgba(0, 0, 0, .8);--color_black_9: rgba(0, 0, 0, .9);--color_op_black_05: rgba(0, 0, 0, .05);--color_op_black_1: rgba(0, 0, 0, .1);--color_op_black_2: rgba(0, 0, 0, .2);--color_op_black_3: rgba(0, 0, 0, .3);--color_op_black_4: rgba(0, 0, 0, .4);--color_op_black_5: rgba(0, 0, 0, .5);--color_op_black_6: rgba(0, 0, 0, .6);--color_op_black_7: rgba(0, 0, 0, .7);--color_op_black_8: rgba(0, 0, 0, .8);--color_op_black_9: rgba(0, 0, 0, .9);--color_op_black_10: #000000;--color_op_white_05: rgba(255, 255, 255, .05);--color_op_white_1: rgba(255, 255, 255, .1);--color_op_white_2: rgba(255, 255, 255, .2);--color_op_white_3: rgba(255, 255, 255, .3);--color_op_white_4: rgba(255, 255, 255, .4);--color_op_white_5: rgba(255, 255, 255, .5);--color_op_white_6: rgba(255, 255, 255, .6);--color_op_white_7: rgba(255, 255, 255, .7);--color_op_white_8: rgba(255, 255, 255, .8);--color_op_white_9: rgba(255, 255, 255, .9);--color_op_white_10: #FFFFFF;--t28: 28px;--t24: 24px;--t18: 18px;--t16: 16px;--t15: 15px;--t14: 14px;--t12: 12px;--t11: 11px;--t10: 10px;--t9: 9px;--t8: 8px;--corner-0: 0;--corner-1: 2px;--corner-2: 4px;--corner-3: 8px;--corner-4: 200px;--corner-round: 50%}html.--zmdarkmode{--color_op_black_05: rgba(255, 255, 255, .05);--color_op_black_1: rgba(255, 255, 255, .1);--color_op_black_2: rgba(255, 255, 255, .2);--color_op_black_3: rgba(255, 255, 255, .3);--color_op_black_4: rgba(255, 255, 255, .4);--color_op_black_5: rgba(255, 255, 255, .5);--color_op_black_6: rgba(255, 255, 255, .6);--color_op_black_7: rgba(255, 255, 255, .7);--color_op_black_8: rgba(255, 255, 255, .8);--color_op_black_9: rgba(255, 255, 255, .9);--color_op_black_10: #FFFFFF;--color_op_white_05: rgba(0, 0, 0, .05);--color_op_white_1: rgba(0, 0, 0, .1);--color_op_white_2: rgba(0, 0, 0, .2);--color_op_white_3: rgba(0, 0, 0, .3);--color_op_white_4: rgba(0, 0, 0, .4);--color_op_white_5: rgba(0, 0, 0, .5);--color_op_white_6: rgba(0, 0, 0, .6);--color_op_white_7: rgba(0, 0, 0, .7);--color_op_white_8: rgba(0, 0, 0, .8);--color_op_white_9: rgba(0, 0, 0, .9);--color_op_white_10: #000000}html:not(.--zmdarkmode){--color_brand: #DD692A;--color_brand_text: #FF9A51}html.--zmdarkmode{--color_brand: #6C5C3C;--color_brand_text: #FF9A51}html:not(.--zmdarkmode){--color_error: #F35C44;--color_success: #7ED321;--color_tips: #5897EE;--color_highlight_1: linear-gradient(291.14deg, #ED751C 1.67%, #F78E1B 98.3%);--color_highlight_2: #F4861B;--color_brand_text_hax: #C4A264;--color_text_1: #1C1C1C;--color_text_2: #757E7F;--color_text_3: #A0ACB5;--color_text_4: #FFFFFF;--color_text_5: #848484;--color_text_6: #AEAEAE;--color_name: #506769;--color_fill_1: #E6E6E6;--color_fill_2: #E6E6E6;--color_fill_3: #E8EBEC;--color_fill_4: #1C1C1C;--color_fill_pagebg: #FFFFFF;--color_line_1: #F0F3F7;--color_line_2: #f5f5f5;--color_line_3: #f1f1f1;--color_line_4: #E5E5E5;--color_red: #E2582D;--color_orange: #EE8E25;--color_yellow: #E4AB22;--color_green: #6DBB4F;--color_cyan: #4ABCC7;--color_blue: #4A83C7;--color_purple: #8A70B8}html.--zmdarkmode{--color_error: #FF5A36;--color_success: #8AE825;--color_tips: #4BB4FF;--color_highlight_1: linear-gradient(270deg, #F4802A 0%, #FFA247 100%);--color_highlight_2: #FE9937;--color_brand_text_hax: #E3BD76;--color_text_1: rgba(255, 255, 255, .8);--color_text_2: rgba(255, 255, 255, .6);--color_text_3: rgba(255, 255, 255, .3);--color_text_4: #FFFFFF;--color_text_5: rgba(255, 255, 255, .6);--color_text_6: rgba(255, 255, 255, .4);--color_name: #788C8D;--color_fill_1: #333333;--color_fill_2: #2E2F2F;--color_fill_3: #303131;--color_fill_4: #FFFFFF;--color_fill_pagebg: #1A1A1A;--color_line_1: #303131;--color_line_2: #303131;--color_line_3: #303131;--color_line_4: #313131;--color_red: #E2582D;--color_orange: #EE8E25;--color_yellow: #E4AB22;--color_green: #6DBB4F;--color_cyan: #4ABCC7;--color_blue: #4A83C7;--color_purple: #8A70B8}body{-webkit-tap-highlight-color:transparent;font-family:PingFangSC-Regular,sans-serif}html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5,select,input,textarea,span{margin:0;padding:0;outline:none}*{margin:0;padding:0;outline:none;background:center center no-repeat;background-size:cover}a,img,input{border:none}a{text-decoration:none}i{font-style:normal}ul,li{list-style:none}a,img{-webkit-touch-callout:none}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100vh;overflow:hidden;outline:none}.g-app{width:100%;height:100%;overflow:hidden;position:relative}input[type=search]{-webkit-appearance:none}.anim-poluo{width:84px!important;height:84px!important}.anim-poluo.--happy .anim-poluo-body,.anim-poluo.--sleep .anim-poluo-body,.anim-poluo-body{transform:translate(-50%,-50%) scale(1)!important}.m-scrollbox-movelayout{padding-top:144px!important;margin-top:-144px!important}.m-scrollbox-top{height:144px!important}.m-scrollbox-top-tip{font-size:18.67px}@font-face{font-family:Beaufort for LOL;src:url(https://lol.qq.com/zmlolzone2305/font/BeaufortForLoL-Bold.otf)}iframe{border:none!important}.lolzone-dhview .componentui-PullReflash-container{overflow:hidden}.lolzone-dhview .--ontouch .componentui-PullReflash-container{overflow:visible!important}.lolzone-index{--ppui-scale: 2}.lolzone-index .index-tab.swiper{overflow:visible}.lolzone-index .tabswiper-swiper .swiper-slide,.lolzone-index .index-page .swiper-slide{opacity:0}.lolzone-index .tabswiper-swiper .swiper-slide-active,.lolzone-index .index-page .swiper-slide-active{opacity:1;z-index:2}.lolzone-index .index-page .dld-bridge-map-page .swiper-slide{opacity:1}.lolzone-index .index-tab{width:100%;height:auto}.lolzone-index .tab-comm-titlelist.index-tab{position:sticky;top:0;left:0;z-index:2;height:96px}.lolzone-index .tab-comm-titlelist.index-tab:after{display:none}.lolzone-index .tab-comm-titlelist.index-tab .pptab-title-item-line{width:36px;height:4px;margin-top:9px}.lolzone-index .index-tab .pptab-title-item-font{font-size:28px;color:var(--color_text_2)}.lolzone-index .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-weight:550}.lolzone-index .index-tab.tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1);font-size:32px}.loading-tip-font--loading{width:200%;color:#a0acb5;font-size:18px;line-height:1;text-align:center;margin:70px 0 0 -50%}.go-right{width:25px;height:22px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/right.png) no-repeat;display:inline-block;position:relative;top:3px}.select-wrap{height:100vh;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:999;overflow-y:scroll;transform:translateY(100%)}.on{transition:.3s;transform:translateY(0)}.tab-comm-titlelist{padding:0!important;border-bottom:1px solid #f0f3f7!important;outline:none!important}.--zmdarkmode .tab-comm-titlelist{border-bottom:1.5px solid var(--color_line_1)!important}.pptab-title-item-font{margin-top:8.5px}.--selected .pptab-title-item-font{margin-top:0}.--hide-ios-linebug{position:sticky;height:6px;width:100%;top:93px;background-color:var(--color_op_white_10);z-index:3;transition:none;transform:none}.--hide-ios-linebug.version-linebug{background-color:var(--zm_f5)}.--zmdarkmode .--hide-ios-linebug{display:none}html.--zmdarkmode{background-color:#1a1a1a;color:rgba(255,255,255,.8)}html.--zmdarkmode .information,html.--zmdarkmode .china-data,html.--zmdarkmode .strategy,html.--zmdarkmode .version-change,html.--zmdarkmode .more-strategy{background-color:#1a1a1a}html.--zmdarkmode .strategy-short-video{background-color:#252525}html.--zmdarkmode .compre-list-name,html.--zmdarkmode .list-name-ban,html.--zmdarkmode .average-list-name-chaos,html.--zmdarkmode .bestpartner-tablehead-box{background-color:#2c2c2c}html.--zmdarkmode .title:before{background:#36d7e6}html.--zmdarkmode .videolist-footerlabel--heroinfo{background-color:rgba(54,215,230,.2)}html.--zmdarkmode .version-wrap li{filter:invert(95%) hue-rotate(180deg)}html.--zmdarkmode .version-wrap li img,html.--zmdarkmode .version-wrap li .compre-list-name,html.--zmdarkmode .llcardcomm-tag{filter:invert(115%) hue-rotate(180deg);opacity:.9}html.--zmdarkmode .dialog-hex-container .pic,html.--zmdarkmode .hex-pic-box,html.--zmdarkmode .buffdata-item{background-color:transparent}html.--zmdarkmode .user-info{background-image:none}html.--zmdarkmode img.challenge-filter-title-icon{display:none}html.--zmdarkmode .organize-wrap{background-color:#2c2c2c;border-radius:6px}html.--zmdarkmode .game-gift,html.--zmdarkmode .block-banner,html.--zmdarkmode .m-scrollbox-main,html.--zmdarkmode .tab-comm-titlelist,html.--zmdarkmode .information-strategy-tab .information-strategy-tab-bg{background-color:#1a1a1a}html.--zmdarkmode .lineuplist-show-sort{background-color:rgba(48,49,49,.5)}html.--zmdarkmode .llcardcomm-xxhero,html.--zmdarkmode .tab-comm-titlelist,html.--zmdarkmode .lineuplist-card-comm,html.--zmdarkmode .tabmode-main.pptab-titlelist,html.--zmdarkmode .version-change{border-color:#303131}html.--zmdarkmode .tabswiper-swiper{outline:3px #1a1a1a solid}html.--zmdarkmode .tab-comm-titlelist{outline:3px #1a1a1a solid;border-bottom:3px solid #1a1a1a}html.--zmdarkmode .tab-comm-titlelist{border-bottom-color:#1a1a1a}html.--zmdarkmode .tab-comm-titlelist:after{background-color:#1a1a1a}html.--zmdarkmode .tabmode-main .pptab-title-commline{background-color:#303131}html.--zmdarkmode .chinadata-sort-type .on,html.--zmdarkmode .tab-chaos-type .on,html.--zmdarkmode .china-data-heroname,html.--zmdarkmode .win-rate,html.--zmdarkmode .come-percent,html.--zmdarkmode .video-title,html.--zmdarkmode .game-type a.on,html.--zmdarkmode .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font,html.--zmdarkmode .zoneentrycard-enter-item-name,html.--zmdarkmode .organize-left-content span,html.--zmdarkmode .organize-user-info .organize-user-rolename,html.--zmdarkmode .role-switch,html.--zmdarkmode .llcardcomm-xxhero-name,html.--zmdarkmode .llcardcomm-info-name,html.--zmdarkmode .lineuplist-show-sort-font,html.--zmdarkmode .tabmode-main .pptab-title-item,html.--zmdarkmode .information-strategy-tab .info-item .info-detail>.headline,html.--zmdarkmode .information-strategy-tab .b-info-item>.headline,html.--zmdarkmode .banRate-percent{color:rgba(255,255,255,.8)}html.--zmdarkmode .zoneentrycard-zonetitle-name,html.--zmdarkmode .title{color:rgba(255,255,255,.9)}html.--zmdarkmode .llcardcomm-title-font,html.--zmdarkmode .lineuplist-show-sort-version{color:rgba(255,255,255,.8);-webkit-text-stroke-color:rgba(255,255,255,.8)}html.--zmdarkmode .tab-comm-titlelist .pptab-title-item-line{background-color:rgba(255,255,255,.8)}html.--zmdarkmode .gift-item--vertical .gift-item-info,html.--zmdarkmode .role-switch-caret{color:rgba(255,255,255,.6)}html.--zmdarkmode .gift-item--vertical .gift-item-cover{background-color:#303131}html.--zmdarkmode .tabswiper-swiper .swiper-wrapper{outline-color:transparent}html.--zmdarkmode .role-switch-caret--down:after,html.--zmdarkmode .llcardcomm-title-guide,html.--zmdarkmode .lineuplist-show-sort-icon{filter:invert(95%) hue-rotate(180deg)}html.--zmdarkmode .hero-head-item.active:after{background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon_down_1717641967013.png)}html.--zmdarkmode .goback-top-box{filter:brightness(.5)}html.--zmdarkmode .strategy-hreo-type,html.--zmdarkmode .strategy-head-img,html.--zmdarkmode .classify.on,html.--zmdarkmode .hero-user-type{background-color:#fff;color:#1c1c1c}html.--zmdarkmode .hero-head-item.active:before,html.--zmdarkmode .hero-head-item.active .strategy-hreo-type{background-color:#1a1a1a}html.--zmdarkmode .hero-head-item.active .strategy-hreo-type{color:rgba(255,255,255,.8)}html.--zmdarkmode .videolist-footerlabel--author,html.--zmdarkmode .videolist-footerlabel--commentnum{color:rgba(255,255,255,.3)}html.--zmdarkmode .chinadata-sort-type,html.--zmdarkmode .tab-chaos-type,html.--zmdarkmode .classify,html.--zmdarkmode .classify-detail{border-color:#303131}html.--zmdarkmode .sort-list-item:after,html.--zmdarkmode .average-sort-item:after,html.--zmdarkmode .bestpartner-sort-item:after{background-color:#303131}html.--zmdarkmode .hero-head-box,html.--zmdarkmode .average-hero-head{background-color:#1a1a1a}html.--zmdarkmode .chinadata-sort-type .on:after,html.--zmdarkmode .tab-chaos-type .on:after,html.--zmdarkmode .classify-title:before{background-color:rgba(255,255,255,.8)}html.--zmdarkmode .chinadata-sorttype-item,html.--zmdarkmode .game-type a,html.--zmdarkmode .rank-num-compre,html.--zmdarkmode .china-data-heroposition span,html.--zmdarkmode .list-name-tableheader,html.--zmdarkmode .list-name-ban--tabelheader,html.--zmdarkmode .tab-chaostype-item,html.--zmdarkmode .average-list-tabelheader,html.--zmdarkmode .average-sort-item,html.--zmdarkmode .bestpartner-tablehead,html.--zmdarkmode .bestpartner-sort-item,html.--zmdarkmode .btn-more-data,html.--zmdarkmode .search-input::placeholder,html.--zmdarkmode .classify,html.--zmdarkmode .select-hero-wrap .hero-list i{color:rgba(255,255,255,.6)}html.--zmdarkmode .select-hero-wrap .hero-list span{color:#1c1c1c}html.--zmdarkmode .go-right{filter:invert(40%)}html.--zmdarkmode .videolist-footerlabel--commentnum:before{filter:invert(65%)}html.--zmdarkmode .average-sort-item{border:none}html.--zmdarkmode .rank_path-box .rank_path a{color:rgba(255,255,255,.6);border-color:#303131}html.--zmdarkmode .rank_path-box .rank_path .on{color:#1c1c1c;background-color:#fff}html.--zmdarkmode .version-hero-bg{background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/bg_version_1717641967007.png);background-position:16px 13px}html.--zmdarkmode .select-hero-wrap{background-color:#1a1a1a}html.--zmdarkmode .search-input{background-color:#252525;color:rgba(255,255,255,.6)}.componentzm-PullReflash2408-top{margin-top:calc(-82px * var(--ppui-scale, 1))}.componentui-PullReflash{width:100%;height:100%;overflow:hidden}.componentui-PullReflash-scroll{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;overflow-scrolling:auto;-webkit-overflow-scrolling:auto}.componentui-PullReflash-scroll.--ontouch{overflow:hidden}.componentui-PullReflash-container{width:100%;min-height:100%;height:auto;overflow:visible;display:flex;flex-direction:column}.componentui-PullReflash-container.--anim{transition:transform .3s;will-change:transform}.componentui-PullReflash-container.--anim .componentui-PullReflash-main{overflow:hidden;flex:1}.state-poluo-poluo{width:100%;height:calc(82px * var(--ppui-scale, 1));overflow:visible}.state-poluo-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:calc(10px * var(--ppui-scale, 1));overflow:hidden;text-align:center;margin:0}.state-poluo{width:calc(42px * var(--ppui-scale, 1));height:calc(42px * var(--ppui-scale, 1));margin:0 auto;position:relative}.state-poluo.--happy .state-poluo-body{width:calc(18px * var(--ppui-scale, 1));height:calc(21px * var(--ppui-scale, 1));animation:frames-happy-statepoluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(1.5)}.state-poluo.--sleep .state-poluo-body{background-image:url(https://game.gtimg.cn/images/lol/act/a20221204ppdesignzmh5framework/PublishCDN/polo-sleep.png);width:calc(17px * var(--ppui-scale, 1));height:calc(17px * var(--ppui-scale, 1));animation:none;background-position:center;transform:translate(-50%,-50%) scale(1.5)}.state-poluo.--wait .state-poluo-body{width:calc(18px * var(--ppui-scale, 1));height:calc(21px * var(--ppui-scale, 1));animation:none}.state-poluo-body{position:absolute;left:50%;top:50%;background-image:url(https://game.gtimg.cn/images/lol/act/a20221204ppdesignzmh5framework/PublishCDN/loading-poluo.png);background-size:auto 100%;background-repeat:no-repeat;background-position:calc(-37px * var(--ppui-scale, 1)) 0px;transform:translate(-50%,-50%) scale(1.5)}@keyframes frames-happy-statepoluo-reset{0%{background-position-x:0}to{background-position-x:calc(-152px * var(--ppui-scale, 1))}}html:not(.--zmdarkmode){--zm_c0: #fcfcfc;--zm_c1: #ba9a6c;--zm_c2: #e4b864;--zm_c3: #dab68a;--zm_c4: #26a9a2;--zm_c5: #357e84;--zm_c6: #87c1bd;--zm_c7: #1c1c1c;--zm_c8: #757e7f;--zm_c9: #798a8c;--zm_c10: #a0acb5;--zm_c11: #997e59;--zm_c12: #d3bf8d;--zm_c13: #edf0f0;--zm_c14: #f5f5f5;--zm_c15: #f0f3f7;--zm_c16: #f4f7fb;--zm_c17: #e6e6e6;--zm_c18: #e8ebec;--zm_c19: #f74c31;--zm_c20: #b4383d;--zm_c22: #df5c2a;--zm_c24: #f19200;--zm_c26: #4a884d;--zm_c28: #09879c;--zm_c30: #3d60b4;--zm_c32: #6c519c;--zm_c33: #5897ee;--zm_c34: #4a83c7;--zm_c35: #4abcc7;--zm_c36: #ee8e25;--zm_c37: #c4a264;--zm_c38: #1997a4;--zm_c39: #32a9b5;--zm_c40: #7ed321;--zm_c41: #bf503f;--zm_c42: #fd9181;--zm_c43: #8a70b8;--zm_c44: #e4ab22;--zm_c45: #6dbb4f;--zm_c46: #a87baf;--zm_c47: #e2582d;--zm_c48: #dd692a;--zm_c49: #3693cc;--zm_c50: #f4861b;--zm_c51: #ed751c;--zm_c52: #506769;--zm_c53: #aad6e2;--zm_c54: #34dfc0;--zm_c55: #3fbddc;--zm_c56: #37e4bd;--zm_c57: #f9fafc;--zm_c58: #e9e5df;--zm_c59: #f1f1f1;--zm_c60: #f8f8f8;--zm_c61: #ffffff;--zm_c62: #fafafa;--zm_c63: #333333;--zm_c64: #848484;--zm_c65: #aeaeae;--zm_c66: #f0c871;--zm_c67: #daaa53;--zm_c68: #c7c7c7;--zm_c69: #909090;--zm_c70: #1c1c1c;--zm_c71: #e5e5e5;--develop-op_black_05: rgba(0, 0, 0, .05);--develop-op_black_1: rgba(0, 0, 0, .1);--develop-op_black_2: rgba(0, 0, 0, .2);--develop-op_black_3: rgba(0, 0, 0, .3);--develop-op_black_4: rgba(0, 0, 0, .4);--develop-op_black_5: rgba(0, 0, 0, .5);--develop-op_black_6: rgba(0, 0, 0, .6);--develop-op_black_7: rgba(0, 0, 0, .7);--develop-op_black_8: rgba(0, 0, 0, .8);--develop-op_black_9: rgba(0, 0, 0, .9);--develop-op_black_10: #000000;--develop-op_white_05: rgba(255, 255, 255, .05);--develop-op_white_1: rgba(255, 255, 255, .1);--develop-op_white_2: rgba(255, 255, 255, .2);--develop-op_white_3: rgba(255, 255, 255, .3);--develop-op_white_4: rgba(255, 255, 255, .4);--develop-op_white_5: rgba(255, 255, 255, .5);--develop-op_white_6: rgba(255, 255, 255, .6);--develop-op_white_7: rgba(255, 255, 255, .7);--develop-op_white_8: rgba(255, 255, 255, .8);--develop-op_white_9: rgba(255, 255, 255, .9);--develop-op_white_10: #ffffff;--develop_fill_1: #e6e6e6;--develop_fill_2: #e6e6e6;--develop_fill_3: #e8ebec;--develop_fill_4: #1c1c1c;--develop_page_fill: #ffffff;--develop_line_1: #f0f3f7;--develop_line_2: #e5e5e5;--develop_text_1: #ffffff;--develop_highlight_1: linear-gradient(270deg, #f4802a 0%, #ffa247 100%);--develop_highlight_2: #fe9937}html.--zmdarkmode{--zm_c0: #303131;--zm_c1: #c4ac86;--zm_c2: #efc473;--zm_c3: #e5c49b;--zm_c4: #31b5ae;--zm_c5: #428b91;--zm_c6: #98ccc8;--zm_c7: rgba(255, 255, 255, .8);--zm_c8: rgba(255, 255, 255, .6);--zm_c9: rgba(255, 255, 255, .6);--zm_c10: rgba(255, 255, 255, .3);--zm_c11: #997e59;--zm_c12: #d3bf8d;--zm_c13: #2e2f2f;--zm_c14: #303131;--zm_c15: #252525;--zm_c16: #303131;--zm_c17: #333333;--zm_c18: #2e2f2f;--zm_c19: #ff5a36;--zm_c20: #b4383d;--zm_c22: #df5c2a;--zm_c24: #f19200;--zm_c26: #4a884d;--zm_c28: #09879c;--zm_c30: #3d60b4;--zm_c32: #6c519c;--zm_c33: #4bb4ff;--zm_c34: #53a1ff;--zm_c35: #36d7e6;--zm_c36: #ff8322;--zm_c37: #e3bd76;--zm_c38: #25c4d4;--zm_c39: #25c4d4;--zm_c40: #8be825;--zm_c41: #d16251;--zm_c42: #fb9c8e;--zm_c43: #a383dd;--zm_c44: #ffc53b;--zm_c45: #7dd75a;--zm_c46: #db99e5;--zm_c47: #ff6536;--zm_c48: #ff9a51;--zm_c49: #5ab8f1;--zm_c50: #fa8d22;--zm_c51: #f37e27;--zm_c52: #788c8d;--zm_c53: #aad6e2;--zm_c54: #34dfc0;--zm_c55: #3fbddc;--zm_c56: #37e4bd;--zm_c57: #1e1e1e;--zm_c58: #2c2a29;--zm_c59: #1a1a1a;--zm_c60: #202020;--zm_c61: #252525;--zm_c62: #1f1f1f;--zm_c63: rgba(255, 255, 255, .9);--zm_c64: rgba(255, 255, 255, .6);--zm_c65: rgba(255, 255, 255, .3);--zm_c66: #f0c871;--zm_c67: #daaa53;--zm_c68: #c7c7c7;--zm_c69: #909090;--zm_c70: rgba(255, 255, 255, .9);--zm_c71: #333333;--develop-op_black_05: rgba(255, 255, 255, .05);--develop-op_black_1: rgba(255, 255, 255, .1);--develop-op_black_2: rgba(255, 255, 255, .2);--develop-op_black_3: rgba(255, 255, 255, .3);--develop-op_black_4: rgba(255, 255, 255, .4);--develop-op_black_5: rgba(255, 255, 255, .5);--develop-op_black_6: rgba(255, 255, 255, .6);--develop-op_black_7: rgba(255, 255, 255, .7);--develop-op_black_8: rgba(255, 255, 255, .8);--develop-op_black_9: rgba(255, 255, 255, .9);--develop-op_black_10: #ffffff;--develop-op_white_05: rgba(0, 0, 0, .05);--develop-op_white_1: rgba(0, 0, 0, .1);--develop-op_white_2: rgba(0, 0, 0, .2);--develop-op_white_3: rgba(0, 0, 0, .3);--develop-op_white_4: rgba(0, 0, 0, .4);--develop-op_white_5: rgba(0, 0, 0, .5);--develop-op_white_6: rgba(0, 0, 0, .6);--develop-op_white_7: rgba(0, 0, 0, .7);--develop-op_white_8: rgba(0, 0, 0, .8);--develop-op_white_9: rgba(0, 0, 0, .9);--develop-op_white_10: #000000;--develop_fill_1: #333333;--develop_fill_2: #2e2f2f;--develop_fill_3: #303131;--develop_fill_4: #ffffff;--develop_page_fill: #1a1a1a;--develop_line_1: #303131;--develop_line_2: #333333;--develop_text_1: #ffffff;--develop_highlight_1: linear-gradient(291.14deg, #ed751c 1.67%, #f78e1b 98.3%);--develop_highlight_2: #f4861b}body{--ppui-scale: 1}*{margin:0;padding:0}.block-banner{width:696px;height:220px;overflow:hidden;border-radius:16px;position:relative;margin:10px auto 36px;transform-origin:50% 0%;background-color:#f5f5f5;top:1px}.block-banner-swiper{width:100%;height:100%}.block-banner-swiper .swiper-pagination{width:100%;height:4px;position:absolute;left:0;top:202px;z-index:10;line-height:4px}.block-banner-swiper .swiper-pagination-bullet{width:16px;height:4px;margin:0 3px 4px!important;background:#FFFFFF;border-radius:2px;opacity:.5}.block-banner-swiper .swiper-pagination-bullet-active{opacity:1}.banner-item{width:100%;height:100%}.block-banner-margin{margin-bottom:3px}.block-banner-content{width:100%;height:100%}.swiper-container{border-radius:16px}.pic-retry.--hidden{visibility:hidden;opacity:0}.pic-retry.--visible{transition:opacity .46s;opacity:1}.autorenderbox--android-hidden{content-visibility:hidden}.autorenderbox--android-hidden>*{display:none!important}.autorenderbox--ios-hidden{opacity:0}.autorenderbox--ios-hidden>*{display:none!important}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}html{--comp_zoneentrycard_image_1: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);--tab_new_season_tag: url(https://game.gtimg.cn/images/lol/zmlolzone2305/tab_new_season_tag_1735869580933.png)}html.zmdarkmode{--comp_zoneentrycard_image_1: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_dark_1717641967010.png);--tab_new_season_tag: url(https://game.gtimg.cn/images/lol/zmlolzone2305/tab_new_season_tag_dark_1740713062684.png)}.module-zoneentrycard{display:flex;width:100%;height:214px;padding:0 28px;flex-direction:column;position:relative;z-index:12;box-sizing:border-box;margin-top:-10px;line-height:1}.zoneentrycard-zonetitle{width:100%;height:80px;padding-top:12px;display:flex;align-items:center;overflow:hidden}.zoneentrycard-zonetitle-name{width:209px;height:auto;text-align:center;font-size:28px;color:#1c1c1c;font-family:PingFang SC;font-weight:700}.zoneentrycard-zonetitle-friend{height:100%;display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.zoneentrycard-zonetitle-friend-font{font-size:24px;color:#757e7f;letter-spacing:.5px}.zoneentrycard-zonetitle-friend-icon{margin-left:12px;width:12px;height:20px;background-image:var(--comp_zoneentrycard_image_1);opacity:.6;transform:translateY(2px)}.zoneentrycard-enter-list{width:100%;height:130px;display:flex;justify-content:space-between;box-sizing:border-box}.zoneentrycard-enter-item{width:139px;height:100%;overflow:visible;position:relative;display:flex;flex-direction:column;align-items:center}.zoneentrycard-enter-item-icon{width:80px;height:80px}.zoneentrycard-enter-item-name{width:100%;height:32px;margin-top:5px;font-size:24px;color:#1c1c1c;text-align:center}.--nodata{background-color:#ddd}.zoneentrycard-enter-list--nodata{width:100%;height:90px;display:flex;justify-content:space-between;box-sizing:border-box;margin-top:23px;background:#ddd}.classicalmodel-icon-sub-i{position:absolute;right:8px;top:0px;display:flex;align-items:center;justify-content:center;min-width:60px;height:26px;padding:0 4px;box-sizing:border-box;background-color:#e4b864;border-radius:13px;background-size:100% 100%;font-size:16px;color:#fff;line-height:22px}.classicalmodel-icon-sub-new-season{position:absolute;right:-12px;top:2px;display:flex;align-items:center;justify-content:center;width:72px;height:30px;background-image:var(--tab_new_season_tag);background-size:100% 100%;font-size:16px;color:#fff;line-height:22px}.treasured-book-role{max-width:290px;height:41px;border-radius:200px;background-color:var(--color_line_1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box}.treasured-book-role.--null{padding-left:20px}.treasured-book-role .role-text{color:var(--color_text_3);font-size:22px;font-weight:400;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treasured-book-role .role-arrow{width:20px;height:10px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/treasured_book/arrow_1717641967016.png);margin-left:9px}.treasured-book-role .role-add{width:18px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/treasured_book/icon_add_1717641967020.png)}.treasured-book-role .role-copy{width:19px;height:19px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/treasured_book/icon-copy_1718777341517.png);margin-right:9px;display:inline-block}.treasured-book-role .role-box{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{font-size:20px;font-weight:400;color:#a0acb5;display:flex;align-items:center;margin-right:12px}.copy-btn .role-copy{margin-left:5px;width:19px;height:19px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/treasured_book/icon-copy_1718777341517.png);margin-right:9px;display:inline-block}.--zmdarkmode .role-text{color:var(--color_text_1)!important}.jccdialog-comm{background-color:rgba(0,0,0,.6);z-index:32!important}.jccdialog-comm.--in{animation:jccdialog-commshow .36s}.jccdialog-comm.--out{animation:jccdialog-commout .56s}.jccdialog-comm .dialogcomm-container{border-radius:18px;height:auto;display:flex;will-change:transform}@keyframes jccdialog-commshow{0%{opacity:.4}to{opacity:1}}@keyframes jccdialog-commout{0%{opacity:1}to{opacity:0}}.dialog-maintitle{font-size:28px;color:#1c1c1c;text-align:center;line-height:33px;-webkit-text-stroke:1px rgba(28,28,28,.35);margin-top:12px;font-weight:400}.jccdialog-comm-maintext{font-size:21px;color:#1c1c1c;text-align:center;padding:34px 21px;line-height:1.4}.jccdialog-main{overflow:auto;flex:1}.jccdialog-dialogtip{width:100%;font-size:18px;color:#a0acb5;text-align:center;margin:3px 0 12px}.jccdialog-dialogtip.--red{color:#e9634e}.dialog-littletip{backdrop-filter:none!important;background-color:transparent!important;pointer-events:none!important;align-items:flex-end!important}.dialog-littletip .dialogcomm-container{width:auto;max-width:54%;background-color:rgba(0,0,0,.6);margin-bottom:26%}.dialog-littletip .jccdialog-comm-maintext{color:#fff;padding:12px 21px}html{--color_role_fill_1: rgba(240, 243, 247, .5);--color_role_fill_2: #292929}html.--zmdarkmode{--color_role_fill_1: rgba(48, 49, 49, .5);--color_role_fill_2: #2e2e2e}html.--zmdarkmode .select-role-dialog.dialogcomm-wrap .select-role-close{background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon_close_white_1717641985966.png)}.select-role-dialog.dialogcomm-wrap{width:100%;height:100%;align-items:flex-end;background-color:rgba(0,0,0,.6)}.select-role-dialog.dialogcomm-wrap.--in .dialogcomm-container{animation:dialog-slide-up .56s}.select-role-dialog.dialogcomm-wrap.--out .dialogcomm-container{animation:dialog-slide-down .36s forwards}.select-role-dialog.dialogcomm-wrap .dialogcomm-container{width:100%;max-width:100%;height:auto;max-height:100%;border-radius:16px 16px 0 0;position:relative;background-color:var(--color_fill_pagebg)}.select-role-dialog.dialogcomm-wrap .select-role-title{height:96px;color:var(--color_text_1);font-size:28px;font-weight:400;display:flex;justify-content:center;align-items:center;position:relative}.select-role-dialog.dialogcomm-wrap .select-role-close{width:96px;height:96px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/treasured_book/icon_close_1717641967020.png);background-size:24px 24px;position:absolute;top:0;right:0}.select-role-dialog.dialogcomm-wrap .select-role-tips{height:104px;line-height:34px;padding:0 32px;background-color:var(--color_text_3);display:flex;align-items:center;font-size:24px;font-weight:400;color:var(--color_white);margin-bottom:32px}.select-role-dialog.dialogcomm-wrap .role-list-box{padding:0 33px;max-height:800px;min-height:262px;overflow:hidden;overflow-y:auto}.select-role-dialog.dialogcomm-wrap .role-list-box::-webkit-scrollbar{display:none}.select-role-dialog.dialogcomm-wrap .role-list-account{margin-bottom:32px}.select-role-dialog.dialogcomm-wrap .account-box{height:80px;margin-bottom:32px;display:flex;align-items:center}.select-role-dialog.dialogcomm-wrap .account-box .account-img{width:80px;height:80px;border-radius:50%;margin-right:24px;background-color:var(--color_role_fill_1)}.select-role-dialog.dialogcomm-wrap .account-box .account-nickname{color:var(--color_text_1);font-size:32px;font-weight:500;max-width:470px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-role-dialog.dialogcomm-wrap .account-box .account-system{color:var(--color_text_2);font-size:24px;font-weight:400}.select-role-dialog.dialogcomm-wrap .role-box{height:150px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 22px;background-color:var(--color_role_fill_1);border-radius:4px;margin-bottom:16px}.select-role-dialog.dialogcomm-wrap .role-box:last-child{margin-bottom:0}.select-role-dialog.dialogcomm-wrap .role-box .role-info-box{flex:1}.select-role-dialog.dialogcomm-wrap .role-box .role-name{display:flex;align-items:center}.select-role-dialog.dialogcomm-wrap .role-box .role-nickname{color:var(--color_text_1);font-size:32px;font-weight:400;max-width:450px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:44px}.select-role-dialog.dialogcomm-wrap .role-box .role-nickname.--short{max-width:340px}.select-role-dialog.dialogcomm-wrap .role-box .role-default{width:90px;height:34px;background-color:#c4a264;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:18px;font-weight:400;color:var(--color_text_4);margin-left:16px}.select-role-dialog.dialogcomm-wrap .role-box .role-info{color:var(--color_text_2);font-size:24px;font-weight:400;margin-top:4px;line-height:34px}.select-role-dialog.dialogcomm-wrap .role-box .role-btn{width:120px;height:56px;background-color:var(--color_role_fill_2);border-radius:4px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-size:24px;font-weight:400}.select-role-dialog.dialogcomm-wrap .role-box .role-btn.--active{background-color:var(--color_text_3)}.select-role-dialog.dialogcomm-wrap .role-footer{padding:32px 33px 114px;background-color:var(--color_fill_pagebg)}.select-role-dialog.dialogcomm-wrap .role-footer .role-manage{height:96px;border-radius:4px;display:flex;justify-content:center;align-items:center;border:3px solid var(--color_text_1);font-size:32px}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.dialogcomm-container{position:relative;width:400px;max-width:96%;height:300px;max-height:86%;overflow:auto;background-color:#fff}html{--zm_f5: #f5f5f5;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp)}html.--zmdarkmode{--zm_f5: #252525;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.version-page{height:auto;min-height:30vh}.version-page .version-table{display:flex;height:100%}.version-page .component-sidebar-tab{width:150.23px;height:auto;min-height:calc(100vh - 540px);overflow:visible}.version-page .component-sidebar-tab .sidebartab-box{position:sticky;top:96px;left:0}.version-page .component-sidebar-tab .sidebartab-item{height:84px;margin:0;display:flex;align-items:center;justify-content:center;background-color:var(--color_line_2)}.version-page .component-sidebar-tab .sidebartab-item:nth-child(1){border-top:none}.version-page .component-sidebar-tab .sidebartab-item:nth-child(1){padding-top:53.85px;height:84px}.version-page .component-sidebar-tab .sidebartab-item .sidebartab-title{height:auto}.version-page .component-sidebar-tab .sidebartab-item .sidebartab-title-text{text-align:center;font-size:24px;line-height:normal;white-space:normal}.version-page .table-content{width:calc(100% - 150.23px)}.version-page .version-head{height:53.85px;display:flex;align-items:center;justify-content:space-between;padding:0 30.77px 0 23.08px;background-color:var(--zm_f5);position:sticky;top:96px;left:0;z-index:4}.version-page .version-head .version-text{color:var(--color_text_1);font-size:23.08px;font-style:normal;font-weight:600;line-height:normal}.version-page .grading-box{display:flex;align-items:center;justify-content:center;font-size:19.23px;color:#a0acb5}.version-page .grading-text{margin-right:8px}.version-page .grading-text>span{color:#1997a4}.version-page .arrows-icon{width:12px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);transform:rotate(90deg);background-size:100%}.version-page .ui-dialog-selectoption .dialogcomm-container{position:absolute;width:100%;bottom:80px;height:560px;background-color:transparent;max-width:100%;overflow:hidden;box-sizing:border-box;padding:0 32px}.version-page .ui-dialog-selectoption .UDS-option-box{width:100%;height:448px;margin-bottom:14px;border-radius:8px;overflow:hidden;background-color:var(--zm_c61);display:flex;flex-direction:column;box-sizing:border-box}.version-page .ui-dialog-selectoption .UDS-title{width:100%;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--tit_bgcolor);color:var(--dia_title_color);font-size:24px;position:relative;margin-bottom:-4px}.version-page .ui-dialog-selectoption .UDS-close-icon{display:block;position:absolute;width:60px;height:100%;top:0;right:0;background-image:var(--comp_dateselector_image);background-size:17px 17px}.version-page .ui-dialog-selectoption .UDS-option-selected{position:absolute;width:100%;height:88px;border:2px solid var(--color_line_1);border-left:0;border-right:0;top:148px;left:0;z-index:2;pointer-events:none}.version-page .ui-dialog-selectoption .UDS-swiper{width:100%;height:100%;background-color:var(--color_fill_pagebg);font-size:28px}.version-page .ui-dialog-selectoption .UDS-option{text-align:center;font-size:32px;height:76px;display:flex;align-items:center;justify-content:center}.version-page .ui-dialog-selectoption .swiper-slide{height:auto;padding:15.2px 0!important;color:var(--slide_color)}.version-page .ui-dialog-selectoption .swiper-slide-active{color:var(--slide_active_color)}.version-page .ui-dialog-selectoption .UDS-btn{width:100%;height:96px;border-radius:8px;background-color:var(--color_fill_pagebg);color:var(--color_text_1);font-size:32px;border:0;text-shadow:0 0 .4px var(--color_text_1)}.component-sidebar-tab{width:68px;min-width:68px;height:100%;background-color:var(--color_line_2);overflow:hidden;overflow-y:auto}.component-sidebar-tab::-webkit-scrollbar{display:none;width:0;height:0}.component-sidebar-tab .sidebartab-item{width:100%;height:auto;display:flex;flex-direction:column;margin-bottom:19px;margin-top:5px}.component-sidebar-tab .sidebartab-item:nth-child(1){border-top:1px solid var(--comp_tableheader_color_1)}.component-sidebar-tab .sidebartab-item.--selected .sidebartab-title-text{color:var(--color_text_1);font-weight:500}.component-sidebar-tab .sidebartab-item.--selected .sidebartab-child{overflow:auto}.component-sidebar-tab .sidebartab-title{width:100%;height:17px;display:flex;align-items:center;justify-content:center}.component-sidebar-tab .sidebartab-title-text,.component-sidebar-tab .sidebartab-child-text{line-height:17px;font-size:12px;font-weight:400;color:var(--color_text_5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .26s ease-in-out}.component-sidebar-tab .sidebartab-child{position:relative;width:100%;background-color:rgba(0,0,0,.03)}.component-sidebar-tab .sidebartab-child::-webkit-scrollbar{display:none;width:0;height:0}.component-sidebar-tab .sidebartab-child-item{width:100%;height:17px;margin:24px 0;display:flex;align-items:center;justify-content:center}.component-sidebar-tab .sidebartab-child-item.--selected .sidebartab-child-text{color:var(--color_text_1);font-weight:500}.component-sidebar-tab .sidebartab-child-selectedicon{display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4px solid rgba(0,0,0,.03);margin-left:29px}.component-sidebar-tab .sidebartab-child-container{position:relative;margin-top:5px;height:0;overflow:hidden;transition:height .26s ease-in}.component-MatchTeamFilterDialog{width:auto;height:auto}html{--comp_dateselector_image: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_close_1733991646759.png);--slide_active_color: #1c1c1c;--slide_color: #1c1c1c80;--dia_title_color: #757e7f;--tit_bgcolor: #f0f3f7}html.--zmdarkmode{--comp_dateselector_image: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_close_dark_1733991646760.png);--slide_active_color: rgba(255, 255, 255, .8);--slide_color: rgba(255, 255, 255, .6);--dia_title_color: rgba(255, 255, 255, .6);--tit_bgcolor: #252525}.ui-dialog-selectoption.--in .dialogcomm-bgmask{animation:ui-dialog-selectoption-bgmask-in-reset .3s}.ui-dialog-selectoption.--out .dialogcomm-bgmask{animation:ui-dialog-selectoption-bgmask-out-reset .3s forwards}.ui-dialog-selectoption .swiper-slide{height:auto;padding:7.6px 0;color:var(--slide_color)}.ui-dialog-selectoption .swiper-slide-active{color:var(--slide_active_color)}.dialogcomm-bgmask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.dialogcomm-container{position:absolute;width:100%;padding:0 16px;bottom:40px;background-color:transparent;max-width:100%;overflow:hidden}.UDS-option-box{width:100%;height:224px;margin-bottom:7px;border-radius:4px;overflow:hidden;background-color:var(--zm_c61);display:flex;flex-direction:column}.UDS-title{width:100%;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--tit_bgcolor);color:var(--dia_title_color);font-size:12px;position:relative;margin-bottom:-2px}.UDS-close-icon{display:block;position:absolute;width:30px;height:100%;top:0;right:0;background-image:var(--comp_dateselector_image);background-size:8.5px 8.5px}.UDS-content{position:relative;flex:1;overflow:hidden;width:100%}.UDS-option-selected{position:absolute;width:100%;height:44px;border:.5px solid var(--color_line_1);border-left:0;border-right:0;top:74px;left:0;z-index:2;pointer-events:none}.UDS-swiper{width:100%;height:100%;background-color:var(--color_fill_pagebg);font-size:14px}.UDS-option{text-align:center;font-size:16px;height:38px;display:flex;align-items:center;justify-content:center}.UDS-btn{width:100%;height:48px;border-radius:4px;background-color:var(--color_fill_pagebg);color:var(--color_text_1);font-size:16px;border:0;text-shadow:0 0 .2px var(--color_text_1)}@keyframes ui-dialog-selectoption-bgmask-in-reset{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-selectoption-bgmask-out-reset{0%{opacity:1}to{opacity:0}}.date-selecotr.dialogcomm-wrap{background-color:rgba(0,0,0,.5);align-items:flex-end;font-size:0}.date-selecotr.dialogcomm-wrap.--out .dialogcomm-container{animation:dialogcomm-container-out-reset .16s forwards}.dialogcomm-wrap{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:999}.dialogcomm-container{position:relative;width:400px;max-width:96%;height:280px;max-height:86%;overflow:auto;background-color:#fff}@keyframes dialogcomm-container-show{0%{opacity:0;transform:scale(.86)}40%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes dialogcomm-container-out{0%{opacity:1;transform:scale(1) translateY(0)}60%{opacity:1;transform:scale(.8) translateY(-16%)}to{opacity:0;transform:scale(.8) translateY(20%)}}.dialogcomm-wrap.--in .dialogcomm-container{animation:dialogcomm-container-show .56s}.dialogcomm-wrap.--out .dialogcomm-container{animation:dialogcomm-container-out .36s forwards}.dialogcomm-disablemask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none}.dialogcomm-wrap.--close .dialogcomm-disablemask,.dialogcomm-wrap.--in .dialogcomm-disablemask,.dialogcomm-wrap.--out .dialogcomm-disablemask{display:block}html{--zm_f7: #f7f7f7;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp)}html.--zmdarkmode{--zm_f7: #252525;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.table-list{font-size:0px;margin-top:20.38px;padding-bottom:20px}.table-list .item-box .tag{padding-left:35.69px;color:var(--color_text_1);font-size:23.08px;font-style:normal;font-weight:500;line-height:normal;margin:0 0 19.23px;display:flex;align-items:center}.table-list .item-box .tag .tag-icon{margin-right:5.77px}.table-list .item-box .tag.--zq .tag-icon{width:22px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-enhance_1733991646752.png);background-size:100%}.table-list .item-box .tag.--zq .tag-text{color:#6dbb4f}.table-list .item-box .tag.--xr .tag-icon{width:22px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-weaken_1733991646753.png);background-size:100%}.table-list .item-box .tag.--xr .tag-text{color:#e2582d}.table-list .item-box .tag.--gx .tag-icon{width:22px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-update_1733991646753.png);background-size:100%}.table-list .skin-box{display:flex;flex-wrap:wrap;column-gap:13.46px;row-gap:15.38px;padding-left:23.08px;padding-bottom:30px}.table-list .video-box{width:551.92px;height:309.62px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:999;background-color:#000;margin:0 auto;border-radius:13px;background-size:cover;background-position:center center}.table-list .video-box .btn-player{width:80px;height:70px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_player_1733991646761.png)}html{--zm_f7: #f7f7f7;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp)}html.--zmdarkmode{--zm_f7: #252525;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.list-item{padding-bottom:23.08px}.list-item.--open{padding-bottom:28.08px}.list-item.--open .item-top{padding-bottom:5.77px}.list-item.--open .change-list-box{height:auto;overflow:visible;padding:36.54px 30.77px 25px}.list-item.--open .arrow-icon{transform:rotate(90deg)}.item-top{width:100%;display:flex;align-items:center;padding:0 30.77px 0 40.38px;height:61.54px;position:relative}.item-top .item-mask{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.item-top .item-avatar{position:relative;z-index:2}.item-top .item-avatar>i{display:block;width:46.15px;height:46.15px;border-radius:50%}.item-top .item-message{width:157.69px;display:flex;flex-direction:column;justify-content:center;padding-left:25.77px;box-sizing:border-box}.item-top .item-message .item-name{width:100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color_text_1);font-size:23.08px;font-style:normal;font-weight:500;line-height:normal}.item-top .item-message .item-title{width:100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color_text_5);font-size:19.23px;font-style:normal;font-weight:400;line-height:normal}.item-top .line{height:53.85px;width:2px;background-color:var(--zm_c15);margin:0 30.77px 0 5px}.item-top .modify{width:286.14px;color:var(--color_text_1);font-size:23.08px;font-style:normal;font-weight:400;line-height:normal;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-top .arrow-icon{width:22px;height:22px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/arrow-right_1733991646747.png) no-repeat;background-size:100%;transition:all .2s}.change-list-box{background-color:var(--zm_f7);height:0;overflow:hidden}.change-list-box .modify-describe{color:var(--zm_c8);font-size:23.08px;font-style:normal;font-weight:400;line-height:normal;white-space:pre-wrap}.change-list-box .skill-item .skill-header{display:flex;align-items:center;margin:20.38px 0 15.38px}.change-list-box .skill-item .skill-header .avatar{width:61.54px;height:61.54px;border-radius:50%;margin-right:15.38px}.change-list-box .skill-item .skill-header .skill-title{width:207.69px;color:var(--color_text_1);font-size:26.92px;font-style:normal;font-weight:500;line-height:normal}.change-list-box .skill-item .skill-describe{color:var(--color_text_1);font-size:23.08px;font-weight:400;white-space:pre-wrap}html{--zm_f7: #f7f7f7;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp)}html.--zmdarkmode{--zm_f7: #252525;--page_equippage_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.skin-item{position:relative;width:269.23px;height:400px;flex-shrink:0;border-radius:11.54px;display:flex}.skin-item .mask{position:absolute;width:269.23px;height:150px;flex-shrink:0;border-radius:11.54px;background:linear-gradient(180deg,color(display-p3 0 0 0 / 0) 0%,color(display-p3 0 0 0 / .6) 71.87%);bottom:0;left:0;pointer-events:none}.skin-item .--album-list-box{position:absolute;left:0;top:0}.skin-item .--album-img{width:269.23px;height:400px;border-radius:11.54px}.skin-item .skin-bg{width:100%;height:100%;border-radius:11.54px;background-size:cover;background-position:center top}.skin-item .skin-message-box{position:absolute;z-index:2;bottom:17.31px}.skin-item .skin-header{display:flex;align-items:center;padding-left:15.38px}.skin-item .skin-header .header-icon{width:38.46px;height:38.46px;border-radius:50%}.skin-item .skin-header .skin-hero-content{width:200px;color:var(--color_white);text-align:left;font-size:19.23px;font-weight:400;padding-left:11.54px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.skin-item .skin-foot{width:100%;display:flex;align-items:center;padding:0 15.38px;box-sizing:border-box;margin-top:11.54px;pointer-events:none}.skin-item .skin-foot .skin-title{width:230.54px;color:var(--color_white);font-family:PingFang SC;font-size:19.23px;font-style:normal;font-weight:700;line-height:normal;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.skin-item .skin-foot .skin-btn .btn-buy{width:46.15px;height:46.15px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_buy_1733991646759.png)}.skin-item .skin-foot .skin-btn .btn-make-an{display:flex;align-items:center;justify-content:center;width:46.15px;height:46.15px;flex-shrink:0;background-color:#daaa53;border-radius:50%;color:var(--color_white);text-align:center;font-size:15.38px;font-weight:500}.autorenderbox--android-hidden{content-visibility:hidden}.autorenderbox--ios-hidden{opacity:0}.pic-retry.--hidden{visibility:hidden;opacity:0}.pic-retry.--visible{transition:opacity .46s;opacity:1}.--album-list-box{position:relative;font-family:PingFang SC}.--album-list{overflow:hidden;display:flex;flex-wrap:wrap}.--album-img{width:100%;height:100%;display:block;object-fit:cover;background-position:center top}.img-spacing-2:nth-child(2n+2),.img-spacing-3:nth-child(3n+3){margin-right:0!important}.--album-list-box .g-pic-lazy{position:relative}.--album-more-box{position:absolute;bottom:0;right:0;z-index:2;width:84px;height:54px;border-top-left-radius:20px;background-color:rgba(28,28,28,.75);display:flex;justify-content:center;align-items:center;font-size:36px;color:#fff;font-weight:400;font-family:Inter;pointer-events:none}.--album-list-box-dialog{background-color:rgba(0,0,0,.8)}.--album-list-box-dialog .dialogcomm-container{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;background:transparent;display:flex;align-items:center;justify-content:center;padding:68px 33px;bottom:0}.--album-img-preview-box{width:100%;height:100%;overflow:hidden}.--album-list-box-dialog .g-pic-lazy-preview{width:100%;height:100vh;overflow:hidden;overflow-y:auto;display:flex;align-items:center;justify-content:center}.--album-img-preview{width:100vw;object-fit:cover;margin:auto}.--album-list-box-dialog .swiper-pagination-fraction{top:2vh;bottom:auto;font-size:48px;letter-spacing:3px;color:#fff}.--album-list-box-dialog.dialogcomm-wrap.--in .dialogcomm-container{animation:--album-dialogcomm-container-show .36s}.--album-list-box-dialog.dialogcomm-wrap.--out .dialogcomm-container{animation:--album-dialogcomm-container-out .36s forwards}@keyframes --album-dialogcomm-container-show{0%{opacity:0}to{opacity:1}}@keyframes --album-dialogcomm-container-out{0%{opacity:1}to{opacity:0}}.announcement-list{padding-top:30px}.anim-load-poluo{width:100%;height:246px;overflow:visible}.anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:28px;overflow:hidden;text-align:center;margin:0}.anim-poluo{width:126px;height:126px;margin:0 auto;position:relative}.anim-poluo.--happy .anim-poluo-body{width:54px;height:62px;animation:frames-happy-poluo 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(1.5)}.anim-poluo.--sleep .anim-poluo-body{background-image:url(https://game.gtimg.cn/images/lol/act/a20221204ppdesignzmh5framework/PublishCDN/polo-sleep.png);width:50px;height:50px;animation:none;transform:translate(-50%,-50%) scale(1.5)}.anim-poluo.--wait .anim-poluo-body{width:54px;height:62px;animation:none}.anim-poluo-body{position:absolute;left:50%;top:50%;background-image:url(https://game.gtimg.cn/images/lol/act/a20221204ppdesignzmh5framework/PublishCDN/loading-poluo.png);background-position:-110px 0px;transform:translate(-50%,-50%) scale(1.5)}@keyframes frames-happy-poluo{0%{background-position-x:0}to{background-position-x:-448px}}.news-list{padding:0 30.67px}:root{--comp_color_fill_4: #eaf8f9}html.--zmdarkmode{--comp_color_fill_4: #36d7e633}html.--zmdarkmode .news-card-footerlabel--commentnum:before{filter:invert(65%)}.news-card{width:100%;height:150px;margin-bottom:24px;overflow:hidden;position:relative}.news-card-content{position:absolute;display:flex;width:100%;height:100%;justify-content:space-between}.news-card-mask{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.news-card-title{width:388.46px;height:88px;line-height:46.15px;color:var(--color_text_1);font-size:30px;font-weight:400;margin-right:17.44px;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.news-card-icontop{display:inline-block;vertical-align:middle;width:56px;height:28px;font-size:32px;color:var(--color_text_1);line-height:48px;margin:-6px 10px 0 0;background:url(https://game.gtimg.cn/images/lol/cp/a20210628raiders/icon-istop.png) 0 0/100% 100% no-repeat}.news-card-footerlabel{display:flex;font-size:22px;max-width:436px;overflow:hidden}.news-card-footerlabel--heroinfo{padding:0 12px 0 34px;height:32px;background:var(--comp_color_fill_4);position:relative;margin-right:26px;border-radius:40px;overflow:hidden;white-space:nowrap;flex-shrink:0}.news-card-footerlabel--heroinfo .news-card-heroname{color:#20adba;line-height:32px}.news-card-footerlabel--heroinfo .news-card-footerlabel--heroimg{width:26px;height:26px;position:absolute;top:3px;left:4px;border-radius:50%;overflow:hidden}.news-card-footerlabel--heroinfo .news-card-footerlabel--heroimg .news-card-heroavatar{display:block;width:30px;height:30px;background-size:cover;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px}.--only-hero-name{padding-left:12px;padding-right:12px;border-radius:0!important}.news-card-footerlabel--author{max-width:145px;height:30px;opacity:1;color:var(--color_text_3);font-size:22px;font-weight:400;font-family:PingFang SC;text-align:left;white-space:nowrap;margin-right:14px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.news-card-footerlabel--commentnum{color:var(--color_text_3);line-height:32px;padding-left:26px;position:relative;margin:0;flex-grow:1}.news-card-footerlabel--commentnum:before{content:"";width:20px;height:20px;background:url(https://game.gtimg.cn/images/lol/cp/a20210628raiders/info.png) no-repeat;display:block;position:absolute;top:8px;left:0}.news-card-cover{width:242px;height:150px;overflow:hidden;position:relative;border-radius:19.23px}.news-card-cover .news-card-vlen{height:28px;color:#fff;font-size:20px;font-weight:400;text-align:left;position:absolute;right:16px;bottom:12px}.news-card-coverimg{width:100%;height:150px;object-fit:cover}.news-card-playicon{width:67px;height:58px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/video_1717641967026.png) no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.news-card-mantle{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0) 56px,rgba(0,0,0,.65))}.Dld-page{padding-top:14.02px}.Dld-page .tabswiper-swiper{overflow:visible}.Dld-page .tab-comm-titlelist:after{display:none}.Dld-page .pptab-titlelist{overflow-x:auto;overflow-y:hidden;height:68px;justify-content:start;padding:0 30.77px!important;border-bottom:none!important;outline:none;position:sticky;top:96px;left:0;z-index:222}.Dld-page .pptab-titlelist::-webkit-scrollbar{display:none}.Dld-page .pptab-titlelist .pptab-title-item{flex-shrink:0;height:47.15px;border:1px solid var(--zm_c71);justify-content:center;border-radius:64.42px;padding:0 18.23px;box-sizing:border-box;align-items:center}.Dld-page .pptab-titlelist .pptab-title-item.--selected .pptab-title-item-font{color:var(--zm_c7)}.Dld-page .pptab-titlelist .pptab-title-item+.pptab-title-item{margin-left:15.38px}.Dld-page .pptab-titlelist .pptab-title-item .pptab-title-item-font{font-size:23.08px;color:var(--zm_c65)}.Dld-page .pptab-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1)}.Dld-page .pptab-titlelist .pptab-title-item .pptab-title-item-line{display:none}.Dld-page .pptab-titlelist .pptab-title-item .pptab-title-item-font{margin-top:0;letter-spacing:0px}.tab-comm-titlelist{width:100%;height:46.15px;overflow:visible;background-color:var(--zm_c61);display:flex;padding:0 6px;justify-content:space-around;align-items:center;border-bottom:1px solid var(--zm_c15);outline:1px var(--zm_c61) solid;position:relative;box-sizing:border-box;backface-visibility:hidden}.tab-comm-titlelist:after{position:absolute;content:"";width:100%;height:1px;left:0;top:46.15px;background-color:var(--zm_c61)}.tab-comm-titlelist .pptab-title-item{display:flex;width:auto;height:auto;flex-direction:column}.tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1.15);color:var(--zm_c7);font-weight:600}.tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-line{transform:rotateY(0)}.tab-comm-titlelist .pptab-title-item-font{transition:transform .36s,color .36s;font-size:13.46px;letter-spacing:2px;color:var(--zm_c9);transform:scale(1)}.tab-comm-titlelist .pptab-title-item-line{width:15.38px;height:2px;margin-top:3px;margin-left:-7%;border-radius:3px;transition:transform .36s;transform:rotateY(90deg);background-color:var(--zm_c7)}.tab-comm-titlelist .pptab-title-item-icon,.tab-comm-titlelist .pptab-title-commline{display:none}.tabswiper-swiper{height:auto!important;outline:1px var(--zm_c61) solid;backface-visibility:hidden}.tabswiper-swiper .swiper-wrapper{outline:1px var(--zm_c61) solid;backface-visibility:hidden;height:auto!important}.tabswiper-slide{width:100%;height:auto;min-height:20vh}.dld-news-page{padding:24px 0}.dld-more-strategy{width:750px;margin:0 auto}.dld-more-strategy .not-data{font-size:24px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:28px 0}.dld-more-strategy .anim-poluo.--wait .anim-poluo-body{background-position:-57px 0px}.dld-more-strategy .anim-load-poluo-loadtip{font-size:24px}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5);--sidebartab_bgcolor: #ffffff}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5);--sidebartab_bgcolor: #1a1a1a}.g-main,.scrimmage-hero-rank-page{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab,.scrimmage-hero-rank-page .pptab-titlelist,.scrimmage-hero-rank-page .first-header-tab,.scrimmage-hero-rank-page .pptab-titlelist.page-head-tab{height:48px}.g-main .pptab-title-item-line,.scrimmage-hero-rank-page .pptab-title-item-line{background-color:var(--color_text_1)!important;transition:none!important}.g-main .pptab-titlelist,.g-main .first-header-tab,.scrimmage-hero-rank-page .pptab-titlelist,.scrimmage-hero-rank-page .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .pptab-titlelist .tabbtn-box,.g-main .first-header-tab .tabbtn-box,.scrimmage-hero-rank-page .pptab-titlelist .tabbtn-box,.scrimmage-hero-rank-page .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item,.g-main .first-header-tab .tabbtn-box .tabbtn-item,.scrimmage-hero-rank-page .pptab-titlelist .tabbtn-box .tabbtn-item,.scrimmage-hero-rank-page .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected,.scrimmage-hero-rank-page .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.scrimmage-hero-rank-page .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font,.scrimmage-hero-rank-page .second-header-tab .tabbtn-item .tabbtn-text,.scrimmage-hero-rank-page .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font,.scrimmage-hero-rank-page .tabbtn-item .tabbtn-text,.scrimmage-hero-rank-page .tabbtn-item .pptab-title-item-font,.scrimmage-hero-rank-page .pptab-title-item .tabbtn-text,.scrimmage-hero-rank-page .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:14px;position:relative}.g-main .tab-comm.pptab-content,.scrimmage-hero-rank-page .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide,.scrimmage-hero-rank-page .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .first-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font,.scrimmage-hero-rank-page .first-header-tab .tabbtn-item.--selected .tabbtn-text,.scrimmage-hero-rank-page .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1);-webkit-text-stroke:0px;color:var(--color_text_1);font-weight:500}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font,.scrimmage-hero-rank-page .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:16px}.g-main .second-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font,.scrimmage-hero-rank-page .second-header-tab .tabbtn-item.--selected .tabbtn-text,.scrimmage-hero-rank-page .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .tab-comm-titlelist .pptab-title-item,.scrimmage-hero-rank-page .tab-comm-titlelist .pptab-title-item{height:40px;font-size:16px;line-height:40px}.g-main .slide-head-tab,.scrimmage-hero-rank-page .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item,.scrimmage-hero-rank-page .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item,.scrimmage-hero-rank-page .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .second-header-tab,.scrimmage-hero-rank-page .second-header-tab{width:auto;height:28px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box,.scrimmage-hero-rank-page .second-header-tab .tabbtn-box{height:28px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item,.scrimmage-hero-rank-page .second-header-tab .tabbtn-item{height:28px;font-size:12px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item,.scrimmage-hero-rank-page .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:8px}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.scrimmage-hero-rank-page .second-header-tab .tabbtn-item .tabbtn-text{border:none}.g-main .tab-comm-titlelist:after,.scrimmage-hero-rank-page .tab-comm-titlelist:after{display:none}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .tab-comm-titlelist,.scrimmage-hero-rank-page .pptab-titlelist,.scrimmage-hero-rank-page .first-header-tab,.scrimmage-hero-rank-page .tab-comm-titlelist{border-bottom:none;outline:0px var(--color_brand_white) fff solid;background:none}.g-main .tab-comm-titlelist .pptab-title-item-line,.scrimmage-hero-rank-page .tab-comm-titlelist .pptab-title-item-line{width:14px;height:2px;background-color:#1c1c1c;margin-top:-6px;margin-left:0%;border-radius:1px;transition:transform .36s;transform:rotateY(90deg)}.g-main .position-top,.scrimmage-hero-rank-page .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top,.scrimmage-hero-rank-page .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero,.scrimmage-hero-rank-page .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon,.scrimmage-hero-rank-page .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font,.scrimmage-hero-rank-page .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .select-icon,.scrimmage-hero-rank-page .select-icon{display:none}.g-main-scrolls .select-font,.scrimmage-hero-rank-page .select-font{display:block!important}.g-main-scrolls .second-tab-box,.scrimmage-hero-rank-page .second-tab-box{display:flex;padding:0 16px;height:28px;align-items:center;justify-content:space-between;margin-bottom:14px}.g-main-scrolls .second-tab-box .grading-box,.scrimmage-hero-rank-page .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text,.scrimmage-hero-rank-page .second-tab-box .grading-text{margin-right:4px}.g-main-scrolls .second-tab-box .arrows-icon,.scrimmage-hero-rank-page .second-tab-box .arrows-icon{width:6px;height:11px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.g-main-scrolls .sidebartab-box,.scrimmage-hero-rank-page .sidebartab-box{width:68px}.g-main-scrolls .sidebartab-box .sidebartab-item,.scrimmage-hero-rank-page .sidebartab-box .sidebartab-item{height:42px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .sidebartab-box .sidebartab-item.--selected,.scrimmage-hero-rank-page .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.g-main-scrolls .sidebartab-box .sidebartab-item .sidebartab-title-text,.scrimmage-hero-rank-page .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--color_text_2)}.g-main-scrolls .content-skeleton,.scrimmage-hero-rank-page .content-skeleton{height:calc(100% - 334.74px);display:flex}.g-main-scrolls .table-content,.scrimmage-hero-rank-page .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox,.scrimmage-hero-rank-page .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.g-main-scrolls .table-header,.scrimmage-hero-rank-page .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2),.scrimmage-hero-rank-page .table-header .table-header-item:nth-child(2){justify-content:start}.new-page .tab-comm{justify-content:space-between}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:14px}.scrimmage-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{width:auto;height:auto;padding:0 32px;margin:28px 0}.scrimmage-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:100%;height:56px;flex:1;border-radius:38px;background:var(--zm_c14)}.scrimmage-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-icon{display:block;width:34px;height:34px;margin:0 4px 0 16px;background-image:var(--page_mode2v2page_iamge_01)}.scrimmage-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-input{flex:1;width:auto;padding-right:24px;height:34px;line-height:34px;font-size:24px;color:var(--color_text_1);border:none}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab{width:136px;min-width:136px;height:100%;background-color:var(--color_line_2)}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box{padding:0 32px;height:56px;margin-bottom:28px}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .grading-box{font-size:24px;color:var(--color_text_2)}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .grading-text{margin-right:8px}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .arrows-icon{width:12px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box{width:100%}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item{height:84px;width:100%;margin:0}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--zm_c64)}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title{width:100%;height:34px}.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title-text,.scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-child-text{line-height:34px;font-size:24px;font-weight:400;color:var(--color_text_5)}.scrimmage-hero-rank-page.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px);flex:1}.scrimmage-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox{scroll-behavior:smooth}.scrimmage-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:84px;height:84px}.scrimmage-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(3)}.scrimmage-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:18px;overflow:hidden;text-align:center;margin:0}.scrimmage-hero-rank-page.g-main-scrolls .table-header{width:100%;height:56px;font-size:22px;font-weight:400}.scrimmage-hero-rank-page.g-main-scrolls .table-header .table-header-item:nth-child(1) .table-header-text{width:60px}.scrimmage-hero-rank-page.g-main-scrolls .table-header .table-header-filter{margin-left:4px;margin-top:1px;width:18px}.scrimmage-hero-rank-page.g-main-scrolls .table-header .table-header-filter .--desc{width:12px;height:8px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list{padding-bottom:20px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box{font-size:20px;margin:18px 0 0}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line1{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line2{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important;transform:rotate(180deg)}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .update-text{margin:0 10px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data{font-size:24px;padding:24px 10px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data:after{height:1px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .g-table-item{font-size:22px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-item+.hero-item{margin-top:16px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num{font-size:24px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num .rank-num-text{width:52px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img{width:48px;height:48px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>img{width:48px;height:48px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>i{width:48px;height:48px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text{padding-left:16px;width:calc(100% - 64px)}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-top{font-size:24px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position{font-size:20px;margin-top:10px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position>span{margin-right:4px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero>span{margin-right:16px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img{width:36px;height:36px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img+img{margin-left:4px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i{width:36px;height:36px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i+i{margin-left:4px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .level{width:24px;height:31.2px;left:32px;top:30px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .level>span{width:24px;height:31.2px;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .change-box{width:48px;left:38px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .change-i{font-size:20px;margin-top:2px}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .change-icon-up .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.scrimmage-hero-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-i{color:#79ad65}.scrimmage-hero-rank-page.g-main-scrolls .data-base{font-size:24px;color:var(--text_color1);padding:28px 0}.scrimmage-hero-rank-page.g-main-scrolls .no-data{font-size:24px;padding-top:20%}.scrimmage-hero-rank-page.g-main-scrolls .no-data .empty-img{width:100%;height:300px;margin-bottom:20px}.g-app .scrimmage-hero-rank-page.g-main-scrolls .content-skeleton,.g-app .scrimmage-hero-rank-page.g-main-scrolls .component-sidebar-tab,.g-app .scrimmage-hero-rank-page.g-main-scrolls .table-content{height:auto}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5)}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5)}.g-main{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:16px;position:relative}.g-main .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .select-icon{display:none}.g-main-scrolls .select-font{display:block!important}.g-main-scrolls .second-tab-box{display:flex;padding:0 16px;height:28px;align-items:center;justify-content:space-between;margin-bottom:14px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:3px}.g-main-scrolls .second-tab-box .arrows-icon{width:12px;height:10px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_down_1733991646760.png)}.g-main-scrolls .content-skeleton{display:flex}.g-main-scrolls .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:42px;height:42px}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{width:18px;height:21px;animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(1.5)}.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:9px;overflow:hidden;text-align:center;margin:0}.g-main-scrolls .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2){justify-content:start}.component-tabbtn{width:100%;height:58px;box-sizing:border-box;flex-direction:column;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;overflow-x:auto}.component-tabbtn::-webkit-scrollbar{display:none}.component-tabbtn .tabbtn-box{width:auto;height:auto;display:flex;align-items:center;justify-content:flex-start;margin:0 16px 0 6px;padding-right:16px}.component-tabbtn .tabbtn-item{box-sizing:border-box;width:auto;height:30px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid var(--color_line_2);margin-left:10px;transition:background-color .16s ease-in}.component-tabbtn .tabbtn-item.--selected{background:var(--color_line_2)}.component-tabbtn .tabbtn-item.--selected .tabbtn-text{color:var(--color_text_1);font-weight:500}.component-tabbtn .tabbtn-text{font-size:12px;color:var(--color_text_5);white-space:nowrap;font-weight:400;transition:color .16s ease-in}html{--page_mode2v2page_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_search_1717641967011.png);--page_mode2v2page_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp);--search_placeholder_color: #aeaeae}html.--zmdarkmode{--page_mode2v2page_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_search2_1733991646762.png);--page_mode2v2page_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.mode2v2-search{font-size:0px;position:relative}.mode2v2-search .mode2v2-header-wrap{width:auto;height:auto;padding:0 16px;margin:4px 0 14px;display:flex;align-items:center}.mode2v2-search .mode2v2-search-wrap{width:100%;height:28px;flex:1;display:flex;align-items:center;border-radius:19px;background:var(--color_fill_3);overflow:hidden}.mode2v2-search .mode2v2-search-icon{display:block;width:17px;height:17px;margin:0 2px 0 8px;background-image:var(--page_mode2v2page_iamge_01)}.mode2v2-search .mode2v2-search-input{flex:1;width:auto;padding-right:12px;height:17px;line-height:17px;font-size:12px;color:var(--color_text_1);border:none}.mode2v2-search .mode2v2-search-input::placeholder{color:var(--search_placeholder_color)}.mode2v2-search .mode2v2-filter-icon{display:block;width:12px;height:12px;margin-right:5px;background-image:var(--page_mode2v2page_02)}.mode2v2-search .mode2v2-filter-text{font-size:12px;font-weight:400;color:var(--color_text_2)}.mode2v2-search .mode2v2-mode-selector{display:flex;width:calc(100% - 15px);height:auto;margin-left:15px;margin-bottom:10px;flex-wrap:nowrap;align-items:center;overflow-x:auto}.mode2v2-search .mode2v2-mode-selector::-webkit-scrollbar{display:none}.mode2v2-search .mode2v2-modeselector-option{box-sizing:border-box;width:50px;min-width:50px;height:24px;margin-right:9px;line-height:23px;white-space:nowrap;border:1px solid var(--color_brand_black);background-color:var(--color_fill_pagebg);font-size:12px;font-weight:400;color:var(--color_text_1);border-radius:200px;text-align:center;transition:all .32s}.mode2v2-search .mode2v2-modeselector-option.--selected{background-color:var(--color_brand_black);color:var(--color_fill_pagebg)}.mode2v2-search .mode2v2-updatetime{width:auto;height:14px;margin:10px 0;padding-left:15px;white-space:14px;line-height:14px;font-size:10px;color:var(--color_text_2)}.mode2v2-search .mode2v2-search{width:auto;height:auto;position:relative}.mode2v2-search .mode2v2-filter-dialog{width:100%;top:100%;position:absolute;z-index:9;top:calc(100% + 5px);background-color:var(--color_fill_pagebg)}.mode2v2-search .mode2v2-filter-dialog .div-animheight{height:0}.mode2v2-search .mode2v2-filter-dialog .empty-data{height:202.5px;margin:0}.mode2v2-search .mode2v2-filter-list{width:auto;height:auto;max-height:250px;overflow:auto}.mode2v2-search .mode2v2-filter-listitem{position:relative;margin-left:46px;width:auto;height:40px;line-height:40px;border-bottom:.5px solid var(--color_line_1);font-size:12px;font-weight:400;color:var(--color_text_1)}.mode2v2-search .mode2v2-filter-listitem .--b{color:#e4c282}.mode2v2-search .mode2v2-filter-listitem.--selected .--text{position:relative;z-index:1}.mode2v2-search .mode2v2-filter-listitem.--selected .--bg{position:absolute;width:calc(100% + 46px);height:100%;top:0;left:-46px;background-color:var(--color_line_1);z-index:0}.mode2v2-search .mode2v2-filter-mask{position:absolute;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}.mode2v2-search .table-header-item:nth-child(2){justify-content:flex-start}.mode2v2-search .filterdialog-enter-active,.mode2v2-search .filterdialog-leave-active{opacity:1;transition:.32s ease-in-out}.mode2v2-search .filterdialog-enter-from,.mode2v2-search .filterdialog-leave-to{max-height:0;opacity:0}.component-sidebar-tab{width:68px;min-width:68px;height:100%;background-color:var(--color_line_2);overflow:hidden;overflow-y:auto}.component-sidebar-tab::-webkit-scrollbar{display:none;width:0;height:0}.component-sidebar-tab .sidebartab-item{width:100%;height:auto;display:flex;flex-direction:column;margin-bottom:19px;margin-top:5px}.component-sidebar-tab .sidebartab-item:nth-child(1){border-top:1px solid var(--comp_tableheader_color_1)}.component-sidebar-tab .sidebartab-item.--selected .sidebartab-title-text{color:var(--color_text_1);font-weight:500}.component-sidebar-tab .sidebartab-item.--selected .sidebartab-child{overflow:auto}.component-sidebar-tab .sidebartab-title{width:100%;height:17px;display:flex;align-items:center;justify-content:center}.component-sidebar-tab .sidebartab-title-text,.component-sidebar-tab .sidebartab-child-text{line-height:17px;font-size:12px;font-weight:400;color:var(--color_text_5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .26s ease-in-out}.component-sidebar-tab .sidebartab-child{position:relative;width:100%;background-color:rgba(0,0,0,.03)}.component-sidebar-tab .sidebartab-child::-webkit-scrollbar{display:none;width:0;height:0}.component-sidebar-tab .sidebartab-child-item{width:100%;height:17px;margin:24px 0;display:flex;align-items:center;justify-content:center}.component-sidebar-tab .sidebartab-child-item.--selected .sidebartab-child-text{color:var(--color_text_1);font-weight:500}.component-sidebar-tab .sidebartab-child-selectedicon{display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4px solid rgba(0,0,0,.03);margin-left:29px}.component-sidebar-tab .sidebartab-child-container{position:relative;margin-top:5px;height:0;overflow:hidden;transition:height .26s ease-in}html{--comp_tableheader_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp);--change_desc: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon_1733991646749.png);--change_desc_select: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-select_1733991646748.png)}html.--zmdarkmode{--comp_tableheader_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp);--change_desc: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-an_1733991646747.png);--change_desc_select: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-select-an_1733991646748.png)}.table-header{display:flex;width:100%;height:24px;align-items:center;font-size:11px;font-weight:400;text-align:center;color:var(--zm_c64);background-color:var(--color_line_1)}.table-header .table-header-item{display:flex;align-items:center;justify-content:center}.table-header .table-header-item.--selected{color:var(--color_text_1);font-weight:500}.table-header .table-header-item.--selected .--desc,.table-header .table-header-item.--selected .--asc{border-top-color:var(--color_text_1)}.table-header .table-header-item:nth-child(1){justify-content:start}.table-header .table-header-item:nth-child(1) .table-header-text{width:30px;text-align:center}.table-header .table-header-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:2px;margin-top:1px;width:9px;height:auto}.table-header .table-header-filter .--asc.--selected{border-bottom-color:var(--color_text_1)}.table-header .table-header-filter .--desc{display:block;width:6px;height:4px;background-image:var(--change_desc)}.table-header .table-header-filter .--desc.--selected{background-image:var(--change_desc_select)}html{--text_color1: #848484;--img_color1: invert(95%) hue-rotate(180deg)}html.--zmdarkmode{--text_color1: #838384;--img_color1: none}.ranklist-scrollbox-bugfix{height:calc(100vh - 860px)!important;overflow-y:scroll!important;flex:initial!important}.hero-ranklist-scrollbox-bugfix{height:calc(100vh - 740px)!important;overflow-y:scroll!important;flex:initial!important}.ranklist-scrollbox::-webkit-scrollbar{display:none}.h-table-list{width:100%;padding-bottom:10px;display:flex;flex-direction:column}.h-table-list .recent-updates-box{display:flex;align-items:center;justify-content:center;color:#aeaeae;font-size:10px;font-style:normal;font-weight:400;line-height:normal;margin:9px 0 0}.h-table-list .recent-updates-box .line1{width:50px;height:.5px;background:linear-gradient(90deg,color(display-p3 .6824 .6824 .6824 / 0) 0%,color(display-p3 .6824 .6824 .6824 / .7) 100%)}.h-table-list .recent-updates-box .line2{width:50px;height:.5px;background:linear-gradient(270deg,color(display-p3 .6824 .6824 .6824 / 0) 0%,color(display-p3 .6824 .6824 .6824 / .7) 100%)}.h-table-list .recent-updates-box .update-text{margin:0 5px}.h-table-list .g-table-data{display:flex;justify-content:space-around;align-items:center;background:var(--color_fill_pagebg);color:var(--color_text_2);font-size:12px;padding:12px 5px;position:relative;--animate-delay: 60ms;--animate-duration: .5s}.h-table-list .g-table-data .rank1{color:#e2582d}.h-table-list .g-table-data .rank2{color:#ee8e25}.h-table-list .g-table-data .rank3{color:#e4ab22}.h-table-list .g-table-data:after{content:"";display:block;width:100%;height:.5px;background:var(--color_line_1);position:absolute;bottom:0px;left:50%;transform:translate(-50%)}.h-table-list .g-table-data .g-table-item{font-size:11px;color:var(--text_color1);display:flex;align-items:center;justify-content:center}.h-table-list .g-table-data .g-table-item.--select{color:var(--color_text_1)}.h-table-list .g-table-data .hero-name{display:flex;flex-direction:column}.h-table-list .g-table-data .hero-item{width:100%;display:flex;align-items:center;justify-content:start}.h-table-list .g-table-data .hero-item+.hero-item{margin-top:8px}.h-table-list .g-table-data .rank-num{font-size:12px;box-sizing:border-box;color:var(--color_text_1);position:relative;justify-content:start}.h-table-list .g-table-data .rank-num .rank-num-text{width:28px;text-align:center}.h-table-list .g-table-data .hero-name-img{width:24px;height:24px;border-radius:50%;position:relative}.h-table-list .g-table-data .hero-name-img>img{width:24px;height:24px;border-radius:50%}.h-table-list .g-table-data .hero-name-img>i{display:block;width:24px;height:24px;border-radius:50%;background-position:center center;background-size:cover;flex-shrink:0}.h-table-list .g-table-data .hero-name-text{padding-left:8px;width:calc(100% - 32px);display:flex;flex-direction:column}.h-table-list .g-table-data .hero-name-text .text-top{color:var(--color_text_1);width:100%;font-size:12px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-table-list .g-table-data .hero-name-text .text-position{color:var(--color_text_2);font-size:10px;display:inline-block;margin-top:5px;display:flex;flex-wrap:wrap}.h-table-list .g-table-data .hero-name-text .text-position>span{margin-right:2px}.h-table-list .g-table-data .hero-name-text .fit-hero{align-items:center}.h-table-list .g-table-data .hero-name-text .fit-hero>span{margin-right:8px}.h-table-list .g-table-data .hero-name-text .fit-hero .hero-img{display:flex;align-items:center;justify-content:center}.h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img{width:18px;height:18px;border-radius:50%}.h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img+img{margin-left:2px}.h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i{display:block;width:18px;height:18px;border-radius:50%;background-position:center center;background-size:cover;flex-shrink:0}.h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i+i{margin-left:2px}.h-table-list .g-table-data .level{position:absolute;width:12px;height:15.6px;left:16px;top:15px}.h-table-list .g-table-data .level>span{width:12px;height:15.6px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%}.h-table-list .g-table-data .level .level0{background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/grad_0_1733991646750.png) no-repeat;background-size:100%}.h-table-list .g-table-data .level .level1{background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/grad_1_1733991646750.png) no-repeat;background-size:100%}.h-table-list .g-table-data .level .level2{background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/grad_2_1733991646751.png) no-repeat;background-size:100%}.h-table-list .g-table-data .level .level3{background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/grad_3_1733991646751.png) no-repeat;background-size:100%}.h-table-list .g-table-data .level .level4{background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/grad_4_1733991646751.png) no-repeat;background-size:100%}.h-table-list .g-table-data .level1{background-position:0px 0px}.h-table-list .change-box{width:24px;text-align:center;position:absolute;left:19px;white-space:nowrap;display:flex;align-items:center;justify-content:center}.h-table-list .change-i{font-style:normal;font-size:10px;margin-top:1px}.h-table-list .change-icon-up .change-icon{position:relative;display:inline-block;width:7px;height:9px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.h-table-list .change-icon-up .change-i{color:#fc715c}.h-table-list .change-icon-botoom .change-icon{position:relative;display:inline-block;width:7px;height:9px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.h-table-list .change-icon-botoom .change-i{color:#79ad65}.table-list-padding{padding-top:100px}.no-data{flex:1;font-size:12px;text-align:center;color:var(--color_text_2);padding-top:20%;box-sizing:border-box;display:flex;flex-direction:column}.no-data .empty-img{width:100%;height:150px;margin-bottom:10px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/data_empty_1733991646746.png);background-size:auto 100%}.buff-table-list .g-table-data .hero-name-img>img,.buff-table-list .g-table-data .hero-name-img>i{filter:var(--img_color1)}.wjkc-best-partners-table .g-table-data .hero-name-text{padding-left:6px}.wjkc-best-partners-table .g-table-data .hero-name-text .text-top{font-size:9px;height:24px;line-height:24px}.wjkc-best-partners-table .rank-num-text{width:22px!important}.wjkc-best-partners-table .change-box{width:24px;transform:scale(.8);justify-content:start}.equip-table-list .g-table-data .hero-name-img{width:100%;height:auto;display:flex;align-items:center}.equip-table-list .g-table-data .hero-name-img .text-top{padding-left:8px;color:var(--color_text_1);width:100%;font-size:12px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:24px;line-height:24px}.equip-table-list .g-table-data .hero-item{display:flex;flex-direction:column}.equip-table-list .g-table-data .hero-item .hero-name-img .hero-img{border-radius:4px}.equip-table-list .g-table-data .hero-item .hero-name-text{width:100%;padding-left:0}.data-base{font-size:12px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:14px 0}/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
*
* Copyright (c) 2022 Animate.css
*/:root{--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}.jcc__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.jcc__animated.jcc__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jcc__animated.jcc__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.jcc__animated.jcc__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat) * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.jcc__animated.jcc__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat) * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.jcc__animated.jcc__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration) / 2);animation-duration:calc(var(--animate-duration) / 2)}.jcc__animated.jcc__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration) * .8);animation-duration:calc(var(--animate-duration) * .8)}.jcc__animated.jcc__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2)}.jcc__animated.jcc__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration) * 3);animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion: reduce){.jcc__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.jcc__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.jcc__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.jcc__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.jcc__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.jcc__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.jcc__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.jcc__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.jcc__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}.jcc__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.jcc__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}.jcc__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.jcc__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration) * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.jcc__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.jcc__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.jcc__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.jcc__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.jcc__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}}.jcc__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}}.jcc__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.jcc__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.jcc__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.jcc__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.jcc__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.jcc__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.jcc__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.jcc__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.jcc__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.jcc__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.jcc__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.jcc__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.jcc__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.jcc__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.jcc__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.jcc__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.jcc__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.jcc__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.jcc__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.jcc__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.jcc__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.jcc__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.jcc__animated.jcc__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.jcc__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.jcc__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.jcc__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.jcc__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skew(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skew(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skew(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skew(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}.jcc__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}.jcc__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.jcc__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.jcc__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.jcc__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.jcc__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.jcc__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.jcc__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.jcc__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.jcc__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.jcc__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.jcc__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.jcc__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jcc__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.jcc__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.jcc__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.jcc__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.jcc__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.jcc__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.jcc__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.jcc__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.jcc__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.jcc__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.jcc__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.jcc__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.jcc__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.jcc__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.jcc__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.jcc__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@keyframes fadeLeftIn{0%{visibility:hidden;opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeLeftIn{-webkit-animation-name:fadeLeftIn;animation-name:fadeLeftIn}@keyframes fadeRightIn{0%{visibility:hidden;opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeRightIn{-webkit-animation-name:fadeRightIn;animation-name:fadeRightIn}@keyframes fadeTopIn{0%{visibility:hidden;opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeTopIn{-webkit-animation-name:fadeTopIn;animation-name:fadeTopIn}@keyframes fadeBottomIn{0%{visibility:hidden;opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.jcc__fadeBottomIn{-webkit-animation-name:fadeBottomIn;animation-name:fadeBottomIn}.anim-load-poluo{width:100%;height:170px;overflow:visible}.anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:28px;overflow:hidden;text-align:center}.anim-poluo{width:42px;height:42px;margin:0 auto;position:relative}.anim-poluo.--happy .anim-poluo-body{width:54px;height:62px;transform:translate(-50%,-50%) scale(1.5)}.anim-poluo.--sleep .anim-poluo-body{background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/poluo/polo-sleep_1717641967015.png);width:50px;height:50px;animation:none;transform:translate(-50%,-50%) scale(1.5);background-position:center}.anim-poluo.--wait .anim-poluo-body{width:54px;height:62px;animation:none}.anim-poluo-body{position:absolute;left:50%;top:50%;background-image:url(https://game.gtimg.cn/images/lol/act/a20221204ppdesignzmh5framework/PublishCDN/loading-poluo.png);background-position:-37px 0px;transform:translate(-50%,-50%) scale(1.5)}@keyframes frames-happy-poluo-reset{0%{background-position-x:0}to{background-position-x:-152px}}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5);--sidebartab_bgcolor: #ffffff}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5);--sidebartab_bgcolor: #1a1a1a}.g-main{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab{height:48px}.g-main .pptab-title-item-line{background-color:var(--color_text_1)!important;transition:none!important}.g-main .pptab-titlelist,.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .pptab-titlelist .tabbtn-box,.g-main .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item,.g-main .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:14px;position:relative}.g-main .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .first-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1);-webkit-text-stroke:0px;color:var(--color_text_1);font-weight:500}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:16px}.g-main .second-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .tab-comm-titlelist .pptab-title-item{height:40px;font-size:16px;line-height:40px}.g-main .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .second-header-tab{width:auto;height:28px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box{height:28px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item{height:28px;font-size:12px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:8px}.g-main .second-header-tab .tabbtn-item .tabbtn-text{border:none}.g-main .tab-comm-titlelist:after{display:none}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .tab-comm-titlelist{border-bottom:none;outline:0px var(--color_brand_white) fff solid;background:none}.g-main .tab-comm-titlelist .pptab-title-item-line{width:14px;height:2px;background-color:#1c1c1c;margin-top:-6px;margin-left:0%;border-radius:1px;transition:transform .36s;transform:rotateY(90deg)}.g-main .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .select-icon{display:none}.g-main-scrolls .select-font{display:block!important}.g-main-scrolls .second-tab-box{display:flex;padding:0 16px;height:28px;align-items:center;justify-content:space-between;margin-bottom:14px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:4px}.g-main-scrolls .second-tab-box .arrows-icon{width:6px;height:11px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.g-main-scrolls .sidebartab-box{width:68px}.g-main-scrolls .sidebartab-box .sidebartab-item{height:42px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.g-main-scrolls .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--color_text_2)}.g-main-scrolls .content-skeleton{height:calc(100% - 334.74px);display:flex}.g-main-scrolls .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.g-main-scrolls .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2){justify-content:start}.new-page .tab-comm{justify-content:space-between}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:14px}.scrimmage-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:100%;height:56px;flex:1;display:flex;align-items:center;border-radius:38px;background:var(--color_fill_3);overflow:hidden}.scrimmage-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-icon{display:block;width:34px;height:34px;margin:0 4px 0 16px;background-image:var(--page_mode2v2page_iamge_01)}.scrimmage-partner-rank-page.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px);display:flex;flex-direction:column;flex:1}.scrimmage-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.scrimmage-partner-rank-page.g-main-scrolls .table-header{display:flex;width:100%;height:56px;align-items:center;font-size:22px;font-weight:400;text-align:center}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line1{width:100px;height:1px;background:linear-gradient(90deg,color(display-p3 .6824 .6824 .6824 / 0) 0%,color(display-p3 .6824 .6824 .6824 / .7) 100%)}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line2{width:100px;height:1px;background:linear-gradient(270deg,color(display-p3 .6824 .6824 .6824 / 0) 0%,color(display-p3 .6824 .6824 .6824 / .7) 100%)}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data{font-size:24px;padding:24px 10px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-icon-up .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-icon{position:relative;display:inline-block;width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.scrimmage-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{width:auto;height:auto;padding:0 32px;margin:28px 0;display:flex;align-items:center}.scrimmage-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:100%;height:56px;flex:1;border-radius:38px;background:var(--zm_c14)}.scrimmage-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-icon{width:34px;height:34px;margin:0 4px 0 16px;background-image:var(--page_mode2v2page_iamge_01)}.scrimmage-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-input{flex:1;width:auto;padding-right:24px;height:34px;line-height:34px;font-size:24px;color:var(--color_text_1);border:none}.scrimmage-partner-rank-page.g-main-scrolls .content-skeleton{height:calc(100% - 112px)}.scrimmage-partner-rank-page.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px)}.scrimmage-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox{scroll-behavior:smooth}.scrimmage-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:84px;height:84px}.scrimmage-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(3)}.scrimmage-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:18px;overflow:hidden;text-align:center;margin:0}.scrimmage-partner-rank-page.g-main-scrolls .table-header{display:flex;width:100%;height:56px;align-items:center;font-size:22px;font-weight:400;text-align:center;box-sizing:border-box;padding:0 5px 0 20px}.scrimmage-partner-rank-page.g-main-scrolls .table-header .table-header-item:nth-child(1) .table-header-text{width:60px}.scrimmage-partner-rank-page.g-main-scrolls .table-header .table-header-filter{margin-left:4px;margin-top:1px;width:18px}.scrimmage-partner-rank-page.g-main-scrolls .table-header .table-header-filter .--desc{width:12px;height:8px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list{padding-bottom:20px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box{font-size:20px;margin:18px 0 0}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line1{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line2{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important;transform:rotate(180deg)}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .update-text{margin:0 10px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data{font-size:24px;padding:24px 10px 24px 20px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data:after{height:1px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .g-table-item{font-size:22px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-item+.hero-item{margin-top:16px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num{font-size:24px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num .rank-num-text{width:52px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img{width:48px;height:48px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>img{width:48px;height:48px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>i{width:48px;height:48px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text{padding-left:16px;width:calc(100% - 64px)}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-top{font-size:24px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position{font-size:20px;margin-top:10px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position>span{margin-right:4px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero>span{margin-right:16px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img{width:36px;height:36px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img+img{margin-left:4px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i{width:36px;height:36px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i+i{margin-left:4px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .level{position:absolute;width:24px;height:31.2px;left:32px;top:30px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .level>span{width:24px;height:31.2px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-box{width:48px;left:38px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-i{font-size:20px;margin-top:2px}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-icon-up .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-icon{position:relative;display:inline-block;width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.scrimmage-partner-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-i{color:#79ad65}.scrimmage-partner-rank-page.g-main-scrolls .data-base{font-size:24px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:28px 0}.scrimmage-partner-rank-page.g-main-scrolls .no-data{font-size:24px;padding-top:20%}.scrimmage-partner-rank-page.g-main-scrolls .no-data .empty-img{width:100%;height:300px;margin-bottom:20px}.g-app .scrimmage-partner-rank-page.g-main-scrolls .content-skeleton{height:auto}.canyon-page{padding-top:14.02px}.canyon-page .tabswiper-swiper{overflow:visible}.canyon-page .tab-comm-titlelist:after{display:none}.canyon-page .pptab-titlelist{overflow-x:auto;overflow-y:hidden;height:68px;justify-content:start;padding:0 30.77px!important;border-bottom:none!important;outline:none;position:sticky;top:96px;left:0;z-index:222}.canyon-page .pptab-titlelist::-webkit-scrollbar{display:none}.canyon-page .pptab-titlelist .pptab-title-item{flex-shrink:0;height:47.15px;border:1px solid var(--zm_c71);justify-content:center;border-radius:64.42px;padding:0 18.23px;box-sizing:border-box;align-items:center}.canyon-page .pptab-titlelist .pptab-title-item.--selected .pptab-title-item-font{color:var(--zm_c7)}.canyon-page .pptab-titlelist .pptab-title-item+.pptab-title-item{margin-left:15.38px}.canyon-page .pptab-titlelist .pptab-title-item .pptab-title-item-font{font-size:23.08px;color:var(--zm_c65)}.canyon-page .pptab-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1)}.canyon-page .pptab-titlelist .pptab-title-item .pptab-title-item-line{display:none}.canyon-page .pptab-titlelist .pptab-title-item .pptab-title-item-font{margin-top:0;letter-spacing:0px}.news-page{padding:24px 0}.more-strategy{background-color:#fff;width:750px;margin:0 auto}.page-title{font-size:32px;color:#111;padding:28px 0 28px 48px;position:relative;line-height:31px;font-family:PingFangSC-Medium,sans-serif;display:flex}.page-title:before{content:"";width:6px;height:30px;background:#111111;position:absolute;top:30px;left:32px;display:block}@keyframes framesPoluo{0%{background-position-x:0}to{background-position-x:-448px}}.loading-tip{width:100%;height:150px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 0 20px}.loading-tip .loading-tip-poluo{margin:0 auto;background-image:url(https://game.gtimg.cn/images/lol/cp/a20210628raiders/loading-poluo.png);width:54px;height:62px;animation:framesPoluo 1.2s steps(8,end) infinite;animation-duration:1.2s;animation-timing-function:steps(8);animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:framesPoluo}.loading-tip .loading-tip-poluo .loading-tip-font-loading{width:200%;color:var(--color_text_3);font-size:18px;line-height:1;text-align:center;margin:70px 0 0 -50%;white-space:nowrap}.loading-tip-fail{animation:none;background-position:-110px 0;white-space:nowrap}:root{--skeleton-color-fill-1: #f5f5f5;--skeleton-color-fill-2: #fafafa}html.--zmdarkmode{--skeleton-color-fill-1: rgba(255, 255, 255, .1);--skeleton-color-fill-2: rgba(255, 255, 255, .15)}.skeleton-news{display:flex;align-items:center;width:auto;height:auto;margin:0 0 24px 30px;background-color:var(--color_fill_pagebg)}.skeleton-news-info{height:136px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1;margin-right:20px}.skeleton-footerlabel{height:34px;width:55%;background-color:var(--skeleton-color-fill-2)}.skeleton-title{height:80px;width:100%;background-color:var(--skeleton-color-fill-2)}.skeleton-cover{width:257px;height:136px;background-color:var(--skeleton-color-fill-1)}.loading-tip-font--loading{color:var(--color_text_2)}.information{background-color:#fff;margin:0 auto;width:750px}.strategy-hero-module{width:auto;height:auto;margin:24px 0 48px}.strategy-hero-module .strateg-heroynews-title{height:30px;width:auto;margin:41px 0 33px 32px;line-height:30px;font-size:32px;font-weight:550;color:var(--color_text_1)}.strategy-hero-module .strateg-heroynews{margin-top:25px}.strategy-hero-selector{margin:0 32px}.strategy-heroselector-wrap{display:flex;justify-content:space-between}.strategy-heroselector-wrap .strategy-heroselector-more{border:80px;height:80px;min-width:80px;margin:8px 0 8px 8px;line-height:1.5;border:none;border-radius:50%;background-color:var(--color_op_black_10);color:var(--color_op_white_10);font-size:20px;font-weight:600}.strategy-heroselector-wrap .strategy-selector-swiper{width:auto;height:auto}html{--comp_strategyherooption_image_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_trims_1717641967011.png)}html.--zmdarkmode{--comp_strategyherooption_image_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_trims_dark_1717641967012.png)}.strategy-hero-option{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;width:96px;max-width:96px;margin-bottom:7px;height:auto}.strategy-hero-option .strategy-herooption-avatar{display:block;width:80px;height:80px;border:8px solid var(--color_fill_pagebg);border-radius:50%}.strategy-hero-option .strategy-herooption-tag{position:relative;z-index:1;display:block;margin-top:-20px;width:48px;height:24px;line-height:24px;border-radius:4px;font-size:16px;text-align:center;background-color:var(--color_op_black_10);color:var(--color_op_white_10)}.strategy-hero-option .strategy-herooption-border{position:absolute;top:0;left:0;width:88px;height:88px;border:4px solid #51bdc9;border-radius:50%}.strategy-hero-option .strategy-herooption-trims{display:block;width:24px;height:15px;margin-top:10px;background-image:var(--comp_strategyherooption_image_01)}.strategy-herooptionselected-enter-active,.strategy-herooptionselected-leave-active{transition:opacity .32s ease}.strategy-herooptionselected-enter-from,.strategy-herooptionselected-leave-to{opacity:0}.strategy-hero-card{position:relative;width:686px;height:134px;padding:28px 26px;box-sizing:border-box;border-radius:16px;display:flex;flex-direction:column;justify-content:center;background-size:100% auto;background-position:0 28%}.strategy-hero-card .strategy-herocard-title{display:flex;align-items:center;justify-content:space-between;width:58%;height:40px;white-space:nowrap;line-height:40px;font-size:28px;font-weight:550;color:var(--color_white)}.strategy-hero-card .strategy-herocard-godetail{display:flex;align-items:center;font-weight:500;font-size:22px}.strategy-hero-card .strategy-herocard-godetailicon{display:block;width:14px;height:22px;margin-left:8px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_1717641967009.png)}.strategy-hero-card .strategy-herocard-desc{width:auto;height:26px;line-height:26px;margin-top:4px;font-weight:400;font-size:18px;color:rgba(255,255,255,.5)}.strategy-hero-card .strategy-hero-cardimg{position:absolute;width:457px;height:auto;top:0;right:0;z-index:-1;border-radius:16px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/bg_heromask_1717641967006.png)}.strategy-hero-card .strategy-hero-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/bg_heromask_1717641967006.png);z-index:-1}html{--comp_strategyherorank_image_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png)}html.--zmdarkmode{--comp_strategyherorank_image_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_dark_1717641967010.png)}.strategy-hero-rank{width:auto;height:auto;font-size:0;margin:0 32px}.strategy-hero-rank .strategy-rank-wrap{display:flex;align-items:center;border-bottom:1px solid var(--color_line_1)}.strategy-hero-rank .strategy-rank-wrap.--hero .strategy-rank-item:nth-child(2){flex:1}.strategy-hero-rank .strategy-rank-wrap.--hero .strategy-rank-item:nth-child(3),.strategy-hero-rank .strategy-rank-wrap.--hero .strategy-rank-item:nth-child(4){width:162px}.strategy-hero-rank .strategy-rank-wrap.--runes .strategy-rank-item,.strategy-hero-rank .strategy-rank-wrap.--equip .strategy-rank-item{width:162px}.strategy-hero-rank .strategy-rank-nexticon{display:block;width:14px;height:22px;margin-left:auto;background-image:var(--comp_strategyherorank_image_01)}.strategy-hero-rank .strategy-rank-label{width:auto;height:34px;padding:0 16px 0 20px;line-height:34px;white-space:nowrap;font-size:24px;font-weight:550;color:var(--color_text_1)}.strategy-hero-rank .strategy-rank-runes,.strategy-hero-rank .strategy-rank-equip{flex:1;width:auto;height:auto;min-width:240px;display:flex;align-items:center}.strategy-hero-rank .strategy-rank-runesitem{display:block;width:64px;height:64px;margin-right:-6px;border-radius:50%;background-color:#060b0e;background-size:90% 90%;border:2px solid #060b0e}.strategy-hero-rank .strategy-rank-runesitem.--other{width:56px;height:56px;margin-left:20px}.strategy-hero-rank .strategy-rank-equipimg{display:block;width:56px;height:56px;border-radius:4px;margin-right:16px}.strategy-hero-rank .strategy-rank-empty{flex:1;font-size:28px;text-align:center;height:128px;line-height:128px}.strategy-rank-item{box-sizing:border-box;width:auto;height:auto;padding:30px 24px;text-align:center}.strategy-rank-data{width:auto;height:auto;margin:0;padding:0;line-height:40px;white-space:nowrap;font-size:28px;font-weight:550;color:var(--color_text_1)}.strategy-rank-datalabel{width:auto;height:24px;line-height:24px;white-space:nowrap;font-size:22px;font-weight:400;color:var(--color_text_2)}.select-hero-wrap{height:100vh;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:999;overflow-y:scroll;transform:none}.select-hero-wrap .hero-head-img{width:80px;height:80px;display:block;border-radius:50%;overflow:hidden;position:relative;background-color:var(--color-fill-3)}.search-fixed{width:100%;height:auto;padding-top:28px}.hero-classify{width:750px;height:144px;padding:0 0 0 32px;box-sizing:border-box}.classify{width:117px;height:44px;color:#849096;font-size:22px;line-height:44px;text-align:center;border-radius:4px;border:solid 2px #e2e7e8;flex-shrink:0;margin-right:20px;float:left;margin-bottom:20px}.classify.on{background:#000;border:solid 2px #000;color:#fff}.classify:nth-child(5n){margin-right:0}.m-btn-close{display:block;font-size:0;margin-left:20px;position:absolute;top:0;right:32px;width:28px;height:28px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/close.png) no-repeat}.m-search-main{width:750px;margin:0 auto 28px;height:60px;display:flex;display:-webkit-flex;justify-content:start;align-items:center;position:relative}.icon-search{position:absolute;left:0;top:0;display:inline-block;margin:14px 0 22px 26px;width:28px;height:30px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon2.png) no-repeat}.search-item{position:relative;margin-left:32px}.search-input{width:630px;background:#f0f4f8;border-radius:30px;height:60px;border:none;text-indent:80px;font-size:22px;padding:0 20px 0 0;color:#97a9ac}.search-input::-webkit-input-placeholder{color:#97a9ac;font-size:22px}.search-input::-moz-placeholder{color:#97a9ac;font-size:22px}.search-input::-ms-input-placeholder{color:#97a9ac;font-size:22px}.select-hero-wrap .hero-list{padding:0 32px;box-sizing:border-box;display:flex;flex-wrap:wrap}.select-hero-wrap .hero-list>div{margin:0 22px 28px;width:88px;position:relative}.select-hero-wrap .hero-list div a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.select-hero-wrap .hero-list span{width:56px;height:32px;margin:-16px auto 0;font-size:18px;line-height:32px;color:#fff}.select-hero-wrap .hero-list i{width:100%;display:block;text-align:center;font-size:22px;color:#849096;padding-top:10px;line-height:22px}.classify-detail{border-top:2px solid #f0f3f7;border-bottom:1px solid #f0f3f7}.classify-title{padding:28px 0 22px 48px;font-size:32px;line-height:32px;position:relative}.classify-title:before{content:"";width:6px;height:30px;background:#000;position:absolute;top:30px;left:32px;display:block}.hero-user-type{width:48px;height:24px;background:#000;border-radius:4px;font-size:16px;line-height:24px;text-align:center;display:block;margin:-12px auto 0;color:rgba(255,255,255,.7);position:relative;left:-3px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.herodialog-enter-active,.herodialog-leave-active{transform:translateY(0);transition:transform .25s ease-in-out}.herodialog-enter-from,.herodialog-leave-to{transform:translateY(100%)}.empty-data{width:auto;height:auto;margin:100px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-data .empty-img{display:block;width:100%;height:300px;margin-bottom:20px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/player_empty_1717641967014.png);background-size:auto 100%}.empty-data .empty-text{display:flex;text-align:center;font-size:24px;color:var(--color_text_3)}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5);--sidebartab_bgcolor: #ffffff}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5);--sidebartab_bgcolor: #1a1a1a}.g-main{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab{height:48px}.g-main .pptab-titlelist,.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:14px;position:relative}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:16px}.g-main .tab-comm-titlelist .pptab-title-item{height:40px;font-size:16px;line-height:40px}.g-main .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .second-header-tab{width:auto;height:28px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box{height:28px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item{height:28px;font-size:12px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:8px}.g-main .tab-comm-titlelist .pptab-title-item-line{width:14px;height:2px;background-color:#1c1c1c;margin-top:-6px;margin-left:0%;border-radius:1px;transition:transform .36s;transform:rotateY(90deg)}.g-main .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .second-tab-box{display:flex;padding:0 16px;height:28px;align-items:center;justify-content:space-between;margin-bottom:14px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:4px}.g-main-scrolls .second-tab-box .arrows-icon{width:6px;height:11px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.g-main-scrolls .sidebartab-box{width:68px}.g-main-scrolls .sidebartab-box .sidebartab-item{height:42px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .content-skeleton{height:calc(100% - 334.74px);display:flex}.g-main-scrolls .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;flex:1;overflow:hidden;overflow-y:hidden}.g-main-scrolls .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:14px}.canyon-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{margin:0}.canyon-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{flex:none;width:263.27px;height:30.77px}.canyon-hero-rank-page.g-main-scrolls .second-tab-box .arrows-icon{margin-top:3px;flex-shrink:0}.canyon-hero-rank-page.g-main-scrolls .second-tab-box .grading-box{width:75px;justify-content:end}.canyon-hero-rank-page.g-main-scrolls .content-skeleton{padding-top:58.17px;height:calc(100% - 58.17px)}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab{height:96px}.g-main .pptab-title-item-line{background-color:var(--color_text_1)!important;transition:none!important}.g-main .pptab-titlelist,.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 96px;justify-content:space-around;align-items:center;border-bottom:6px solid #f0f3f7;position:relative;box-sizing:border-box;outline:6px #ffffff solid;backface-visibility:hidden}.g-main .pptab-titlelist .tabbtn-box,.g-main .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item,.g-main .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:24px;letter-spacing:normal;padding:0 24px;border:1px solid var(--color_border_1);border-radius:32px;height:56px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:28px;position:relative}.g-main .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .first-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1);-webkit-text-stroke:0px;color:var(--color_text_1);font-weight:500}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:32px}.g-main .second-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .tab-comm-titlelist .pptab-title-item{height:80px;font-size:32px;line-height:80px}.g-main .slide-head-tab{height:56px;justify-content:start;padding:0 32px;border:none!important;margin-bottom:28px}.g-main .slide-head-tab .pptab-title-item{height:56px;font-size:24px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:16px}.g-main .second-header-tab{width:auto;height:56px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box{height:56px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item{height:56px;font-size:24px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:16px}.g-main .second-header-tab .tabbtn-item .tabbtn-text{border:none}.g-main .tab-comm-titlelist:after{display:none}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .tab-comm-titlelist{border-bottom:none;outline:0px var(--color_brand_white) fff solid;background:none}.g-main .tab-comm-titlelist .pptab-title-item-line{width:28px;height:4%;background-color:#1c1c1c;margin-top:-12px;margin-left:0%;border-radius:2px;transition:transform .36s;transform:rotateY(90deg)}.g-main .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero{position:fixed;bottom:80px;right:0;width:120px;height:88px;z-index:22}.g-main .select-hero .select-icon{width:80px;height:66px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:80px 66px}.g-main .select-hero .select-font{width:88px;height:88px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:20px;line-height:32px;color:var(--color_brand_white);padding:10px 16px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:80px 66px;display:none}.g-main-scrolls .select-icon{display:none}.g-main-scrolls .select-font{display:block!important}.g-main-scrolls .second-tab-box{display:flex;padding:0 32px;height:56px;align-items:center;justify-content:space-between;margin-bottom:28px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:8px}.g-main-scrolls .second-tab-box .arrows-icon{width:12px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.g-main-scrolls .sidebartab-box{width:136px}.g-main-scrolls .sidebartab-box .sidebartab-item{height:84px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .sidebartab-box .sidebartab-item.--selected{background-color:var(--color_line_2)}.g-main-scrolls .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--color_text_2)}.g-main-scrolls .table-header{height:56px;padding:0 10px;background-color:var(--zm_f5)!important}.g-main-scrolls .table-header .table-header-item:nth-child(2){justify-content:start}.new-page .tab-comm{justify-content:space-between}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:28px}.canyon-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{margin:0;padding:0 0 0 30.77px}.canyon-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:470.54px;height:61.54px;border-radius:38px;background:var(--zm_c14)}.canyon-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap .mode2v2-search-icon{width:34px;height:34px;margin:0 4px 0 16px}.canyon-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-input{padding-right:24px;height:34px;line-height:34px;font-size:24px}.canyon-hero-rank-page.g-main-scrolls .second-tab-box{padding:0 30.77px 0 0;margin-bottom:0}.canyon-hero-rank-page.g-main-scrolls .second-tab-box .arrows-icon{margin-top:6px;flex-shrink:0}.canyon-hero-rank-page.g-main-scrolls .second-tab-box .grading-box{width:210px;justify-content:flex-end}.canyon-hero-rank-page.g-main-scrolls .content-skeleton{padding-top:0;height:calc(100% - 116.34px)}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab{width:136px;min-width:136px;height:100%;background-color:var(--color_line_2)}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box{display:flex;padding:0 32px;height:56px;align-items:center;justify-content:space-between;margin-bottom:28px}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color_text_2)}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .grading-text{margin-right:8px}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .arrows-icon{width:12px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box{width:100%}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item{height:84px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item.--selected .sidebartab-title-text{color:var(--zm_c7)}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--zm_c64)}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title{width:100%;height:34px;display:flex;align-items:center;justify-content:center}.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title-text,.canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-child-text{line-height:34px;font-size:24px;font-weight:400;color:var(--color_text_5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .26s ease-in-out}.canyon-hero-rank-page.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px);display:flex;flex-direction:column;flex:1}.canyon-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox{flex:1;scroll-behavior:smooth}.canyon-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:84px;height:84px}.canyon-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:18px;overflow:hidden;text-align:center;margin:0;padding-bottom:0}.canyon-hero-rank-page.g-main-scrolls .table-header{display:flex;width:100%;height:56px;align-items:center;font-size:22px;font-weight:400;text-align:center}.canyon-hero-rank-page.g-main-scrolls .table-header .table-header-item:nth-child(1) .table-header-text{width:60px}.canyon-hero-rank-page.g-main-scrolls .table-header .table-header-filter{margin-left:4px;margin-top:1px;width:18px}.canyon-hero-rank-page.g-main-scrolls .table-header .table-header-filter .--desc{width:12px;height:8px}.canyon-hero-rank-page.g-main-scrolls .h-table-list{padding-bottom:20px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box{font-size:20px;margin:18px 0 0}.canyon-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line1{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important}.canyon-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line2{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important;transform:rotate(180deg)}.canyon-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .update-text{margin:0 10px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data{font-size:24px;padding:24px 10px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data:after{height:1px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .g-table-item{font-size:22px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-item+.hero-item{margin-top:16px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num{font-size:24px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num .rank-num-text{width:52px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img{width:48px;height:48px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>img{width:48px;height:48px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>i{width:48px;height:48px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text{padding-left:16px;width:calc(100% - 64px)}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-top{font-size:24px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position{font-size:20px;margin-top:10px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position>span{margin-right:4px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero>span{margin-right:16px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img{width:36px;height:36px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img+img{margin-left:4px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i{width:36px;height:36px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i+i{margin-left:4px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .level{position:absolute;width:24px;height:31.2px;left:32px;top:30px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .level>span{width:24px;height:31.2px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%}.canyon-hero-rank-page.g-main-scrolls .h-table-list .change-box{width:48px;left:38px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .change-i{font-size:20px;margin-top:2px}.canyon-hero-rank-page.g-main-scrolls .h-table-list .change-icon-up .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.canyon-hero-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-icon{position:relative;display:inline-block;width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.canyon-hero-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-i{color:#79ad65}.canyon-hero-rank-page.g-main-scrolls .data-base{font-size:24px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:28px 0}.canyon-hero-rank-page.g-main-scrolls .no-data{font-size:24px;padding-top:20%}.canyon-hero-rank-page.g-main-scrolls .no-data .empty-img{width:100%;height:300px;margin-bottom:20px}.g-app .canyon-hero-rank-page.g-main-scrolls .content-skeleton,.g-app .canyon-hero-rank-page.g-main-scrolls .component-sidebar-tab,.g-app .canyon-hero-rank-page.g-main-scrolls .table-content{height:auto}.g-main{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .canyon-hero-rank{position:sticky;left:0;top:160px;display:flex;justify-content:space-around;padding-bottom:23.08px;padding-top:15px;z-index:222}.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:16px;position:relative}.g-main .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .second-tab-box{display:flex;padding:0 16px;height:28px;align-items:center;justify-content:space-between;margin-bottom:14px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:3px}.g-main-scrolls .second-tab-box .arrows-icon{width:12px;height:10px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_down_1733991646760.png)}.g-main-scrolls .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:42px;height:42px}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{width:18px;height:21px;animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(1.5)}.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:9px;overflow:hidden;text-align:center;margin:0;padding-bottom:20px}.g-main-scrolls .component-sidebar-tab{overflow:visible;min-height:calc(100vh - 708px)}.g-main-scrolls .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1);position:sticky;z-index:222;top:258px;right:0}.sidebartab-box{position:sticky;top:258px;z-index:222;left:0}.xg-bestpartner-page .table-partner-tab{position:sticky;top:311px;z-index:2222;right:0;display:flex;align-items:center;height:24px;padding:28px 0 5px}.xg-bestpartner-page .table-partner-tab .desc{font-size:12px;color:var(--color_text_2);padding-left:10px}.xg-bestpartner-page .table-partner-tab .partner-tab{flex:1;margin-left:14px;overflow-x:hidden}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box{height:24px;margin-left:0}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item{height:24px;padding:0 16px;margin-left:0}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item+.tabbtn-item{margin-left:8px}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item .tabbtn-text{font-size:12px}.pageing-box{height:24px;margin-left:0;display:flex;align-items:center;justify-content:center}.pageing-box .tabbtn-item{height:24px;padding:0 16px;margin-left:0;display:flex;align-items:center;justify-content:center}.pageing-box .tabbtn-item+.tabbtn-item{margin-left:8px}.pageing-box .tabbtn-item .tabbtn-text{font-size:12px}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5)}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5)}.g-main{font-size:24px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .hide-animloadpoluo{opacity:0}.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 96px;justify-content:space-around;align-items:center;border-bottom:6px solid #f0f3f7;position:relative;box-sizing:border-box;outline:6px #ffffff solid;backface-visibility:hidden}.g-main .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:24px;letter-spacing:normal;padding:0 24px;border:1px solid var(--color_border_1);border-radius:32px;height:56px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:32px;position:relative}.g-main .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .first-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .slide-head-tab{height:56px;justify-content:start;padding:0 32px;border:none!important;margin-bottom:28px}.g-main .slide-head-tab .pptab-title-item{height:56px;font-size:24px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:16px}.g-main .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero{position:fixed;bottom:80px;right:0;width:120px;height:88px;z-index:22}.g-main .select-hero .select-icon{width:80px;height:66px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:80px 66px}.g-main .select-hero .select-font{width:88px;height:88px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:20px;line-height:32px;color:var(--color_brand_white);padding:10px 16px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:80px 66px;display:none}.g-main-scrolls .select-icon{display:none}.g-main-scrolls .select-font{display:block!important}.g-main-scrolls .second-tab-box{display:flex;padding:0 32px;height:56px;align-items:center;justify-content:space-between;margin-bottom:28px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:6px}.g-main-scrolls .second-tab-box .arrows-icon{width:24px;height:20px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_down_1733991646760.png);transform:rotate(90deg)}.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:84px;height:84px}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{width:18px;height:21px;animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(3)!important}.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:18px;overflow:hidden;text-align:center;margin:0;padding-bottom:40px}.g-main-scrolls .table-header{height:56px;padding:0 10px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2){justify-content:start}.xg-bestpartner-page .table-partner-tab{display:flex;align-items:center;height:48px}.xg-bestpartner-page .table-partner-tab .desc{font-size:24px;color:var(--color_text_2);padding-left:20px}.xg-bestpartner-page .table-partner-tab .partner-tab{flex:1;margin-left:28px;overflow-x:hidden}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box{height:48px;margin-left:0}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item{height:48px;padding:0 32px;margin-left:0}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item+.tabbtn-item{margin-left:16px}.xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item .tabbtn-text{font-size:24px}.pageing-box{height:48px;margin-left:0;display:flex;align-items:center;justify-content:center}.pageing-box .tabbtn-item{height:48px;padding:0 32px;margin-left:0;display:flex;align-items:center;justify-content:center}.pageing-box .tabbtn-item+.tabbtn-item{margin-left:16px}.pageing-box .tabbtn-item .tabbtn-text{font-size:24px}.ui-dialog-selectoption .dialogcomm-container{position:absolute;width:100%;bottom:80px;height:560px;background-color:transparent;max-width:100%;overflow:hidden;box-sizing:border-box;padding:0 32px}.ui-dialog-selectoption .UDS-option-box{width:100%;height:448px;margin-bottom:14px;border-radius:8px;overflow:hidden;background-color:var(--zm_c61);display:flex;flex-direction:column;box-sizing:border-box}.ui-dialog-selectoption .UDS-title{width:100%;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--tit_bgcolor);color:var(--dia_title_color);font-size:24px;position:relative;margin-bottom:-4px}.ui-dialog-selectoption .UDS-close-icon{display:block;position:absolute;width:60px;height:100%;top:0;right:0;background-image:var(--comp_dateselector_image);background-size:17px 17px}.ui-dialog-selectoption .UDS-option-selected{position:absolute;width:100%;height:88px;border:2px solid var(--color_line_1);border-left:0;border-right:0;top:148px;left:0;z-index:2;pointer-events:none}.ui-dialog-selectoption .UDS-swiper{width:100%;height:100%;background-color:var(--color_fill_pagebg);font-size:28px}.ui-dialog-selectoption .UDS-option{text-align:center;font-size:32px;height:76px;display:flex;align-items:center;justify-content:center}.ui-dialog-selectoption .swiper-slide{height:auto;padding:15.2px 0!important;color:var(--slide_color)}.ui-dialog-selectoption .swiper-slide-active{color:var(--slide_active_color)}.ui-dialog-selectoption .UDS-btn{width:100%;height:96px;border-radius:8px;background-color:var(--color_fill_pagebg);color:var(--color_text_1);font-size:32px;border:0;text-shadow:0 0 .4px var(--color_text_1)}.component-tabbtn{width:100%;height:58px;box-sizing:border-box;flex-direction:column;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;overflow-x:auto}.component-tabbtn::-webkit-scrollbar{display:none}.component-tabbtn .tabbtn-box{width:auto;height:auto;display:flex;align-items:center;justify-content:flex-start;margin:0 16px 0 6px;padding-right:16px}.component-tabbtn .tabbtn-item{box-sizing:border-box;width:auto;height:30px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid var(--color_line_2);margin-left:10px;transition:background-color .16s ease-in}.component-tabbtn .tabbtn-item.--selected{background:var(--color_line_2)}.component-tabbtn .tabbtn-item.--selected .tabbtn-text{color:var(--color_text_1);font-weight:500}.component-tabbtn .tabbtn-text{font-size:12px;color:var(--color_text_5);white-space:nowrap;font-weight:400;transition:color .16s ease-in}html{--page_mode2v2page_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_search_1717641967011.png);--page_mode2v2page_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp);--search_placeholder_color: #aeaeae}html.--zmdarkmode{--page_mode2v2page_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_search2_1733991646762.png);--page_mode2v2page_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.mode2v2-search{font-size:0px;position:relative}.mode2v2-search .mode2v2-header-wrap{width:auto;height:auto;padding:0 16px;margin:4px 0 14px;display:flex;align-items:center}.mode2v2-search .mode2v2-search-wrap{width:100%;height:28px;flex:1;display:flex;align-items:center;border-radius:19px;background:var(--color_fill_3);overflow:hidden}.mode2v2-search .mode2v2-search-icon{display:block;width:17px;height:17px;margin:0 2px 0 8px;background-image:var(--page_mode2v2page_iamge_01)}.mode2v2-search .mode2v2-search-input{flex:1;width:auto;padding-right:12px;height:17px;line-height:17px;font-size:12px;color:var(--color_text_1);border:none}.mode2v2-search .mode2v2-search-input::placeholder{color:var(--search_placeholder_color)}.mode2v2-search .mode2v2-filter-icon{display:block;width:12px;height:12px;margin-right:5px;background-image:var(--page_mode2v2page_02)}.mode2v2-search .mode2v2-filter-text{font-size:12px;font-weight:400;color:var(--color_text_2)}.mode2v2-search .mode2v2-mode-selector{display:flex;width:calc(100% - 15px);height:auto;margin-left:15px;margin-bottom:10px;flex-wrap:nowrap;align-items:center;overflow-x:auto}.mode2v2-search .mode2v2-mode-selector::-webkit-scrollbar{display:none}.mode2v2-search .mode2v2-modeselector-option{box-sizing:border-box;width:50px;min-width:50px;height:24px;margin-right:9px;line-height:23px;white-space:nowrap;border:1px solid var(--color_brand_black);background-color:var(--color_fill_pagebg);font-size:12px;font-weight:400;color:var(--color_text_1);border-radius:200px;text-align:center;transition:all .32s}.mode2v2-search .mode2v2-modeselector-option.--selected{background-color:var(--color_brand_black);color:var(--color_fill_pagebg)}.mode2v2-search .mode2v2-updatetime{width:auto;height:14px;margin:10px 0;padding-left:15px;white-space:14px;line-height:14px;font-size:10px;color:var(--color_text_2)}.mode2v2-search .mode2v2-search{width:auto;height:auto;position:relative}.mode2v2-search .mode2v2-filter-dialog{width:100%;top:100%;position:absolute;z-index:9;top:calc(100% + 5px);background-color:var(--color_fill_pagebg)}.mode2v2-search .mode2v2-filter-dialog .div-animheight{height:0}.mode2v2-search .mode2v2-filter-dialog .empty-data{height:202.5px;margin:0}.mode2v2-search .mode2v2-filter-list{width:auto;height:auto;max-height:250px;overflow:auto}.mode2v2-search .mode2v2-filter-listitem{position:relative;margin-left:46px;width:auto;height:40px;line-height:40px;border-bottom:.5px solid var(--color_line_1);font-size:12px;font-weight:400;color:var(--color_text_1)}.mode2v2-search .mode2v2-filter-listitem .--b{color:#e4c282}.mode2v2-search .mode2v2-filter-listitem.--selected .--text{position:relative;z-index:1}.mode2v2-search .mode2v2-filter-listitem.--selected .--bg{position:absolute;width:calc(100% + 46px);height:100%;top:0;left:-46px;background-color:var(--color_line_1);z-index:0}.mode2v2-search .mode2v2-filter-mask{position:absolute;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}.mode2v2-search .table-header-item:nth-child(2){justify-content:flex-start}.mode2v2-search .filterdialog-enter-active,.mode2v2-search .filterdialog-leave-active{opacity:1;transition:.32s ease-in-out}.mode2v2-search .filterdialog-enter-from,.mode2v2-search .filterdialog-leave-to{max-height:0;opacity:0}html{--comp_tableheader_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp);--change_desc: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon_1733991646749.png);--change_desc_select: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-select_1733991646748.png)}html.--zmdarkmode{--comp_tableheader_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp);--change_desc: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-an_1733991646747.png);--change_desc_select: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-select-an_1733991646748.png)}.table-header{display:flex;width:100%;height:24px;align-items:center;font-size:11px;font-weight:400;text-align:center;color:var(--zm_c64);background-color:var(--color_line_1)}.table-header .table-header-item{display:flex;align-items:center;justify-content:center}.table-header .table-header-item.--selected{color:var(--color_text_1);font-weight:500}.table-header .table-header-item.--selected .--desc,.table-header .table-header-item.--selected .--asc{border-top-color:var(--color_text_1)}.table-header .table-header-item:nth-child(1){justify-content:start}.table-header .table-header-item:nth-child(1) .table-header-text{width:30px;text-align:center}.table-header .table-header-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:2px;margin-top:1px;width:9px;height:auto}.table-header .table-header-filter .--asc.--selected{border-bottom-color:var(--color_text_1)}.table-header .table-header-filter .--desc{display:block;width:6px;height:4px;background-image:var(--change_desc)}.table-header .table-header-filter .--desc.--selected{background-image:var(--change_desc_select)}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5);--sidebartab_bgcolor: #ffffff}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5);--sidebartab_bgcolor: #1a1a1a}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab{height:48px}.g-main .pptab-titlelist,.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:14px;position:relative}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:16px}.g-main .tab-comm-titlelist .pptab-title-item{height:40px;font-size:16px;line-height:40px}.g-main .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .second-header-tab{width:auto;height:28px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box{height:28px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item{height:28px;font-size:12px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:8px}.g-main .tab-comm-titlelist .pptab-title-item-line{width:14px;height:2px;background-color:#1c1c1c;margin-top:-6px;margin-left:0%;border-radius:1px;transition:transform .36s;transform:rotateY(90deg)}.g-main .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .second-tab-box{display:flex;padding:0 16px;height:28px;align-items:center;justify-content:space-between;margin-bottom:14px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:4px}.g-main-scrolls .second-tab-box .arrows-icon{width:6px;height:11px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.g-main-scrolls .sidebartab-box{width:68px}.g-main-scrolls .sidebartab-box .sidebartab-item{height:42px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .content-skeleton{height:calc(100% - 334.74px);display:flex}.g-main-scrolls .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:hidden}.g-main-scrolls .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:14px}.canyon-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{margin:0}.canyon-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:263.27px;height:30.77px}.canyon-partner-rank-page.g-main-scrolls .second-tab-box .arrows-icon{margin-top:3px;flex-shrink:0}.canyon-partner-rank-page.g-main-scrolls .second-tab-box .grading-box{width:75px;justify-content:end}.canyon-partner-rank-page.g-main-scrolls .content-skeleton{padding-top:58.17px;height:calc(100% - 58.17px)}.g-main{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab{height:96px}.g-main .pptab-title-item-line{background-color:var(--color_text_1)!important;transition:none!important}.g-main .pptab-titlelist,.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 96px;justify-content:space-around;align-items:center;border-bottom:6px solid #f0f3f7;position:relative;box-sizing:border-box;outline:6px #ffffff solid;backface-visibility:hidden}.g-main .pptab-titlelist .tabbtn-box,.g-main .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item,.g-main .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:24px;letter-spacing:normal;padding:0 24px;border:1px solid var(--color_border_1);border-radius:32px;height:56px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:28px;position:relative}.g-main .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .first-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1);-webkit-text-stroke:0px;color:var(--color_text_1);font-weight:500}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:32px}.g-main .second-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .tab-comm-titlelist .pptab-title-item{height:80px;font-size:32px;line-height:80px}.g-main .slide-head-tab{height:56px;justify-content:start;padding:0 32px;border:none!important;margin-bottom:28px}.g-main .slide-head-tab .pptab-title-item{height:56px;font-size:24px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:16px}.g-main .second-header-tab{width:auto;height:56px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box{height:56px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item{height:56px;font-size:24px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:16px}.g-main .second-header-tab .tabbtn-item .tabbtn-text{border:none}.g-main .tab-comm-titlelist:after{display:none}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .tab-comm-titlelist{border-bottom:none;outline:0px var(--color_brand_white) fff solid;background:none}.g-main .tab-comm-titlelist .pptab-title-item-line{width:28px;height:4%;background-color:#1c1c1c;margin-top:-12px;margin-left:0%;border-radius:2px;transition:transform .36s;transform:rotateY(90deg)}.g-main .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero{position:fixed;bottom:80px;right:0;width:120px;height:88px;z-index:22}.g-main .select-hero .select-icon{width:80px;height:66px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:80px 66px}.g-main .select-hero .select-font{width:88px;height:88px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:20px;line-height:32px;color:var(--color_brand_white);padding:10px 16px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:80px 66px;display:none}.g-main-scrolls .select-icon{display:none}.g-main-scrolls .select-font{display:block!important}.g-main-scrolls .second-tab-box{display:flex;padding:0 32px;height:56px;align-items:center;justify-content:space-between;margin-bottom:28px}.g-main-scrolls .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--color_text_2)}.g-main-scrolls .second-tab-box .grading-text{margin-right:8px}.g-main-scrolls .second-tab-box .arrows-icon{width:12px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.g-main-scrolls .sidebartab-box{width:136px}.g-main-scrolls .sidebartab-box .sidebartab-item{height:84px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.g-main-scrolls .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--color_text_2)}.g-main-scrolls .table-header{height:56px;padding:0 10px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2){justify-content:start}.new-page .tab-comm{justify-content:space-between}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:28px}.canyon-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{margin:0;padding:0 0 0 30.77px}.canyon-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:470.54px;height:61.54px;border-radius:38px;background:var(--zm_c14)}.canyon-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap .mode2v2-search-icon{width:34px;height:34px;margin:0 4px 0 16px}.canyon-partner-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-input{padding-right:24px;height:34px;line-height:34px;font-size:24px}.canyon-partner-rank-page.g-main-scrolls .second-tab-box{padding:0 30.77px 0 0;margin-bottom:0}.canyon-partner-rank-page.g-main-scrolls .second-tab-box .arrows-icon{margin-top:6px;flex-shrink:0}.canyon-partner-rank-page.g-main-scrolls .second-tab-box .grading-box{width:210px;justify-content:flex-end}.canyon-partner-rank-page.g-main-scrolls .content-skeleton{padding-top:0;height:calc(100% - 116.34px)}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab{width:136px;min-width:136px;height:100%;background-color:var(--color_line_2)}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box{display:flex;padding:0 32px;height:56px;align-items:center;justify-content:space-between;margin-bottom:28px}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .grading-box{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color_text_2)}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .grading-text{margin-right:8px}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .second-tab-box .arrows-icon{width:12px;height:22px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_next_gray_1717641967010.png);background-size:100%}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box{width:100%;padding-top:54.5px}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item{height:84px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item.--selected .sidebartab-title-text{color:var(--zm_c7)}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--zm_c64)}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title{width:100%;height:34px;display:flex;align-items:center;justify-content:center}.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title-text,.canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-child-text{line-height:34px;font-size:24px;font-weight:400;color:var(--color_text_5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .26s ease-in-out}.canyon-partner-rank-page.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px);display:flex;flex-direction:column;flex:1}.canyon-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;scroll-behavior:smooth}.canyon-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:84px;height:84px}.canyon-partner-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:18px;overflow:hidden;text-align:center;margin:0;padding-bottom:0}.canyon-partner-rank-page.g-main-scrolls .table-header{display:flex;width:100%;height:56px;align-items:center;font-size:22px;font-weight:400;text-align:center}.canyon-partner-rank-page.g-main-scrolls .table-header .table-header-item:nth-child(1) .table-header-text{width:60px}.canyon-partner-rank-page.g-main-scrolls .table-header .table-header-filter{margin-left:4px;margin-top:1px;width:18px}.canyon-partner-rank-page.g-main-scrolls .table-header .table-header-filter .--desc{width:12px;height:8px}.canyon-partner-rank-page.g-main-scrolls .h-table-list{padding-bottom:20px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box{font-size:20px;margin:18px 0 0}.canyon-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line1{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important}.canyon-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line2{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important;transform:rotate(180deg)}.canyon-partner-rank-page.g-main-scrolls .h-table-list .recent-updates-box .update-text{margin:0 10px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data{font-size:24px;padding:24px 10px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data:after{height:1px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .g-table-item{font-size:22px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-item+.hero-item{margin-top:16px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num{font-size:24px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num .rank-num-text{width:52px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img{width:48px;height:48px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>img{width:48px;height:48px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>i{width:48px;height:48px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text{padding-left:16px;width:calc(100% - 64px)}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-top{font-size:24px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position{font-size:20px;margin-top:0}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position>span{margin-right:4px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero>span{margin-right:16px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img{width:36px;height:36px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img+img{margin-left:4px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i{width:36px;height:36px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i+i{margin-left:4px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .level{position:absolute;width:24px;height:31.2px;left:32px;top:30px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .g-table-data .level>span{width:24px;height:31.2px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%}.canyon-partner-rank-page.g-main-scrolls .h-table-list .change-box{width:48px;left:38px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .change-i{font-size:20px;margin-top:2px}.canyon-partner-rank-page.g-main-scrolls .h-table-list .change-icon-up .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.canyon-partner-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-icon{position:relative;display:inline-block;width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.canyon-partner-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-i{color:#79ad65}.canyon-partner-rank-page.g-main-scrolls .data-base{font-size:24px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:28px 0}.canyon-partner-rank-page.g-main-scrolls .no-data{font-size:24px;padding-top:20%}.canyon-partner-rank-page.g-main-scrolls .no-data .empty-img{width:100%;height:300px;margin-bottom:20px}.canyon-partner-rank-page.g-main-scrolls .xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item{padding:0 19.23px;border-radius:64px;border:1px solid var(--zm_c71)}.canyon-partner-rank-page.g-main-scrolls .xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item.--selected{background-color:transparent}.canyon-partner-rank-page.g-main-scrolls .xg-bestpartner-page .table-partner-tab .partner-tab .tabbtn-box .tabbtn-item .tabbtn-text{font-size:23.08px}.g-app .canyon-partner-rank-page.g-main-scrolls .content-skeleton,.g-app .canyon-partner-rank-page.g-main-scrolls .component-sidebar-tab,.g-app .canyon-partner-rank-page.g-main-scrolls .table-content{height:auto}.DhPage-page{padding-top:14.02px;height:calc(100vh - 550px)}.DhPage-page .tabswiper-swiper{overflow:visible}.DhPage-page .tab-comm-titlelist:after{display:none}.DhPage-page .pptab-titlelist{overflow-x:auto;overflow-y:hidden;height:68px;justify-content:start;padding:0 30.77px!important;border-bottom:none!important;outline:none;position:sticky;top:96px;left:0;z-index:222}.DhPage-page .pptab-titlelist::-webkit-scrollbar{display:none}.DhPage-page .pptab-titlelist .pptab-title-item{min-width:107.69px;flex-shrink:0;height:47.15px;border:1px solid var(--zm_c71);justify-content:center;border-radius:64.42px;padding:0 19.23px;box-sizing:border-box;align-items:center}.DhPage-page .pptab-titlelist .pptab-title-item.--selected .pptab-title-item-font{color:var(--zm_c7)}.DhPage-page .pptab-titlelist .pptab-title-item+.pptab-title-item{margin-left:15.38px}.DhPage-page .pptab-titlelist .pptab-title-item .pptab-title-item-font{font-size:23.08px;color:var(--zm_c65)}.DhPage-page .pptab-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1)}.DhPage-page .pptab-titlelist .pptab-title-item .pptab-title-item-line{display:none}.DhPage-page .pptab-titlelist .pptab-title-item .pptab-title-item-font{margin-top:0;letter-spacing:0px}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5);--sidebartab_bgcolor: #ffffff}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5);--sidebartab_bgcolor: #1a1a1a}.g-main,.dl-hero-rank-page{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .pptab-titlelist.page-head-tab,.dl-hero-rank-page .pptab-titlelist,.dl-hero-rank-page .first-header-tab,.dl-hero-rank-page .pptab-titlelist.page-head-tab{height:48px}.g-main .pptab-title-item-line,.dl-hero-rank-page .pptab-title-item-line{background-color:var(--color_text_1)!important;transition:none!important}.g-main .pptab-titlelist,.g-main .first-header-tab,.dl-hero-rank-page .pptab-titlelist,.dl-hero-rank-page .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .pptab-titlelist .tabbtn-box,.g-main .first-header-tab .tabbtn-box,.dl-hero-rank-page .pptab-titlelist .tabbtn-box,.dl-hero-rank-page .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item,.g-main .first-header-tab .tabbtn-box .tabbtn-item,.dl-hero-rank-page .pptab-titlelist .tabbtn-box .tabbtn-item,.dl-hero-rank-page .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected,.dl-hero-rank-page .pptab-titlelist .tabbtn-box .tabbtn-item.--selected,.dl-hero-rank-page .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font,.dl-hero-rank-page .second-header-tab .tabbtn-item .tabbtn-text,.dl-hero-rank-page .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font,.dl-hero-rank-page .tabbtn-item .tabbtn-text,.dl-hero-rank-page .tabbtn-item .pptab-title-item-font,.dl-hero-rank-page .pptab-title-item .tabbtn-text,.dl-hero-rank-page .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:14px;position:relative}.g-main .tab-comm.pptab-content,.dl-hero-rank-page .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide,.dl-hero-rank-page .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .first-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font,.dl-hero-rank-page .first-header-tab .tabbtn-item.--selected .tabbtn-text,.dl-hero-rank-page .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{transform:scale(1);-webkit-text-stroke:0px;color:var(--color_text_1);font-weight:500}.g-main .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font,.dl-hero-rank-page .tab-comm-titlelist .pptab-title-item.--selected .pptab-title-item-font{font-size:16px}.g-main .second-header-tab .tabbtn-item.--selected .tabbtn-text,.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font,.dl-hero-rank-page .second-header-tab .tabbtn-item.--selected .tabbtn-text,.dl-hero-rank-page .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .tab-comm-titlelist .pptab-title-item,.dl-hero-rank-page .tab-comm-titlelist .pptab-title-item{height:40px;font-size:16px;line-height:40px}.g-main .slide-head-tab,.dl-hero-rank-page .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item,.dl-hero-rank-page .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item,.dl-hero-rank-page .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .second-header-tab,.dl-hero-rank-page .second-header-tab{width:auto;height:28px;padding:0;border:none!important}.g-main .second-header-tab .tabbtn-box,.dl-hero-rank-page .second-header-tab .tabbtn-box{height:28px;justify-content:start;border:none!important;margin:0}.g-main .second-header-tab .tabbtn-item,.dl-hero-rank-page .second-header-tab .tabbtn-item{height:28px;font-size:12px;padding:0;margin:0}.g-main .second-header-tab .tabbtn-item+.tabbtn-item,.dl-hero-rank-page .second-header-tab .tabbtn-item+.tabbtn-item{margin-left:8px}.g-main .second-header-tab .tabbtn-item .tabbtn-text,.dl-hero-rank-page .second-header-tab .tabbtn-item .tabbtn-text{border:none}.g-main .tab-comm-titlelist:after,.dl-hero-rank-page .tab-comm-titlelist:after{display:none}.g-main .pptab-titlelist,.g-main .first-header-tab,.g-main .tab-comm-titlelist,.dl-hero-rank-page .pptab-titlelist,.dl-hero-rank-page .first-header-tab,.dl-hero-rank-page .tab-comm-titlelist{border-bottom:none;outline:0px var(--color_brand_white) fff solid;background:none}.g-main .tab-comm-titlelist .pptab-title-item-line,.dl-hero-rank-page .tab-comm-titlelist .pptab-title-item-line{width:14px;height:2px;background-color:#1c1c1c;margin-top:-6px;margin-left:0%;border-radius:1px;transition:transform .36s;transform:rotateY(90deg)}.g-main .position-top,.dl-hero-rank-page .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top,.dl-hero-rank-page .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero,.dl-hero-rank-page .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon,.dl-hero-rank-page .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font,.dl-hero-rank-page .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .select-icon,.dl-hero-rank-page .select-icon{display:none}.g-main-scrolls .select-font,.dl-hero-rank-page .select-font{display:block!important}.g-main-scrolls .sidebartab-box,.dl-hero-rank-page .sidebartab-box{width:68px}.g-main-scrolls .sidebartab-box .sidebartab-item,.dl-hero-rank-page .sidebartab-box .sidebartab-item{height:42px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.g-main-scrolls .sidebartab-box .sidebartab-item.--selected,.dl-hero-rank-page .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.g-main-scrolls .sidebartab-box .sidebartab-item .sidebartab-title-text,.dl-hero-rank-page .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--color_text_2)}.g-main-scrolls .content-skeleton,.dl-hero-rank-page .content-skeleton{height:calc(100% - 334.74px);display:flex}.g-main-scrolls .table-content,.dl-hero-rank-page .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox,.dl-hero-rank-page .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.g-main-scrolls .table-header,.dl-hero-rank-page .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2),.dl-hero-rank-page .table-header .table-header-item:nth-child(2){justify-content:start}.new-page .tab-comm{justify-content:space-between}.new-page .tab-comm .pptab-title-item .pptab-title-item-font{font-size:14px}.dl-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-header-wrap{width:auto;height:auto;padding:0 32px;margin:28px 0}.dl-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-wrap{width:100%;height:56px;flex:1;border-radius:38px;background:var(--zm_c14)}.dl-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-icon{display:block;width:34px;height:34px;margin:0 4px 0 16px;background-image:var(--page_mode2v2page_iamge_01)}.dl-hero-rank-page.g-main-scrolls .mode2v2-search .mode2v2-search-input{flex:1;width:auto;padding-right:24px;height:34px;line-height:34px;font-size:24px;color:var(--color_text_1);border:none}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab{width:136px;min-width:136px;height:100%;background-color:var(--color_line_2)}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box{width:100%}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item{height:84px;width:100%;margin:0}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item.--selected{background-color:var(--sidebartab_bgcolor)}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-box .sidebartab-item .sidebartab-title-text{color:var(--zm_c64)}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title{width:100%;height:34px}.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-title-text,.dl-hero-rank-page.g-main-scrolls .component-sidebar-tab .sidebartab-child-text{line-height:34px;font-size:24px;font-weight:400;color:var(--color_text_5)}.dl-hero-rank-page.g-main-scrolls .table-content{height:100%;width:calc(100% - 136px);flex:1}.dl-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox{scroll-behavior:smooth}.dl-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:84px;height:84px}.dl-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(3)}.dl-hero-rank-page.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:18px;overflow:hidden;text-align:center;margin:0}.dl-hero-rank-page.g-main-scrolls .table-header{width:100%;height:56px;font-size:22px;font-weight:400}.dl-hero-rank-page.g-main-scrolls .table-header .table-header-item:nth-child(1) .table-header-text{width:60px}.dl-hero-rank-page.g-main-scrolls .table-header .table-header-filter{margin-left:4px;margin-top:1px;width:18px}.dl-hero-rank-page.g-main-scrolls .table-header .table-header-filter .--desc{width:12px;height:8px}.dl-hero-rank-page.g-main-scrolls .h-table-list{padding-bottom:20px}.dl-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box{font-size:20px;margin:18px 0 0}.dl-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line1{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important}.dl-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .line2{width:100px;height:2px;background:url(https://game.gtimg.cn/images/lol/zmlolzone2305/rank-line1_1734329168212.png)!important;transform:rotate(180deg)}.dl-hero-rank-page.g-main-scrolls .h-table-list .recent-updates-box .update-text{margin:0 10px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data{font-size:24px;padding:24px 10px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data:after{height:1px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .g-table-item{font-size:22px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-item+.hero-item{margin-top:16px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num{font-size:24px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .rank-num .rank-num-text{width:52px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img{width:48px;height:48px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>img{width:48px;height:48px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-img>i{width:48px;height:48px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text{padding-left:16px;width:calc(100% - 64px)}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-top{font-size:24px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position{font-size:20px;margin-top:10px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .text-position>span{margin-right:4px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero>span{margin-right:16px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img{width:36px;height:36px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>img+img{margin-left:4px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i{width:36px;height:36px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .hero-name-text .fit-hero .hero-img>i+i{margin-left:4px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .level{width:24px;height:31.2px;left:32px;top:30px}.dl-hero-rank-page.g-main-scrolls .h-table-list .g-table-data .level>span{width:24px;height:31.2px;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%}.dl-hero-rank-page.g-main-scrolls .h-table-list .change-box{width:48px;left:38px}.dl-hero-rank-page.g-main-scrolls .h-table-list .change-i{font-size:20px;margin-top:2px}.dl-hero-rank-page.g-main-scrolls .h-table-list .change-icon-up .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-up_1733991646749.png);background-size:100% 100%}.dl-hero-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-icon{width:14px;height:18px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-bottom_1733991646748.png);background-size:100% 100%}.dl-hero-rank-page.g-main-scrolls .h-table-list .change-icon-botoom .change-i{color:#79ad65}.dl-hero-rank-page.g-main-scrolls .data-base{font-size:24px;color:var(--text_color1);padding:28px 0}.dl-hero-rank-page.g-main-scrolls .no-data{font-size:24px;padding-top:20%}.dl-hero-rank-page.g-main-scrolls .no-data .empty-img{width:100%;height:300px;margin-bottom:20px}.g-app .dl-hero-rank-page.g-main-scrolls .content-skeleton,.g-app .dl-hero-rank-page.g-main-scrolls .component-sidebar-tab,.g-app .dl-hero-rank-page.g-main-scrolls .table-content{height:auto}html{--color_border_1: #f5f5f5;--color_line_2: #f5f5f5;--comp_tableheader_color_1: rgba(241, 241, 241, .5)}html.--zmdarkmode{--color_border_1: none;--color_line_2: #252525;--comp_tableheader_color_1: rgba(37, 37, 37, .5)}.g-main{font-size:12px;background:var(--color_fill_pagebg);width:100%;height:100%}.g-main .first-header-tab{width:100%;overflow:visible;background-color:#fff;display:flex;padding:0 48px;justify-content:space-around;align-items:center;border-bottom:3px solid #f0f3f7;position:relative;box-sizing:border-box;outline:3px #ffffff solid;backface-visibility:hidden}.g-main .first-header-tab .tabbtn-box{width:100%;display:flex;align-items:center;justify-content:space-around;padding:0;margin:0}.g-main .first-header-tab .tabbtn-box .tabbtn-item{margin:0;border:none;border-radius:0%}.g-main .first-header-tab .tabbtn-box .tabbtn-item.--selected{background:none}.g-main .slide-head-tab .pptab-title-item .pptab-title-item-font{font-size:12px;letter-spacing:normal;padding:0 12px;border:1px solid var(--color_border_1);border-radius:16px;height:28px;display:flex;align-items:center;justify-content:center}.g-main .tabbtn-item .tabbtn-text,.g-main .tabbtn-item .pptab-title-item-font,.g-main .pptab-title-item .tabbtn-text,.g-main .pptab-title-item .pptab-title-item-font{color:var(--color_text_2);font-size:16px;position:relative}.g-main .tab-comm.pptab-content{width:100%;height:100%}.g-main .tab-comm.pptab-content .pptab-slide{height:100%}.g-main .slide-head-tab .pptab-title-item.--selected .pptab-title-item-font{background-color:var(--color_line_2)}.g-main .slide-head-tab{height:28px;justify-content:start;padding:0 16px;border:none!important;margin-bottom:14px}.g-main .slide-head-tab .pptab-title-item{height:28px;font-size:12px}.g-main .slide-head-tab .pptab-title-item+.pptab-title-item{margin-left:8px}.g-main .position-top{top:0px;position:sticky;background:var(--color_fill_pagebg);z-index:999}.g-main .fixed-top{position:fixed;top:0;z-index:8;background:var(--color_fill_pagebg);width:100%}.g-main .select-hero{position:fixed;bottom:40px;right:0;width:60px;height:44px;z-index:22}.g-main .select-hero .select-icon{width:40px;height:33px;background:url(//game.gtimg.cn/images/lol/cp/a20210628raiders/select-icon.png) no-repeat;position:absolute;bottom:0;right:0;background-size:40px 33px}.g-main .select-hero .select-font{width:44px;height:44px;background:var(--color_brand_black);border-radius:50%;text-align:center;font-size:10px;line-height:16px;color:var(--color_brand_white);padding:5px 8px;box-sizing:border-box;position:absolute;top:0;left:0;background-size:40px 33px;display:none}.g-main-scrolls .select-icon{display:none}.g-main-scrolls .select-font{display:block!important}.g-main-scrolls .content-skeleton{display:flex}.g-main-scrolls .table-content{height:100%;width:calc(100% - 68px);display:flex;flex-direction:column;flex:1}.g-main-scrolls .table-content .ranklist-scrollbox{width:auto;height:auto;flex:1;overflow:hidden;overflow-y:auto}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo{width:42px;height:42px}.g-main-scrolls .table-content .ranklist-scrollbox .anim-poluo-body{width:18px;height:21px;animation:frames-happy-poluo-reset 1.2s steps(8,end) infinite;transform:translate(-50%,-50%) scale(1.5)}.g-main-scrolls .table-content .ranklist-scrollbox .anim-load-poluo-loadtip{width:100%;height:auto;color:#a0acb5;font-size:9px;overflow:hidden;text-align:center;margin:0}.g-main-scrolls .table-header{height:28px;padding:0 5px;background-color:var(--comp_tableheader_color_1)}.g-main-scrolls .table-header .table-header-item:nth-child(2){justify-content:start}.component-tabbtn{width:100%;height:58px;box-sizing:border-box;flex-direction:column;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;overflow-x:auto}.component-tabbtn::-webkit-scrollbar{display:none}.component-tabbtn .tabbtn-box{width:auto;height:auto;display:flex;align-items:center;justify-content:flex-start;margin:0 16px 0 6px;padding-right:16px}.component-tabbtn .tabbtn-item{box-sizing:border-box;width:auto;height:30px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid var(--color_line_2);margin-left:10px;transition:background-color .16s ease-in}.component-tabbtn .tabbtn-item.--selected{background:var(--color_line_2)}.component-tabbtn .tabbtn-item.--selected .tabbtn-text{color:var(--color_text_1);font-weight:500}.component-tabbtn .tabbtn-text{font-size:12px;color:var(--color_text_5);white-space:nowrap;font-weight:400;transition:color .16s ease-in}html{--page_mode2v2page_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_search_1717641967011.png);--page_mode2v2page_iamge_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp);--search_placeholder_color: #aeaeae}html.--zmdarkmode{--page_mode2v2page_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_search2_1733991646762.png);--page_mode2v2page_02: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp)}.mode2v2-search{font-size:0px;position:relative}.mode2v2-search .mode2v2-header-wrap{width:auto;height:auto;padding:0 16px;margin:4px 0 14px;display:flex;align-items:center}.mode2v2-search .mode2v2-search-wrap{width:100%;height:28px;flex:1;display:flex;align-items:center;border-radius:19px;background:var(--color_fill_3);overflow:hidden}.mode2v2-search .mode2v2-search-icon{display:block;width:17px;height:17px;margin:0 2px 0 8px;background-image:var(--page_mode2v2page_iamge_01)}.mode2v2-search .mode2v2-search-input{flex:1;width:auto;padding-right:12px;height:17px;line-height:17px;font-size:12px;color:var(--color_text_1);border:none}.mode2v2-search .mode2v2-search-input::placeholder{color:var(--search_placeholder_color)}.mode2v2-search .mode2v2-filter-icon{display:block;width:12px;height:12px;margin-right:5px;background-image:var(--page_mode2v2page_02)}.mode2v2-search .mode2v2-filter-text{font-size:12px;font-weight:400;color:var(--color_text_2)}.mode2v2-search .mode2v2-mode-selector{display:flex;width:calc(100% - 15px);height:auto;margin-left:15px;margin-bottom:10px;flex-wrap:nowrap;align-items:center;overflow-x:auto}.mode2v2-search .mode2v2-mode-selector::-webkit-scrollbar{display:none}.mode2v2-search .mode2v2-modeselector-option{box-sizing:border-box;width:50px;min-width:50px;height:24px;margin-right:9px;line-height:23px;white-space:nowrap;border:1px solid var(--color_brand_black);background-color:var(--color_fill_pagebg);font-size:12px;font-weight:400;color:var(--color_text_1);border-radius:200px;text-align:center;transition:all .32s}.mode2v2-search .mode2v2-modeselector-option.--selected{background-color:var(--color_brand_black);color:var(--color_fill_pagebg)}.mode2v2-search .mode2v2-updatetime{width:auto;height:14px;margin:10px 0;padding-left:15px;white-space:14px;line-height:14px;font-size:10px;color:var(--color_text_2)}.mode2v2-search .mode2v2-search{width:auto;height:auto;position:relative}.mode2v2-search .mode2v2-filter-dialog{width:100%;top:100%;position:absolute;z-index:9;top:calc(100% + 5px);background-color:var(--color_fill_pagebg)}.mode2v2-search .mode2v2-filter-dialog .div-animheight{height:0}.mode2v2-search .mode2v2-filter-dialog .empty-data{height:202.5px;margin:0}.mode2v2-search .mode2v2-filter-list{width:auto;height:auto;max-height:250px;overflow:auto}.mode2v2-search .mode2v2-filter-listitem{position:relative;margin-left:46px;width:auto;height:40px;line-height:40px;border-bottom:.5px solid var(--color_line_1);font-size:12px;font-weight:400;color:var(--color_text_1)}.mode2v2-search .mode2v2-filter-listitem .--b{color:#e4c282}.mode2v2-search .mode2v2-filter-listitem.--selected .--text{position:relative;z-index:1}.mode2v2-search .mode2v2-filter-listitem.--selected .--bg{position:absolute;width:calc(100% + 46px);height:100%;top:0;left:-46px;background-color:var(--color_line_1);z-index:0}.mode2v2-search .mode2v2-filter-mask{position:absolute;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}.mode2v2-search .table-header-item:nth-child(2){justify-content:flex-start}.mode2v2-search .filterdialog-enter-active,.mode2v2-search .filterdialog-leave-active{opacity:1;transition:.32s ease-in-out}.mode2v2-search .filterdialog-enter-from,.mode2v2-search .filterdialog-leave-to{max-height:0;opacity:0}.component-sidebar-tab{width:68px;min-width:68px;height:100%;background-color:var(--color_line_2);overflow:hidden;overflow-y:auto}.component-sidebar-tab::-webkit-scrollbar{display:none;width:0;height:0}.component-sidebar-tab .sidebartab-item{width:100%;height:auto;display:flex;flex-direction:column;margin-bottom:19px;margin-top:5px}.component-sidebar-tab .sidebartab-item:nth-child(1){border-top:1px solid var(--comp_tableheader_color_1)}.component-sidebar-tab .sidebartab-item.--selected .sidebartab-title-text{color:var(--color_text_1);font-weight:500}.component-sidebar-tab .sidebartab-item.--selected .sidebartab-child{overflow:auto}.component-sidebar-tab .sidebartab-title{width:100%;height:17px;display:flex;align-items:center;justify-content:center}.component-sidebar-tab .sidebartab-title-text,.component-sidebar-tab .sidebartab-child-text{line-height:17px;font-size:12px;font-weight:400;color:var(--color_text_5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .26s ease-in-out}.component-sidebar-tab .sidebartab-child{position:relative;width:100%;background-color:rgba(0,0,0,.03)}.component-sidebar-tab .sidebartab-child::-webkit-scrollbar{display:none;width:0;height:0}.component-sidebar-tab .sidebartab-child-item{width:100%;height:17px;margin:24px 0;display:flex;align-items:center;justify-content:center}.component-sidebar-tab .sidebartab-child-item.--selected .sidebartab-child-text{color:var(--color_text_1);font-weight:500}.component-sidebar-tab .sidebartab-child-selectedicon{display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:4px solid rgba(0,0,0,.03);margin-left:29px}.component-sidebar-tab .sidebartab-child-container{position:relative;margin-top:5px;height:0;overflow:hidden;transition:height .26s ease-in}html{--comp_tableheader_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_1717641967008.webp);--change_desc: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon_1733991646749.png);--change_desc_select: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-select_1733991646748.png)}html.--zmdarkmode{--comp_tableheader_iamge_01: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon_filter_dark_1717641967009.webp);--change_desc: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-an_1733991646747.png);--change_desc_select: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/change-icon-select-an_1733991646748.png)}.table-header{display:flex;width:100%;height:24px;align-items:center;font-size:11px;font-weight:400;text-align:center;color:var(--zm_c64);background-color:var(--color_line_1)}.table-header .table-header-item{display:flex;align-items:center;justify-content:center}.table-header .table-header-item.--selected{color:var(--color_text_1);font-weight:500}.table-header .table-header-item.--selected .--desc,.table-header .table-header-item.--selected .--asc{border-top-color:var(--color_text_1)}.table-header .table-header-item:nth-child(1){justify-content:start}.table-header .table-header-item:nth-child(1) .table-header-text{width:30px;text-align:center}.table-header .table-header-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:2px;margin-top:1px;width:9px;height:auto}.table-header .table-header-filter .--asc.--selected{border-bottom-color:var(--color_text_1)}.table-header .table-header-filter .--desc{display:block;width:6px;height:4px;background-image:var(--change_desc)}.table-header .table-header-filter .--desc.--selected{background-image:var(--change_desc_select)}html{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components_1740973655452.png);--item_background: linear-gradient(to bottom, #ffffff, #f9fafc)}html.--zmdarkmode{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-zan-dark_1740713062682.png);--item_background: linear-gradient(to bottom, #252525, #1e1e1e)}.info-item .media-wrap .btn-top{position:absolute;left:15.38px;top:15.38px;width:53.85px;height:26.92px;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/top_1745828752969.png);background-size:100%}.info-item .media-wrap .btn-play{position:absolute;right:7.69px;top:7.69px;width:15.38px;height:15.38px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/play_icon_1740713062683.png);background-size:100%}.info-item .info-detail .headline.--have_pk_icon:after{content:"";position:absolute;width:13.46px;height:13.46px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/peek-icon_1740713062683.png);background-size:100%;left:2px;top:2px}.info-item .info-detail .bottom-wrap .like-btn-box.--active .dz-icon{background-image:url(https://game.gtimg.cn/images/lol/cp/a20210628raiders/info.png)}html{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components_1740973655452.png);--item_background: linear-gradient(to bottom, #ffffff, #f9fafc)}html.--zmdarkmode{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components-dark_1740973655452.png);--item_background: linear-gradient(to bottom, #252525, #1e1e1e)}.info-item .media-wrap .btn-play{position:absolute;right:15.38px;top:15.38px;width:30.76px;height:30.76px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/play_icon_1740713062683.png);background-size:100%}.info-item .info-detail .headline.--have_pk_icon:after{content:"";position:absolute;width:26.92px;height:26.92px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/peek-icon_1740713062683.png);background-size:100%;left:4px;top:3.4px}.dh-news-page{box-sizing:border-box}.dh-more-strategy{width:750px;margin:0 auto;padding-top:24px;box-sizing:border-box;height:calc(100vh - 618px);overflow-y:scroll}.dh-more-strategy .not-data{font-size:24px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:28px 0}.dh-more-strategy .anim-load-poluo{height:300px}.dh-more-strategy .anim-poluo.--wait .anim-poluo-body{background-position:-57px 0px}.dh-more-strategy .anim-load-poluo-loadtip{font-size:24px}.content-list-box{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 4.81px}.content-list-box{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 9.62px;box-sizing:border-box}.content-list-box .list-left,.content-list-box .list-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}html{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components_1740973655452.png);--item_background: linear-gradient(to bottom, #ffffff, #f9fafc)}html.--zmdarkmode{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-zan-dark_1740713062682.png);--item_background: linear-gradient(to bottom, #252525, #1e1e1e)}.item{height:30px;font-size:20px}.info-item{position:relative;width:180.31px;height:auto;overflow:hidden;margin-bottom:4.81px;border-radius:3.85px;background-color:var(--color_fill_pagebg)}.info-item.small .media-wrap .info-img{height:134.62px}.info-item .media-wrap{position:relative;background-color:#eee;display:flex;align-items:center;overflow:hidden;border-radius:4px 4px 0 0}.info-item .media-wrap .info-img{width:100%;height:auto;min-height:134.62px;max-height:241.35px;object-fit:cover}.info-item .media-wrap .btn-top{position:absolute;left:15.38px;top:15.38px;width:53.85px;height:26.92px;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/top_1745828752969.png);background-size:100%}.info-item .media-wrap .btn-play{position:absolute;right:7.69px;top:7.69px;width:15.38px;height:15.38px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/play_icon_1740713062683.png);background-size:100%}.info-item .info-detail{max-height:108.65px;padding:6.73px 0 9.62px;background:var(--item_background)}.info-item .info-detail .headline{font-size:13px;font-weight:500;line-height:17.31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color_text_1);padding:0 7.69px}.info-item .info-detail .headline.--have_pk_icon{text-indent:15px;padding:0 7.85px}.info-item .info-detail .headline.--have_pk_icon:after{content:"";position:absolute;width:13.46px;height:13.46px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/peek-icon_1740713062683.png);background-size:100%;left:2px;top:2px}.info-item .info-detail .bottom-wrap{display:flex;justify-content:space-between;margin-top:7.73px;padding:0 7.69px}.info-item .info-detail .bottom-wrap .like-btn-box.--active .dz-icon{background-image:url(https://game.gtimg.cn/images/lol/cp/a20210628raiders/info.png)}html{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components_1740973655452.png);--item_background: linear-gradient(to bottom, #ffffff, #f9fafc)}html.--zmdarkmode{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components-dark_1740973655452.png);--item_background: linear-gradient(to bottom, #252525, #1e1e1e)}.info-item .media-wrap .btn-play{position:absolute;right:15.38px;top:15.38px;width:30.76px;height:30.76px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/play_icon_1740713062683.png);background-size:100%}.info-item .info-detail .headline.--have_pk_icon:after{content:"";position:absolute;width:26.92px;height:26.92px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/peek-icon_1740713062683.png);background-size:100%;left:4px;top:3.4px}.dh-news-page{box-sizing:border-box}.dh-more-strategy{width:750px;margin:0 auto;padding-top:24px;box-sizing:border-box;height:calc(100vh - 618px);overflow-y:scroll}.dh-more-strategy .not-data{font-size:24px;color:var(--text_color1);display:flex;align-items:center;justify-content:center;padding:28px 0}.dh-more-strategy .anim-load-poluo{height:300px}.dh-more-strategy .anim-poluo.--wait .anim-poluo-body{background-position:-57px 0px}.dh-more-strategy .anim-load-poluo-loadtip{font-size:24px}.item{height:30px;font-size:20px}.content-list-box{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 4.81px}.content-list-box{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 9.62px;box-sizing:border-box}.content-list-box .list-left,.content-list-box .list-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}html{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components_1740973655452.png);--item_background: linear-gradient(to bottom, #ffffff, #f9fafc)}html.--zmdarkmode{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-zan-dark_1740713062682.png);--item_background: linear-gradient(to bottom, #252525, #1e1e1e)}.item{height:30px;font-size:20px}.info-item{position:relative;width:180.31px;height:auto;overflow:hidden;margin-bottom:4.81px;border-radius:3.85px;background-color:var(--color_fill_pagebg)}.info-item.small .media-wrap .info-img{height:134.62px}.info-item .media-wrap{position:relative;background-color:#eee;display:flex;align-items:center;overflow:hidden;border-radius:4px 4px 0 0}.info-item .media-wrap .info-img{width:100%;height:auto;min-height:134.62px;max-height:241.35px;object-fit:cover}.info-item .media-wrap .btn-top{position:absolute;left:15.38px;top:15.38px;width:53.85px;height:26.92px;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/top_1745828752969.png);background-size:100%}.info-item .media-wrap .btn-play{position:absolute;right:7.69px;top:7.69px;width:15.38px;height:15.38px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/play_icon_1740713062683.png);background-size:100%}.info-item .info-detail{max-height:108.65px;padding:6.73px 0 9.62px;background:var(--item_background)}.info-item .info-detail .headline{font-size:13px;font-weight:500;line-height:17.31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color_text_1);padding:0 7.69px}.info-item .info-detail .headline.--have_pk_icon{text-indent:15px;padding:0 7.85px}.info-item .info-detail .headline.--have_pk_icon:after{content:"";position:absolute;width:13.46px;height:13.46px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/peek-icon_1740713062683.png);background-size:100%;left:2px;top:2px}.info-item .info-detail .bottom-wrap{display:flex;justify-content:space-between;margin-top:7.73px;padding:0 7.69px}.info-item .info-detail .bottom-wrap .avatar-box .avatar{width:15.38px;height:15.3px;border-radius:50%}.info-item .info-detail .bottom-wrap .avatar-box .avatar-name{white-space:nowrap;max-width:93px;color:var(--zm_c8);font-size:9.62px;margin-left:4.81px;text-overflow:ellipsis;overflow:hidden}.info-item .info-detail .bottom-wrap .like-btn-box{display:flex;align-items:center}.info-item .info-detail .bottom-wrap .like-btn-box.--active .dz-icon{background-image:url(https://game.gtimg.cn/images/lol/cp/a20210628raiders/info.png)}.info-item .info-detail .bottom-wrap .like-btn-box .dz-icon{width:9px;height:9.1px;background-image:var(--dz_icon)}.info-item .info-detail .bottom-wrap .like-btn-box .dz-num{color:var(--zm_c8);font-size:10.58px;margin-left:3.85px;margin-top:1.3px}html{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components_1740973655452.png);--item_background: linear-gradient(to bottom, #ffffff, #f9fafc)}html.--zmdarkmode{--dz_icon: url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/icon-components-dark_1740973655452.png);--item_background: linear-gradient(to bottom, #252525, #1e1e1e)}.item{height:60px;font-size:40px}.info-item{position:relative;width:360.62px;height:auto;overflow:hidden;margin-bottom:9.62px;border-radius:8px;background-color:var(--color_fill_pagebg)}.info-item.small .media-wrap .info-img{height:269.24px}.info-item .open-new-page-mask{position:absolute;left:0;bottom:0;top:0;right:0;margin:auto;z-index:2}.info-item .media-wrap{position:relative;background-color:#eee;display:flex;align-items:center;overflow:hidden;border-radius:8px 8px 0 0}.info-item .media-wrap .info-img{width:100%;height:auto;min-height:269.24px;max-height:482.7px;object-fit:cover}.info-item .media-wrap .btn-play{position:absolute;right:15.38px;top:15.38px;width:30.76px;height:30.76px;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/play_icon_1740713062683.png);background-size:100%}.info-item .info-detail{max-height:217.3px;padding:13.46px 0 19.24px;background:var(--item_background)}.info-item .info-detail .topic-tag-box{padding:1px 15.38px 9.62px}.info-item .info-detail .topic-tag-box .tag-item{padding:2px 7.69px;color:#fd9181;font-size:15.38px;font-weight:500;border-radius:44.23px;background-color:rgba(253,145,129,.1)}.info-item .info-detail .topic-tag-box .tag-item .tag-item{margin-left:7px}.info-item .info-detail .headline{position:relative;font-size:26px;font-weight:500;line-height:34.62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 15.38px;color:var(--color_text_1)}.info-item .info-detail .headline.--have_pk_icon{text-indent:30px;padding:0 7.85px}.info-item .info-detail .headline.--have_pk_icon:after{content:"";position:absolute;width:26.92px;height:26.92px;background-image:url(https://game.gtimg.cn/images/lol/zmlolzone2305/icon/peek-icon_1740713062683.png);background-size:100%;left:4px;top:3.4px}.info-item .info-detail .bottom-wrap{display:flex;justify-content:space-between;margin-top:15.46px;padding:0 15.38px}.info-item .info-detail .bottom-wrap .avatar-box{display:flex;align-items:center}.info-item .info-detail .bottom-wrap .avatar-box .avatar{width:30.76px;height:30.6px;border-radius:50%}.info-item .info-detail .bottom-wrap .avatar-box .avatar-name{white-space:nowrap;max-width:186px;text-overflow:ellipsis;overflow:hidden;color:var(--zm_c8);font-size:19.24px;margin-left:9.62px}.info-item .info-detail .bottom-wrap .like-btn-box{position:relative;display:flex;align-items:center;z-index:22}.info-item .info-detail .bottom-wrap .like-btn-box .dz-icon{width:26px;height:26px;background-image:var(--dz_icon);background-size:100%;margin-right:3px}.info-item .info-detail .bottom-wrap .like-btn-box .dz-num{color:var(--zm_c8);font-size:21.16px;margin-left:1px;margin-top:0;letter-spacing:-.5px}
