body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; }

em { font-style: normal; }

body, button, input, select, textarea { font: 12px/1.5 tahoma, "\5FAE\8F6F\96C5\9ED1", sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em, b { font-style: normal; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

img { border: 0; }

i { font-style: normal; }

li { list-style: none; }

span i { font-weight: bold; color: #ffffff; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

/* reset end */
/* foot */
#afooter { position: relative; padding: 30px 0; text-align: center; font: normal 12px/19px Tahoma; z-index: 10; background-color: #000; }

#afooter, #afooter a { color: #c0c0c0; text-decoration: none; }

@font-face { font-family: "lol_bold"; src: url("//game.gtimg.cn/images/lol/act/a20260106ver/font/lol_bold.OTF"); }

*, *::before, *::after { box-sizing: border-box; }

.wrapper { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/bg.jpg") no-repeat; background-size: 100% 119.68rem; height: 104.68rem; max-width: 25.6rem; min-width: 16rem; margin: 0 auto; overflow: hidden; position: relative; }

.wrapper .main, .wrapper .header { z-index: 2; width: 100%; position: relative; }

.wrapper .header { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/kv.jpg") no-repeat; background-size: 100% 100%; height: 15.66rem; width: 100%; position: relative; }

.wrapper .header .logo5 { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/logo4.png") no-repeat; background-size: 100% 100%; width: 2.78rem; height: 0.75rem; position: absolute; top: 0.45rem; left: 0.45rem; }

.wrapper .part1 { height: 15.8rem; position: relative; padding-top: 0.92rem; box-sizing: border-box; }

.wrapper .part1 .p1_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p1_title.png") no-repeat; background-size: 100% 100%; width: 6.08rem; height: 2.08rem; display: block; margin: auto; }

.wrapper .part1 .p1_content { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p1_content.png") no-repeat; background-size: 100% 100%; width: 20.12rem; height: 11.57rem; position: relative; display: block; margin: 0.2rem auto 0; }

.wrapper .part1 .p1_content .p1_text { font-size: 0.29rem; color: #ffe05c; line-height: 0.5rem; position: absolute; height: 1.2rem; bottom: 0.75rem; left: 3rem; font-size: 0; }

.wrapper .part1 .p1_content .p1_text span { display: block; }

.wrapper .part1 .p1_content .a_btn_go { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p1_btn_go.png") no-repeat; background-size: 100% 100%; width: 3.79rem; height: 1.05rem; display: block; position: absolute; bottom: 0.65rem; right: 3.05rem; }

.wrapper .part2 { height: 18.7rem; position: relative; padding-top: 3.8rem; box-sizing: border-box; }

.wrapper .part2 .p2_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_title.png") no-repeat; background-size: 100% 100%; width: 4.97rem; height: 1.99rem; display: block; margin: 0 auto 0.25rem; }

.wrapper .part2 .p2_txt { color: #dee8ff; font-size: 0.2rem; text-align: center; }

.wrapper .part2 .p2_txt span { display: block; }

.wrapper .part2 .swiper1 { width: 20rem; margin: 0.8rem auto 0; position: relative; height: 7.5rem; }

.wrapper .part2 .swiper1 .swiper-button-next { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_btn_toggle.png") no-repeat; background-size: 100% 100%; width: 1.32rem; height: 1.32rem; display: block; position: absolute; right: 0; cursor: pointer; top: 0; bottom: 0; margin: auto; }

.wrapper .part2 .swiper1 .swiper-button-prev { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_btn_toggle.png") no-repeat; background-size: 100% 100%; width: 1.32rem; height: 1.32rem; display: block; position: absolute; left: 0; transform: rotate(180deg); cursor: pointer; top: 0; bottom: 0; margin: auto; }

.wrapper .part2 .swiper1 .p2_con { width: 15.6rem; margin: 0.2rem auto 0; display: flex; }

.wrapper .part2 .swiper1 .p2_con .p2_left { width: 6.03rem; height: 6.3rem; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_left.png") no-repeat; background-size: 100% 100%; pointer-events: none; position: relative; }

.wrapper .part2 .swiper1 .p2_con .p2_left::before { content: ''; width: 6.03rem; height: 6.3rem; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_left.png") no-repeat; background-size: 100% 100%; position: absolute; left: 0; z-index: 11; top: 0; }

.wrapper .part2 .swiper1 .p2_con .p2_left img { width: 5.97rem; height: 6.15rem; transform: translateY(0.13rem) translateX(0.03rem); margin: auto; }

.wrapper .part2 .swiper1 .p2_con .p2_right { width: 9.72rem; height: 100%; padding-left: 0.9rem; padding-top: 0.2rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list { color: #ccd9ff; font-size: 0.2rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list li { margin-bottom: 0.25rem; padding-left: 0.35rem; box-sizing: border-box; line-height: 0.2rem; position: relative; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list li::before { content: ''; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/icon1.png") no-repeat; background-size: 100% 100%; width: 0.13rem; height: 0.28rem; display: block; position: absolute; left: 0; top: -0.05rem; margin: auto; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_list li span { margin-bottom: 0.1rem; display: block; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_right_title { display: flex; align-items: center; color: #ffffff; margin-bottom: 0.5rem; font-weight: bold; position: relative; font-size: 0.7rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_right_title::before { content: ''; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_right_title_hr.png") no-repeat; background-size: 100% 100%; width: 7.7rem; height: 0.13rem; display: block; position: absolute; left: 0; bottom: -0.3rem; }

.wrapper .part2 .swiper1 .p2_con .p2_right .p2_right_title .a_p2_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p2_btn_play.png") no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.83rem; display: block; margin-left: 0.15rem; }

.wrapper .part2 .swiper_tab { width: 17.6rem; height: 1.18rem; display: flex; margin: auto; justify-content: space-between; position: absolute; bottom: 2.05rem; left: 0; right: 0; z-index: 11; margin: auto; }

.wrapper .part2 .swiper_tab li { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/swiper_tab_li.png") no-repeat; background-size: 100% 100%; width: 4.19rem; height: 1.18rem; position: relative; padding: 0.15rem 0.4rem; cursor: pointer; }

.wrapper .part2 .swiper_tab li .num { color: #9dbcff; font-family: 'lol_bold'; font-size: 0.3rem; display: block; }

.wrapper .part2 .swiper_tab li img { position: absolute; right: 0rem; top: -0.8rem; width: 2rem; height: 2rem; }

.wrapper .part2 .swiper_tab li .txt { color: #dbedff; font-weight: bold; display: block; margin-top: -0.1rem; font-size: 0.33rem; }

.wrapper .part2 .swiper_tab li.on { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/swiper_tab_li_on.png") no-repeat; overflow: visible; background-size: 100% 100%; }

.wrapper .part2 .swiper_tab li.on .num { color: #c19c00; }

.wrapper .part2 .swiper_tab li.on .txt { color: #0b0e57; }

.wrapper .part3 { height: 8.9rem; position: relative; }

.wrapper .part3 .p3_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p3_title.png") no-repeat; background-size: 100% 100%; width: 7.56rem; height: 2.08rem; display: block; margin: auto; }

.wrapper .part3 .p3_box { width: auto; margin: 0.95rem auto 0; display: flex; justify-content: center; }

.wrapper .part3 .p3_box .p3_con { width: 3.86rem; padding-left: 0.6rem; box-sizing: border-box; position: relative; }

.wrapper .part3 .p3_box .p3_con:nth-child(1) { width: 4.3rem; }

.wrapper .part3 .p3_box .p3_con:nth-child(3) { width: 4rem; }

.wrapper .part3 .p3_box .p3_con:nth-child(4) { width: 4.7rem; }

.wrapper .part3 .p3_box .p3_con::before { content: ''; width: 0.01rem; height: 4.27rem; position: absolute; top: 0.2rem; right: 0; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p5_icon.png") no-repeat; background-size: 100% 100%; }

.wrapper .part3 .p3_box .p3_con:last-child::before { content: ''; display: none; }

.wrapper .part3 .p3_box .p3_con .num { color: #cbdbff; font-family: 'lol_bold'; font-size: 1.87rem; line-height: 1.7rem; }

.wrapper .part3 .p3_box .p3_con .p3_i_tit { color: #0b2ea7; font-size: 0.55rem; font-weight: bold; margin-bottom: 0.4rem; display: block; }

.wrapper .part3 .p3_box .p3_con .p3_i_tit.on { font-size: 0.4rem; margin-bottom: 0.3rem; line-height: 0.45rem; }

.wrapper .part3 .p3_box .p3_con .p3_i_txt { color: #676767; font-size: 0.18rem; }

.wrapper .part3 .swiper2 { width: 22.8rem; position: absolute; right: 0; height: 10.4rem; margin-top: 0.25rem; padding-top: 0.5rem; overflow: visible; }

.wrapper .part3 .swiper2 .swiper-slide { width: 5.08rem; }

.wrapper .part3 .swiper2 .swiper-pagination { background: none; position: relative; bottom: 0; height: 0.09rem; top: unset; }

.wrapper .part3 .swiper2 .swiper-pagination .swiper-pagination-progressbar-fill { background: #1d4ad3; }

.wrapper .part3 .swiper2 .swiper-pagination::before { content: ''; width: 100%; height: 0.05rem; top: 0; left: 0; display: block; position: absolute; margin: auto; background: #628ed9; bottom: 0; }

.wrapper .part3 .swiper2 .p3_con { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p3_con.jpg") no-repeat; background-size: 100% 100%; width: 5.08rem; height: 9.09rem; display: block; position: relative; margin: auto; }

.wrapper .part3 .swiper2 .p3_con:hover .p3_i_txt { color: #f8ecbc; }

.wrapper .part3 .swiper2 .p3_con:hover .num { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p3_con_num_hover.png") no-repeat; background-size: 100% 100%; color: #ffffff; }

.wrapper .part3 .swiper2 .p3_con:hover::before { content: ''; width: 5.08rem; height: 9.09rem; position: absolute; bottom: 0rem; left: 0; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p3_con_hover.png") no-repeat; background-size: 100% 100%; }

.wrapper .part3 .swiper2 .p3_con::before { content: ''; width: 5.08rem; height: 9.09rem; position: absolute; bottom: 0rem; left: 0; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p3_con2.png") no-repeat; background-size: 100% 100%; }

.wrapper .part3 .swiper2 .a_p3_more { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/a_p3_more.png") no-repeat; background-size: 100% 100%; width: 1.45rem; height: 0.25rem; display: block; z-index: 2; position: absolute; right: 0.22rem; bottom: 0.35rem; }

.wrapper .part3 .swiper2 .p3_info { height: 1.4rem; position: absolute; z-index: 2; bottom: 0.3rem; left: 0.22rem; }

.wrapper .part3 .swiper2 .p3_info .p3_i_tit { color: #eef4f4; font-weight: bold; margin-bottom: 0.08rem; font-size: 0.26rem; display: block; }

.wrapper .part3 .swiper2 .p3_info .p3_i_txt { color: #bcbce5; font-size: 0.18rem; display: block; width: 3rem; }

.wrapper .part3 .swiper2 .num { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p3_con_num.png") no-repeat; background-size: 100% 100%; width: 0.75rem; height: 0.74rem; font-family: 'lol_bold'; display: flex; align-items: center; color: #dfe6ea; font-size: 0.29rem; justify-content: center; margin: auto; top: -0.36rem; left: 0; position: absolute; right: 0; }

.wrapper .part4 { position: relative; height: 18.14rem; padding-top: 3.48rem; box-sizing: border-box; }

.wrapper .part4 .p4_ul { margin-top: 0.35rem; }

.wrapper .part4 .p4_ul .desc { width: 5.7rem; }

.wrapper .part4 .p4_ul .characteristic_item { margin-bottom: 0.1rem; }

.wrapper .part4 .p4_ul li { padding-left: 0.35rem; color: #575757; font-size: 0.19rem; margin-bottom: 0.45rem; position: relative; }

.wrapper .part4 .p4_ul li::before { content: ''; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/icon1.png") no-repeat; width: 0.13rem; height: 0.28rem; display: block; background-size: 100% 100%; position: absolute; left: 0; top: 0; }

.wrapper .part4 .p4_ul li .bold { font-weight: bold; }

.wrapper .part4 .p4_ul span { display: block; }

.wrapper .part4 .p4_con_info { position: absolute; top: 0.8rem; left: 3.8rem; }

.wrapper .part4 .p4_con_info .a_p4_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_btn_play.png") no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.83rem; margin-left: 0.2rem; display: block; }

.wrapper .part4 .p4_con_info .p4_con_tit { color: #010759; display: flex; align-items: center; font-weight: bold; font-size: 0.51rem; margin-bottom: 0.35rem; }

.wrapper .part4 .p4_con_img_box { width: 2.23rem; background: #c19c00; height: 2.23rem; position: absolute; top: 0.97rem; display: flex; align-items: center; justify-content: center; left: 0.97rem; }

.wrapper .part4 .p4_con_img { width: 2.17rem; height: 2.15rem; }

.wrapper .part4 .p4_con_info2 { width: 6.76rem; height: 4.07rem; position: absolute; padding-top: 1.1rem; right: 0.9rem; bottom: 2.82rem; }

.wrapper .part4 .p4_con_info2 span { color: #575757; font-weight: bold; font-size: 0.3rem; display: block; margin-bottom: 0.35rem; }

.wrapper .part4 .p4_con_info2 img { width: 4.3rem; height: 3.27rem; display: block; margin: auto; }

.wrapper .part4 .p4_tips { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_tips.png") no-repeat; background-size: 100% 100%; width: 9.58rem; height: 0.83rem; display: block; margin: auto; position: absolute; bottom: 0.68rem; left: 0; right: 0; color: #2653c9; font-size: 0.18rem; text-align: center; display: flex; align-items: center; padding: 0 1.2rem; margin: auto; }

.wrapper .part4 .p4_con { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_con.png") no-repeat; background-size: 100% 100%; width: 17.73rem; height: 7.69rem; position: relative; display: block; margin: 0.05rem auto 0; }

.wrapper .part4 .p4_tab { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_tab.png") no-repeat; background-size: 100% 100%; width: 17.61rem; height: 1.23rem; display: block; display: flex; margin: 0.55rem auto 0.25rem; }

.wrapper .part4 .p4_tab .tab_item { width: 2rem; height: 100%; display: flex; align-items: center; position: relative; justify-content: center; cursor: pointer; }

.wrapper .part4 .p4_tab .tab_item::before { content: ''; width: 0.02rem; height: 0.36rem; position: absolute; background: url("//game.gtimg.cn/images/lol/act/a20260106ver/tab_item_before.png") no-repeat; background-size: 100% 100%; right: 0; bottom: 0; top: 0; margin: auto; }

.wrapper .part4 .p4_tab .tab_item:last-child::before { display: none; }

.wrapper .part4 .p4_tab .tab_item.on { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_tab_item.png") no-repeat; background-size: 100% 100%; width: 2.86rem; height: 1.27rem; display: flex; justify-content: flex-start; padding: 0.18rem; box-sizing: border-box; color: #010657; font-size: 0.3rem; line-height: 0.4rem; font-weight: bold; transform: translateX(-0.03rem); }

.wrapper .part4 .p4_tab .tab_item.on::before { display: none; }

.wrapper .part4 .p4_tab .tab_item.on span { display: block; }

.wrapper .part4 .p4_tab .tab_item.on img { width: 0.87rem; height: 0.87rem; margin-right: 0.15rem; }

.wrapper .part4 .p4_tab .tab_item span { display: none; }

.wrapper .part4 .p4_tab .tab_item img { width: 0.61rem; height: 0.61rem; }

.wrapper .part4 .p4_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_title.png") no-repeat; background-size: 100% 100%; width: 4.99rem; height: 1.99rem; display: block; margin: 0 auto 0.25rem; }

.wrapper .part4 .p4_txt { text-align: center; color: #dee8ff; font-size: 0.2rem; display: block; }

.wrapper .part4 .p4_txt span { display: block; }

.wrapper .part5 { position: relative; height: 12.05rem; }

.wrapper .part5 .p5_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p5_title.png") no-repeat; background-size: 100% 100%; width: 4.98rem; height: 1.99rem; display: block; margin: 0 auto 0.27rem; }

.wrapper .part5 .p5_txt { color: #797979; font-size: 0.2rem; text-align: center; margin-bottom: 1.05rem; }

.wrapper .part5 .p5_txt span { display: block; }

.wrapper .part5 .p5_ul { display: flex; width: 20rem; margin: 0 auto 0; justify-content: space-between; }

.wrapper .part5 .p5_ul .p5_logo_img { color: #636363; font-size: 0.32rem; height: 1.4rem; line-height: 1.4rem; text-align: center; }

.wrapper .part5 .p5_ul li { width: 6.53rem; height: 7.31rem; box-sizing: border-box; position: relative; }

.wrapper .part5 .p5_ul li::before { content: ''; background: #bdc5c7; height: 100%; width: 0.01rem; position: absolute; right: 0; top: 0; }

.wrapper .part5 .p5_ul li:last-child::before { display: none; }

.wrapper .part5 .p5_ul li span { color: #041372; font-size: 0.55rem; font-weight: bold; display: block; text-align: center; }

.wrapper .part5 .p5_ul li img { display: block; width: 0.99rem; height: 0.99rem; display: block; margin: 0.25rem auto 0.35rem; }

.wrapper .part5 .p5_ul li .p5_logo { width: 2.41rem; margin: -0.15rem auto 0.3rem; height: 2.1rem; }

.wrapper .part5 .p5_ul li .txt { color: #636363; font-size: 0.2rem; width: 4.5rem; text-align: center; margin: auto; }

.wrapper .part5 .p5_ul li .p5_btn_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p4_btn_play.png") no-repeat; background-size: 100% 100%; width: 0.84rem; height: 0.83rem; display: block; position: absolute; bottom: 4.2rem; right: 1.2rem; margin: auto; }

.wrapper .part6 .p6_title { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p6_title.png") no-repeat; background-size: 100% 100%; width: 6.18rem; height: 2.08rem; display: block; margin: 0 auto 1rem; }

.wrapper .part6 .p6_con { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p6_bg.jpg") no-repeat; background-size: 100% 100%; width: 20rem; height: 11.25rem; margin: auto; display: block; position: relative; }

.wrapper .part6 .p6_btn_play { background: url("//game.gtimg.cn/images/lol/act/a20260106ver/p6_btn_play.png") no-repeat; background-size: 100% 100%; width: 1.33rem; height: 1.33rem; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

a:hover { filter: brightness(1.05); }

.m { display: none !important; }

.pop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 9999; }

.pop .pop_video { position: relative; top: 50%; left: 50%; width: 12rem; height: 6.75rem; border: 0.02rem solid #c19c00; transform: translate(-50%, -50%); }

.pop .pop_video .video_box { width: 100%; height: 100%; }

.pop .pop_close { width: 0.55rem; height: 0.55rem; position: absolute; right: -0.64rem; top: -0.16rem; font-size: 0.6rem; line-height: 0.45rem; text-align: center; color: #c19c00; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.a_p2_play, .p5_btn_play, .a_p4_play, .p6_btn_play { animation: btnPlayBreath1 ease-in-out 1.2s infinite; -webkit-animation: btnPlayBreath1 ease-in-out 1.2s infinite; }

@keyframes btnPlayBreath1 { 0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); } }