body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%;}
img{border: 0; -webkit-touch-callout: none;}
body{-webkit-text-size-adjust: 100%; width:100%; background: #05002e; min-height: 101vh;}

.wrapper{ position:relative; font-size:12px; overflow: hidden; width: 100%;}
.wrapper *,.dia *,.dia{ -webkit-box-sizing:border-box; box-sizing:border-box;}
body .wrapper .boxc{-webkit-box-sizing: content-box; box-sizing:content-box;}
.wrapper a{ outline:none;}
.wrapper .hid{text-indent:-9999px;font-size:0;overflow:hidden;width:0;height:0;}
.wrapper img{ display:block;}
.wrapper .disul{font-size: 0;text-align: center;}
.wrapper .disli{display: inline-block; vertical-align: top;}
.wrapper .main{font-size: 0; text-align: center;}

*{ margin: 0; padding: 0; box-sizing: border-box; color: #02053b;}
.page { display: none;}
.page.on { display: block;}
.footer { height: 10.4rem; width: 100%; padding-top: 0.93rem; position: relative;}
.footer .logo2 { display: block; margin: 0 auto;} 
.footer .logo3 { display: none;} 
.footer ul { font-size: 0; text-align: center; pointer-events: none; margin-top: 1.63rem;}
.footer ul li { width: auto; height: 1rem; font-size: 0.24rem; line-height: 0.4rem; padding: 0.3rem 0;}
.footer ul li a { color: #fff2cd; pointer-events: all;}
.nav { height: 1.45rem; width: 100%; background-color: #05002e; position: fixed; top: 0; left: 0; z-index: 105;}
.nav .logo { display: block; position: absolute; top: 0.27rem; left: 0.49rem;} 
.nav .i-login { display: block; position: absolute; top: 0.49rem; right: 1.62rem;} 
.nav .i-list { display: block; position: absolute; top: 0.55rem; right: 0.57rem;} 
.top_bg { background-color: #05002e; width: 100%; height: 100%; padding-bottom: 0.54rem; position: fixed; left: 0; top: 0; z-index: 106; padding-top: 2.43rem; opacity: 0; pointer-events: none;}
.top_bg .logo { display: block; position: absolute; top: 0.37rem; left: 0.49rem;}
.top_bg .i-close { display: block; position: absolute; top: 0.5rem; right: 0.94rem;}
.top_bg>p { font-size: 0.24rem; line-height: 0.3rem; color: #8a889d; padding-left: 0.5rem;}
.top_bg ul { font-size: 0; text-align: center;}
.top_bg ul li { width: 100%; height: 0.74rem; font-size: 0.36rem; line-height: 0.74rem; margin: 0.38rem 0; font-weight: bold; display: inline-block; vertical-align: top; text-align: left;}
.top_bg ul li a { color: #fff2cd; display: block; width: 100%; height: 100%; padding-left: 0.5rem;}
.top_bg ul a.on { background: #0e0080;} 
.top_bg.on { opacity: 1; pointer-events: all;}
.top_bg a { pointer-events: none;} 
.top_bg.on a { pointer-events: all;} 

/* Ύ«ΑιΝΌ S */
.spr{ background-image:url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/spr.png); background-repeat:no-repeat; background-size:8.18rem 2.69rem;}
.spr.i-close{ width:0.33rem; height:0.33rem; background-position:76.94268% 97.45763%;}
.spr.i-icon{ width:0.25rem; height:0.28rem; background-position:87.64187% 95.43568%;}
.spr.i-icon2.on{ width:0.29rem; height:0.17rem; background-position:96.95817% 21.42857%;}
.spr.i-icon2{ width:0.29rem; height:0.17rem; background-position:96.95817% 28.96825%;}
.spr.i-list{ width:0.54rem; height:0.32rem; background-position:83.63874% 97.04641%;}
.spr.i-login{ width:0.41rem; height:0.48rem; background-position:92.92149% 24.43439%;}
.spr.logo{ width:2.11rem; height:0.49rem; background-position:99.50577% 1.36364%;}
.spr.logo2{ width:5.99rem; height:2.63rem; background-position:1.36986% 50%;}
.spr.i-sw-next{ width:1.12rem; height:0.86rem; background-position:85.55241% 29.5082%;}
.spr.sw-next2{ width:1.12rem; height:0.86rem; background-position:85.55241% 29.5082%;}
.spr.sw-next3{ width:1.12rem; height:0.86rem; background-position:85.55241% 29.5082%;}
.spr.i-sw-prev{ width:1.12rem; height:0.86rem; background-position:85.55241% 77.59563%;}
.spr.sw-prev2{ width:1.12rem; height:0.86rem; background-position:85.55241% 77.59563%;}
.spr.sw-prev3{ width:1.12rem; height:0.86rem; background-position:85.55241% 77.59563%;}

/* Ύ«ΑιΝΌ E */
.wrapper .part-main { width: 100%; height: 100%; position: relative; }
.show-pc { display: none !important; }
.wrapper { background-color: #05002e;}
.page-box { margin-top: 1.45rem;}
.page1{ 
    box-sizing: border-box; margin: 0; min-width: 0;
    background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/bg1.jpg) 50% 0 no-repeat,
    url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/bg2.jpg) 50% 19.99rem no-repeat,
    url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/bg3.jpg) 50% 39.98rem no-repeat,
    url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/bg4.jpg) 50% 59.97rem no-repeat; 
    background-size: 100% 20rem,100% 20rem,100% 20rem,100% 13.02rem; }
.page2 { box-sizing: border-box; margin: 0; min-width: 0;
    background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/m-bg1.jpg) repeat-y 50% 0/100%;
    background-color: #f5c5c1;
    color: #ffffff;
}


.page1 .header { height: 6.32rem; padding-top: 1.02rem;}
.page1 .header .slogan { width: 5.9rem; height: 2.59rem; margin: 0 auto; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/m/slogan.png) no-repeat top center/100% 100%;}
.page1 .header .time,.page1 .header .address { height: 0.3rem; line-height: 0.3rem; margin: 0.56rem auto 0; font-size: 0.29rem; font-weight: bold; text-align: center; color: #562b88; }
.page1 .header .address { margin: 0.09rem auto 0;}

.page1 .part1 { height: 17rem; padding-top: 1.96rem;}
.page1 .part1-box { height: 14.62rem; background-color: rgb(18, 16, 162, .3); position: relative; padding-top: 1.76rem;}
.page1 .part1-box .title-box { width: 6.9rem; height: 2.06rem; background-color: #0E0080; position: absolute; top: -1.03rem; left: 50%; margin-left: -3.45rem; padding: 0.26rem 0.5rem;}
.page1 .part1-box .title-box p { font-size: 0.36rem; line-height: 0.5rem; font-weight: bold; text-align: center;}
.page1 .part1-box .title-box p span{ color:#ac6cdd;}
.page1 .tab-head { font-size: 0; text-align: center; pointer-events: none; margin-bottom: 0.53rem;}
.page1 .tab-head li { width: 2.95rem; height: 0.58rem; font-size: 0.32rem; font-weight: bold; line-height: 0.58rem; background: #0c0e42; color: #fcefcb; display: block; text-align: center; pointer-events: all; cursor: pointer; margin: 0 auto;}
.page1 .tab-head li.on { background: #532d83;}
.page1 .pbox span { font-size: 0.6rem;line-height: 1.2rem; margin-bottom: 0.32rem; font-weight: bold; display: block; text-align: center;}
.page1 .pbox { padding: 0 0.3rem; text-align: center;}
.page1 .pbox p { font-size: 0.25rem; line-height: 0.38rem; text-align: center; margin: 0 auto 0.28rem;}
.page1 .pbox p.part1-tit1 { font-size: 0.28rem; font-weight: bold; margin: 0.54rem auto 0.95rem;}
.page1 .pbox p.part1-tit2 { font-size: 0.28rem; font-weight: bold; margin: 1rem auto 0;}
.page1 .pbox p.part1-tit3 { font-size: 0.26rem;}
.page1 .pbox p span { display: block;}
.page1 .pbox p.part1-tit2 span { color: #ac6cdd; }
.page1 .pbox div { width: 2.5rem;height: 0.02rem; background-color: #AC6CDD; margin: -0.12rem auto 0.08rem; position: relative;}
.page1 .part2-img { width: 5.06rem; height: 5.07rem; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/part2-img.png) no-repeat; background-size: 100% 100%; margin: 0.99rem auto 1.3rem;}
.page1 .part5 { height: auto; padding-top: 1.61rem;}
.page1 .part5-box .pbox { margin-bottom: 0.42rem;}
.page1 .part5-box .tab-body { height: 7.89rem; padding: 0 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: 4.77rem; height: 4.77rem; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/part5-img.png) no-repeat; background-size: contain; position: relative;}
.page1 .part5-box .part5-img2 { display: inline-block; vertical-align: top; width: 4.77rem; height: 4.77rem; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/part5-img2.png) no-repeat; background-size: contain; background-position: 50%; position: relative;}
.page1 .part5-box .tbox { display: block; width: 6.97rem; margin: 0.56rem auto 0; position: relative;}
.page1 .part5-box .tbox p { margin-bottom: 0.22rem; font-size: 0.25rem; line-height: 0.38rem; color: #0c0e42; text-align: center; position: relative;}
.page1 .part5-box .tbox i { position: absolute; top: 13px; left: -59px;}
.page1 .part5-box .tbox a { text-decoration: underline; color: #d748c4; }

.page1 .part3 { height: 11.46rem; padding-top: 0.45rem;}
.page1 .part3 .sw2,.page1 .part3 .sw2 { width: 100%; height: 8rem;}
.page1 .part3 .tab-body { width: 100%; height: 8rem;}
.page1 .part3 .tab-body li { font-size: 0; text-align: center; display: none; width: 100%; position: relative;}
.page1 .part3 .tab-body li.on { display: block;}
.page1 .part3 .item { width: 100%; height: 100%; display: inline-block; vertical-align: top;}
.page1 .part3 .item .img-box { width:6rem; height: 6rem; margin: 0 auto;}
.page1 .part3 .item .img-box img { width: 100%; height: 100%; object-fit: contain; pointer-events: none;}
.page1 .part3 .item span { display: block; line-height: 0.96rem; font-size: 0.6rem; font-weight: bold; color: #02053b; text-align: center; margin-top: 0.13rem;}
.page1 .part3 .item p { width: 6.8rem; line-height: 0.4rem; font-size: 0.25rem; font-weight: bold; color: #02053b; text-align: center; margin: 0.38rem auto 0;}
.page1 .part3 .sw-prev2,.page1 .part3 .sw-next2 { width: 1.12rem; height: 0.86rem; position: absolute; top: 0; z-index: 5; margin-top: 3.6rem; cursor: pointer;}
.page1 .part3 .sw-prev2 i,.page1 .part3 .sw-next2 i { display: block; position: absolute; top: -0.16rem; pointer-events: none;}
.page1 .part3 .sw-prev2 { position: absolute; left: 0.28rem;}
.page1 .part3 .sw-next2 { position: absolute; right: 0.28rem;}
.page1 .part3 .sw-prev3,.page1 .part3 .sw-next3 { width: 1.12rem; height: 0.86rem; position: absolute; top: 0; z-index: 5; margin-top: 3.6rem; cursor: pointer;}
.page1 .part3 .sw-prev3 i,.page1 .part3 .sw-next3 i { display: block; pointer-events: none;}
.page1 .part3 .sw-prev3 { position: absolute; left: 0.28rem;}
.page1 .part3 .sw-next3 { position: absolute; right: 0.28rem;}

.page1 .part4 { height: 10.76rem;}
.page1 .part4 .part4-box { width: 5.89rem; height: 7.36rem; margin: 0.7rem 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 { width: 1.12rem; height: 0.86rem; position: absolute; top: 50%; z-index: 3; margin-top: -0.62rem; transform: scale(0.9);}
.page1 .part4 .sw-prev i,.page1 .part4 .sw-next i { display: block; pointer-events: none;}
.page1 .part4 .sw-prev { position: absolute; left: -0.47rem;}
.page1 .part4 .sw-next { position: absolute; right: -0.47rem;}
  
.page1 .part6 { height: auto; padding-top: 0.47rem; padding-bottom: 1.24rem; box-sizing: content-box; margin-top: 0.86rem;}
.page1 .part6-box { height: auto; box-sizing: content-box; width: 6.6rem; margin: 0 auto; padding: 0.48rem 0;}
.page1 .part6-title { display: block; font-size: 0.6rem; line-height: 1.1rem; color: #02053b; text-align: center; font-weight: bold; margin-bottom: 0.05rem;}
.page1 .part6-box>ul { width: 6.54rem; height: auto; margin: 0 auto; text-align: left;}
.page1 .part6-box>ul li { width: 100%; }
.page1 .part6-box>ul li:not(:last-child){ border-bottom: 0.02rem solid #02053b80;}
.page1 .part6-box>ul li p { font-size: 0.24rem; line-height: 0.32rem; color: #02053b; width: 6rem; padding: 0 0 0 0.1rem;}
.page1 .part6-box>ul li .question { padding: 0.4rem 0; box-sizing: content-box; position: relative;}
.page1 .part6-box>ul li .answer { padding: 0.25rem 0.35rem 0.3rem 0.2rem; box-sizing: content-box; box-sizing: content-box;}
.page1 .part6-box>ul li .answer p { line-height: 0.28rem;}
.page1 .part6-box>ul p a { text-decoration: underline; color: #d748c4;}
.page1 .part6-box>ul .i-btn { display: block; width: 0.27rem; height: 0.17rem; position: absolute; top: 0.5rem; right: 0.06rem;}
.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: 0.25rem 0;}
.page1 .part6-box .answer ul li { border: none; padding-left: 0.43rem; width: 5.25rem; position: relative;}
.page1 .part6-box .answer ul li::before{ content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #05002e; position: absolute; top: 0.2rem; left: 0.24rem;}
.page2 .part1 { height: auto; padding-bottom: 1.24rem; padding-top: 0.5rem; box-sizing: content-box;}
.page2 .part1-title { font-size: 0.72rem; line-height: 0.82rem; color: #02053b; text-align: center; font-weight: bold;}
.page2 .part1-box { width: 6.8rem; margin: 0.86rem auto 0; color: #02053b; padding: 0.33rem 0.42rem 0.95rem 0.42rem; background-color: #4d6b871c; text-align: justify;}
.page2 .part1-box span { display: block; margin-top: 0.11rem; font-size: 0.3rem; line-height: 0.57rem; font-weight: bold;}
.page2 .part1-box p { font-size: 0.24rem; line-height: 0.46rem; padding-left: 0.24rem; position: relative; color: #02053b;}
.page2 .part1-box p.line { text-decoration: underline;}
.page2 .part1-box p.tl3 { padding-left: 0.56rem;}
.page2 .part1-box p.tl4 { padding-left: 0.56rem;}
.page2 .part1-box p.tl3::before { content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #02053b; position: absolute; top: 0.2rem; left: 0.28rem;}
.page2 .part1-box p.tl4::before { content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #02053b; position: absolute; top: 0.2rem; left: 0.28rem;}
.page2 .part1-box a { color: #02053b; text-decoration: underline;}
.page2 .part1-box>div { font-size: 0.24rem; line-height: 0.46rem; margin: 0.81rem auto 0.26rem; text-align: center; font-weight: bold; color: #02053b;}
.page2 .part1-box .table1 { width: 5.70rem; height: 1.30rem; margin-left: 0.24rem; }
.page2 .part1-box .table2 { width: 5.9rem; height: auto; margin-top: 0.2rem;}
.page2 .part1-box table td { height: .6rem; border: 1px solid #02053b; text-align: center; font-size: 0.24rem; color: #02053b;}

/* ²Ή³δ */
#afooter {background-color: #191219;text-align: center;font-size: 0.22rem;padding: 0.2rem 0;padding-bottom: 0.2rem;}
#afooter,#afooter a {color: #c0c0c0;text-decoration: none;}
#afooter p { color: #fff;}
.nav .logo2 { width: 1.48rem; height: 0.43rem; background: url(//game.gtimg.cn/images/lol/act/a20250830tftparisopen/logo2.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0.52rem; left: 0.49rem;}
.nav .logo { position: absolute; top: 0.47rem; left: 2.2rem; transform-origin: center left;}