body,html{overflow-x:hidden;background-color:#eee;scroll-behavior:smooth}#app{min-width:1300px}#heroBanner{padding:0;background:url(../../static/img/42f82f22d4a4b9daa2dfa74ab68123e6.jpg) no-repeat;background-size:100% 100%;position:relative;overflow:hidden;height:1000px}#loadHeroInfo{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);padding:1.3rem 3rem;text-align:center;color:#fff;border:2px solid #fff;z-index:3;cursor:pointer;font-size:120%}#newsBanner .carousel-inner{height:300px}#newsBanner img{width:100%;height:360px;margin-bottom:40px}#newsBanner .carousel-inner .item,#newsBanner .carousel-inner .item>a,#newsBanner .carousel-inner .item img{height:100%;width:100%}#newsBannerList{display:flex;align-items:center;width:100%;padding:0;color:#424242;background-color:#e3e2e2;position:absolute;bottom:0;z-index:1;margin:0}#newsBanner .carousel-inner>.item{transition:transform .3s ease}#newsBannerList>li{list-style:none;height:40px;box-sizing:border-box;font-size:14px;text-align:center;line-height:40px;letter-spacing:1px;flex-grow:1;cursor:pointer;padding:0 15px;overflow:hidden;white-space:nowrap;font-size:85%;text-overflow:ellipsis}.newsBannerHover{color:#ab8e66;background-color:#f7f6f6;border-bottom:2px solid #cea861}#newsList{position:relative}#newsLoadMore{display:block;line-height:40px;height:40px;text-align:center;width:100%;background-color:#e3e2e2}#newsLoadMore:hover{background-color:#dad8d8}.wrapper{padding-top:20px}#middleRow1{overflow:hidden}#middleRow2{padding-top:20px}.new-tab-content-ul{width:100%;height:258px;position:relative;padding:0;margin-bottom:0;overflow:hidden}.new-tab-content-ul>.first{background-position:0 -458px;height:59px;line-height:59px;text-align:center;font-size:22px;font-weight:700;text-overflow:ellipsis;color:#0da0b4}.new-tab-content-ul>.first,.newsitem{list-style:none;overflow:hidden;box-sizing:border-box;white-space:nowrap}.newsitem{height:40px;width:100%;line-height:39px;border-top:1px solid #e0e2e2;text-align:left;font-size:0}.newsitem.inform>.item-type{color:#bb9a6c;border:1px solid #c5ab86}.newsitem>.item-type{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:36px;height:20px;box-sizing:border-box;font-size:12px;border:1px solid #69c5d2;color:#1da6ba;line-height:18px;text-align:center}.newsitem>.item-href{display:inline-block;margin-left:20px;color:#424242;text-overflow:ellipsis;white-space:nowrap}.newsitem>.item-href,.newsitem>.item-time{vertical-align:middle;height:39px;overflow:hidden;font-size:14px}.newsitem>.item-time{display:inline-block;*zoom:1;*display:inline;width:50px;text-align:right;letter-spacing:1px;color:#9d9d9d;float:right}.middleGrid{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(auto-fill,minmax(100px,auto));height:270px}.middleGrid .gridItem{background-color:#fff;padding:10px;margin:0 5px 10px;font-size:150%;color:#464646;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.1)}.gridItem1{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:3;background:url(../../static/img/f098e58dffc45ca241fac8a11c3beb99.gif) no-repeat;background-size:100% 100%}#heroSkinList{height:250px}.heroSkinWrap{list-style:none;position:relative;background-color:#f7f6f6;height:auto}.heroSkinWrap img{height:100%;width:100%}.panel-heading{display:flex;align-items:center}.panel-heading .btn{margin-left:auto;color:#fff}.tip-championskin{left:45px}.heroSkinWrap .price,.tip-championskin{position:absolute;display:block;top:9px;width:auto;height:20px;padding:0 6px;border-radius:2px;font-size:12px;text-align:center;color:#cdbe91;line-height:19px;background-color:#000}.heroSkinWrap .price{right:9px;letter-spacing:2px}.intro-championskin{padding:0 17px;bottom:33px;font-size:16px;font-weight:700;color:#cdbe91;white-space:nowrap}.intro-championskin,.name-championskin{width:100%;box-sizing:border-box;position:absolute;left:0}.name-championskin{padding-left:17px;bottom:12px;font-size:14px}.pic-mask-0{bottom:0;background:url(https://game.gtimg.cn/images/lol/v3/pic-mask-0.png) repeat;height:133px}.inner-hover,.pic-mask-0{position:absolute;left:0;width:100%}.inner-hover{top:0;height:100%;overflow:hidden;background:url(https://game.gtimg.cn/images/lol/v3/dark70-bg-repeat.png) repeat;transition:.5s;opacity:0;z-index:2}.inner-hover:hover{opacity:1}.inner-hover>.border{display:block;position:absolute;left:3px;top:3px;background-position:0 0;width:100%;height:auto}.inner-hover>.p1{color:#cdbe91;font-size:18px;position:absolute;left:27px;top:20px}.inner-hover>.inner-hover-href{position:absolute;right:25px;bottom:18px;display:block;background-position:-401px -179px;width:154px;height:42px;color:#ffdb8b;font-size:14px;text-align:center;line-height:42px;-webkit-transition:filter .5s;transition:filter .5s;filter:brightness(1);-webkit-filter:brightness(1);background-image:url(https://game.gtimg.cn/images/lol/v3/index-spr.png);background-size:638px 572px;background-repeat:no-repeat}#heroList ul{padding-left:0}#heroListNav{list-style:none;display:flex;padding-bottom:10px;flex-wrap:wrap}#heroListNav>li{float:left;padding-right:20px;position:relative;display:flex;align-items:center;height:25px;font-size:115%;letter-spacing:2px;cursor:pointer;min-width:100px}#heroListNav>li span{margin-left:0;background-position:-406px -316px;z-index:2;height:19px;width:20px;margin-right:6px}#heroListNav>li:hover span,#heroListNav>li span{background-image:url(https://game.gtimg.cn/images/lol/v3/index-spr.png);background-size:638px 572px;background-repeat:no-repeat}#heroListNav>li:hover span{background-position:-431px -316px}#heroListNav li:hover{color:#1da6ba}#heroListNav .hover{color:#1da6ba;font-weight:700}#heroListNav .hover span{background-image:url(https://game.gtimg.cn/images/lol/v3/index-spr.png);background-size:638px 572px;background-repeat:no-repeat;background-position:-431px -316px}.panel .panel-heading .panel-title{display:inline-block;height:100%;padding-left:10px;border-left:5px solid #1da6ba}#fixedNav{position:fixed;right:0;top:50%;transform:translateY(-50%);border-radius:10px 0 0 10px;background:#fff;text-align:center;z-index:10}#fixedNav ul{padding:0}#fixedNav li{list-style:none;margin:10px 5px}.newsNav{display:flex;overflow-x:auto;overflow-y:hidden;user-select:none;flex-wrap:wrap}.newsNav::-webkit-scrollbar{width:5px;height:10px;background:rgba(171,192,195,.36)}.newsNav::-webkit-scrollbar-thumb{background-color:rgba(85,85,85,.26)}.newsNav>li{padding:10px 20px;font-size:120%;flex-grow:1;min-width:80px;cursor:pointer;position:relative;text-align:center}.newsNav .select{background:#00bfff;color:#fff}#newHeroBanner .swiper-slide{cursor:pointer;height:182px}.rowBox{display:flex;box-sizing:border-box;padding:15px 0 15px 15px;overflow:hidden;background-color:#fff;box-shadow:0 0 10px #ddd;margin:0 0 10px 10px}.rowBox-sm{transition:box-shadow .2s;height:55px;text-align:center;line-height:55px;background-color:#fefefe;white-space:nowrap}.rowBox-sm:hover{cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.2)}.rowBox p{margin:0}.rowBox .ercode{width:96px;height:96px;margin-right:10px;float:left}.rowBox .p1{height:35px;line-height:35px;font-size:24px;font-weight:700;margin-top:4px}.rowBox .p1,.rowBox .p2{float:left;width:220px;overflow:hidden;color:#484848}.rowBox .p2{font-size:14px}.rowBox .p2,.rowBox .p3{height:24px;line-height:24px}.rowBox .p3{float:left;width:220px;overflow:hidden;color:#c3c3c3;font-size:12px}#midBtnList{padding:10px}#midBtnList ul{display:flex}#midBtnList ul>li{margin:0 10px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.5);padding:5px 10px;cursor:pointer}@media screen and (max-width:768px){#heroBanner,#middleRow1,#newsBanner,#newsBanner .carousel-inner,.new-tab-content-ul{height:auto}#app{min-width:auto}#loadHeroInfo{bottom:25%}#middle{padding-top:10px}#navbar{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.3))}#newsBannerList{flex-direction:column;position:unset}#newsBannerList>li{width:100%}#loadHeroInfo{padding:5px 10px;font-size:100%}#fixedNav{display:none}#newsList{margin-top:10px}#newHeroBanner .swiper-slide{height:100%}.newsList{max-height:500px;overflow-y:auto}#newsBanner img{height:200px;margin-bottom:0}}#navbar{z-index:10;padding:0}.navbar-primary .navbar{border-bottom:none;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.3))}.navbar-primary .navbar-nav{margin:0}.navbar-primary .navbar .nav>li>a{color:#fff}.navbar-primary .navbar .nav>li>a:hover{background-color:rgba(0,0,0,.3)}.navbar-primary .navbar .nav>li>a:focus{background-color:inherit}.navbar-primary .navbar .nav .active>a,.navbar .nav .active>a:hover{color:#fff;background-color:rgba(0,0,0,.5)}.navbar-primary .navbar .nav>li.dropdown.open>a{color:#fff;background-color:#9f58b5;border-color:#fff}.navbar-primary .navbar .navbar-brand{color:#fff}.navbar-primary .navbar .navbar-toggle{color:#fff;border:1px solid #fff;margin:15px 10px}.navbar-primary .navbar .navbar-toggle .icon-bar{background:#fff}.navbar-primary .navbar .nav.pull-right{margin-left:10px;margin-right:0}.navbar-md .navbar{min-height:70px;height:70px}.navbar-md .navbar .navbar-brand{line-height:70px;padding:15px 12px;font-size:16px;display:inline-block;height:70px}.navbar-md .navbar .navbar-nav>li>a{line-height:70px;padding:0 30px;font-size:130%}#logo{height:100%;width:auto}.shadowBox{border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.3),-1px -1px 1px rgba(0,0,0,.1);min-height:300px;padding:10px;margin:10px auto}.leftTitle{display:block;padding-left:10px;margin-bottom:20px;border-left:5px solid #1da6ba}.leftTitle .small{margin-left:5px;color:rgba(0,0,0,.5)}.leftTitle .btn{float:right}input[type=range]{margin-top:10px;background-color:#3498db;-webkit-appearance:none;height:10px;padding:0;border-radius:10px;border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:default;top:0;height:20px;width:30px;transform:translateY(0);background:#fff;border-radius:15px;box-shadow:0 0 1px rgba(0,0,0,.8)}footer{margin:10px 0;text-align:center;font-size:90%;background:#e3e2e2;color:#9f9378;padding:20px 10px}footer .qr{padding:0;display:flex;margin:30px auto 20px}footer .qr>li>div:first-child{transform:translateY(-40%);display:flex;padding:0 20px 20px;border-bottom:2px solid red;justify-content:center}footer .qr>li>div:last-child{color:#fff;font-size:17px;margin-top:-40px;margin-bottom:10px}footer .qr>li>div:last-child span{color:red}footer .qr>li{border:1px solid hsla(0,0%,100%,.5);position:relative;padding:20px;margin:0 10px;background:#000}footer .qr img{height:105px;width:105px}footer .qr span{display:inline-block}footer .qr .s1{color:#878787;width:20px;font-size:16px;line-height:20px}footer .qr .s2{color:#8b8989;width:25px;margin-right:10px;font-size:20px;line-height:25px}footer .mt{border:1px solid rgba(0,0,0,.3)}footer .fs{justify-content:center}footer .links{display:flex;padding:10px;margin-bottom:20px;align-items:center}footer .links img{height:40px;width:auto;margin:0 10px}footer .links span{margin:0 20px}footer .info{display:inline-flex;padding:0;list-style:none;margin:0 0 10px}footer .info>li{padding:0 10px;border-right:1px solid}footer .info>li:last-child{border-right:unset}#paramet{display:none}@media screen and (max-width:768px){footer .info,footer .links,footer .qr{flex-direction:column}footer .info>li{border-right:unset}footer .links img{margin:10px 0}footer .qr>li>div:first-child{transform:unset}footer .qr>li>div:last-child{margin-top:10px}}ul{padding:0;list-style:none}.listWrap .search{padding:10px 20px}#jumpInput,.listWrap .pageBox{text-align:center}#jumpInput{width:50px;display:inline-block;float:left}.listNav{border-bottom:1px solid rgba(0,0,0,.3);display:flex}.listNav>li{display:inline-block;font-size:16px;position:relative;text-align:center;color:#676767;cursor:pointer;padding:10px 15px;flex-grow:1}.listNav>li:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:-1px;background:none}.listNav .select:after{background:#00bfff}.newsList{margin-top:5px;cursor:pointer;min-height:520px}.newsList .newsInfo{display:flex;background:rgba(0,0,0,.3);margin:5px 0;height:65px}.newsList .right{padding:10px;position:relative;height:100%;flex-grow:1}.newsList .newsInfo .type{width:25px;vertical-align:middle;padding:0 6px;box-sizing:border-box;font-size:12px;color:#fff;align-items:center;display:flex;justify-content:center;background:rgba(0,0,0,.3)}.newsList .newsInfo .type_gg{background-color:rgba(233,133,45,.9)}.newsList .newsInfo .type_ss{background-color:rgba(151,175,197,.9)}.newsList .newsInfo .type_xw{background-color:rgba(105,197,210,.9)}.newsList .newsInfo .type_sp{background-color:rgba(233,133,45,.9)}.newsList .newsInfo .type_gl{background-color:rgba(75,163,106,.9)}.newsList .newsInfo .type_hd{background-color:rgba(105,197,210,.9)}.newsList .newsInfo .title{color:#fff;font-size:95%;line-height:20px;overflow:hidden;text-align:right;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:20px}.newsList .newsInfo .info{position:absolute;bottom:8px;right:10px}.newsList .newsInfo .label{color:#3a3838;background:#dfdddd;padding:4px 6px}a:hover{text-decoration:none}#breadcrumbNav{margin-top:20px}.heroListWrap{padding:0}.heroListNav{list-style:none;display:flex;padding-bottom:10px;flex-wrap:wrap}.heroListNav>li{float:left;padding-right:20px;position:relative;display:flex;align-items:center;height:25px;font-size:115%;letter-spacing:2px;cursor:pointer;min-width:100px}.heroListNav>li span{margin-left:0;background-position:-406px -316px;z-index:2;height:19px;width:20px;margin-right:6px}.heroListNav>li:hover span,.heroListNav>li span{background-image:url(https://game.gtimg.cn/images/lol/v3/index-spr.png);background-size:638px 572px;background-repeat:no-repeat}.heroListNav>li:hover span{background-position:-431px -316px}.heroListNav li:hover{color:#1da6ba}.heroListNav .hover{color:#1da6ba;font-weight:700}.heroListNav .hover span{background-image:url(https://game.gtimg.cn/images/lol/v3/index-spr.png);background-size:638px 572px;background-repeat:no-repeat;background-position:-431px -316px}#heroListCount::-webkit-scrollbar{width:10px;height:1px}#heroListCount::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}#heroListCount::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#abc0c3}#heroListCount{max-height:1000px;overflow-y:auto}#heroListCount>.tab-pane{text-align:center}#heroListCount ul{text-align:center;display:flex;flex-wrap:wrap}#heroListCount li{margin:0 10px 10px 0;list-style:none;position:relative;flex-grow:1;min-width:90px;max-width:100px;height:100px}#heroListCount li:hover span{color:#1da6ba}#heroListCount li .hover{position:absolute;left:50%;top:0;transform:translateX(-50%);height:66px;width:66px;z-index:1;transition:.3s;opacity:0;color:#1da6ba;font-size:150%;line-height:66px;cursor:pointer;background-color:rgba(0,0,0,.5)}#heroListCount li .hover:hover{opacity:1}#heroListCount li span{font-size:12px;color:#333;display:block}#heroListCount li img{width:66px;height:66px}.ad img{height:auto;width:100%}@media screen and (max-width:768px){.heroListNav>li{flex-grow:1}#heroListCount{max-height:none}}