.btn-buy-ng-gift,.btn-buy-ng-gift-on,.content .novice-gift-container .awards-wrap .award-item .assist,.content .novice-gift-container .awards-wrap .award-item .bottom,.content .novice-gift-container .awards-wrap .award-item .jungle,.content .novice-gift-container .awards-wrap .award-item .middle,.content .novice-gift-container .awards-wrap .award-item .top,.content .novice-gift-container .display-wrap .display-item .label-wrap .label,.content .novice-gift-container .display-wrap .display-item .ng-name .btn-buy,.content .novice-gift-container .display-wrap .display-item .ng-name.on .btn-buy,.discount,.icon-assist,.icon-bottom,.icon-jungle,.icon-middle,.icon-top,.ng-label1,.spr_nggift{background-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/spr_nggift.png?2023_8_28_17_23_21);background-size:278px 156px;background-repeat:no-repeat}.btn-buy-ng-gift-on,.content .novice-gift-container .display-wrap .display-item .ng-name.on .btn-buy{background-position:-97px 0;width:181px;height:46px}.btn-buy-ng-gift,.content .novice-gift-container .display-wrap .display-item .ng-name .btn-buy{background-position:-97px -48px;width:180px;height:45px}.discount{background-position:0 0;width:95px;height:95px}.content .novice-gift-container .awards-wrap .award-item .assist,.icon-assist{background-position:0 -123px;width:40px;height:33px}.content .novice-gift-container .awards-wrap .award-item .bottom,.icon-bottom{background-position:-42px -123px;width:33px;height:33px}.content .novice-gift-container .awards-wrap .award-item .jungle,.icon-jungle{background-position:-146px -123px;width:29px;height:32px}.content .novice-gift-container .awards-wrap .award-item .middle,.icon-middle{background-position:-77px -123px;width:33px;height:32px}.content .novice-gift-container .awards-wrap .award-item .top,.icon-top{background-position:-112px -123px;width:32px;height:32px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label,.ng-label1{background-position:0 -97px;width:68px;height:24px}.content .level-reward-container .awards-wrap .swiper-button-next,.content .level-reward-container .awards-wrap .swiper-button-prev,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .line::before,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num0,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num1,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num2,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num3,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num4,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num5,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num6,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num7,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num8,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num9,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received::after,.content .level-reward-container .cur-level .progress .speed,.content .level-reward-container .display-wrap .gallery-top .swiper-slide .select,.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a,.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a.geted,.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a.lock,.get-bg,.get-bg-ed,.lv-arrow-left,.lv-arrow-right,.lv-btn-lock,.lv-label-get,.lv-label-geted,.lv-speed-bg,.num0,.num0-d,.num1,.num1-d,.num2,.num2-d,.num3,.num3-d,.num4,.num4-d,.num5,.num5-d,.num6,.num6-d,.num7,.num7-d,.num8,.num8-d,.num9,.num9-d,.received-icon,.se-hero-bg,.speed-bg,.spr_levelreward{background-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/spr_levelreward.png?2023_8_28_17_23_21);background-size:218px 158px;background-repeat:no-repeat}.get-bg-ed{background-position:0 -31px;width:144px;height:29px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a,.get-bg{background-position:0 0;width:145px;height:29px}.content .level-reward-container .awards-wrap .swiper-button-prev,.lv-arrow-left{background-position:-147px -28px;width:19px;height:27px}.content .level-reward-container .awards-wrap .swiper-button-next,.lv-arrow-right{background-position:-168px -28px;width:19px;height:27px}.lv-btn-lock{background-position:0 -62px;width:144px;height:29px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv,.lv-label-get{background-position:0 -93px;width:79px;height:25px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv,.lv-label-geted{background-position:0 -120px;width:79px;height:25px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .line::before,.lv-speed-bg{background-position:0 -154px;width:99px;height:4px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num0,.num0-d{background-position:-147px -69px;width:8px;height:10px}.num0{background-position:-165px -81px;width:7px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num1,.num1-d{background-position:-181px -81px;width:5px;height:10px}.num1{background-position:-174px -81px;width:5px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num2,.num2-d{background-position:-147px -57px;width:8px;height:10px}.num2{background-position:-157px -57px;width:8px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num3,.num3-d{background-position:-167px -57px;width:8px;height:10px}.num3{background-position:-177px -57px;width:8px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num4,.num4-d{background-position:-187px -57px;width:8px;height:10px}.num4{background-position:-197px -57px;width:8px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num5,.num5-d{background-position:-147px -81px;width:7px;height:11px}.num5{background-position:-156px -81px;width:7px;height:11px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num6,.num6-d{background-position:-157px -69px;width:8px;height:10px}.num6{background-position:-167px -69px;width:8px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num7,.num7-d{background-position:-177px -69px;width:8px;height:10px}.num7{background-position:-187px -69px;width:8px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num8,.num8-d{background-position:-197px -69px;width:8px;height:10px}.num8{background-position:-207px -57px;width:8px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv .num9,.num9-d{background-position:-210px -28px;width:8px;height:10px}.num9{background-position:-207px -69px;width:7px;height:10px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received::after,.received-icon{background-position:-189px -28px;width:19px;height:19px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .select,.se-hero-bg{background-position:-147px 0;width:71px;height:26px}.content .level-reward-container .cur-level .progress .speed,.speed-bg{background-position:0 -147px;width:164px;height:5px}.btn-check,.btn-skill-play,.content .hero-recommend-container .hero-show-wrap .hero-info,.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .line,.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill.on::after,.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .btn-play,.content .hero-recommend-container .job-wrap::before,.hero-info-mask,.hero-line1,.skill-border-on,.skill-line1,.spr_hero_rec{background-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/spr_hero_rec.png?2023_8_28_17_23_21);background-size:1303px 306px;background-repeat:no-repeat}.btn-check{background-position:0 -200px;width:146px;height:40px}.btn-skill-play,.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .btn-play{background-position:-348px -4px;width:45px;height:45px}.content .hero-recommend-container .hero-show-wrap .hero-info,.hero-info-mask{background-position:0 0;width:346px;height:198px}.content .hero-recommend-container .job-wrap::before,.hero-line1{background-position:-348px 0;width:955px;height:2px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill.on::after,.skill-border-on{background-position:0 -242px;width:65px;height:64px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .line,.skill-line1{background-position:-395px -4px;width:3px;height:42px}.content .seven-day-container .awards-wrap .award-item .btn-get,.content .seven-day-container .awards-wrap .award-item .info .icon1,.content .seven-day-container .awards-wrap .award-item .info .icon2,.content .seven-day-container .awards-wrap .award-item .info .icon3,.content .seven-day-container .awards-wrap .award-item .job-icon>i.assassin,.content .seven-day-container .awards-wrap .award-item .job-icon>i.fighter,.content .seven-day-container .awards-wrap .award-item .job-icon>i.mage,.content .seven-day-container .awards-wrap .award-item .job-icon>i.marksman,.content .seven-day-container .awards-wrap .award-item .job-icon>i.support,.content .seven-day-container .awards-wrap .award-item.geted .btn-get,.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.assassin,.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.fighter,.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.mage,.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.marksman,.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.support,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.assassin,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.fighter,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.mage,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.marksman,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.support,.content .seven-day-container .display-wrap .display-item .prop-info .btn-get,.content .seven-day-container .display-wrap .display-item .prop-info .btn-get.geted,.content .seven-day-container .display-wrap .display-item .prop-info .btn-get.lock,.content .seven-day-container .display-wrap .display-item .prop-info.award1::before,.content .seven-day-container .display-wrap .display-item .prop-info.award2::before,.content .seven-day-container .display-wrap .display-item .prop-info.award3::before,.content .seven-day-container .display-wrap .display-item .prop-info.award4::before,.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get,.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get.geted,.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get.lock,.icon-award1,.icon-award2,.icon-award3,.icon-award4,.sd-assassin,.sd-assassin-on,.sd-award-icon1,.sd-award-icon2,.sd-award-icon3,.sd-btn-get1,.sd-btn-get1-ed,.sd-btn-get2,.sd-btn-get2-ed,.sd-btn-lock,.sd-fighter,.sd-fighter-on,.sd-mage,.sd-mage-on,.sd-marksman,.sd-marksman-on,.sd-support,.sd-support-on,.spr_day7{background-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/spr_day7.png?2023_8_28_17_23_21);background-size:438px 311px;background-repeat:no-repeat}.content .seven-day-container .display-wrap .display-item .prop-info.award1::before,.icon-award1{background-position:0 0;width:162px;height:125px}.content .seven-day-container .display-wrap .display-item .prop-info.award2::before,.icon-award2{background-position:-137px -127px;width:114px;height:122px}.content .seven-day-container .display-wrap .display-item .prop-info.award3::before,.icon-award3{background-position:-164px 0;width:150px;height:125px}.content .seven-day-container .display-wrap .display-item .prop-info.award4::before,.icon-award4{background-position:0 -127px;width:135px;height:122px}.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.assassin,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.assassin,.sd-assassin-on{background-position:-356px -45px;width:17px;height:17px}.content .seven-day-container .awards-wrap .award-item .job-icon>i.assassin,.sd-assassin{background-position:-417px -25px;width:17px;height:17px}.content .seven-day-container .awards-wrap .award-item .info .icon1,.sd-award-icon1{background-position:-316px -66px;width:10px;height:10px}.content .seven-day-container .awards-wrap .award-item .info .icon2,.sd-award-icon2{background-position:-394px -45px;width:17px;height:14px}.content .seven-day-container .awards-wrap .award-item .info .icon3,.sd-award-icon3{background-position:-413px -45px;width:14px;height:14px}.content .seven-day-container .awards-wrap .award-item.geted .btn-get,.sd-btn-get1-ed{background-position:-146px -282px;width:124px;height:25px}.content .seven-day-container .awards-wrap .award-item .btn-get,.sd-btn-get1{background-position:-316px 0;width:122px;height:23px}.sd-btn-get2-ed{background-position:-147px -251px;width:144px;height:29px}.content .seven-day-container .display-wrap .display-item .prop-info .btn-get,.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get,.sd-btn-get2{background-position:0 -251px;width:145px;height:29px}.sd-btn-lock{background-position:0 -282px;width:144px;height:29px}.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.fighter,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.fighter,.sd-fighter-on{background-position:-375px -45px;width:17px;height:17px}.content .seven-day-container .awards-wrap .award-item .job-icon>i.fighter,.sd-fighter{background-position:-398px -25px;width:17px;height:17px}.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.mage,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.mage,.sd-mage-on{background-position:-316px -45px;width:18px;height:19px}.content .seven-day-container .awards-wrap .award-item .job-icon>i.mage,.sd-mage{background-position:-336px -45px;width:18px;height:19px}.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.marksman,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.marksman,.sd-marksman-on{background-position:-378px -25px;width:18px;height:18px}.content .seven-day-container .awards-wrap .award-item .job-icon>i.marksman,.sd-marksman{background-position:-358px -25px;width:18px;height:18px}.content .seven-day-container .awards-wrap .award-item.on .job-icon>i.support,.content .seven-day-container .awards-wrap .award-item:hover .job-icon>i.support,.sd-support-on{background-position:-337px -25px;width:19px;height:18px}.content .seven-day-container .awards-wrap .award-item .job-icon>i.support,.sd-support{background-position:-316px -25px;width:19px;height:18px}.btn-close-cg,.btn-play-cg,.cg-icon-arrow,.cg-tab-light-on,.content .cg-video-wrap .tab-wrap .tab-item.on,.content .cg-video-wrap .tab-wrap .tab-item>.arrow,.content .cg-video-wrap .video-box .btn-close,.content .cg-video-wrap .video-box .btn-play,.content .nav-wrapper .btn-show-video>span,.content .nav-wrapper .nav-item .bg-light,.content .nav-wrapper .nav-item .circle,.content .nav-wrapper .nav-item+.nav-item::before,.content .nav-wrapper .nav-item.on>span::after,.content .nav-wrapper .nav-item.on>span::before,.dia-close,.dialog-confirm,.dialog-confirm2,.nav-icon-circle,.nav-icon-deco1,.nav-icon-pl,.nav-light-on,.nav-line,.pop-circle-on,.popup6 .dialog-confirm,.selecthero .hero-wrap .cur .circle::after,.sprite-img{background-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/sprite-img.png?2023_8_28_17_23_21);background-size:356px 159px;background-repeat:no-repeat}.btn-close-cg,.content .cg-video-wrap .video-box .btn-close{background-position:-242px -118px;width:24px;height:24px}.btn-play-cg,.content .cg-video-wrap .video-box .btn-play{background-position:-269px -60px;width:36px;height:36px}.cg-icon-arrow,.content .cg-video-wrap .tab-wrap .tab-item>.arrow{background-position:-135px -104px;width:8px;height:8px}.cg-tab-light-on,.content .cg-video-wrap .tab-wrap .tab-item.on{background-position:-146px -118px;width:94px;height:35px}.dia-close{background-position:-307px -60px;width:30px;height:30px}.dialog-confirm{background-position:-122px -60px;width:145px;height:42px}.dialog-confirm2,.popup6 .dialog-confirm{background-position:0 -118px;width:144px;height:41px}.content .nav-wrapper .nav-item .circle,.nav-icon-circle{background-position:-339px -60px;width:13px;height:13px}.content .nav-wrapper .nav-item.on>span::after,.content .nav-wrapper .nav-item.on>span::before,.nav-icon-deco1{background-position:-122px -104px;width:11px;height:8px}.content .nav-wrapper .btn-show-video>span,.nav-icon-pl{background-position:0 0;width:120px;height:116px}.content .nav-wrapper .nav-item .bg-light,.nav-light-on{background-position:-122px 0;width:234px;height:58px}.content .nav-wrapper .nav-item+.nav-item::before,.nav-line{background-position:-268px -118px;width:2px;height:24px}.pop-circle-on,.selecthero .hero-wrap .cur .circle::after{background-position:-339px -75px;width:10px;height:10px}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,td,textarea,th,ul{padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;-webkit-user-drag:none}address,b,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}q:after,q:before{content:""}abbr,acronym{border:0}strong,th{font-weight:700}a{text-decoration:none;cursor:pointer;-webkit-transition:color 0.5s ease-out;transition:color 0.5s ease-out;-webkit-user-drag:none}a:hover{text-decoration:none;color:#6a91b6;filter:brightness(1.2)!important;-webkit-filter:brightness(1.2)!important}button,input,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input:focus,textarea:focus{outline:0}body,html{overflow:hidden;-webkit-user-drag:none}body{font:12px "\5FAE\8F6F\96C5\9ED1",TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;color:#a09b8c;background-color:#000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn{background-position:0 0;height:34px;width:120px}.dia{background-position:0 -39px;height:180px;width:342px}.wrap{position:relative;width:1055px;height:720px;display:block}.header{position:relative;width:985px;margin:0 auto;padding-top:88px;z-index:1000}.Menu{margin-top:9px}.Menu-list{display:-webkit-flex;display:flex;height:40px;text-shadow:0 0 2px #000;font-size:12px}.Menu-list li{display:flex;position:relative;cursor:pointer;margin-right:30px;min-width:28px;white-space:nowrap;text-overflow:ellipsis}.Menu-list a{position:relative;color:#cdbe91;text-align:center;letter-spacing:0.1em;-webkit-font-smoothing:subpixel-antialiased;font-family:"LoL Display","\5FAE\8F6F\96C5\9ED1","Times New Roman",Times,Baskerville,Georgia,serif}.Menu-list li a:hover{color:#f0e6d2}.header-base .tft.active a{color:#f0e6d2}.SubNavList a{color:#c1b99e}.header-base .tft.active a:before{content:"";position:absolute;top:20px;left:0;height:1px;width:100%;background:linear-gradient(to left,transparent,#cdbe91,transparent)}.clearfix{zoom:1}.clearfix::after{content:"";display:block;height:0;visibility:hidden;clear:both}.jb{background:linear-gradient(to bottom,#fddf98,#cd9629);-webkit-background-clip:text;background-clip:text;color:transparent!important}div{outline:0}.content::after{pointer-events:none;width:100%;height:50px;position:absolute;top:80px;left:0;display:block;content:"";clear:both;z-index:20;opacity:0.75;background-image:linear-gradient(to bottom,#000,transparent)}::-webkit-scrollbar{width:5px;border-radius:4px;background:0 0}::-webkit-scrollbar-thumb{height:1px;border-radius:4px;background-image:linear-gradient(0deg,#fff 0,#fff 100%),linear-gradient(0deg,#fff 0,#fff 50%,#fff 100%);background-blend-mode:normal,normal}::-webkit-scrollbar-thumb:disabled{background-color:#463c76}@font-face{font-family:lol-bold;src:url(//game.gtimg.cn/images/lol/act/a20230810guide/beaufortforlol-bold.ttf) format("truetype");font-style:normal}.loading{width:100%;height:100%;position:absolute;left:0;top:0;z-index:99;background-color:#000;display:flex;justify-content:center;align-items:center}.loading::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:url(//game.gtimg.cn/images/lol/act/a20230420tocpasss/loading.webp);-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;background-size:cover;z-index:990}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrap{position:relative;width:1055px;height:720px;display:block;margin-top:-80px}.content{width:100%;height:100%;position:absolute;top:0;left:0}.content::before{content:"";width:100%;height:80px;position:absolute;top:0;left:0;background:#000;display:block;clear:both;z-index:20;opacity:0.9;box-shadow:0 5px 62px rgba(0,0,0,0.5),0 10px 75px #000}.content .main-content{position:relative;width:100%;height:100%;background:#000}.content .nav-wrapper{position:absolute;bottom:0;left:0;font-size:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/bg-bottom-nav.png) no-repeat center bottom;background-size:contain;width:100%;height:56.5px;z-index:3}.content .nav-wrapper .nav-item{position:relative;width:170px;height:100%;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center}.content .nav-wrapper .nav-item>span{position:relative;display:block;font-size:16px;font-weight:400;color:#a09b8c;text-shadow:0 2px 2px #000}.content .nav-wrapper .nav-item .bg-light{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-51%)}.content .nav-wrapper .nav-item .circle{display:none;position:absolute;top:-5px;right:-15px}.content .nav-wrapper .nav-item.tip .circle{display:block}.content .nav-wrapper .nav-item.on>span{color:#f0e6d2;font-weight:700}.content .nav-wrapper .nav-item.on>span::after,.content .nav-wrapper .nav-item.on>span::before{content:""}.content .nav-wrapper .nav-item.on>span::before{position:absolute;left:-22px;top:50%;transform:translateY(-35%);display:none}.content .nav-wrapper .nav-item.on>span::after{position:absolute;right:-22px;top:50%;transform:translateY(-35%);display:none}.content .nav-wrapper .nav-item.on .bg-light{display:block;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/bg-light-bf.png);background-size:contain;width:170px;height:100%}.content .nav-wrapper .nav-item+.nav-item::before{content:"";position:absolute;top:20px;left:0;display:none}.content .nav-wrapper .btn-show-video{position:absolute;right:10px;bottom:12px;width:74px;height:69px}.content .nav-wrapper .btn-show-video>span{position:absolute;top:-36px;left:-27px;pointer-events:none;transition:transform 0.3s}.content .nav-wrapper .btn-show-video:hover>span{transform:scale(1.07)}.content .cg-video-wrap{display:none;position:absolute;bottom:82px;right:15px;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/cg-box.png) no-repeat center center;background-size:contain;width:286px;height:210px;padding:3px 3px 0;box-sizing:border-box;z-index:10}.content .cg-video-wrap .video-box{position:relative;height:158px;margin-bottom:1px}.content .cg-video-wrap .video-box .float-video{height:100%}.content .cg-video-wrap .video-box .float-video .plugin_ctrl_txp_bottom,.content .cg-video-wrap .video-box .float-video .plugin_ctrl_txp_gradient_bottom,.content .cg-video-wrap .video-box .float-video .txp_alert_info{display:none}.content .cg-video-wrap .video-box .open-full-video{position:absolute;top:0;bottom:0;left:0;right:0;z-index:9}.content .cg-video-wrap .video-box .btn-play{position:absolute;bottom:11px;right:7px;z-index:9}.content .cg-video-wrap .video-box .btn-close{position:absolute;top:4px;right:5px;z-index:9}.content .cg-video-wrap .tab-wrap{display:flex;height:35px;background-color:#202123}.content .cg-video-wrap .tab-wrap .tab-item{flex:1;display:flex;align-items:center;justify-content:center}.content .cg-video-wrap .tab-wrap .tab-item>span{font-size:12px;color:#a49e8b;text-shadow:0 2px 2px #000}.content .cg-video-wrap .tab-wrap .tab-item>.arrow{margin-left:3px}.content .cg-video-wrap .tab-wrap .tab-item.on>span{color:#dbd7cc}.content .cg-video-wrap.on{display:block}.content .content-wrapper{position:absolute;top:0;bottom:57px;width:100%}.content .content-wrapper>div{height:100%}.content .seven-day-container{position:relative}.content .seven-day-container .awards-wrap{position:absolute;bottom:0;left:0;font-size:0;z-index:3;transform:translateY(80%);opacity:0}.content .seven-day-container .awards-wrap.show{opacity:1;transform:translateY(0);transition:transform 0.5s ease,opacity 0.6s ease}.content .seven-day-container .awards-wrap .award-item{position:relative;display:inline-block;vertical-align:bottom;width:150px}.content .seven-day-container .awards-wrap .award-item .job-box{display:flex;align-items:center;justify-content:center;margin:0 auto 7px}.content .seven-day-container .awards-wrap .award-item .job-box>span{font-size:12px;color:#666;transition:color 0.3s}.content .seven-day-container .awards-wrap .award-item .job-icon{position:relative;width:30px;height:30px;border:1px solid rgba(124,124,124,0.5);background-color:#0d1e28;border-radius:50%;margin-right:5px}.content .seven-day-container .awards-wrap .award-item .job-icon>i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-repeat:no-repeat;background-position:center center;background-size:contain;width:18px;height:18px;transition:background-image 0.3s}.content .seven-day-container .awards-wrap .award-item .prop{position:relative;display:block;width:99px;height:37px;margin:0 auto}.content .seven-day-container .awards-wrap .award-item .info{display:flex;justify-content:center;align-items:center;line-height:1;margin-top:14px;margin-bottom:26px}.content .seven-day-container .awards-wrap .award-item .info>span{font-size:14px;font-family:lol-bold;font-weight:700;color:#a29d8d;text-shadow:0 2px 2px #000}.content .seven-day-container .awards-wrap .award-item .info .icon1{margin-left:11px;margin-right:6px}.content .seven-day-container .awards-wrap .award-item .info .icon3{margin-left:4px}.content .seven-day-container .awards-wrap .award-item .btn-get{display:none;margin:9px auto 22px}.content .seven-day-container .awards-wrap .award-item .c-mask{position:absolute;top:0;bottom:0;left:0;right:0}.content .seven-day-container .awards-wrap .award-item+.award-item::after{content:"";position:absolute;bottom:38px;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-line1.png) no-repeat center top;background-size:contain;width:1px;height:83px}.content .seven-day-container .awards-wrap .award-item::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-award-hover.png) no-repeat center bottom;background-size:100% auto;width:100%;height:159px;pointer-events:none;opacity:0;transition:opacity 0.3s}.content .seven-day-container .awards-wrap .award-item.on .job-box>span,.content .seven-day-container .awards-wrap .award-item:hover .job-box>span{color:#ddd9ce}.content .seven-day-container .awards-wrap .award-item.on::before,.content .seven-day-container .awards-wrap .award-item:hover::before{opacity:1}.content .seven-day-container .awards-wrap .award-item.get .info{display:none}.content .seven-day-container .awards-wrap .award-item.get .btn-get{display:block}.content .seven-day-container .awards-wrap .award-item.geted .info{display:none}.content .seven-day-container .awards-wrap .award-item.geted .btn-get{display:block;margin:8px auto 21px}.content .seven-day-container .awards-wrap .award-item.day6{width:152px}.content .seven-day-container .awards-wrap .award-item.day6 .prop{width:57px;height:65px}.content .seven-day-container .awards-wrap .award-item.day7{width:153px}.content .seven-day-container .awards-wrap .award-item.day7 .prop{width:114px;height:80px}.content .seven-day-container .display-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.content .seven-day-container .display-wrap .display-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.5s;opacity:0;pointer-events:none}.content .seven-day-container .display-wrap .display-item.show{opacity:1;pointer-events:visible}.content .seven-day-container .display-wrap .display-item .choose-hero{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 0.5s}.content .seven-day-container .display-wrap .display-item .choose-hero>img{display:block;width:100%}.content .seven-day-container .display-wrap .display-item .choose-hero.on{opacity:1;z-index:1}.content .seven-day-container .display-wrap .display-item .prop-info-wrap{position:absolute;bottom:147px;left:50%;transform:translate(-50%,80%);width:366px;height:120px;z-index:2;pointer-events:none;opacity:0}.content .seven-day-container .display-wrap .display-item .prop-info-wrap.show{opacity:1;transform:translate(-50%,0);transition:transform 0.5s ease,opacity 0.6s ease}.content .seven-day-container .display-wrap .display-item .prop-info{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-bg-module1.png) no-repeat center center;background-size:contain;width:366px;height:120px;text-align:center;padding-top:22px;box-sizing:border-box;line-height:1}.content .seven-day-container .display-wrap .display-item .prop-info .name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 2px #000}.content .seven-day-container .display-wrap .display-item .prop-info .detail{font-size:12px;color:#878787;text-shadow:0 2px 2px #000;margin-top:12px}.content .seven-day-container .display-wrap .display-item .prop-info .btn-get{display:block;margin:12px auto 0;pointer-events:visible}.content .seven-day-container .display-wrap .display-item .prop-info .btn-get.lock{background-position:0 -282px;width:144px;height:29px}.content .seven-day-container .display-wrap .display-item .prop-info .btn-get.geted{background-position:-147px -251px;width:144px;height:29px}.content .seven-day-container .display-wrap .display-item .prop-info.award1::before{content:"";position:absolute;top:-55px;right:-31px}.content .seven-day-container .display-wrap .display-item .prop-info.award2::before{content:"";position:absolute;top:-33px;right:-5px}.content .seven-day-container .display-wrap .display-item .prop-info.award3::before{content:"";position:absolute;top:-55px;right:-21px}.content .seven-day-container .display-wrap .display-item .prop-info.award4::before{content:"";position:absolute;top:-42px;right:-6px}.content .seven-day-container .display-wrap .display-item .prop-info.on{display:block}.content .seven-day-container .display-wrap .display-item .prop-box{position:relative;width:100%;height:100%}.content .seven-day-container .display-wrap .display-item .prop-box .center-circle{position:absolute;top:3px;left:50%;transform:translateX(-50%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/center-circle.png) no-repeat center center;background-size:contain;width:817px;height:618px}.content .seven-day-container .display-wrap .display-item.day6{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-prop-day6.jpg) no-repeat center center;background-size:contain}.content .seven-day-container .display-wrap .display-item.day6 .prop-img{position:absolute;top:152px;left:50%;transform:translateX(-60%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/prop-day6.png) no-repeat center center;background-size:contain;width:191px;height:266px}.content .seven-day-container .display-wrap .display-item.day7{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-prop-day7.jpg) no-repeat center center;background-size:contain}.content .seven-day-container .display-wrap .display-item.day7 .prop-img{position:absolute;top:55px;left:50%;transform:translateX(-50%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/prop-day7.png) no-repeat center center;background-size:contain;width:507px;height:508px}.content .seven-day-container .display-wrap .display-item .prop-msg{position:absolute;bottom:144px;left:50%;transform:translate(-50%,80%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-bg-module2.png) no-repeat center center;background-size:contain;width:366px;height:123px;text-align:center;padding-top:22px;box-sizing:border-box;line-height:1;z-index:2;pointer-events:none;opacity:0}.content .seven-day-container .display-wrap .display-item .prop-msg.show{opacity:1;transform:translate(-50%,0);transition:transform 0.5s ease,opacity 0.6s ease}.content .seven-day-container .display-wrap .display-item .prop-msg .name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 2px #000}.content .seven-day-container .display-wrap .display-item .prop-msg .detail{font-size:12px;color:#a29d8d;text-shadow:0 2px 2px #000;margin-top:12px}.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get{display:block;margin:12px auto 0;pointer-events:visible}.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get.lock{background-position:0 -282px;width:144px;height:29px}.content .seven-day-container .display-wrap .display-item .prop-msg .btn-get.geted{background-position:-147px -251px;width:144px;height:29px}.content .seven-day-container .display-wrap .display-item::after{content:"";position:absolute;bottom:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-bottom-mask1.png) no-repeat left bottom;background-size:contain;width:100%;height:100%;pointer-events:none;z-index:1}.content .hero-recommend-container{position:relative}.content .hero-recommend-container .hero-show-wrap{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:contain}.content .hero-recommend-container .hero-show-wrap .big-img-wrap{position:absolute;top:0;left:0;height:100%}.content .hero-recommend-container .hero-show-wrap .big-img-wrap>img{position:absolute;top:0;left:0;height:100%}.content .hero-recommend-container .hero-show-wrap .big-img-wrap>img.small{transform:scale(0.77);transform-origin:left center;opacity:0;transition:transform 0.2s,opacity 0.3s}.content .hero-recommend-container .hero-show-wrap .big-img-wrap>img.hide{transform:translateX(-100%)}.content .hero-recommend-container .hero-show-wrap .big-img-wrap>img.show{transform:translateX(0);transition:transform 0.2s}.content .hero-recommend-container .hero-show-wrap .hero-info-wrap{position:absolute;top:330px;left:0}.content .hero-recommend-container .hero-show-wrap .hero-info{position:absolute;top:0;left:0;line-height:1;color:#fff;padding-left:40px;padding-top:19px;box-sizing:border-box;z-index:1}.content .hero-recommend-container .hero-show-wrap .hero-info .h-title{font-size:25px;font-weight:700;text-shadow:0 2px 2px #000}.content .hero-recommend-container .hero-show-wrap .hero-info .h-name{font-size:49px;font-weight:700;text-shadow:0 2px 2px #000;margin-top:7px}.content .hero-recommend-container .hero-show-wrap .hero-info .h-pos{display:flex;align-items:center;margin-top:19px}.content .hero-recommend-container .hero-show-wrap .hero-info .h-pos .text{font-size:12px;font-weight:700;color:#222934;width:30px;height:15px;line-height:15px;text-align:center;background:#889296;border-radius:3px;margin-right:6px}.content .hero-recommend-container .hero-show-wrap .hero-info .h-pos .icon{display:flex;justify-content:center;align-items:center;width:26px;height:26px;background:#091a25;border:1px solid #514c4a;box-sizing:border-box;border-radius:50%}.content .hero-recommend-container .hero-show-wrap .hero-info .h-pos .icon+.icon{margin-left:5px}.content .hero-recommend-container .hero-show-wrap .hero-info .h-desc{font-size:15px;font-weight:700;text-shadow:0 2px 2px #000;margin-left:-8px;margin-top:13px}.content .hero-recommend-container .hero-show-wrap .hero-info.hide{transform:translateX(-100%)}.content .hero-recommend-container .hero-show-wrap .hero-info.show{transform:translateX(0);transition:transform 0.3s}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap{position:absolute;top:133px;left:497px;z-index:1}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container{position:relative;width:506px;height:300px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box{-webkit-mask-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/video-mask.png);-webkit-mask-position:center;-webkit-mask-size:100% 100%;width:100%;height:100%;background-color:rgba(0,0,0,0.9);padding-top:26px;padding-left:19px;box-sizing:border-box}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box>video{width:100%;height:100%;object-fit:cover;object-position:center center}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .mask{position:absolute;bottom:1px;right:1px;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/video-gradient.png) no-repeat center bottom;background-size:contain;width:484px;height:272px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .key-name{position:absolute;left:36px;bottom:14px;display:flex;align-items:center;line-height:1}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .key-name .key{display:flex;justify-content:center;align-items:center;min-width:20px;height:20px;line-height:20px;background:rgba(54,54,54,0.7);border:1px solid #b18c63;padding:0 5px;margin-right:11px;box-sizing:border-box}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .key-name .key>span{font-size:12px;color:#dec6a9;text-shadow:0 2px 2px #000}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .key-name .skill-desc,.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .key-name .skill-name{font-size:14px;font-weight:700;color:#dec6a9;text-shadow:0 2px 2px #000;margin-right:12px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .btn-play{position:absolute;right:8px;bottom:10px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .video-box .video-tip{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:10px;margin-top:13px;font-size:14px;color:#fff;line-height:1}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .border{position:absolute;top:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/video-border.png) no-repeat center center;background-size:contain;width:100%;height:100%;pointer-events:none}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .video-container .title-text{position:absolute;top:7px;right:20px;font-size:13px;color:#fff;line-height:1;text-shadow:0 2px 2px #000}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list{display:flex;align-items:center;padding-left:28px;margin-top:17px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .line{margin-left:12px;margin-right:20px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill{position:relative;display:block;width:40px;height:40px;border:1px solid #050505;outline:1px solid #444545;box-sizing:border-box;border-radius:4px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill>img{width:100%;height:100%;border-radius:4px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill+.skill{margin-left:16px}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill.on{outline-color:transparent;border-color:transparent}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .skill-list .skill.on::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.content .hero-recommend-container .hero-show-wrap .skill-show-wrap .btn-check{display:block;margin-left:auto;margin-right:0}.content .hero-recommend-container .hero-show-wrap::after{content:"";position:absolute;bottom:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/hero-bottom-mask1.png) no-repeat left bottom;background-size:contain;width:100%;height:100%;pointer-events:none}.content .hero-recommend-container .job-wrap{position:absolute;bottom:0;left:0;width:100%;height:122px;display:flex;justify-content:center;line-height:1;padding-top:20px;padding-bottom:16px;padding-right:14px;box-sizing:border-box;transform:translateY(80%);opacity:0}.content .hero-recommend-container .job-wrap.show{opacity:1;transform:translateY(0);transition:transform 0.5s ease,opacity 0.6s ease}.content .hero-recommend-container .job-wrap::before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%)}.content .hero-recommend-container .job-wrap .job-box+.job-box{margin-left:30px}.content .hero-recommend-container .job-wrap .job-name{display:flex;align-items:center;padding-left:14px;margin-bottom:10px}.content .hero-recommend-container .job-wrap .job-name>i{background-repeat:no-repeat;background-position:center center;background-size:contain;width:17px;height:17px;margin-right:4px}.content .hero-recommend-container .job-wrap .job-name>span{font-size:12px;color:#c2c2c1}.content .hero-recommend-container .job-wrap .hero-list{font-size:0}.content .hero-recommend-container .job-wrap .hero-list .hero{position:relative;display:inline-block;vertical-align:middle;width:64px;height:59px;margin:0 -4px;pointer-events:none}.content .hero-recommend-container .job-wrap .hero-list .hero .hero-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;text-align:center}.content .hero-recommend-container .job-wrap .hero-list .hero .hero-box>img{width:100%;height:100%;-webkit-mask-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/hero-mask.png);-webkit-mask-position:center;-webkit-mask-size:100% 100%;transition:filter 0.3s}.content .hero-recommend-container .job-wrap .hero-list .hero .hero-box .border{position:absolute;top:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/hero-border.png) no-repeat center center;background-size:contain;width:100%;height:100%}.content .hero-recommend-container .job-wrap .hero-list .hero .hero-box>a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(-17deg);width:70%;height:100%;border-radius:5px;background-color:rgba(1,10,19,0.3);pointer-events:visible;transition:background-color 0.3s}.content .hero-recommend-container .job-wrap .hero-list .hero:hover .hero-box>img{filter:brightness(1.3)}.content .hero-recommend-container .job-wrap .hero-list .hero:hover .hero-box>a{background-color:transparent}.content .hero-recommend-container .job-wrap .hero-list .hero.on .hero-box{width:96px;height:91px;transform:translate(-50%,-51%)}.content .hero-recommend-container .job-wrap .hero-list .hero.on .hero-box>img{-webkit-mask-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/hero-mask-on.png);height:80%;width:82.5%;margin-top:10px;-webkit-mask-size:121% 126%}.content .hero-recommend-container .job-wrap .hero-list .hero.on .hero-box .border{background-image:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/hero-border-on.png)}.content .hero-recommend-container .job-wrap .hero-list .hero.on .hero-box>a{width:63%;height:83%;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/hero-rec/hero-light-on.png) no-repeat left bottom;background-size:auto 100%}.content .novice-gift-container{position:relative;height:100%}.content .novice-gift-container .display-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.content .novice-gift-container .display-wrap .display-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.5s;opacity:0;pointer-events:none}.content .novice-gift-container .display-wrap .display-item.show{opacity:1;pointer-events:visible}.content .novice-gift-container .display-wrap .display-item .prop{width:100%}.content .novice-gift-container .display-wrap .display-item .label-wrap{position:absolute;top:122px;left:0;width:100%;display:flex}.content .novice-gift-container .display-wrap .display-item .label-wrap .label{display:none;position:absolute;top:0;left:37px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label:nth-of-type(2){left:190px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label:nth-of-type(3){left:400px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label:nth-of-type(4){left:595px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label:nth-of-type(5){left:785px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label:nth-of-type(6){left:940px}.content .novice-gift-container .display-wrap .display-item .label-wrap .label.on{display:block}.content .novice-gift-container .display-wrap .display-item .gift-icon{width:76px;height:76px;position:absolute;top:330px;left:50%;transform:translateX(-50%)}.content .novice-gift-container .display-wrap .display-item .ng-name{position:absolute;top:418px;left:243px;width:521px;height:124px;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/nggift/ng-name.png) no-repeat left bottom;background-size:cover;text-align:center;padding-left:34px;box-sizing:border-box;transform:translateY(80%);opacity:0}.content .novice-gift-container .display-wrap .display-item .ng-name.show{opacity:1;transform:translateY(0);transition:transform 0.5s ease,opacity 0.6s ease}.content .novice-gift-container .display-wrap .display-item .ng-name .discount{position:absolute;right:60px;top:-50px}.content .novice-gift-container .display-wrap .display-item .ng-name p{font-size:20px;color:#fff;margin-top:14px;font-weight:700;margin-bottom:5px}.content .novice-gift-container .display-wrap .display-item .ng-name>span{font-size:12px;color:#a29d8d;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);text-shadow:0 2px 2px #000}.content .novice-gift-container .display-wrap .display-item .ng-name .btn-buy{display:block;line-height:41px;text-align:center;font-size:15px;font-family:lol-bold;font-weight:700;color:#ddfcfc;text-shadow:0 2px 2px #000;margin:33px 0 0 155px}.content .novice-gift-container .display-wrap .display-item .ng-name .price{position:absolute;left:50%;bottom:24px;transform:translateX(123px);font-size:12px;color:#9b9687;text-shadow:0 2px 2px #000;line-height:1;white-space:nowrap}.content .novice-gift-container .display-wrap .display-item .ng-name .price>span{font-size:13px;font-family:lol-bold;color:#ed1b1b;text-decoration:line-through}.content .novice-gift-container .display-wrap .display-item .ng-name.on .btn-buy{color:grey;transition:none}.content .novice-gift-container .awards-wrap{position:absolute;height:124px;bottom:0;left:0;font-size:0;transform:translateY(80%);opacity:0}.content .novice-gift-container .awards-wrap.show{opacity:1;transform:translateY(0);transition:transform 0.5s ease,opacity 0.6s ease}.content .novice-gift-container .awards-wrap .award-item{position:relative;display:inline-block;vertical-align:bottom;height:124px;width:211px}.content .novice-gift-container .awards-wrap .award-item .shunt-gift{position:relative;width:127px;height:98px;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/nggift/shunt-gift.png) no-repeat center center;background-size:contain;margin:8px auto 0;text-align:center;z-index:0}.content .novice-gift-container .awards-wrap .award-item .icon{margin:11px auto 0;display:inline-block}.content .novice-gift-container .awards-wrap .award-item p{font-size:14px;color:#a29d8d;margin-top:8px;transition:color 0.3s}.content .novice-gift-container .awards-wrap .award-item+.award-item{position:relative}.content .novice-gift-container .awards-wrap .award-item+.award-item::after{content:"";position:absolute;bottom:30px;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/nggift/nggift-line1.png) no-repeat center center;background-size:contain;width:1px;height:72px}.content .novice-gift-container .awards-wrap .award-item::before{content:"";position:absolute;bottom:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/nggift/ng-award-hover.png) no-repeat center bottom;background-size:100% auto;width:211px;height:156px;pointer-events:none;z-index:1;opacity:0;transition:opacity 0.3s}.content .novice-gift-container .awards-wrap .award-item:hover{filter:none!important}.content .novice-gift-container .awards-wrap .award-item.on p,.content .novice-gift-container .awards-wrap .award-item:hover p{color:#dedede}.content .novice-gift-container .awards-wrap .award-item.on::before,.content .novice-gift-container .awards-wrap .award-item:hover::before{opacity:1}.content .level-reward-container{position:relative;height:100%}.content .level-reward-container .display-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.content .level-reward-container .display-wrap .gallery-top{width:100%;height:100%}.content .level-reward-container .display-wrap .gallery-top .swiper-wrapper{width:100%;height:100%}.content .level-reward-container .display-wrap .gallery-top .swiper-slide{position:relative;width:100%;height:100%;text-align:center}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .select{display:block;position:absolute;bottom:287px;transform:translateX(-174%);left:50%}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .select2{transform:translateX(-52%)}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .prop-con{position:relative;width:100%;height:100%}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .prop-con .ashe-img{position:absolute;top:37px;left:50%;transform:translateX(-50%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/ashe.png) no-repeat center center;background-size:contain;width:508px;height:509px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .prop-con .center-circle{position:absolute;top:3px;left:50%;transform:translateX(-50%);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/center-circle.png) no-repeat center center;background-size:contain;width:817px;height:618px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .prop-con>img{position:absolute;left:50%;bottom:282px;transform:translateX(-50%);font-size:0}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv1-prop{width:131px;height:79px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv2-prop{width:320px;height:180px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv3-prop{width:auto;height:160px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv4-prop{width:324px;height:142px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv5-prop{width:271px;height:180px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv6-prop{width:auto;height:142px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv7-prop{width:325px;height:142px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv8-prop{width:247px;height:168px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv9-prop{width:324px;height:230px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv10-prop{width:auto;height:180px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv11-prop{width:117px;height:120px;bottom:322px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv12-prop{width:242px;height:128px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv13-prop{width:257px;height:168px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .lv15-prop{width:113px;height:143px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/text-bg.png) no-repeat center center;background-size:contain;width:366px;height:123px;position:absolute;left:50%;bottom:144px;transform:translate(-50%,80%);z-index:2;padding-top:22px;box-sizing:border-box;line-height:1;opacity:0}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con.show{opacity:1;transform:translate(-50%,0);transition:transform 0.5s ease,opacity 0.6s ease}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>p{font-weight:700;font-size:20px;color:#fff;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);text-shadow:0 2px 2px #000}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>span{font-size:12px;color:#a29d8d;margin-top:32px;display:inline-block;white-space:nowrap;text-shadow:0 2px 2px #000}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a{display:block;margin:12px auto 0}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a.lock{background-position:0 -62px;width:144px;height:29px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .text-con>a.geted{background-position:0 -31px;width:144px;height:29px}.content .level-reward-container .display-wrap .gallery-top .swiper-slide .wrap-mask{pointer-events:none;position:absolute;width:100%;height:100%;bottom:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/lr-mask.png) no-repeat left bottom;background-size:contain;z-index:1}.content .level-reward-container .display-wrap .gallery-top .o-item{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/7day/sd-prop-day6.jpg) no-repeat left bottom;background-size:contain}.content .level-reward-container .display-wrap .gallery-top .ice-item{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/ashe-bg.jpg) no-repeat left bottom;background-size:contain}.content .level-reward-container .cur-level{position:absolute;bottom:152px;z-index:1;width:165px;color:#eee8d7;font-size:14px;margin-left:18px}.content .level-reward-container .cur-level .level{float:left}.content .level-reward-container .cur-level .experience{float:right}.content .level-reward-container .cur-level .progress{height:4px;width:165px;background-color:#4b4b4b;margin-top:22px;position:relative;overflow:hidden}.content .level-reward-container .cur-level .progress .speed{position:absolute;top:0;left:-50%}.content .level-reward-container .awards-wrap{position:absolute;width:100%;height:147px;bottom:0;left:0;font-size:0;overflow:hidden;z-index:3;transform:translateY(80%);opacity:0}.content .level-reward-container .awards-wrap.show{opacity:1;transform:translateY(0);transition:transform 0.5s ease,opacity 0.6s ease}.content .level-reward-container .awards-wrap .swiper-thumbs{position:absolute;top:0;left:0;height:167px;width:100%;overflow-x:auto;overflow-y:hidden}.content .level-reward-container .awards-wrap .swiper-thumbs::-webkit-scrollbar-track-piece{opacity:0}.content .level-reward-container .awards-wrap .swiper-thumbs::-webkit-scrollbar{display:none;width:0;height:0;opacity:0}.content .level-reward-container .awards-wrap .swiper-thumbs::-webkit-scrollbar-thumb{opacity:0}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-wrapper{display:flex;height:147px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide{flex-shrink:0;flex-grow:0;position:relative;width:150.7px;cursor:pointer}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide img{width:111px;position:absolute;bottom:57px;left:50%;transform:translateX(-50%);filter:grayscale(0.8) brightness(0.5)}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide .lv1-h{filter:none;display:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide .img-border{display:block;position:absolute;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/unmet-border.png) no-repeat left bottom;background-size:100% 100%;top:28px;left:18px;width:114px;height:63px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide .line{width:100%;height:4px;background-color:#010b13;border:1px solid #30363b;border-left:none;border-right:none;margin-top:114px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide .lv{position:relative;width:61px;height:25px;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/lv-d.png) no-repeat left bottom;background-size:cover;margin:-15px auto 0;text-align:center;line-height:25px;z-index:3}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide .lv span{vertical-align:middle;display:inline-block}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide::before{content:"";position:absolute;bottom:0;left:0;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/hover-bg.png) no-repeat center bottom;background-size:100% auto;width:100%;height:160px;opacity:0;transition:opacity 0.3s;z-index:4}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.on::before,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.swiper-slide-thumb-active::before,.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide:hover::before{opacity:1}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive img{filter:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv1-d{filter:none;display:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv1-h{filter:none;display:inline-block}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .img-border{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/cur-border.png) no-repeat left bottom;background-size:100% 100%}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .line{position:relative}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .line::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:#9ec2c5;z-index:1}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.receive .lv>span{display:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received img{filter:brightness(0.3)}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv1-d{filter:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv1-h{filter:none;display:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .img-border{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/received-border.png) no-repeat left bottom;background-size:100% 100%}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .line{position:relative}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .line::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:#9ec2c5;z-index:1}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv>span{display:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num0{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num0-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num1{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num1-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num2{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num2-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num3{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num3-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num4{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num4-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num5{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num5-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num6{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num6-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num7{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num7-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num8{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num8-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received .lv .num9{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/num9-d.png) no-repeat left bottom;background-size:cover}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.received::after{position:absolute;content:"";bottom:111px;right:12px}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .lv1-d{filter:none;display:none}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .lv1-h{filter:none;display:inline-block}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .img-border{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/levelreward/cur-border.png) no-repeat left bottom;background-size:100% 100%}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .line{position:relative}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .line::after{width:50%}.content .level-reward-container .awards-wrap .swiper-thumbs .swiper-slide.cur .line::before{position:absolute;content:"";right:50%;top:0;z-index:2}.content .level-reward-container .awards-wrap .swiper-button-prev{position:absolute;bottom:74px;left:7px;cursor:pointer;z-index:9}.content .level-reward-container .awards-wrap .swiper-button-next{position:absolute;bottom:74px;right:7px;cursor:pointer;z-index:9}.dialog{display:none;border:none;outline:0;position:relative;top:52%!important}.dialog .dia-close{position:absolute;top:12px;right:15px}.selecthero{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/selecthero-bg.png) top center no-repeat;background-size:cover;width:644px;height:582px;padding-top:16px;box-sizing:border-box}.selecthero .tit{font-size:26px;color:#f0e6d2;text-align:center;font-weight:700;margin-bottom:8px}.selecthero .msg{font-size:12px;color:#a09b8c;text-align:center}.selecthero .type{font-size:12px;text-align:center}.selecthero .type>a{display:inline-block;vertical-align:middle;color:#9b9681;margin:22px 29px 0}.selecthero .type>a>i{display:inline-block;vertical-align:middle;width:9px;height:9px;border:2px solid #7c7a6a;border-radius:50%;margin-top:2px}.selecthero .type>a>b{display:inline-block;vertical-align:middle;font-weight:700}.selecthero .type .cur{color:#fff}.selecthero .type .cur>i{border-color:#fff;position:relative}.selecthero .type .cur>i::after{position:absolute;display:block;content:"";width:4px;height:4px;background-color:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.selecthero .hero-wrap{width:628px;height:352px;overflow-y:auto;margin:30px auto 0;font-size:0;padding-left:9px;box-sizing:border-box}.selecthero .hero-wrap .item{display:inline-block;margin-right:7px;margin-bottom:7px}.selecthero .hero-wrap .item .img-box{width:146px;height:146px;border:1px solid #4e4d52;box-sizing:border-box;position:relative}.selecthero .hero-wrap .item .img-box img{width:100%}.selecthero .hero-wrap .item .img-box p{position:absolute;bottom:10px;left:0;width:100%;text-align:center;color:#d5d5d5;font-size:12px;z-index:2}.selecthero .hero-wrap .item .img-box .mask{height:60px;width:100%;position:absolute;bottom:0;right:0;background:linear-gradient(to top,#000 5%,rgba(0,0,0,0))}.selecthero .hero-wrap .item .circle{position:relative;display:block;width:14px;height:14px;border-radius:50%;border:2px solid #977025;background-color:#110c15;margin:5px auto 0}.selecthero .hero-wrap .item:nth-of-type(4n){margin-right:0}.selecthero .hero-wrap .cur .img-box::after{position:absolute;content:"";display:block;width:146px;height:146px;border:2px solid #715620;box-sizing:border-box;top:-1px;left:-1px}.selecthero .hero-wrap .cur .circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selecthero .hero-wrap::-webkit-scrollbar-track-piece{background-color:#040915}.selecthero .hero-wrap::-webkit-scrollbar{width:5px;border-radius:5px}.selecthero .hero-wrap::-webkit-scrollbar-thumb{background:#715620;border-radius:5px}.selecthero .dialog-confirm{display:block;margin:24px auto 0}.popup1{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup1.png) top center no-repeat;background-size:cover;width:472px;height:427px;padding-top:40px;box-sizing:border-box}.popup1 .tit{font-size:26px;color:#f0e6d2;text-align:center;font-weight:700;margin-bottom:8px}.popup1 img{width:240px;position:absolute;top:0;left:0;right:0;bottom:63px;margin:auto}.popup1 .name{width:100%;position:absolute;color:#a09b8c;font-size:14px;text-align:center;bottom:118px;left:0}.popup1 .dialog-confirm{position:absolute;display:block;bottom:34px;left:50%;transform:translateX(-50%)}.popup2{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup2.png) top center no-repeat;background-size:100% 100%;width:521px;height:493px}.popup2 img{width:518px;max-height:493px;margin-top:5px;margin-left:2px}.popup2 .mask{position:absolute;bottom:5px;left:2px;width:518px;height:484px;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup2-mask.png) top center no-repeat;background-size:100% 100%}.popup2 .tit{font-size:26px;color:#f0e6d2;text-align:center;font-weight:700;position:absolute;width:100%;top:304px;left:0}.popup2 .name{width:100%;position:absolute;color:#a09b8c;font-size:14px;text-align:center;bottom:126px;left:0}.popup2 .name span{display:inline-block;margin-right:15px}.popup2 .name span+span{margin-right:5px}.popup2 .name span+span+span{margin-right:0}.popup2 .line{width:480px;height:1px;background-color:#3d3b36;position:absolute;left:50%;bottom:106px;transform:translateX(-50%)}.popup2 .dialog-confirm{position:absolute;display:block;bottom:34px;left:50%;transform:translateX(-50%)}.popup3{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup3.png) top center no-repeat;background-size:cover;width:472px;height:427px;padding-top:40px;box-sizing:border-box}.popup3 .tit{font-size:26px;color:#f0e6d2;text-align:center;font-weight:700;margin-bottom:8px}.popup3 img{width:222px;position:absolute;top:0;left:0;right:0;bottom:63px;margin:auto}.popup3 .name{width:100%;position:absolute;color:#a09b8c;font-size:14px;text-align:center;bottom:118px;left:0}.popup3 .line{width:416px;height:1px;background-color:#3d3b36;position:absolute;left:50%;bottom:98px;transform:translateX(-50%)}.popup3 .dialog-confirm{position:absolute;display:block;bottom:34px;left:50%;transform:translateX(-50%)}.popup4{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup4.png) top center no-repeat;background-size:100% 100%;width:472px;height:378px;padding-top:244px;box-sizing:border-box}.popup4 .tit{font-size:18px;color:#f0e6d2;text-align:center;font-weight:700;margin-bottom:8px}.popup4 img{width:240px;position:absolute;top:0;left:0;right:0;bottom:129px;margin:auto}.popup4 .name{width:100%;position:absolute;color:#a09b8c;font-size:14px;text-align:center;bottom:150px;left:0}.popup4 .dialog-confirm{position:absolute;display:block;bottom:34px;left:50%;transform:translateX(-50%)}.popup5{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup5.png) top center no-repeat;background-size:100% 100%;width:472px;height:427px;padding-top:284px;box-sizing:border-box}.popup5 .tit{font-size:18px;color:#f0e6d2;text-align:center;font-weight:700;margin-bottom:8px}.popup5 img{width:203px;position:absolute;top:0;left:0;right:0;bottom:129px;margin:auto}.popup5 .name{width:100%;position:absolute;color:#a09b8c;font-size:14px;text-align:center;bottom:162px;left:0}.popup5 .name span{display:inline-block;margin-right:5px}.popup5 .dialog-confirm{position:absolute;display:block;bottom:34px;left:50%;transform:translateX(-50%)}.popup6{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup6.png) no-repeat top center;background-size:contain;width:473px;height:159px;padding-top:68px;box-sizing:border-box}.popup6 .text{font-size:15px;font-weight:700;color:#a09b8c;line-height:1;text-align:center;padding:0 25px}.popup6 .dialog-confirm{position:absolute;display:block;bottom:1px;left:50%;transform:translateX(-50%)}.rule{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup2.png) top center no-repeat;background-size:100% 100%;width:521px;height:493px}.rule-tit{width:calc(100% - 4px);height:38px;font-family:"sybold";font-size:14px;font-weight:bold;line-height:38px;padding-top:3px;display:flex;justify-content:center;align-items:center;margin-bottom:48px;position:relative;color:#f0e6d2;border-bottom:1px solid #20242b;margin:0 auto;font-weight:normal}.rule-tit span{color:#f0e6d2;font-size:14px;font-weight:bold;line-height:18px}.rule .dia-close{top:7px;right:5px}.rule-bd{box-sizing:border-box;width:calc(100% - 5px);height:446px;padding:18px;margin:0 auto}.rule-bd strong{font-size:14px;display:block;margin-top:20px;margin-bottom:5px}.rule-bd strong:first-child{margin-top:0}.rule-bd p{line-height:20px}.rule-scrollbar{overflow-y:auto;overflow-x:hidden}.rule-scrollbar::-webkit-scrollbar{width:4px;background:transparent}.rule-scrollbar::-webkit-scrollbar-thumb{width:4px;background-color:#785a28;background-image:none;border-radius:2px}.rule-scrollbar::-webkit-scrollbar-track{background-color:transparent}.rule table{width:100%;border:#a09b8c solid 1px;font-size:14px;margin:10px auto 10px;text-align:center;color:#a09b8c}.rule table th{font-weight:700;height:42px;line-height:42px;border:#a09b8c solid 1px;text-align:center;color:#a09b8c}.rule table td{height:42px;border:#a09b8c solid 1px;text-align:center;color:#a09b8c;font-size:12px}.novice-task-container{position:relative}.task-wrap{width:100%;height:100%;position:relative;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/img3.png) left top no-repeat;background-size:cover}.task-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:45px;top:118px;z-index:5}.task-nav .ts_nv1{margin-bottom:20px}.task-nav>div{width:115px;height:246px}.task-nav .ts_nv1{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/ts_nv1.png);background-size:contain}.task-nav .ts_nv1.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/ts_nv1_on.png);background-size:contain}.task-nav .ts_nv2{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/ts_nv2.png);background-size:contain}.task-nav .ts_nv2.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/ts_nv2_on.png);background-size:contain}.task-wrap .task{display:none;width:100%;height:100%;position:absolute;bottom:0;left:0}.task-wrap .task.on{display:block;position:relative}.task-wrap .task1{width:100%;height:100%}.task-wrap .task2{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/challenge-img/challenge-img1.png) bottom center no-repeat;background-size:contain;width:100%;height:100%}.task1 .day-wrap{display:flex;align-items:center;position:absolute;z-index:4;top:120px;left:189px}.task1 .day-wrap .day{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day.png) top center no-repeat;background-size:contain;width:100px;height:62px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;letter-spacing:1.5px;text-indent:-5px;vertical-align:middle;color:#a09b8c;margin-right:20px;position:relative}.task1 .day-wrap .day.lock{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/lock.png);background-size:contain;width:100px;height:62px;text-indent:19px}.task1 .day-wrap .day.lock.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/lock-on.png);background-size:contain;width:100px;height:62px}.task1 .day-wrap .day.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-on.png) top center no-repeat;background-size:contain;width:100px;height:62px;color:#f0e6d2}.task1 .day-task-wrap{width:calc(1637px / 2);height:calc(857px / 2);position:absolute;z-index:4;top:200px;left:189px}.task1 .day-task-wrap .day-task{border:1px solid transparent;background-size:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:none;opacity:0.8}.task1 .day-task-wrap .day-task1{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img1.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task2{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img2.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task3{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img3.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task4{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img4.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task5{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img5.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task6{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img6.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task7{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/day-img/day-img7.png) top center no-repeat;background-size:cover}.task1 .day-task-wrap .day-task.on{display:block}.task1 .day-task-wrap .day-task .task-item{display:flex;margin:0 0 28px 26px}.task1 .day-task-wrap .day-task p{font-weight:700;font-size:32px;letter-spacing:2px;text-indent:-1px;vertical-align:middle;color:#f0e6d2;margin:51px 0 0 30px}.task1 .day-task-wrap .day-task .br{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/br.png) no-repeat;background-size:contain;width:calc(337px / 2);height:calc(15px / 2);margin:13px 0 32px 27px}.task1 .day-task-wrap .day-task .reward{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/prop1.png) no-repeat;width:54px;height:54px;background-size:contain;position:relative}.task1 .day-task-wrap .day-task .reward.done::after{content:"";background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/prop1-wc.png) no-repeat;background-size:contain;width:54px;height:54px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:4;color:#a09b8c}.task1 .day-task-wrap .day-task .reward.done span{color:#a09b8c}.task1 .day-task-wrap .day-task .reward.on .btn-get{display:flex}.task1 .day-task-wrap .day-task .reward span{position:absolute;top:37.29px;left:19.54px;z-index:5;font-weight:700;font-size:12px;line-height:15.43px;letter-spacing:5%;text-align:right;vertical-align:middle;color:#cdbe91}.task1 .day-task-wrap .day-task .reward .btn-get{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/btn-get.png) no-repeat;background-size:contain;width:calc(97px / 2);height:calc(42px / 2);position:absolute;top:30px;left:2px;display:none;z-index:6;align-items:center;justify-content:center;color:#cdbe91;font-size:12px;font-weight:700}.task1 .day-task-wrap .day-task .reward .btn-get.done{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}.task1 .day-task-wrap .day-task .txt{font-weight:700;font-size:14px;letter-spacing:2px;text-indent:-2px;vertical-align:middle;margin:5px 0 0 13px;color:#a09b8c}.task1 .day-task-wrap .day-task .reward.get+.txt{color:#f0e6d2}.task1 .day-task-wrap .day-task .txt div{margin-top:6px}.task1 .day-task-wrap .day-task .rwjl{position:absolute;top:315px;right:33px;font-weight:700;font-size:16px;vertical-align:middle;color:#f0e6d2;text-align:right}.task1 .day-task-wrap .day-task .rwjl>div{margin-bottom:5px;text-shadow:0px 0px 4px rgba(0,0,0,1)}.task1 .day-task-wrap .day-task .btn-get2{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/btn-get-bg.png) no-repeat;background-size:contain;width:calc(285px / 2);height:calc(79px / 2);position:absolute;right:35px;top:372px;font-size:14px;font-weight:700;color:#5b5a56;letter-spacing:1px;display:flex;align-items:center;justify-content:center;pointer-events:none}.task1 .day-task-wrap .day-task .btn-get2.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/btn-get2.png) no-repeat;background-size:contain;width:calc(285px / 2);height:calc(79px / 2);color:#cdbe91;pointer-events:all}.task2 p{font-weight:700;font-style:Bold;font-size:32px;letter-spacing:5%;vertical-align:middle;color:#f0e6d2;letter-spacing:1.5px;position:absolute;top:113px;left:218px}.task2 .tips{font-weight:Bold;font-size:12px;letter-spacing:1.5;vertical-align:middle;color:#cdbe91;position:absolute;top:157px;left:218px}.task .challenge-task-wrap{position:absolute;width:317px;height:450px;opacity:1;top:181px;left:218px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.task2 .challenge-task-wrap .challenge-task{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/challenge-task.png) no-repeat;background-size:contain;width:317px;height:82px;position:relative}.task2 .challenge-task-wrap .challenge-task .challenge-task-item{display:none}.task2 .challenge-task-wrap .challenge-task .challenge-task-item.on{display:block}.task2 .challenge-task-wrap .challenge-task .challenge-task-item .ch-task-txt{font-weight:700;font-size:12px;vertical-align:middle;color:#a09b8c;box-sizing:border-box;padding:27px 0 0 15px;letter-spacing:1.1px}.task2 .challenge-task-wrap .challenge-task .challenge-task-item .ch-task-txt>div{margin-bottom:7px;width:240px}.task2 .challenge-task-wrap .challenge-task .challenge-task-item .prop-box{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:13px;top:20px}.task2 .challenge-task-wrap .challenge-task .challenge-task-item .prop-box .reward{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/prop2.png) no-repeat;background-size:contain;width:calc(76px / 2);height:calc(77px / 2)}.task2 .challenge-task-wrap .challenge-task .challenge-task-item .prop-box .reward.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/prop2_on.png) no-repeat;background-size:contain;width:calc(76px / 2);height:calc(77px / 2)}.task2 .challenge-task-wrap .challenge-task .challenge-task-item .prop-box .reward-name{font-weight:700;font-size:11px;letter-spacing:5%;vertical-align:middle;color:#a09b8c;position:absolute;left:50%;top:46px;transform:translate(-50%,0%);zoom:0.9}.challenge-task-nav{display:flex;position:absolute;top:0;left:15px}.challenge-task-nav .ch-task-nav{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/challenge-nav.png) no-repeat;background-size:contain;width:22px;height:22px;margin-right:7px;color:#f0e6d2;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center}.challenge-task-nav .ch-task-nav.on{display:flex}.challenge-task-nav .ch-task-nav.done{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/challenge-nav-wc.png) no-repeat;background-size:contain;width:22px;height:22px;font-size:0px}.challenge-task-nav .ch-task-nav.lock{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/challenge-nav-lock.png) no-repeat;background-size:contain;width:22px;height:22px;font-size:0px}.task .tz_box{display:none}.task .tz_box.on{display:block}.task2 .tzrwjl{position:absolute;top:492px;right:47px;font-weight:700;font-style:Bold;font-size:16px;letter-spacing:0%;text-align:right;vertical-align:middle;color:#f0e6d2}.task2 .tzrwjl>div{margin-bottom:4px}.task2 .btn-get3{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/btn-get-bg.png) no-repeat;background-size:contain;width:calc(285px / 2);height:calc(79px / 2);position:absolute;right:49px;top:548px;font-size:16px;font-weight:700;color:#5b5a56;letter-spacing:1px;display:flex;align-items:center;justify-content:center;pointer-events:none}.task2 .btn-get3.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/btn-get3.png) no-repeat;background-size:contain;width:calc(285px / 2);height:calc(79px / 2);color:#cdbe91;pointer-events:all}.task-progress-bar{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/task-progress-bar.png) no-repeat;background-size:contain;width:calc(633px / 2);height:calc(20px / 2);position:absolute;top:613px;right:49px}.task-progress-bar .task-progress-wrap{display:flex;justify-content:space-between;align-items:center;width:275px;height:21px;position:absolute;right:0;top:50%;transform:translate(0%,-50%);z-index:3}.task-progress-bar .task-progress-wrap .task-progress-box{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/task-progress-box.png) no-repeat;background-size:contain;width:41.5px;height:19px;font-size:12px;font-weight:bold;color:#a09b8c;display:flex;align-items:center;justify-content:center;padding-bottom:2px;box-sizing:border-box}.task-progress-bar .task-progress-wrap .task-progress-box.on{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/task-progress-box-on.png) no-repeat;background-size:contain;color:#f0e6d2}.task-progress-bar .percentage{position:absolute;z-index:2;left:6px;top:0;bottom:0;margin:auto 0;max-width:calc(619px / 2);height:calc(9px / 2);background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/percentage.png) top left no-repeat;background-size:cover}.teaching-video-container{position:relative}.teaching-video-container .teaching-video-wrap{height:100%;width:100%;position:relative;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/img3.png) left top no-repeat;background-size:cover}.teaching-video-container .teaching-video-wrap .teaching-video-list{width:160px;height:459px;position:absolute;top:146px;left:45.46px;overflow-y:auto}.teaching-video-container .teaching-video-wrap .teaching-video-box{width:808px;height:459px;position:absolute;top:145px;left:218.46px;border:1px solid #3c3c41}.teaching-video-container .teaching-video-wrap .teaching-video-box video{width:806px;height:457px;object-fit:cover;object-position:center center;border:1px solid #010a13}.teaching-video-container .teaching-video-wrap .teaching-video-box #container{width:806px;height:457px;object-fit:cover;object-position:center center;border:1px solid #010a13}.teaching-video-container .teaching-video-wrap .teaching-video-list::-webkit-scrollbar{}.teaching-video-container .teaching-video-wrap .teaching-video-list::-webkit-scrollbar-thumb{background:#a882338c;width:4px;border-radius:4px}.teaching-video-list .video-slide{width:144px;height:116px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#f0e6d2;font-size:12px;margin-bottom:20px}.teaching-video-list .video-slide.on{color:#00ccb9}.teaching-video-list .video-slide img{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/img-bg.png) no-repeat;background-size:contain;width:144px;height:80px;box-sizing:border-box;padding:2px}.teaching-video-list .video-slide .video-name{width:100%;text-align:left}._mod_thumbplayer_container_ .txp_player_client_launcher{display:none!important}.txp_btn.txp_ctrl_client_launcher{display:none!important}.txp_btn.txp_barrage_client_launcher{display:none!important}.txp_btn.txp_btn_pip{display:none!important}.txp_btn.txp_btn_fullscreen{display:none!important}.plugin_ctrl_txp_bottom .txp_controls .txp_btn_fake .txp_tooltip{opacity:0}.txp_btn.txp_btn_airplay{display:none!important}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}.selectskin{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/slectskin.png) no-repeat;background-size:contain;width:calc(1712px / 2);height:calc(970px / 2);padding:10px 0;box-sizing:border-box}.selectskin .dia-close{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/dia-close.png) no-repeat;background-size:contain;width:calc(64px / 2);height:calc(64px / 2);top:5px;right:5px}.selectskin .tit{font-weight:bold;font-size:14px;text-align:center;color:#f0e6d2;line-height:18px}.selectskin .msg{font-weight:400;font-size:12px;text-align:center;color:#f0e6d2;line-height:18px;margin:31px auto 24px;padding-left:8px}.selectskin .skin{display:flex;align-items:center;justify-content:space-between;width:830px;margin:0 auto;padding-left:4px}.selectskin .skin .skin_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 5px;position:relative}.selectskin .skin .skin_wrap.owned::after{content:"��ӵ��";position:absolute;top:210px;right:5px;font-weight:400;font-size:12px;line-height:16px;color:#f0e6d2;text-align:center;z-index:10}.selectskin .skin .skin_wrap .skin_img{width:calc(304px / 2);height:calc(480px / 2);display:flex;align-items:center;justify-content:center;position:relative}.selectskin .skin .skin_wrap .skin_img::before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,1),transparent);pointer-events:none;z-index:1}.selectskin .skin .skin_wrap.on .skin_img::after{content:"";background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/skin_img_on.png) no-repeat;width:calc(304px / 2);height:calc(480px / 2);background-size:contain;position:absolute;left:0;top:0;z-index:2}.selectskin .skin .skin_wrap .skin_img img{width:calc(304px / 2);height:calc(480px / 2);object-fit:cover;border:1px solid black}.selectskin .skin .skin_wrap .skin_img a{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/skin_checkbox.png) no-repeat;background-size:contain;width:calc(64px / 2);height:calc(62px / 2);position:absolute;left:50%;bottom:5px;transform:translate(-50%,0);z-index:3}.selectskin .skin .skin_wrap.on .skin_img a{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/skin_checkbox_on.png) no-repeat;background-size:contain}.selectskin .skin .skin_wrap .skin_name{font-weight:400;font-size:12px;line-height:16px;color:#f0e6d2;text-align:center;margin-top:8px;height:32px;width:152px}.selectskin .btn_skin_get{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/novice-task/btn_skin_get.png) no-repeat;background-size:contain;width:calc(292px / 2);height:calc(86px / 2);display:block;margin:20px auto 0}.nav_btn_rule{position:absolute;top:120px;right:10px;width:32px;height:40px;text-indent:-9999px;overflow:hidden;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/ruls_btn.png) no-repeat;background-size:100% 100%}.nav_btn_record{position:absolute;top:120px;right:50px;width:32px;height:40px;text-indent:-9999px;overflow:hidden;background:url(//game.gtimg.cn/images/lol/act/a20230810guide/nav_btn_record.webp) no-repeat;background-size:100% 100%}.record{background:url(//game.gtimg.cn/images/lol/act/a20230810guide/popup2.png) top center no-repeat;background-size:100% 100%;width:521px;height:493px}.record-tit{width:calc(100% - 4px);height:38px;font-family:"sybold";font-size:14px;font-weight:bold;line-height:38px;padding-top:3px;display:flex;justify-content:center;align-items:center;margin-bottom:48px;position:relative;color:#f0e6d2;border-bottom:1px solid #20242b;margin:0 auto;font-weight:normal}.record .dia-close{top:7px;right:5px}.record .dia-con{padding:10px 15px}.record-list-tit{height:24px;line-height:24px;font-size:12px;font-weight:bold;border-bottom:#3c3c41 solid 1px;margin:0 auto;color:#c89b3c;display:flex}.record-list-tit p{width:25%;text-align:left}.record-list-tit p:nth-child(2){width:40%;text-align:left}.record-list-tit p:nth-child(3){width:15%;text-align:right}.record-list-tit p:last-child{width:20%;text-align:right}.record-list{display:flex;width:100%;height:400px;flex-direction:column;padding-right:11px}.record-list li{display:flex;width:100%;height:38px;border-bottom:#3c3c41 solid 0.01px}.record-listli:last-child{border-bottom:none}.record-list li p{height:36px;text-align:center;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a09b8c}.record-list .time{width:25%;text-align:left;flex-direction:column}.record-list .name{width:40%;color:#fff2bc;text-align:left;font-weight:bold}.record-list .status{width:15%;text-align:right}.record-list .area{width:20%;text-align:right}.record-scrollbar{overflow-y:auto;overflow-x:hidden}.record-scrollbar::-webkit-scrollbar{width:4px;background:transparent}.record-scrollbar::-webkit-scrollbar-thumb{width:4px;background-color:#785a28;background-image:none;border-radius:2px}.record-scrollbar::-webkit-scrollbar-track{background-color:transparent}.prompt-no-buy{width:100%;text-align:center}