body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
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,a:hover{text-decoration:none}
img{border:0}
body{ box-sizing: border-box; background: #05002e; min-height: 100vh; overflow-x: hidden;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}
/* reset end */
/***µ×²¿***/
.wrapper-scale{position: relative; overflow: hidden;}
.wrapper-scale .wrapper{ transform-origin: 0 0;}
.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative; overflow:hidden; width: 100%;}
.wrapper img{display: block;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}
*{ margin: 0; padding: 0; box-sizing: border-box; color: #02053b;}

.show-m { display: none !important;}
/* ¾«Áéͼ S */
.spr{ background:url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/spr.png) no-repeat;}
.spr.i-icon2.on{ width:27px; height:15px; background-position:-290px -55px;}
.spr.i-icon2{ width:27px; height:15px; background-position:-290px -80px;}
.spr.i-sw-next{ width:130px; height:100px; background-position:-10px -10px;}
.spr.i-sw-prev{ width:130px; height:100px; background-position:-150px -10px;}
.spr.li-dec{ width:31px; height:35px; background-position:-290px -10px;}
/* ¾«Áéͼ E */

.wrapper { 
    padding-top: 130px;  opacity: 0; min-height: 800px;
}

.nav { height: 130px; width: 100%; padding-top: 44px; background-color: #05002e; position: fixed; top: 0px; left: 0px; z-index: 105;}
.nav .logo { display: block; position: absolute; top: 30px; left: 64px;} 
.nav ul { font-size: 0; text-align: center; pointer-events: none;}
.nav ul li { width: 180px; height: 40px; font-size: 20px; line-height: 40px; font-weight: bold; display: inline-block; vertical-align: top; text-align: center;}
.nav ul li a { color: #fffbd2; pointer-events: all;}
.nav ul li a.on { color: #ac6cdd;}
.nav ul li a:hover { color: #C597E7;}
.footer { height: 130px; width: 100%; padding-top: 44px; background-color: #05002e; position: relative;}
.footer .logo2 { display: block; position: absolute; top: 30px; left: 64px;} 
.footer .logo3 { display: block; width: 65px; height: 65px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/esl-logo.png) no-repeat; background-size: 100% 100%; position: absolute; top: 30px; left: 464px;} 
.footer ul { font-size: 0; text-align: center; pointer-events: none; position: absolute ; top: 44px; right: 70px;}
.footer ul li { width: auto; height: 40px; font-size: 18px; line-height: 40px; display: inline-block; vertical-align: top; text-align: center; margin: 0 15px; position: relative;}
.footer ul li a { color: #fffbd2; pointer-events: all;}
.footer ul li a:hover { color: #ffffff;}
.footer .gw { display: block; font-size: 24px; line-height: 26px; text-align: center; color: #fffbd2;position: absolute; top: 20px; left: -1800px;}
.page { display: none;}
.page.on { display: block;}
/* page1 */
.page1 .part1 .main { width: 1480px; margin: 0 auto;}
.page1 {
    background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/bg.jpg) no-repeat top center;
    background-size: cover;
}
.page2 {
     box-sizing: border-box; margin: 0; min-width: 0; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/bg2.jpg) repeat-y 50% 0/100%;
    background-color: #f5c5c1;
    color: #ffffff;
    /* background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/bg.jpg) no-repeat top center;
    background-size: cover;
    background-color: #05002e; */
}
.pbox span { font-size: 72px; line-height: 80px; margin-bottom: 44px; font-weight: bold; display: block; text-align: center;}
.pbox p { font-size: 27px; line-height: 45px; font-weight: bold; text-align: center;} 
.pbox p { font-size: 27px; line-height: 44px; text-align: center; margin: 0 auto 22px;}
.pbox p.part1-tit1 { font-size: 27px; font-weight: bold; margin: 71px auto;}
.pbox p.part1-tit2 { font-size: 27px; font-weight: bold; margin: 63px auto 0;}
.pbox p.part1-tit2 span { color: #ac6cdd;}
.pbox div { width: 160px; height: 2px; background-color: #AC6CDD; margin: 0 auto 23px; position: relative;}
.pbox p:nth-child(2) { margin: 0 auto 34px;}

.page1 .header { height: 650px; padding-top: 134px;}
.page1 .header .slogan { width: 751px; height: 331px; margin: 0 auto; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/slogan.png) no-repeat top center/100% 100%;}
.page1 .header .time,.page1 .header .address { height: 45px; line-height: 45px; margin: 96px auto 0; font-size: 43px; font-weight: bold; text-align: center; color: #542c8c;}
.page1 .header .address { margin: 11px auto 0;}
.page1 .part1 { height: 1150px; padding-top: 156px;}
.page1 .part1-box { height: 995px; background-color: rgb(18, 16, 162, .3); position: relative; padding-top: 107px;}
.page1 .part1-box .title-box { width: 1028px; height: 140px; background-color: #0E0080; position: absolute; top: -90px; left: 50%; margin-left: -514px; padding: 22px 0;}
.page1 .part1-box .title-box p { font-size: 35px; line-height: 47px; font-weight: bold; text-align: center;}
.page1 .part1-box .title-box p span{ color:#ac6cdd;}
.page1 .part2 { height: 1420px; padding-top: 25px;}
.page1 .part2-img { width: 653px; height: 653px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/part2-img.png) no-repeat; background-size: 100% 100%; position: relative; left: 73px;}
.page1 .part2-box1 { display: flex; align-items: center; justify-content: center; margin-top: 207px;}
.page1 .part2 .pbox { width: 648px; margin-right: 107px;}
.page1 .part2-box2 { margin-top: 241px;}
.page1 .part2-box2 .pbox { width: 800px; margin: 0 auto 0;}
.page1 .p2-title { text-align: center; font-size: 72px; color: #fefefe; font-weight: bold; line-height: 110px; position: relative; margin: 123px auto 45px; display: block;}
.page1 .p2-tab-head { font-size: 0; text-align: center; pointer-events: none;}
.page1 .p2-tab-head li { width: 260px; height: 74px; font-size: 36px; font-weight: bold; line-height: 74px; background: #08004d; color: #fff; display: inline-block; vertical-align: top; text-align: center; pointer-events: all;  cursor: pointer;}
.page1 .p2-tab-head li.on { color: #08004d; background: #e5ffca;}
.page1 .p2-tab-head li:hover { background: rgb(14, 0, 128);}
.page1 .p2-tab-head li.on:hover { background: rgb(210, 255, 164);}
.page1 .p2-tab { font-size: 0;}
.page1 .p2-tab .item { display: none;}
.page1 .p2-tab .item.on { display: block;}
.page1 .p2-tab .text1 { width: 1122px; margin: 51px auto 0; font-size: 27px; line-height: 45px; font-weight: bold; text-align: center;}
.page1 .p2-tab .line { width: 160px; height: 1px; margin: 36px auto 48px; background: #ac6cdd; } 
.page1 .p2-tab .text2 { display: none; width: 1122px; margin: 0 auto; font-size: 22px; line-height: 28px; font-weight: bold; text-align: center;}
.page1 .p2-tab .text2.show { display: block;}
.page1 .part3 { height: 1220px; padding-top: 92px;}
.page1 .tab-head { font-size: 0; text-align: center; pointer-events: none;}
.page1 .tab-head li { width: 350px; height: 74px; font-size: 36px; font-weight: bold; line-height: 74px; background: #0c0e42; color: #fcefcb; display: inline-block; vertical-align: top; text-align: center; pointer-events: all; cursor: pointer;}
.page1 .tab-head li.on { color: #fcefcb; background: #532d83;}
.page1 .tab-head li:hover { color: #fff;}
.page1 .part3 .tab-body { margin-top: 115px;}
.page1 .part3 .tab-body li { font-size: 0; text-align: center; display: none; margin: 0 auto;}
.page1 .part3 .tab-body li.on { display: block;}
.page1 .part3 .tab-body li>div { display: block;}
.page1 .part3 .item { width: 583px; height: 780px; display: inline-block; vertical-align: top;}
.page1 .part3 .item .img-box { width: 500px; height: 600px; margin: 0 auto;}
.page1 .part3 .item .img-box img { width: 100%; height: 100%; object-fit: contain;}
.page1 .part3 .item span { display: block; line-height: 96px; font-size: 72px; font-weight: bold; text-align: center; margin-top: -72px;}
.page1 .part3 .item p { width: 378px; line-height: 48px; font-size: 27px; font-weight: bold; text-align: center; margin: 36px auto 0;}
.page1 .part3 .item4 p { margin-right: 133px;}

.page1 .part5-box .pbox { margin-bottom: 91px;}
.page1 .part5-box .tab-body { height: 1172px; padding: 238px 0 0 0;}
.page1 .part5-box .tab-body li { display: none; font-size: 0; text-align: center;}
.page1 .part5-box .tab-body li.on { display: block;}
.page1 .part5-box .part5-img { display: inline-block; vertical-align: top; width: 567px; height: 551px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/part5-img.png) no-repeat 50% 50%/ 100% auto; position: relative; margin-right: 59px;}
.page1 .part5-box .part5-img2 { display: inline-block; vertical-align: top; width: 567px; height: 551px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/part5-img2.png) no-repeat 50% 50%/ 100% auto; position: relative; margin-right: 59px;}
.page1 .part5-box .tbox { display: inline-block; vertical-align: top; width: 1070px; position: relative; top: 105px; left: 37px;}
.page1 .part5-box .tbox p { margin-bottom: 24px; font-size: 40px; line-height: 60px; color: #0c0e42; text-align: left; position: relative;}
.page1 .part5-box .tbox i { position: absolute; top: 13px; left: -59px;}
.page1 .part5-box .tbox a { text-decoration: underline; color: #d748c4; }
.page1 .part5-box .tbox a:hover { text-decoration: none; }

.page1 .part4 { height: 1655px; padding-top: 194px;}
.page1 .part4 .part4-box { width: 1600px; height: 899px; margin: 157px auto 0; position: relative;}
.page1 .part4 .part4-box .sw { width: 100%; height: 100%;}
.page1 .part4 .part4-box .sw li { width: 100%; height: 100%;}
.page1 .part4 .part4-box .sw li img { width: 100%; height: 100%; object-fit: contain;}
.page1 .part4 .sw-prev,.page1 .part4 .sw-next {  position: absolute; top: 50%; z-index: 1; margin-top: -56px; cursor: pointer;}
.page1 .part4 .sw-prev i,.page1 .part4 .sw-next i { display: block;}
.page1 .part4 .sw-prev:hover,.page1 .part4 .sw-next:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2);}
.page1 .part4 .sw-prev { left: -69px;}
.page1 .part4 .sw-next { right: -69px;}
.page1 .part4 .sw-prev.swiper-button-disabled,.page1 .part4 .sw-next.swiper-button-disabled{ cursor: default; pointer-events: none;}
.page1 .part6 { height: auto; padding-top: 47px; padding-bottom: 124px; box-sizing: content-box;}
.page1 .part6-box { height: auto; box-sizing: content-box; width: 1360px; margin: 0 auto; padding: 43px 0;}
.page1 .part6-title { display: block; font-size: 100px; line-height: 120px; color: #02053b; text-align: center; font-weight: bold; margin-bottom: 47px;}
.page1 .part6-box>ul { width: 1234px; height: auto; margin: 0 auto;}
.page1 .part6-box>ul li { width: 100%; }
.page1 .part6-box>ul li:not(:last-child){ border-bottom: 3px solid #02053b80;}
.page1 .part6-box>ul li p { font-size: 24px; line-height: 48px; color: #02053b;}
.page1 .part6-box>ul li .question { padding: 27px 0; box-sizing: content-box; position: relative;}
.page1 .part6-box>ul li .answer { padding: 21px 133px 30px 39px; box-sizing: content-box; box-sizing: content-box;}
.page1 .part6-box>ul p a { text-decoration: underline; color: #d748c4; }
.page1 .part6-box>ul p a:hover { text-decoration: none; }
.page1 .part6-box>ul .i-btn { display: block; width: 26px; height: 15px; position: absolute; top: 50px; right: 6px;}
.page1 .part6-box>ul li .answer { display: none;}
.page1 .part6-box>ul li.on .answer { display: block;}
.page1 .part6-box>ul li .i-btn i { display: block;}
.page1 .part6-box>ul li .i-btn i.on { display: none;}
.page1 .part6-box>ul li.on .i-btn i { display: none;}
.page1 .part6-box>ul li.on .i-btn i.on { display: block;}
.page1 .part6-box .answer ul { margin: 25px 0;} 
.page1 .part6-box .answer ul li { border: none; padding-left: 43px; width: 1189px; position: relative;}
.page1 .part6-box .answer ul li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #05002e; position: absolute; top: 20px; left: 24px;}

.page2 .part1 { height: auto; padding-bottom: 160px; padding-top: 153px; box-sizing: content-box;}
.page2 .part1-title { font-size: 100px; line-height: 135px; color: #02053b; text-align: center; font-weight: bold;}
.page2 .part1-box { width: 1600px; margin: 111px auto 0; color: #02053b; padding: 48px 100px 103px 100px ; background-color: #4d6b871c; text-align: left;}
.page2 .part1-box span { display: block; margin-top: 16px; font-size: 30px; line-height: 55px; font-weight: bold; color: #02053b;}
.page2 .part1-box p { font-size: 24px; line-height: 45px; padding-left: 76px; position: relative; color: #02053b;}
.page2 .part1-box p.line { text-decoration: underline;}
.page2 .part1-box p.tl1 { padding-left: 132px;}
.page2 .part1-box p.tl2 { line-height: 64px;}
.page2 .part1-box p.tl3 { padding-left: 107px;}
.page2 .part1-box p.tl4 { padding-left: 160px;}
.page2 .part1-box p.tl3::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #02053b; position: absolute; top: 20px; left: 80px;}
.page2 .part1-box p.tl4::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #02053b; position: absolute; top: 20px; left: 135px;}
.page2 .part1-box a { color: #02053b; text-decoration: underline;}
.page2 .part1-box>div { font-size: 36px; line-height: 55px; margin: 307px auto 67px; text-align: center; font-weight: bold; color: #02053b;}
.page2 .part1-box .table1 { width: 700px; height: 127px; margin-left: 132px; }
.page2 .part1-box .table2 { width: 1280px; height: auto; margin-left: 132px; }
.page2 .part1-box table td { height: 70px; border: 1px solid #02053b; text-align: center; font-size: 24px; color: #02053b;}

/* ²¹³ä */
#afooter { position: relative; padding: 30px 0; text-align: center; font: normal 12px/19px Tahoma; z-index: 10; background-color: #0c0704;}
#afooter, #afooter a { color: #c0c0c0;text-decoration: none;}

.nav .logo { width: 242px; height: 52px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/logo1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 33px; left: 263px;}
.nav .logo2 { width: 177px; height: 53px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/logo2.png) no-repeat; background-size: 100% 100%; position: absolute; top: 39px; left: 64px;}
.footer .logo2 { width: 242px; height: 52px; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/logo1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 39px; left: 64px;}