/* reset */
body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }
body { -webkit-text-size-adjust: none; background-color: #0f0705; font: 0.24rem -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: #0f0705; }
header, nav, section, article, footer, figure, figcaption { display: block; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; font-size: 100%; }
ol, ul { margin: 0; padding: 0; }
fieldset { border: none; margin: 0; padding: 0; }
a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
table { border-collapse: collapse; border-spacing: 0; }
em, strong { font-weight: normal; font-style: normal; }
a { text-decoration: none; }
a, img { -webkit-touch-callout: none; }
html, body { -webkit-user-select: none; user-select: none; }

/*comm*/
.hide { display: block; width: 0; height: 0; overflow: hidden; }
:focus { outline: none; }
.c:before, .c:after { content: ""; display: table; }
.c:after { clear: both; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.db { display: block; text-indent: -9999em; }
.pf { position: fixed; }
.hide, .hid { text-indent: -99.99rem; font-size: 0rem; overflow: hidden; width: 0rem; height: 0rem; opacity: 0; }
input, textarea, section { border-radius: 0; outline: none; }
body, html { width: 100%; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: none; font-variant-numeric: tabular-nums; font-feature-settings: "tnum";  /* overflow-x: hidden; */ }
html { -webkit-text-size-adjust: 100%; }
i { font-style: normal; }
.wrapper .content .section { width: 100%; position: relative; overflow: hidden; }

/* .wrapper {
overflow: hidden;
} */
.bg { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
@font-face { font-family: 'BeaufortforLOL-Medium'; src: url("//game.gtimg.cn/images/lol/act/a20250925arcana/font/beaufortforlol-bold.OTF"); }
[data-price], .spr { font-size: 0; text-indent: -9999em; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/spr.png) 0 0/8rem 8rem no-repeat; }
@supports (-webkit-background-clip:text) {

   /* .text-color1 {
background-image: linear-gradient(to bottom, #52f7d8 38%, #d7fdd7 62%);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
padding-right: 0.26rem;
}

.text-color2 {
background-image: linear-gradient(to bottom, #cb3a45 38%, #e46343 62%);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
padding-right: 0.26rem;
}

.text-color3 {
background-image: linear-gradient(to bottom, #ddc5a3 38%, #ac8c62 62%);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
padding-right: 0.26rem;
}  */
.text-color1
.text-color2, .text-color3 { font-size: 0 !important; }
}

/* header */
.wrapper .header { width: 100%; height: 7.66rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/header_01.jpg) center top/100% 100% no-repeat; position: relative; z-index: 21; }
.wrapper .header .logo { width: 1.34rem; height: 0.38rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/logo.png) 0 0/100% 100% no-repeat; position: absolute; left: 0.3rem; top: 0.4rem; z-index: 1; }
.btn-box .J-btn-buy, .module1 .show-content .J-btn-buy, .module2 .show-content .J-btn-buy { display: block; width: 3.13rem; height: 0.84rem; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/purchase_btn.png); background-size: 100% 100%; position: relative; z-index: 88; }
.module2 .show-content .J-btn-buy, .module1 .show-content .J-btn-buy { margin: 0.15rem 0 0 1.5rem; }
.module2 .show-content .small-bg .J-btn-buy { width: 2.71rem; height: 0.73rem; margin-left: 0.97rem; }

/* .btn-box .J-btn-buy.mt{
margin-top: 0.5rem;
} */

/* .module2 .show-content .J-btn-buy.ml{
margin-left: 0.1rem;
} */

