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; min-width: 1200px; background: #000; padding-top: 42px;}
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 */
/***�ײ�***/
#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;}
i {font-style: normal;}
.ism {
	display: none !important;
}

.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative;*zoom:1;margin:0 auto;overflow:hidden; width: 100%; max-width: 1920px; }
.wrapper img{display: block;}
.wrapper .main{width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
.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}

.spr{ background:url(//game.gtimg.cn/images/lol/act/a20250724summer/spr.png) no-repeat;}
/* .spr.bg-a{ width:36px; height:18px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec4.png) no-repeat;} */
/* .spr.bg-q{ width:36px; height:18px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec3.png) no-repeat;} */
.spr.btn-cancel{ width:139px; height:39px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/pop-btn4.png) no-repeat;}
.spr.btn-close{ width:51px; height:43px;background-image: none;}
.spr.btn-comm.gray{ width:287px; height:82px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/btn-comm1_gray.png);}
.spr.btn-comm{ width:287px; height:82px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/btn-comm1.png) no-repeat;}
.spr.btn-confirm{ width:139px; height:39px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/pop-btn3.png) no-repeat;}
.spr.btn-open.gray{ width:197px; height:36px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/get-btn1_gray.png) no-repeat;}
.spr.btn-open{ width:197px; height:36px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/get-btn1.png) no-repeat;}
.spr.btn-tab.on{ width:230px; height:66px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/pop-btn1.png) no-repeat;}
.spr.btn-tab{width:230px; height:66px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/pop-btn2.png) no-repeat;}
.spr.btn-unlock.gray{ width:368px; height:63px; background-position:-368px -1px;}
.spr.btn-unlock{ width:368px; height:63px; background-position:-0px -127px;}
.spr.i-btn-close{ width:38px; height:38px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/close-btn.png) no-repeat;background-size: 100% 100%;}
.i-sel.on{width:101px; height:101px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/sel_yyy.png) no-repeat;}
.i-sel{ width:101px; height:101px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/sel_wyy.png) no-repeat;}
.spr.icon-1l{ width:6px; height:8px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec2.png) no-repeat;}
.spr.icon-1r{ width:6px; height:8px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec2.png) no-repeat;transform: rotate(180deg);}
.spr.icon-2l{ width:7px; height:8px; background-position:-736px -56px;}
.spr.icon-2r{ width:7px; height:8px; background-position:-743px -56px;}
.spr.lin4{ width:10px; height:202px; background-position:-906px -0px;}
.spr.line1{ width:246px; height:1px; background-position:-368px -164px;}
.spr.line2{ width:247px; height:1px; background-position:-0px -190px;}
.spr.line3{ width:900px; height:2px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/split-line.png) no-repeat;}
.spr.num{ width:40px; height:20px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/num_bg.png) no-repeat;background-size: 100% 100%;line-height: 20px;}

.page0{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/v1-bg0.jpg) 50% 0 no-repeat; height: 860px;}
.page1{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg1.jpg) 50% 0 no-repeat; height: 1080px;margin-top: -1px;}
.page2{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg2.jpg) 50% 0 no-repeat; height: 1030px;margin-top: -1px;}
.page4{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg3.jpg) 50% 0 no-repeat; height: 1150px;margin-top: -1px;}
.page5{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg4.jpg) 50% 0 no-repeat; height: 1070px;margin-top: -1px;}
.page6{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg5.jpg) 50% 0 no-repeat; height: 1030px;margin-top: -1px;}
.page7{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg6.jpg) 50% 0 no-repeat; height: 840px;margin-top: -1px;}
.page8{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/bg6.jpg) 50% 0 no-repeat; height: 700px; padding-bottom: 50px;margin-top: -1px; background-size: 100% 100%;}

.page0 .main{padding-top: 580px; font-size: 0; text-align: center; padding-right: 28px;}
.page0 .main a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; margin: 0 66px;}

