html{overflow-x:hidden}
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5{margin:0;padding:0}
a,img,input{border:none}
body{font:14px/1.75 -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}
a{text-decoration:none}
ul,li{list-style:none}
b,i,em{font-style:initial}
a,img{-webkit-touch-callout:none}
html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
img{-o-object-fit:cover;object-fit:cover}
img[src=""],img:not([src]){opacity:0}
a:not(.gray,.on,.active,.brightness,.disabled):hover{-webkit-filter:brightness(1.05);filter:brightness(1.05)}
.hide,.hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;opacity:0}
.wrap *,.wrap *::after,.wrap *::before{outline:0;background-repeat:no-repeat;background-position:center top;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#afooter{background:#000000;padding:20px 0;line-height:28px;color:#ffffff;text-align:center;font-size:16px;position:relative;margin-top:0px;font-family:"tahoma"}
#afooter a{color:#ffffff;text-decoration:none}
*{-webkit-tap-highlight-color:rgba(255,255,255,0)}
body::-webkit-scrollbar-track-piece{background-color:#05060a}
body::-webkit-scrollbar{width:6px}
body::-webkit-scrollbar-thumb{background-color:#4c5470;border-radius:10px}
*[hidden]{display:none !important}
img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.disabled{pointer-events:none}
.wrapper{width:2560px;margin:0 auto}
@font-face{font-family:"hy80";src:url('//game.gtimg.cn/images/lol/act/a20250617account/hy80.ttf');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}
@font-face{font-family:"hy70";src:url('//game.gtimg.cn/images/lol/act/a20250617account/hy70.ttf');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}

.wrap{width:2560px;position:relative;overflow:hidden;background-color:#102c78;
    height: 1576px;
    background-image: url("//game.gtimg.cn/images/lol/act/a20250617account/bg.jpg");
    background-size: cover;
    background-position: center top;
    box-sizing: border-box;
    padding-top: 70px;

}
.cont{width:100%;height:100%;margin:0 auto;position:relative;padding-top:0}
.top_tit{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/top_title.png) no-repeat;
    background-size: 100% 100%;
    width: 896px;
    height: 220px;
    margin: 0 auto;

}
.top_time{
    font-size: 26px;
    text-align: center;
    color: #fffeda;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.top_time p{
    margin: 0 30px
}

.top_line{
    display: block;
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/top_line.png) no-repeat center;
    width: 204px;
    height: 30px;

}
.top_line2{
    transform: rotate(-180deg);
}
.login-box {
    font-size: 20px;
    color: #eaecd0;
    width: 100%;
    text-align: center;
    z-index: 3;
    margin-top: 20px;
}
 .login-box a {
    color: #f5c46c;
}
.txt_p1{
    font-size: 22px;
    text-align: center;
    color: #e5c186;
    font-family:"hy80";
}
.txt_box{
    margin-top: -20px;
}
.txt_bor{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/txt-bor.png) no-repeat;
    background-size: 100% 100%;
    width: 1526px;
    height:191px;
    margin: 0 auto;
    margin-top:30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 75px;
}
.bor-txt1 p{
    font-size: 21px;
    color: #fff6da;
    margin-left: 10px;
    font-family:"hy70";

}
.bor-txt2 p{
    font-size: 21px;
    color: #fff6da;
    margin-left: 0px;
    font-family:"hy70";
}
.bor-txt1{
    display: flex;
    align-items: center;
}
.bor-txt2{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.bor-txt1 span{
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#f1e4ca),color-stop(70%,#efcc93));
    background-image: -moz-linear-gradient(top,#f1e4ca 30%,#efcc93 70%);
    background-image: linear-gradient(to bottom,#f1e4ca 30%,#efcc93 70%);
    background-size: 100% 100%;
    background-position: 50% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(255,255,255,0);
    font-size: 28px;
    font-family:"hy80";
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.bor-txt2 span{
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#f1e4ca),color-stop(70%,#efcc93));
    background-image: -moz-linear-gradient(top,#f1e4ca 30%,#efcc93 70%);
    background-image: linear-gradient(to bottom,#f1e4ca 30%,#efcc93 70%);
    background-size: 100% 100%;
    background-position: 50% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(255,255,255,0);
    font-size: 28px;
    font-family:"hy80";
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.tit1{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/tit1.png) no-repeat;
    background-size: 100% 100%;
    width: 227px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.txt_p2{
    font-size: 22px;
    text-align: center;
    color: #fffada;
    font-family:"hy70";
    margin-top: 20px;
}
.line_fg{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/line_fg.png) no-repeat;
    background-size: 100% 100%;
    width:1187px;
    height: 15px;
    margin: 0 auto;
    margin-top: 25px;
}
.tit2{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/tit2.png) no-repeat;
    background-size: 100% 100%;
    width:523px;
    height: 131px;
    margin: 0 auto;
    margin-top: 0px;
}
.dev_icon{

    width:216px;
    height: 201px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.select-btn:before {
    content: "";
    width:216px;
    height: 201px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(//game.gtimg.cn/images/lol/act/a20250617account/wxz.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

.select-btn:checked:before {
    content: "";
    width:216px;
    height: 201px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(//game.gtimg.cn/images/lol/act/a20250617account/xz.png);
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer
}






.dev_box{
    width:216px;
    height: 201px;

}
.de_box{
    display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
}
.qq_tx{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/qq.png) no-repeat;
    background-size: 100% 100%;
    width:100px;
    height: 131px;
    position: relative;
    z-index: 2;
    pointer-events: none;

}
.wx_tx{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/wx.png) no-repeat;
    background-size: 100% 100%;
    width:100px;
    height: 129px;
    position: relative;
    z-index: 2;
    pointer-events: none;
}





.wx_box{margin-left: 95px;}
.select-btn{
    width: 100%;
    height: 100%;
    appearance: none;
    outline: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;

}
.btn-sure{
    background: url(//game.gtimg.cn/images/lol/act/a20250617account/btn_qd.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    margin: 0 auto;
    width:337px;
    height: 85px;
    margin-top: 100px;
}
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  pointer-events: none;
}
.txt_p3{
    font-size: 22px;
    color: #fff7da;
    text-align: center;
    margin-top: 25px;
    font-family:"hy80";
}
.txt_p3 em{
    color: #f2c987;
}
.hlogo {
    position: absolute;
    width: 173px;
    height:55px;
    background-image: url("//game.gtimg.cn/images/lol/act/a20250617account/logo.png");
    background-size: 100% 100%;
    top: 40px;
    left: 40px;
    z-index: 2;
    display: block
}
.user_name{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #edc58c;
}
.user_name2{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #d5cab2;
}







.comm1 .pop-con {
    width:993px;
    height: 367px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/comm.png) no-repeat center center / 100% 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
}
.pop_tit1{
    width:505px;
    height:96px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/pop_tit1.png) no-repeat center center / 100% 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.duihuan-msg{
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    color: #fffddf;
    line-height: normal;

}

.btn_bind{
    display: block;
    width: 353px;
    height: 89px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/btn_qd2.png) no-repeat center center / 100% 100%;
    margin: 0 auto;
    
}

.dia_close{
    display: block;
    width: 45px;
    height: 45px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/close.png) no-repeat center center / 100% 100%;
    position: absolute;
    right: 30px;
    top: 20px;
}

.comm2 .pop-con {
    width:993px;
    height: 367px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/comm.png) no-repeat center center / 100% 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    padding-top: 80px;

}



.comm3 .pop-con {
    width:993px;
    height: 367px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/comm.png) no-repeat center center / 100% 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 80px;
    padding-top: 60px;

}
.btns-bind{
    display: flex;
    column-gap: 110px;

}
.comm1 .btns-bind{margin-top: 15px;}
.comm2 .btns-bind{margin-top: 50px;}
.comm3 .btns-bind{margin-top: 20px;}

.btn_qx{
    display: block;
    width: 321px;
    height: 81px;
    background:url(//game.gtimg.cn/images/lol/act/a20250617account/qx.png) no-repeat center center / 100% 100%;
    margin: 0 auto;
}
.m{display: none !important;}





.pop_test{
    position: fixed;
    right: 0;
    top: 20%;
    background: rgba(0, 0, 0, .5);
}
.pop_test a{
    display: block;
    line-height: 35px;
    height: 130px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    display: flex;
    width: 200px;
    align-items: center;
    justify-content: center;
}