/* xc */
.colorfulBtn { width: 7.44rem;  /* height: 4.94rem; */ position: absolute; bottom: 0.42rem; left: 50%; transform: translateX(-50%); z-index: 20; }
.show-content { width: 7.44rem;  /* height: 7.78rem; */ overflow: hidden; }
.module1.show-content { height: 7.38rem; }
.show-content .gift-box .selling-time { min-width: 4.44rem; height: 0.3rem; line-height: 0.3rem; color: #000000 !important; font-size: 0.18rem; text-align: left !important; font-weight: bold; margin: 0.1rem 0 0 0.05rem; }
.show-content .selling-time span { font-size: 0.16rem; color: #000000; font-weight: normal; }
.bottom { clear: both; }
.bottom .color_img { padding-bottom: 0.2rem; }
.bottom>ul { display: flex; margin: 0.72rem auto 0; transform: translateX(-0.1rem); }
.bottom li { width: 1.85rem; text-align: center; font-size: 0.16rem; font-family: "Microsoft YaHei"; line-height: 1.3; }
.bottom li img { max-width: 100%; max-height: 1.5rem; }
.bottom ul li p:nth-child(1) { color: #ffffff; }
.bottom li p:nth-child(2) { color: #d3333e; margin-top: 0.04rem; }
.show-content .clear { margin: 0.1rem auto 0; width: 7.44rem; height: 4.94rem; padding: 0 0 0 0.7rem; box-sizing: border-box; }
.module1 .clear { background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/colorful-bg1.png) 0 0/100% 100% no-repeat; margin: 0rem auto 0; overflow: hidden; }
.show-content .clear .floatl { margin-top: 1rem; }
.module1 .clear .wqt-text { margin-top: 0.15rem; }
.module1 .clear .wqt-text span { font-weight: initial; font-size: 0.16rem; color: #261d2c; margin-right: 0.1rem; }
.module1 .clear .wqt-text p:nth-of-type(2) { margin-top: 0.06rem; }
.module1 .clear .wqt-text p { color: #261d2c; font-size: 0.16rem; position: relative; z-index: 2; padding-left: 0.2rem; letter-spacing: 0; font-weight: bold; }
.module1 .clear .wqt-text p::before { content: ''; width: 0.06rem; height: 0.06rem; background-color: #cb3a45; position: absolute; left: 0; top: 0.08rem; }
.module1 .clear .colorful-name1 { width: 2.3rem; height: 0.78rem; font-size: 0; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-name1.png) 0 0/100% 100% no-repeat; }
.module2 .clear .colorful-name2 { width: 1.94rem; height: 0.78rem; font-size: 0; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-name2.png) 0 0/100% 100% no-repeat; }
.module2 .clear.big { height: 4.94rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/colorful-bg2.png) center top/100% 4.94rem no-repeat; margin: 0; }
.module2 .clear.small-bg { width: 7.26rem; height: 2.96rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/colorful-bg2-small.png) 0 0/100% 100% no-repeat; margin: 0.1rem auto 0; padding: 0 0.4rem 0 0.5rem; }
.module2 .clear .wqt-text { margin-top: 0.16rem; }
.module2 .clear .floatl { margin-top: 0; padding-top: 1rem; }
.module2 .clear.small-bg .floatl { padding-top: 0.58rem; }

/* .module2 .clear.small-bg .floatl{
margin-top: 0.75rem;
} */
.module2 .clear .wqt-text span { font-weight: initial; font-size: 0.16rem; color: #261d2c; margin-right: 0.1rem; }
.module2 .show-content .right { margin-top: 0.33rem; }
.module2 .show-content.small .right { margin-top: -0.06rem; }
.module2 .clear .wqt-text p:nth-of-type(2) { margin-top: 0.06rem; }
.module2 .clear .wqt-text p { color: #261d2c; font-size: 0.16rem; position: relative; z-index: 2; padding-left: 0.2rem; font-weight: bold; }
.module2 .clear .wqt-text p::before { content: ''; width: 0.06rem; height: 0.06rem; background-color: #cb3a45; position: absolute; left: 0; top: 0.08rem; }
.module1 .show-content .icon-label2 { line-height: 0.38rem; }
.show-content .gift-box { display: flex; justify-content: left; margin: 0.24rem 0 0 0; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/gift-boxicon.png) no-repeat; background-size: 0.2rem 0.2rem; background-position: 0rem 0.05rem; padding-left: 0.32rem; height: auto; color: #000000; }
.show-content .gift-box .colorfulIcon { text-align: center; height: 0.29rem; line-height: 0.29rem; font-size: 0.16rem; background-size: cover; color: #ffffff; white-space: nowrap; }
.show-content .gift-box .colorfulIcon span { white-space: nowrap; }
.show-content .gift-box>p:nth-child(1) { font-size: 0.2rem; line-height: 0.3rem; font-weight: bold; color: #000000; margin-right: 0.12rem; margin-bottom: 0.06rem; }
.show-content .gift-main { width: 4.77rem; }
.show-content .colorfulIcon-first { width: 1.2rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon.png) no-repeat; background-size: 100% 100% !important; margin-right: 0.05rem; display: inline-block; }
.show-content .colorfulIcon-last { width: 1.97rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon3.png) no-repeat; background-size: 100% 100% !important; margin-right: 0.05rem; display: inline-block; }
.show-content .colorfulIcon-two { width: 1.43rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon1.png) no-repeat; background-size: 100% 100% !important; display: inline-block; }
.show-content .right { display: flex; flex-direction: column; align-items: center; margin-top: 0.32rem; width: 4.51rem; }
.show-content .right.direction-row { flex-direction: row; justify-content: flex-start; width: auto; }
.show-content .right.direction-row * { flex-shrink: 0; letter-spacing: 0; }
.show-content .selling-price { display: flex; align-items: center; position: relative;  /* left: -0.4rem; */ width: 4.51rem; padding-left: 0.2rem; height: 1.15rem; }
.show-content .direction-row .selling-price { top: 0.06rem; padding-top: 0; padding-left: 0; width: auto; flex-shrink: 0; }
.show-content .selling-price * { flex-shrink: 0; }
.show-content .selling-price .priceIcon { width: 0.27rem; height: 0.72rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/bq2.png) no-repeat; background-size: 100% 100% !important; font-size: 0; line-height: 1.8; text-align: center; padding: 0; margin-right: 0.2rem; }
.show-content .selling-price .text-color2 {  /* font-size: 1.38rem;
font-family: 'BeaufortforLOL-Medium'; */
margin: 0 0 0 -0.14rem; }
.selling-price .text-color2.text {  /* width: auto; */
transform: translateY(-0.03rem); }
.decimal {  /* color: #c9b9c5; */

  /* font-family: 'BeaufortforLOL-Medium'; */

  /* font-size: 0.52rem!important; */
margin-top: -0.16rem !important; }
.show-content .tb .sub { color: black; font-size: 0.2rem; display: block; margin: 0.76rem 0 0 0.14rem; }
.show-content .tb .sub.mt { margin: 0.8rem 0 0 0.1rem; }
.show-content .tb { margin-top: -0.7rem; margin-left: -0.05rem; }
.show-content .gray { font-size: 0.14rem; display: block; color: black; position: absolute; bottom: 0.23rem; left: 2.11rem; width: 1.75rem; white-space: nowrap; }
.show-content .gray.pl { left: 2.17rem; }
.show-content .gray.mb { bottom: 0.32rem; left: 3rem; }

/* .show-content .selling-price>* {
display: inline-block;
vertical-align: text-bottom;
} */
.show-content .small-bg .gray.mb { left: 2.28rem; bottom: 0.21rem; }
.show-content .selling-price .decimal { transform: translate(-0.2rem, -0.12rem); }
.colorfulIcon2 { background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon2.png) no-repeat; font-size: 0.16rem; background-size: 100% 100%; width: 1.05rem; height: 0.36rem; text-align: center; line-height: 0.45rem; color: #170c12; margin: 0.05rem auto 0; }
.section .top { position: absolute; width: 7.5rem; }
.section.module2 .top .cont-left { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; position: relative; }
.section.module2 .top .cont-left { flex-direction: row; }
.section .top .cont-left * { flex-shrink: 0; }
.cont-left .btn-play { width: 0.8rem; height: 0.75rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/play_btn1.png) no-repeat; background-size: 100% 100% !important; cursor: pointer; margin-top: 1.15rem; animation: ani-scale 2s linear infinite; }
@keyframes ani-scale {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.cont-right { position: relative; right: 0; z-index: 15; }
.cont-right .price-column { display: flex; justify-content: center; align-items: center; width: 2.4rem; margin-left: 0.76rem; margin-right: 0.06rem; }
.cont-right .price-column .pr-txt { width: 0.25rem; height: 0.75rem; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/bq1.png); transform: translateY(0.02rem) translateX(-0.1rem); color: #f1dab5; font-size: 0; line-height: 1.8; text-align: center; padding: 0; }

/*.cont-right .price-column .price {  /~ font-size: 1.38rem; ~/

/~ line-height: 1.1; ~/ }*/
[data-price='109'] { background-position: -0.08rem -2.98rem; width: 1.55rem; height: 0.76rem; }
[data-price='89'] { background-position: -1.82rem -2.98rem; width: 1.07rem; height: 0.76rem; }
[data-price='149'] { background-position: -3.08rem -2.98rem; width: 1.48rem; height: 0.75rem; }
[data-price='109-red'] { background-position: -0.1rem -3.93rem; width: 1.55rem; height: 0.75rem; }
[data-price='151-2'] { background-position: -1.82rem -3.92rem; width: 1.89rem; height: 0.76rem; }
.cont-right .price-column .sub { color: #c3ffe9; font-size: 0.2128rem; transform: translate(0.02rem, 0.25rem); }
.cont-right .btn-box { width: 3.13rem; text-align: center;  /* margin: 0; */ }
.module2 .cont-right .btn-box { margin-left: 0.2rem; }

/* part1 */
.section.module1 { height: 15.58rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/bg_02.jpg) no-repeat; background-size: 100% 100%; z-index: 21; margin-top: -1px; }
.section.module1 .cont-left { width: 6.3rem; display: flex; flex-direction: row-reverse; }
.section.module1 .cont-left .name1 { margin-left: 0; }
.section.module1 .skin-tag { width: 1.72rem; height: 0.95rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/skin-tag1.png) 0 0/100% 100% no-repeat; position: absolute; left: 47.3%; transform: translateX(-50%); top: -0.94rem; z-index: 2; }
.module1 .top { right: -0.2rem; margin-top: 6.36rem; width: 7.5rem; }
.module1 .cont-left .name1 { width: 4.18rem; height: 2.13rem; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/module1_name1.png); margin-right: 0.06rem; margin-left: 1.22rem; }
.module1 .cont-right { width: 7.5rem; top: 0.63rem; left: 0; display: flex; }

/* part2  */
.section.module2 { height: 25.04rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/bg_03.jpg) no-repeat; background-size: 100% 100%; z-index: 20; }
.module2 .top { margin-top: 7.1rem; }
.module2 .colorfulBtn { bottom: 9.18rem; height: 4.94rem; }
.module2 .colorfulBtn.small { bottom: 0.82rem; height: 7.29rem; }