.page1 .main{padding-top: 1040px; text-align: center;}
.page1 .time{ color: #fff1e2; font-size: 26px; line-height: 40px; text-align: center;display: none;}
.page1 .login-content{ color: #fff9ed; font-size: 18px; line-height: 36px; margin-top: 20px;}
.page1 .login__pc{display: inline;}
.page1 .login__m{display: none;}
.page1 .login-content a{color: #f84d67;}
.page1 .login-content a:hover{color: #fff9ed;}
.page1 .btn-logo{position: absolute; left: 20px; top: 20px; width: 167px; height: 60px; background: url(https://game.gtimg.cn/images/lol/v3/logo-public.png) no-repeat; z-index: 3;}

.wrapper .tit{font-size: 20px;color: #fff7f1;width:400px;height: 44px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/ex-tit-bg2.png) no-repeat;position: relative;margin: 0 auto;display: flex;font-weight: bold;justify-content: center;line-height: 35px;}
.wrapper .tit i{position: absolute; top: 15px;}
.wrapper .tit .line1{display: none;}
.wrapper .tit .line2{display: none;}
.wrapper .tit h3{font-size: 20px;color: #fff7f1;}

.wrapper .page6 .tit{
	background: url(//game.gtimg.cn/images/lol/act/a20250724summer/page6_tit.png) no-repeat;
	width: 560px;
	height: 44px;
}

.wrapper .tips-list{margin-top: 5px;}
.wrapper .tips-list li{ line-height: 1; color: #505050; font-size: 18px;}
.wrapper .tips-list li strong{font-weight: normal;}
.wrapper .tips-list li .mob{display: none;}
.wrapper .tips-list li span{font-weight: bold; color: #fff;}

.wrapper .btn-comm{margin: 0 auto; display: block; color: #000; font-size: 22px; line-height: 82px; font-weight: bold; text-align: center;}
.wrapper .btn-comm:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.wrapper .btn-comm.gray,.wrapper .btn-comm.gray:hover{-webkit-filter: brightness(1); filter: brightness(1);pointer-events: none;}

.page2 .main{padding-top: 225px; color: #f84d67; text-align: center; line-height: 16px;}
.page2 .tips-list li {color: #8a8a8a;}
.page2 .receive-top{height: 221px;}
.page2 .receive-top-left{float: left; margin-left: 35px; display: inline; width: 914px; position: relative;}
.page2 .receive-top-left .lin4{position: absolute; right: -22px; top: -31px;display: none;}
.page2 dl{width: 899px; position: relative; padding-left: 165px; color: #8a8a8a; height: 71px;}
.page2 dt{position: absolute; font-size: 20px; left: 0; top: -4px; line-height: 30px; font-weight: bold;z-index: 0;}
.page2 dt::before {z-index: -1;content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 88px;height: 6px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec1.png) no-repeat;}
.page2 dd{font-size: 15px; line-height: 25px; position: relative; text-align: justify;}
.page2 dd:nth-child(n + 3) {margin-top: 15px;}
.page2 .btn-go-zm{display: none;}
.page2 strong{position: absolute; right: 0; top: 3.5px; text-align: center; font-weight: normal; font-size: 16px; line-height: 23px;}
.page2 .special{ font-weight: normal; color: #000; margin-left: 6px;font-size: 20px;}
.page2 .line3{display: block; margin-bottom: 22px;margin-top: 22px;}
.page2 .receive-top-right{position: relative; width: 181px;height: 205px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/qrcde-bg.png) no-repeat; float: left; margin-left: 25px; margin-top: -6px;}
.page2 .zm-txt{position: absolute;bottom: 0;left: 0;width: 100%; color: #d1d1d1; font-weight: bold; font-size: 17px; line-height: 30px; text-align: center; height: 34px;}
.page2 .receive-top-right img{width: 148px; margin: 15px auto 0;}

.page2 .skin-list{font-size: 0; text-align: center; height: 428px;margin-top: 40px;}
.page2 .skin-list li{ margin: 0 74px; width: 193px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page2 .skin-list .skin-tit{display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; color: #d1d1d1; font-size: 16px; line-height: 22px; height: 37px;}
.page2 .skin-list .skin-tit i{position: absolute; top: 7px;}
.page2 .skin-list .skin-tit .icon-2l{left: -15px;}
.page2 .skin-list .skin-tit .icon-2r{right: -15px;}


.page2 .prop-img{width: 197px; height: 347px; margin: 0 auto 18px; position: relative;}
.page2 .back,.page2 .front{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform .6s; -moz-transition: transform .6s; perspective: 1200px; backface-visibility: hidden; -moz-backface-visibility: hidden;}
.page2 .card-face{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.page2 .back,.page2 li.opened .front{transform: rotateY(180deg);}
.page2 li.opened .back{transform: rotateY(0deg); cursor: pointer;}
.page2 .front{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/card-b.png) no-repeat; transform: rotateY(0deg);}
.page2 .back .img-box{width: 190px;height: 345px;overflow: hidden;margin: 0 auto;position: relative;}
.page2 .back.color-box .img-box{padding-top: 0; background: #191919;}
/* .page2 .back .prop-border em,.page2 li.selected .back .prop-border i{display: none;} */
.page2 li.selected .back .prop-border em{display: block;}
.page2 .back .prop-border{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/card-a.png) no-repeat;}
.page2 .back .img-box img{width: 100%;}
.page2 .back .price-name{font-size: 16px; line-height: 24px; color: #fff; position: absolute; left: 0; bottom: 0; padding: 0 12px 20px; width: 100%;}
.page2 .back .i-sel{position: absolute; left: 0px; top:0px; cursor: pointer;}

.page2 .btn-open{display: block; margin: 0 auto; color: #000; font-weight: bold; line-height: 36px; font-size: 18px;}
.page2 .btn-open.gray {color: #1a1a1a;}
.page2 .btn-comm{margin-bottom: 5px;}
.page2 .btn-view{ color: #d1d1d1; font-size: 14px; border-bottom: 1px solid #d1d1d1;}
.page2 .btn-view:hover{color: #fa1111; border-bottom: 1px solid #fa1111;}
.page2 .change-tips{ color: #d1d1d1; font-size: 16px; line-height: 20px; height: 20px;margin-top: 0.2rem;}
.page2 .change-tips a{ color: #e9372d; font-size: 14px; border-bottom: 1px solid #fa1111; margin-left: 6px;}
.page2 .change-tips a:hover{color: #fff2e5; border-bottom: 1px solid #fff2e5;}

.page2 .receive-text-box {display: flex;justify-content: center;}
.tip_t{font-size: 22px;text-align: center;color: #fff2e9;margin-top: 10px;}

.receive-text-right {margin-left: 27px;}
.receive-text-ul {width: 314px;}
.receive-text-ul .receive-text-dt {cursor: pointer; width: fit-content; position: relative; font-size: 30px; line-height: 1; font-weight: bold;z-index: 0;margin: 0 auto; color: #20242b;margin-bottom: 19px;}
.receive-text-ul .receive-text-dt::before {z-index: -1;content: "";position: absolute;left: 50%;bottom: -7px;transform: translateX(-50%);width: 119px;height: 3px;background: #000;}
.receive-text-ul .receive-text-dd {font-size: 16px; line-height: 32px; position: relative; text-align: center;color: #686c69;width: 205px;margin: 0 auto;}
.page2 .receive-text-ul strong {position: absolute;right: 0;top: 50px;/* bottom: 0; */transform: translateY(-50%);}
.page2 .receive-text-ul .special {margin-left: 0;}
.page2 .receive-text-ul .spate{width: 16px;height: 16px;display: block;border-radius: 50%;border: 2px solid #686c69; position: absolute;bottom:6px;left: 20px;}
.receive-btns {position: relative; display: flex;align-items: center;justify-content: center;margin-top: 20px;margin-bottom: 15px;}
.page2 .receive-btns a { margin: 0 17px;font-size: 18px;letter-spacing: 0; }
.page2 .role-img {position: absolute;left: 50%;transform: translateX(-50%);top: 294px;width: 1860px;height: 451px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/role-img1.png) no-repeat;pointer-events: none;}
.receive-text-ul .receive-text-dd2 strong{top: 15px;right: -40px;}
.receive-text-ul .receive-text-dd2 {        padding-left: 35px;}
.receive-text-ul .receive-text-dd em{text-decoration: underline;cursor: pointer;}

.page3 .main{padding-top: 321px; text-align: center;}
.page3 .tips-list{height: 88px;}
.page3 .prize-icon-box{font-size: 0; text-align: center; margin-top: 0; position: relative; height: 278px;}
.page3 .prize-icon-box .lin4{position: absolute; left: 50%; margin-left: -5px; top: -6px;}
.page3 .icon-box{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 390px;}
.page3 .icon-img{margin: 0 auto 30px; width: 168px; height: 166px; position: relative;}
.page3 .icon-img .convention{height: 100%; margin: 0 auto;}
.page3 .icon-img .special{width: 269px; height: 269px; position: absolute; left: 50%; top: 50%; margin-left: -134.5px; margin-top: -134.5px;}
.page3 .icon-name{ color: #252525; font-size: 18px; line-height: 20px;}
.page3 .explain-txt{font-size: 14px; padding: 0 6px; background: #ce1010; color: #fff2e5; line-height: 30px; display: inline-block; vertical-align: top; *zoom:1; *display: inline; margin-bottom: 60px;}
/* .page3 .btn-comm {background-image: url(//game.gtimg.cn/images/lol/act/a20250724summer/btn-comm1_gray.png);pointer-events: none;} */
.page3 .tips {font-size: 15px;color: #505050;text-align: center;line-height: 1;margin-top: 5px;}
.page3 .ex-tit {width: 146px;height: 56px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/ex-tit-bg.png) no-repeat;font-size: 30px;color: #d1d1d1;line-height: 56px;text-align: center;font-weight: 700;margin: 48px auto 0;}
.page3 .ex-box {width: 620px;margin: 15px auto 0;}
.page3 .ex-box li {display: flex;align-items: center;font-size: 15px;color: #505050;font-weight: 400;line-height: 1;}
.page3 .ex-box li:nth-child(n + 2) {margin-top: 13px;}
.page3 .ex-box li i {width: 6px;height: 8px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec2.png) no-repeat;margin-right: 14px;}

.page4 .main{padding-top: 370px; font-size: 0; text-align: center;}
.page4 .tips{display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; font-size: 18px; color: #252525; line-height: 32px; height: 67px;}
.page4 .tips i{position: absolute; top: 13px;}
.page4 .tips .icon-1l{left: -20px;}
.page4 .tips .icon-1r{right: -20px;}
.page4 .tips-list{height: 44px;}
.page4 .tips-list li{ font-size: 0; text-align: center; padding-bottom: 10px;}
.page4 .tips-list li p,.page4 .tips-list li h3,.page4 .tips-list li a{display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page4 .tips-list li p{font-size: 15px; padding: 0 6px; background: #ce1010;}
.page4 .tips-list li h3{font-size: 18px;}
.page4 .tips-list li a{ color: #f60707; border-bottom: 1px solid #f60707; font-size: 18px; line-height: 18px; margin-top: 0; margin-left: 20px;}
.page4 .tips-list li a:hover{color: #fff2e5; border-bottom: 1px solid #fff2e5;}
.page4 .skin-box{ height: 570px;}

.page5 .main{padding-top: 166px; font-size: 0; text-align: center; line-height: 16px;}
.page5 dl{width: 700px; margin: 0 auto; position: relative; padding-left: 120px; color: #8a8a8a;}
.page5 dl:nth-child(2) {margin-top: 27px;}
.page5 dt{position: absolute; font-size: 22px; left: 0; top: -4px; line-height: 30px; font-weight: bold;color: #d1d1d1;z-index: 0;}
.page5 dt::before{content: "";position: absolute;left: 0;bottom: 0; width: 88px;height: 4px;background: url(//game.gtimg.cn/images/lol/act/a20250724summer/icon-dec1.png) no-repeat;z-index: -1;}
.page5 dd{font-size: 18px; line-height: 25px; position: relative; text-align: left;}
.page5 dd:nth-child(n + 3) {margin-top: 20px;}
.page5 strong{position: absolute; right: 0; top: 0; text-align: center; font-weight: normal; font-size: 14px; line-height: 23px;color: #8a8a8a;}
.page5 .special{ font-weight: 400; color: #d1d1d1; margin-left: 0;}
.page5 .gift-name{ color: #d1d1d1; font-size: 22px; line-height: 24px; text-align: center; height: 61px;margin-top: 446px;}
.page5 .btn-goto{ color: #8a8a8a; font-size: 14px; border-bottom: 1px solid #8a8a8a;}
.page5 .btn-goto:hover{color: #fa1111; border-bottom: 1px solid #fa1111;}
.page5 .btn-receive{margin-bottom: 12px;position: absolute;left: 50px;
	top: 540px;}
.m5-box1{
	width: 1692px;
	height: 889px;
	position: absolute;
	right: -360px;
	top: 40px;
}
.page5 .tit{position: absolute;        left: 20px;
	top: 450px;}


.page6 .main{padding-top: 250px; font-size: 0; text-align: center;}
.page6 .tips{display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; font-size: 18px; color: #252525; line-height: 32px;}
.page6 .tips i{position: absolute; top: 12px;}
.page6 .tips .icon-1l{left: -50px;}
.page6 .tips .icon-1r{right: -50px;}
.page6 .gift-list{width: 120%; margin-left: -10%; margin-top: 347px;}
.page6 .gift-list li{width: 630px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page6 .gift-list li:nth-of-type(2){padding-right: 21px;}
.page6 .gift-list p{ color: #505050; font-size: 18px; line-height: 30px; height: 36px;}
.page6 .gift-list a{ color: #e9372d; border-bottom: 1px solid #e9372d; font-size: 15px; line-height: 18px; margin-top: 5px;}
.page6 .gift-list a:hover{color: #f2f2f2; border-bottom: 1px solid #f2f2f2;}
.rili{background: url(//game.gtimg.cn/images/lol/act/a20250724summer/rili.png) no-repeat;width: 1271px;height: 664px;margin-top: 20px;}

.wrapper .page6 .tit{

}

.page7 .main{padding-top: 116px; font-size: 0; text-align: center;}
.page7 .tips{display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; font-size: 15px; color: #fff2e5; line-height: 32px; height: 102px;}
.page7 .tips i{position: absolute; top: 10px;}
.page7 .tips .icon-1l{left: -26px;}
.page7 .tips .icon-1r{right: -26px;}
.page7 ul{font-size: 0; text-align: center; padding-top: 210px;}
.page7 li{width: 299px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page7 li h4{font-size: 15px; line-height: 37px; color: #ff1010; font-weight: bold;}
.page7 li .txt-box{height: 148px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; color: #f2f2f2; font-size: 12px; line-height: 23px; width: 80%; margin: 0 auto;}
.page7 li .txt-box span{ color: #ff1010;}

.page8 .main{padding-top: 125px;}
.page8 .rule-list{padding: 0 50px; text-align: justify;}
.page8 .rule-list li{padding-bottom: 15px;}
.page8 .rule-list p{padding-left: 25px; position: relative; line-height: 30px; font-size: 18px;}
.page8 .rule-list .spr{position: absolute; left: 0; top: 7px; text-align: center; line-height: 18px; font-size: 15px; color: #676767; padding-right: 4px;font-style: normal;}
.page8 .rule-list .ask{ color: #676767; padding-bottom: 0;}
.page8 .rule-list .answer{ color: #676767;font-weight: bold;}


.page3 .btn-lottery:hover,.page2 .rebate-right a:hover,.wrapper .scrollbar-box .btn-unlock:hover,.dia .btn-confirm:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.page3 .btn-lottery.gray,.page3 .btn-lottery.gray:hover,.page2 .rebate-right a.gray,.page2 .rebate-right a.gray:hover{-webkit-filter: brightness(1); filter: brightness(1); pointer-events: none;}

.dia{display: none; outline: none;}
.dia,.dia *{box-sizing: border-box;}
.dia .btn-close{position: absolute; right:-86px; top: 0; z-index: 3;}
.dia .btn-close i{ transition: .3s ease all; display: block; margin: 0 auto;}
.dia .btn-close:hover i{transform: rotate(90deg);}
.dia-all-list{width:900px; height: 824px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/tc1.png) no-repeat;background-size: 100% 100%; padding-top: 50px;}
.dia-all-list .tab-btnbox{font-size: 0; text-align: center; height: 80px;        margin-bottom: 20px;}
.dia-all-list .tab-btnbox p{display: inline-block; vertical-align: top; *zoom:1; *display: inline; margin: 0 0; color: #101010; font-size: 17px; line-height: 48px;}
.dia-all-list .tab-btnbox a{display: block; margin: 0 auto; height: 100%; width: 80%; color: #000;        line-height: 66px;font-weight: bold;}
.dia-all-list .tab-btnbox p.on a{ color: #000;}

.dia .gift-list{font-size: 0; text-align: left; width: 830px;}
.dia .gift-list li{width: 155px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.dia .gift-list .skin-box{height: 305px;}
.dia .gift-list .color-box{height: 305px;}
.dia .gift-list .contain{width: 144px; margin: 0 auto; position: relative; padding-top: 1px;}
.dia .gift-list .img-box{width: 144px; margin: 0 auto; overflow: hidden; height: 250px; background: #191919;}
.dia .gift-list .color-box .img-box{ height: 250px;}
.dia .gift-list .img-box img{width: 100%;height: 100%;}
.dia .gift-list .border{ width: 144px; position: absolute; left: 0; top: 0;}
.dia #color-list .border{ width: 144px; position: absolute; left: 0; top: 0;}
.dia #color-list .img-box{        width: 144px;
	margin: 0;}

.dia .gift-list .skin-box .border{ height: 253px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/skin-border.png) no-repeat;}
.dia .gift-list .color-box .border{ height: 253px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/skin-border.png) no-repeat;}
.dia .gift-list .name{font-size: 14px; color: #fff; line-height: 18px; text-align: center; margin-top: 9px;}
.dia .tab-divbox .tab-main{display: none; overflow-y: auto; height: 605px; margin: 0 auto; width: 800px;overflow-x: hidden;}
.dia .tab-divbox .tab-main.on{display: block;}
.dia .tab-divbox .tab-main::-webkit-scrollbar {width:4px;background:transparent; border-radius:2px;}
.dia .tab-divbox .tab-main::-webkit-scrollbar-thumb {background-color:#3b8efd; border-radius:2px;}

.dia-tips{width: 900px; height: 239px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/tc2.png) no-repeat; padding: 50px;}
.dia-tips .tips-box{display:flex; display:-webkit-flex; align-items:center; justify-content:center; height: 100%; width: 100%;}
.dia-tips .tips-box p{font-size: 20px; line-height: 30px; color: #fff; text-align: center;}

.dia-reconfirm{width: 900px; height: 239px; background: url(//game.gtimg.cn/images/lol/act/a20250724summer/tc2.png) no-repeat; padding:50px 50px;}
.dia-reconfirm .tips-box{display:flex; display:-webkit-flex; align-items:center; justify-content:center; height: 90px; width: 100%;}
.dia-reconfirm .tips-box p{font-size: 16px; line-height: 30px; color: #fff; text-align: center;}
.dia-reconfirm .btn-box{font-size: 0; text-align: center;}
.dia-reconfirm .btn-box a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; font-size: 18px; line-height: 39px; color: #ebe9e2;margin: 0 28px;}
.dia-reconfirm .btn-box a.btn-cancel{ color: #171717;}

.qConnectLogin{z-index: 99999;}


.pc_hover{
	background: url(//game.gtimg.cn/images/lol/act/a20250724summer/pc_hocer.png) no-repeat;
	width:344px;
	height: 178px;
	position: absolute;
	top: -190px;
	left: 570px;
	display: none;
	z-index: 10;
    	background-size: 100% 100%;
}
.pc_hover2{
	background: url(//game.gtimg.cn/images/lol/act/a20250724summer/pc_hocer2.png) no-repeat;
	width:166px;
	height: 178px;
	position: absolute;
	top: -230px;
	left: 730px;
	display: none;
	z-index: 10;
    	background-size: 100% 100%;
}
.hover_bbtn{
    display: none;
}