/* .module2 .colorfulBtn .show-content.big{
height: 4.94rem;
} */
.module2 .colorfulBtn .show-content.small { height: 7.29rem; }
.module2 .cont-left .name1 { width: 3.15rem; height: 2.13rem; font-size: 0; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/module2_name1.png); }
.module2 .cont-right { width: 7.5rem; top: 0.65rem; left: 0; display: flex; }
.module2 .cont-left .btn-play {  /* margin: 1.48rem 0.4rem 0 0.35rem; */
margin-top: 1.15rem; }
.module2 .price-column .sub { transform: translate(0.02rem, 0.25rem); }
.module2 .bottom>ul { margin: 0.2rem auto 0; }

/* part4 */
.module1 .bottom li { width: 1.47rem; padding-top: 1.85rem; transform: translateX(0.1rem); }
.module2 .bottom li { width: 1.58rem; padding-top: 1.84rem; transform: translateX(0.4rem); }

/* tc */
.pop_up, .pop_up .pop_con { width: 7rem; height: 4rem; position: relative; outline: 0.02rem solid #d7b689; }
.pop_up .pop_con { -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop_up .pop_close { width: 0.5rem; height: 0.5rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/dia_close.png) no-repeat; background-size: 100% 100%; position: absolute; right: -0.12rem; top: -0.62rem; font-size: 0rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
@keyframes rotates {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#afooter { padding: 0.2rem 0; text-align: center; font-size: 0.16rem; line-height: 0.2rem; background-color: transparent; color: #ffffff; margin-top: 0; position: relative; z-index: 22; background-color: black; }
#afooter a, #afooter a:hover { color: #ffffff; text-decoration: none; }

/* nav */
.colorful-list3 { width: 7rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/colorful-list3.png) 0 0 / 7rem 1.66rem no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.colorful-list3 li:first-child { margin-left: 0.16rem; flex-shrink: 0; }
.colorful-list3 li:not(:last-child) { margin-right: 0.1rem; }
.colorful-subtitle3 { width: 7.2rem; height: 0.36rem; margin: 0 auto; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/m/module2_xcname.png) 0 0/100% 100% no-repeat; text-align: center; }
.colorful-subtitle3 em { font-size: 0.36rem; font-weight: bold; color: #f6cd8d; line-height: 1; margin-right: 0.06rem; }
.colorful-subtitle3 span { font-size: 0.36rem; color: #ffffff; line-height: 1; }

/* .wrapper .content{
height: 40.64rem;
background-size: 100% 100%;
} */

/* ¾ªÏ²ÀñºÐ end  */
.pop_up .pop-tit { margin: 0 auto; font-size: 0; }
.btn_tc { position: fixed; top: 0.6rem; left: 0; z-index: 998; }
.btn_tc button { font-size: 0.16rem; }

/* popComm start */
.pop, .pop *, .dia, .dia * { box-sizing: border-box; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
.pop .pop-close { position: absolute; top: 0rem; left: 50%; transform: translateX(-50%); z-index: 3; display: block; width: 0.5rem; height: 0.5rem; background-image: url('//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/dia_close.png'); }
.pop-comm { width: 6.1rem; height: 2.66rem; background-image: url('//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/popup.png'); }
.pop-msg { width: 100%; height: 1.72rem; display: flex; justify-content: center; align-items: center; padding: 0 0.33rem; text-align: center; font-size: 0.34rem; font-weight: bold; color: #000000; margin: 0.65rem auto 0; overflow: hidden; font-family: "Microsoft YaHei"; }

/* popComm end */